").html(element.clone()).html();
- // In IE browsers, the type sometimes doesn't exist in the cloned markup, so we replace the closing tag instead
- hasType = html.indexOf(" type=") > -1;
- findstr = hasType ? /\s+type=["']?\w+['"]?/ : /\/?>/;
- repstr = " type=\"" + optType + "\" data-" + $.mobile.ns + "type=\"" + type + "\"" + (hasType ? "" : ">");
-
- element.replaceWith(html.replace(findstr, repstr));
- }
- });
-
- };
-
- })(jQuery);
-
- (function ($, window, undefined) {
+ target
+ .find("input")
+ .not($.mobile.page.prototype.keepNativeSelector())
+ .each(function () {
+ var element = $(this),
+ type = this.getAttribute("type"),
+ optType = $.mobile.degradeInputs[type] || "text",
+ html,
+ hasType,
+ findstr,
+ repstr
+
+ if ($.mobile.degradeInputs[type]) {
+ html = $("
").html(element.clone()).html()
+ // In IE browsers, the type sometimes doesn't exist in the cloned markup, so we replace the closing tag instead
+ hasType = html.indexOf(" type=") > -1
+ findstr = hasType ? /\s+type=["']?\w+['"]?/ : /\/?>/
+ repstr =
+ ' type="' +
+ optType +
+ '" data-' +
+ $.mobile.ns +
+ 'type="' +
+ type +
+ '"' +
+ (hasType ? "" : ">")
+
+ element.replaceWith(html.replace(findstr, repstr))
+ }
+ })
+ }
+ })(jQuery)
+ ;(function ($, window, undefined) {
$.widget("mobile.page", $.mobile.page, {
options: {
-
// Accepts left, right and none
closeBtn: "left",
closeBtnText: "Close",
overlayTheme: "a",
corners: true,
- dialog: false
+ dialog: false,
},
_create: function () {
- this._super();
+ this._super()
if (this.options.dialog) {
-
$.extend(this, {
_inner: this.element.children(),
- _headerCloseButton: null
- });
+ _headerCloseButton: null,
+ })
if (!this.options.enhanced) {
- this._setCloseBtn(this.options.closeBtn);
+ this._setCloseBtn(this.options.closeBtn)
}
}
},
_enhance: function () {
- this._super();
+ this._super()
// Class the markup for dialog styling and wrap interior
if (this.options.dialog) {
- this.element.addClass("ui-dialog")
- .wrapInner($("
", {
-
+ this.element.addClass("ui-dialog").wrapInner(
+ $("
", {
// ARIA role
- "role": "dialog",
- "class": "ui-dialog-contain ui-overlay-shadow" +
- (this.options.corners ? " ui-corner-all" : "")
- }));
+ role: "dialog",
+ class:
+ "ui-dialog-contain ui-overlay-shadow" +
+ (this.options.corners ? " ui-corner-all" : ""),
+ })
+ )
}
},
_setOptions: function (options) {
- var closeButtonLocation, closeButtonText,
- currentOpts = this.options;
+ var closeButtonLocation,
+ closeButtonText,
+ currentOpts = this.options
if (options.corners !== undefined) {
- this._inner.toggleClass("ui-corner-all", !!options.corners);
+ this._inner.toggleClass("ui-corner-all", !!options.corners)
}
if (options.overlayTheme !== undefined) {
if ($.mobile.activePage[0] === this.element[0]) {
- currentOpts.overlayTheme = options.overlayTheme;
- this._handlePageBeforeShow();
+ currentOpts.overlayTheme = options.overlayTheme
+ this._handlePageBeforeShow()
}
}
if (options.closeBtnText !== undefined) {
- closeButtonLocation = currentOpts.closeBtn;
- closeButtonText = options.closeBtnText;
+ closeButtonLocation = currentOpts.closeBtn
+ closeButtonText = options.closeBtnText
}
if (options.closeBtn !== undefined) {
- closeButtonLocation = options.closeBtn;
+ closeButtonLocation = options.closeBtn
}
if (closeButtonLocation) {
- this._setCloseBtn(closeButtonLocation, closeButtonText);
+ this._setCloseBtn(closeButtonLocation, closeButtonText)
}
- this._super(options);
+ this._super(options)
},
_handlePageBeforeShow: function () {
if (this.options.overlayTheme && this.options.dialog) {
- this.removeContainerBackground();
- this.setContainerBackground(this.options.overlayTheme);
+ this.removeContainerBackground()
+ this.setContainerBackground(this.options.overlayTheme)
} else {
- this._super();
+ this._super()
}
},
_setCloseBtn: function (location, text) {
var dst,
- btn = this._headerCloseButton;
+ btn = this._headerCloseButton
// Sanitize value
- location = "left" === location ? "left" : "right" === location ? "right" : "none";
+ location =
+ "left" === location
+ ? "left"
+ : "right" === location
+ ? "right"
+ : "none"
if ("none" === location) {
if (btn) {
- btn.remove();
- btn = null;
+ btn.remove()
+ btn = null
}
} else if (btn) {
- btn.removeClass("ui-btn-left ui-btn-right").addClass("ui-btn-" + location);
+ btn.removeClass("ui-btn-left ui-btn-right").addClass(
+ "ui-btn-" + location
+ )
if (text) {
- btn.text(text);
+ btn.text(text)
}
} else {
- dst = this._inner.find(":jqmData(role='header')").first();
+ dst = this._inner.find(":jqmData(role='header')").first()
btn = $("
", {
- "href": "#",
- "class": "ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-" + location
+ href: "#",
+ class:
+ "ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-" +
+ location,
})
.attr("data-" + $.mobile.ns + "rel", "back")
.text(text || this.options.closeBtnText || "")
- .prependTo(dst);
+ .prependTo(dst)
}
- this._headerCloseButton = btn;
- }
- });
-
- })(jQuery, this);
-
- (function ($, window, undefined) {
+ this._headerCloseButton = btn
+ },
+ })
+ })(jQuery, this)
+ ;(function ($, window, undefined) {
$.widget("mobile.dialog", {
options: {
-
// Accepts left, right and none
closeBtn: "left",
closeBtnText: "Close",
overlayTheme: "a",
- corners: true
+ corners: true,
},
// Override the theme set by the page plugin on pageshow
_handlePageBeforeShow: function () {
- this._isCloseable = true;
+ this._isCloseable = true
if (this.options.overlayTheme) {
this.element
.page("removeContainerBackground")
- .page("setContainerBackground", this.options.overlayTheme);
+ .page(
+ "setContainerBackground",
+ this.options.overlayTheme
+ )
}
},
_handlePageBeforeHide: function () {
- this._isCloseable = false;
+ this._isCloseable = false
},
// click and submit events:
@@ -6720,139 +7598,150 @@
// it'll go back in history naturally
_handleVClickSubmit: function (event) {
var attrs,
- $target = $(event.target).closest(event.type === "vclick" ? "a" : "form");
+ $target = $(event.target).closest(
+ event.type === "vclick" ? "a" : "form"
+ )
if ($target.length && !$target.jqmData("transition")) {
- attrs = {};
+ attrs = {}
attrs["data-" + $.mobile.ns + "transition"] =
- ($.mobile.navigate.history.getActive() || {})["transition"] ||
- $.mobile.defaultDialogTransition;
- attrs["data-" + $.mobile.ns + "direction"] = "reverse";
- $target.attr(attrs);
+ ($.mobile.navigate.history.getActive() || {})[
+ "transition"
+ ] || $.mobile.defaultDialogTransition
+ attrs["data-" + $.mobile.ns + "direction"] = "reverse"
+ $target.attr(attrs)
}
},
_create: function () {
var elem = this.element,
- opts = this.options;
+ opts = this.options
// Class the markup for dialog styling and wrap interior
- elem.addClass("ui-dialog")
- .wrapInner($("
", {
-
+ elem.addClass("ui-dialog").wrapInner(
+ $("
", {
// ARIA role
- "role": "dialog",
- "class": "ui-dialog-contain ui-overlay-shadow" +
- (!!opts.corners ? " ui-corner-all" : "")
- }));
+ role: "dialog",
+ class:
+ "ui-dialog-contain ui-overlay-shadow" +
+ (!!opts.corners ? " ui-corner-all" : ""),
+ })
+ )
$.extend(this, {
_isCloseable: false,
_inner: elem.children(),
- _headerCloseButton: null
- });
+ _headerCloseButton: null,
+ })
this._on(elem, {
vclick: "_handleVClickSubmit",
submit: "_handleVClickSubmit",
pagebeforeshow: "_handlePageBeforeShow",
- pagebeforehide: "_handlePageBeforeHide"
- });
+ pagebeforehide: "_handlePageBeforeHide",
+ })
- this._setCloseBtn(opts.closeBtn);
+ this._setCloseBtn(opts.closeBtn)
},
_setOptions: function (options) {
- var closeButtonLocation, closeButtonText,
- currentOpts = this.options;
+ var closeButtonLocation,
+ closeButtonText,
+ currentOpts = this.options
if (options.corners !== undefined) {
- this._inner.toggleClass("ui-corner-all", !!options.corners);
+ this._inner.toggleClass("ui-corner-all", !!options.corners)
}
if (options.overlayTheme !== undefined) {
if ($.mobile.activePage[0] === this.element[0]) {
- currentOpts.overlayTheme = options.overlayTheme;
- this._handlePageBeforeShow();
+ currentOpts.overlayTheme = options.overlayTheme
+ this._handlePageBeforeShow()
}
}
if (options.closeBtnText !== undefined) {
- closeButtonLocation = currentOpts.closeBtn;
- closeButtonText = options.closeBtnText;
+ closeButtonLocation = currentOpts.closeBtn
+ closeButtonText = options.closeBtnText
}
if (options.closeBtn !== undefined) {
- closeButtonLocation = options.closeBtn;
+ closeButtonLocation = options.closeBtn
}
if (closeButtonLocation) {
- this._setCloseBtn(closeButtonLocation, closeButtonText);
+ this._setCloseBtn(closeButtonLocation, closeButtonText)
}
- this._super(options);
+ this._super(options)
},
_setCloseBtn: function (location, text) {
var dst,
- btn = this._headerCloseButton;
+ btn = this._headerCloseButton
// Sanitize value
- location = "left" === location ? "left" : "right" === location ? "right" : "none";
+ location =
+ "left" === location
+ ? "left"
+ : "right" === location
+ ? "right"
+ : "none"
if ("none" === location) {
if (btn) {
- btn.remove();
- btn = null;
+ btn.remove()
+ btn = null
}
} else if (btn) {
- btn.removeClass("ui-btn-left ui-btn-right").addClass("ui-btn-" + location);
+ btn.removeClass("ui-btn-left ui-btn-right").addClass(
+ "ui-btn-" + location
+ )
if (text) {
- btn.text(text);
+ btn.text(text)
}
} else {
- dst = this._inner.find(":jqmData(role='header')").first();
+ dst = this._inner.find(":jqmData(role='header')").first()
btn = $("
", {
- "role": "button",
- "href": "#",
- "class": "ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-" + location
+ role: "button",
+ href: "#",
+ class:
+ "ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-" +
+ location,
})
.text(text || this.options.closeBtnText || "")
- .prependTo(dst);
- this._on(btn, {click: "close"});
+ .prependTo(dst)
+ this._on(btn, { click: "close" })
}
- this._headerCloseButton = btn;
+ this._headerCloseButton = btn
},
// Close method goes back in history
close: function () {
- var hist = $.mobile.navigate.history;
+ var hist = $.mobile.navigate.history
if (this._isCloseable) {
- this._isCloseable = false;
+ this._isCloseable = false
// If the hash listening is enabled and there is at least one preceding history
// entry it's ok to go back. Initial pages with the dialog hash state are an example
// where the stack check is necessary
if ($.mobile.hashListeningEnabled && hist.activeIndex > 0) {
- $.mobile.back();
+ $.mobile.back()
} else {
- $.mobile.pageContainer.pagecontainer("back");
+ $.mobile.pageContainer.pagecontainer("back")
}
}
- }
- });
-
- })(jQuery, this);
-
- (function ($, undefined) {
+ },
+ })
+ })(jQuery, this)
+ ;(function ($, undefined) {
var rInitialLetter = /([A-Z])/g,
-
// Construct iconpos class from iconpos value
iconposClass = function (iconpos) {
- return ("ui-btn-icon-" + (iconpos === null ? "left" : iconpos));
- };
+ return "ui-btn-icon-" + (iconpos === null ? "left" : iconpos)
+ }
$.widget("mobile.collapsible", {
options: {
@@ -6868,167 +7757,221 @@
contentTheme: null,
inset: null,
corners: null,
- mini: null
+ mini: null,
},
_create: function () {
var elem = this.element,
ui = {
accordion: elem
- .closest(":jqmData(role='collapsible-set')," +
- ":jqmData(role='collapsibleset')" +
- ($.mobile.collapsibleset ? ", :mobile-collapsibleset" :
- ""))
- .addClass("ui-collapsible-set")
- };
+ .closest(
+ ":jqmData(role='collapsible-set')," +
+ ":jqmData(role='collapsibleset')" +
+ ($.mobile.collapsibleset
+ ? ", :mobile-collapsibleset"
+ : "")
+ )
+ .addClass("ui-collapsible-set"),
+ }
- this._ui = ui;
- this._renderedOptions = this._getOptions(this.options);
+ this._ui = ui
+ this._renderedOptions = this._getOptions(this.options)
if (this.options.enhanced) {
- ui.heading = this.element.children(".ui-collapsible-heading");
- ui.content = ui.heading.next();
- ui.anchor = ui.heading.children();
- ui.status = ui.anchor.children(".ui-collapsible-heading-status");
+ ui.heading = this.element.children(
+ ".ui-collapsible-heading"
+ )
+ ui.content = ui.heading.next()
+ ui.anchor = ui.heading.children()
+ ui.status = ui.anchor.children(
+ ".ui-collapsible-heading-status"
+ )
} else {
- this._enhance(elem, ui);
+ this._enhance(elem, ui)
}
this._on(ui.heading, {
- "tap": function () {
- ui.heading.find("a").first().addClass($.mobile.activeBtnClass);
+ tap: function () {
+ ui.heading
+ .find("a")
+ .first()
+ .addClass($.mobile.activeBtnClass)
},
- "click": function (event) {
- this._handleExpandCollapse(!ui.heading.hasClass("ui-collapsible-heading-collapsed"));
- event.preventDefault();
- event.stopPropagation();
- }
- });
+ click: function (event) {
+ this._handleExpandCollapse(
+ !ui.heading.hasClass(
+ "ui-collapsible-heading-collapsed"
+ )
+ )
+ event.preventDefault()
+ event.stopPropagation()
+ },
+ })
},
// Adjust the keys inside options for inherited values
_getOptions: function (options) {
var key,
accordion = this._ui.accordion,
- accordionWidget = this._ui.accordionWidget;
+ accordionWidget = this._ui.accordionWidget
// Copy options
- options = $.extend({}, options);
+ options = $.extend({}, options)
if (accordion.length && !accordionWidget) {
- this._ui.accordionWidget =
- accordionWidget = accordion.data("mobile-collapsibleset");
+ this._ui.accordionWidget = accordionWidget = accordion.data(
+ "mobile-collapsibleset"
+ )
}
for (key in options) {
-
// Retrieve the option value first from the options object passed in and, if
// null, from the parent accordion or, if that's null too, or if there's no
// parent accordion, then from the defaults.
options[key] =
- (options[key] != null) ? options[key] :
- (accordionWidget) ? accordionWidget.options[key] :
- accordion.length ? $.mobile.getAttribute(accordion[0],
- key.replace(rInitialLetter, "-$1").toLowerCase()) :
- null;
+ options[key] != null
+ ? options[key]
+ : accordionWidget
+ ? accordionWidget.options[key]
+ : accordion.length
+ ? $.mobile.getAttribute(
+ accordion[0],
+ key
+ .replace(rInitialLetter, "-$1")
+ .toLowerCase()
+ )
+ : null
if (null == options[key]) {
- options[key] = $.mobile.collapsible.defaults[key];
+ options[key] = $.mobile.collapsible.defaults[key]
}
}
- return options;
+ return options
},
_themeClassFromOption: function (prefix, value) {
- return (value ? (value === "none" ? "" : prefix + value) : "");
+ return value ? (value === "none" ? "" : prefix + value) : ""
},
_enhance: function (elem, ui) {
var iconclass,
opts = this._renderedOptions,
- contentThemeClass = this._themeClassFromOption("ui-body-", opts.contentTheme);
-
- elem.addClass("ui-collapsible " +
- (opts.inset ? "ui-collapsible-inset " : "") +
- (opts.inset && opts.corners ? "ui-corner-all " : "") +
- (contentThemeClass ? "ui-collapsible-themed-content " : ""));
- ui.originalHeading = elem.children(this.options.heading).first(),
- ui.content = elem
- .wrapInner("
")
- .children(".ui-collapsible-content"),
- ui.heading = ui.originalHeading;
+ contentThemeClass = this._themeClassFromOption(
+ "ui-body-",
+ opts.contentTheme
+ )
+
+ elem.addClass(
+ "ui-collapsible " +
+ (opts.inset ? "ui-collapsible-inset " : "") +
+ (opts.inset && opts.corners ? "ui-corner-all " : "") +
+ (contentThemeClass
+ ? "ui-collapsible-themed-content "
+ : "")
+ )
+ ;(ui.originalHeading = elem
+ .children(this.options.heading)
+ .first()),
+ (ui.content = elem
+ .wrapInner(
+ "
"
+ )
+ .children(".ui-collapsible-content")),
+ (ui.heading = ui.originalHeading)
// Replace collapsibleHeading if it's a legend
if (ui.heading.is("legend")) {
- ui.heading = $("
" + ui.heading.html() + "
");
- ui.placeholder = $("
").insertBefore(ui.originalHeading);
- ui.originalHeading.remove();
- }
-
- iconclass = (opts.collapsed ? (opts.collapsedIcon ? "ui-icon-" + opts.collapsedIcon : "") :
- (opts.expandedIcon ? "ui-icon-" + opts.expandedIcon : ""));
-
- ui.status = $("
");
+ ui.heading = $(
+ "
" + ui.heading.html() + "
"
+ )
+ ui.placeholder = $(
+ "
"
+ ).insertBefore(ui.originalHeading)
+ ui.originalHeading.remove()
+ }
+
+ iconclass = opts.collapsed
+ ? opts.collapsedIcon
+ ? "ui-icon-" + opts.collapsedIcon
+ : ""
+ : opts.expandedIcon
+ ? "ui-icon-" + opts.expandedIcon
+ : ""
+
+ ui.status = $(
+ "
"
+ )
ui.anchor = ui.heading
.detach()
//modify markup & attributes
.addClass("ui-collapsible-heading")
.append(ui.status)
- .wrapInner("
")
+ .wrapInner(
+ "
"
+ )
.find("a")
.first()
- .addClass("ui-btn " +
- (iconclass ? iconclass + " " : "") +
- (iconclass ? iconposClass(opts.iconpos) +
- " " : "") +
- this._themeClassFromOption("ui-btn-", opts.theme) + " " +
- (opts.mini ? "ui-mini " : ""));
+ .addClass(
+ "ui-btn " +
+ (iconclass ? iconclass + " " : "") +
+ (iconclass
+ ? iconposClass(opts.iconpos) + " "
+ : "") +
+ this._themeClassFromOption("ui-btn-", opts.theme) +
+ " " +
+ (opts.mini ? "ui-mini " : "")
+ )
//drop heading in before content
- ui.heading.insertBefore(ui.content);
+ ui.heading.insertBefore(ui.content)
- this._handleExpandCollapse(this.options.collapsed);
+ this._handleExpandCollapse(this.options.collapsed)
- return ui;
+ return ui
},
refresh: function () {
- this._applyOptions(this.options);
- this._renderedOptions = this._getOptions(this.options);
+ this._applyOptions(this.options)
+ this._renderedOptions = this._getOptions(this.options)
},
_applyOptions: function (options) {
- var isCollapsed, newTheme, oldTheme, hasCorners, hasIcon,
+ var isCollapsed,
+ newTheme,
+ oldTheme,
+ hasCorners,
+ hasIcon,
elem = this.element,
currentOpts = this._renderedOptions,
ui = this._ui,
anchor = ui.anchor,
status = ui.status,
- opts = this._getOptions(options);
+ opts = this._getOptions(options)
// First and foremost we need to make sure the collapsible is in the proper
// state, in case somebody decided to change the collapsed option at the
// same time as another option
if (options.collapsed !== undefined) {
- this._handleExpandCollapse(options.collapsed);
+ this._handleExpandCollapse(options.collapsed)
}
- isCollapsed = elem.hasClass("ui-collapsible-collapsed");
+ isCollapsed = elem.hasClass("ui-collapsible-collapsed")
// We only need to apply the cue text for the current state right away.
// The cue text for the alternate state will be stored in the options
// and applied the next time the collapsible's state is toggled
if (isCollapsed) {
if (opts.expandCueText !== undefined) {
- status.text(opts.expandCueText);
+ status.text(opts.expandCueText)
}
} else {
if (opts.collapseCueText !== undefined) {
- status.text(opts.collapseCueText);
+ status.text(opts.collapseCueText)
}
}
@@ -7036,148 +7979,195 @@
// Is it supposed to have an icon?
hasIcon =
-
// If the collapsedIcon is being set, consult that
- (opts.collapsedIcon !== undefined ? opts.collapsedIcon !== false :
-
- // Otherwise consult the existing option value
- currentOpts.collapsedIcon !== false);
-
+ opts.collapsedIcon !== undefined
+ ? opts.collapsedIcon !== false
+ : // Otherwise consult the existing option value
+ currentOpts.collapsedIcon !== false
// If any icon-related options have changed, make sure the new icon
// state is reflected by first removing all icon-related classes
// reflecting the current state and then adding all icon-related
// classes for the new state
- if (!(opts.iconpos === undefined &&
- opts.collapsedIcon === undefined &&
- opts.expandedIcon === undefined)) {
-
+ if (
+ !(
+ opts.iconpos === undefined &&
+ opts.collapsedIcon === undefined &&
+ opts.expandedIcon === undefined
+ )
+ ) {
// Remove all current icon-related classes
- anchor.removeClass([iconposClass(currentOpts.iconpos)]
- .concat((currentOpts.expandedIcon ?
- ["ui-icon-" + currentOpts.expandedIcon] : []))
- .concat((currentOpts.collapsedIcon ?
- ["ui-icon-" + currentOpts.collapsedIcon] : []))
- .join(" "));
+ anchor.removeClass(
+ [iconposClass(currentOpts.iconpos)]
+ .concat(
+ currentOpts.expandedIcon
+ ? ["ui-icon-" + currentOpts.expandedIcon]
+ : []
+ )
+ .concat(
+ currentOpts.collapsedIcon
+ ? ["ui-icon-" + currentOpts.collapsedIcon]
+ : []
+ )
+ .join(" ")
+ )
// Add new classes if an icon is supposed to be present
if (hasIcon) {
anchor.addClass(
- [iconposClass(opts.iconpos !== undefined ?
- opts.iconpos : currentOpts.iconpos)]
- .concat(isCollapsed ?
- ["ui-icon-" + (opts.collapsedIcon !== undefined ?
- opts.collapsedIcon :
- currentOpts.collapsedIcon)] :
- ["ui-icon-" + (opts.expandedIcon !== undefined ?
- opts.expandedIcon :
- currentOpts.expandedIcon)])
- .join(" "));
+ [
+ iconposClass(
+ opts.iconpos !== undefined
+ ? opts.iconpos
+ : currentOpts.iconpos
+ ),
+ ]
+ .concat(
+ isCollapsed
+ ? [
+ "ui-icon-" +
+ (opts.collapsedIcon !==
+ undefined
+ ? opts.collapsedIcon
+ : currentOpts.collapsedIcon),
+ ]
+ : [
+ "ui-icon-" +
+ (opts.expandedIcon !==
+ undefined
+ ? opts.expandedIcon
+ : currentOpts.expandedIcon),
+ ]
+ )
+ .join(" ")
+ )
}
}
if (opts.theme !== undefined) {
- oldTheme = this._themeClassFromOption("ui-btn-", currentOpts.theme);
- newTheme = this._themeClassFromOption("ui-btn-", opts.theme);
- anchor.removeClass(oldTheme).addClass(newTheme);
+ oldTheme = this._themeClassFromOption(
+ "ui-btn-",
+ currentOpts.theme
+ )
+ newTheme = this._themeClassFromOption("ui-btn-", opts.theme)
+ anchor.removeClass(oldTheme).addClass(newTheme)
}
if (opts.contentTheme !== undefined) {
- oldTheme = this._themeClassFromOption("ui-body-",
- currentOpts.contentTheme);
- newTheme = this._themeClassFromOption("ui-body-",
- opts.contentTheme);
- ui.content.removeClass(oldTheme).addClass(newTheme);
+ oldTheme = this._themeClassFromOption(
+ "ui-body-",
+ currentOpts.contentTheme
+ )
+ newTheme = this._themeClassFromOption(
+ "ui-body-",
+ opts.contentTheme
+ )
+ ui.content.removeClass(oldTheme).addClass(newTheme)
}
if (opts.inset !== undefined) {
- elem.toggleClass("ui-collapsible-inset", opts.inset);
- hasCorners = !!(opts.inset && (opts.corners || currentOpts.corners));
+ elem.toggleClass("ui-collapsible-inset", opts.inset)
+ hasCorners = !!(
+ opts.inset &&
+ (opts.corners || currentOpts.corners)
+ )
}
if (opts.corners !== undefined) {
- hasCorners = !!(opts.corners && (opts.inset || currentOpts.inset));
+ hasCorners = !!(
+ opts.corners &&
+ (opts.inset || currentOpts.inset)
+ )
}
if (hasCorners !== undefined) {
- elem.toggleClass("ui-corner-all", hasCorners);
+ elem.toggleClass("ui-corner-all", hasCorners)
}
if (opts.mini !== undefined) {
- anchor.toggleClass("ui-mini", opts.mini);
+ anchor.toggleClass("ui-mini", opts.mini)
}
},
_setOptions: function (options) {
- this._applyOptions(options);
- this._super(options);
- this._renderedOptions = this._getOptions(this.options);
+ this._applyOptions(options)
+ this._super(options)
+ this._renderedOptions = this._getOptions(this.options)
},
_handleExpandCollapse: function (isCollapse) {
var opts = this._renderedOptions,
- ui = this._ui;
+ ui = this._ui
- ui.status.text(isCollapse ? opts.expandCueText : opts.collapseCueText);
+ ui.status.text(
+ isCollapse ? opts.expandCueText : opts.collapseCueText
+ )
ui.heading
.toggleClass("ui-collapsible-heading-collapsed", isCollapse)
- .find("a").first()
+ .find("a")
+ .first()
.toggleClass("ui-icon-" + opts.expandedIcon, !isCollapse)
// logic or cause same icon for expanded/collapsed state would remove the ui-icon-class
- .toggleClass("ui-icon-" + opts.collapsedIcon, (isCollapse || opts.expandedIcon === opts.collapsedIcon))
- .removeClass($.mobile.activeBtnClass);
+ .toggleClass(
+ "ui-icon-" + opts.collapsedIcon,
+ isCollapse || opts.expandedIcon === opts.collapsedIcon
+ )
+ .removeClass($.mobile.activeBtnClass)
- this.element.toggleClass("ui-collapsible-collapsed", isCollapse);
+ this.element.toggleClass("ui-collapsible-collapsed", isCollapse)
ui.content
.toggleClass("ui-collapsible-content-collapsed", isCollapse)
.attr("aria-hidden", isCollapse)
- .trigger("updatelayout");
- this.options.collapsed = isCollapse;
- this._trigger(isCollapse ? "collapse" : "expand");
+ .trigger("updatelayout")
+ this.options.collapsed = isCollapse
+ this._trigger(isCollapse ? "collapse" : "expand")
},
expand: function () {
- this._handleExpandCollapse(false);
+ this._handleExpandCollapse(false)
},
collapse: function () {
- this._handleExpandCollapse(true);
+ this._handleExpandCollapse(true)
},
_destroy: function () {
var ui = this._ui,
- opts = this.options;
+ opts = this.options
if (opts.enhanced) {
- return;
+ return
}
if (ui.placeholder) {
- ui.originalHeading.insertBefore(ui.placeholder);
- ui.placeholder.remove();
- ui.heading.remove();
+ ui.originalHeading.insertBefore(ui.placeholder)
+ ui.placeholder.remove()
+ ui.heading.remove()
} else {
- ui.status.remove();
+ ui.status.remove()
ui.heading
- .removeClass("ui-collapsible-heading ui-collapsible-heading-collapsed")
+ .removeClass(
+ "ui-collapsible-heading ui-collapsible-heading-collapsed"
+ )
.children()
.contents()
- .unwrap();
+ .unwrap()
}
- ui.anchor.contents().unwrap();
- ui.content.contents().unwrap();
- this.element
- .removeClass("ui-collapsible ui-collapsible-collapsed " +
- "ui-collapsible-themed-content ui-collapsible-inset ui-corner-all");
- }
- });
+ ui.anchor.contents().unwrap()
+ ui.content.contents().unwrap()
+ this.element.removeClass(
+ "ui-collapsible ui-collapsible-collapsed " +
+ "ui-collapsible-themed-content ui-collapsible-inset ui-corner-all"
+ )
+ },
+ })
-// Defaults to be used by all instances of collapsible if per-instance values
-// are unset or if nothing is specified by way of inheritance from an accordion.
-// Note that this hash does not contain options "collapsed" or "heading",
-// because those are not inheritable.
+ // Defaults to be used by all instances of collapsible if per-instance values
+ // are unset or if nothing is specified by way of inheritance from an accordion.
+ // Note that this hash does not contain options "collapsed" or "heading",
+ // because those are not inheritable.
$.mobile.collapsible.defaults = {
expandCueText: " click to expand contents",
collapseCueText: " click to collapse contents",
@@ -7188,1140 +8178,1443 @@
inset: true,
corners: true,
theme: "inherit",
- mini: false
- };
-
- })(jQuery);
-
- (function ($, undefined) {
+ mini: false,
+ }
+ })(jQuery)
- var uiScreenHiddenRegex = /\bui-screen-hidden\b/;
+ ;(function ($, undefined) {
+ var uiScreenHiddenRegex = /\bui-screen-hidden\b/
function noHiddenClass(elements) {
var index,
length = elements.length,
- result = [];
+ result = []
for (index = 0; index < length; index++) {
if (!elements[index].className.match(uiScreenHiddenRegex)) {
- result.push(elements[index]);
+ result.push(elements[index])
}
}
- return $(result);
+ return $(result)
}
$.mobile.behaviors.addFirstLastClasses = {
_getVisibles: function ($els, create) {
- var visibles;
+ var visibles
if (create) {
- visibles = noHiddenClass($els);
+ visibles = noHiddenClass($els)
} else {
- visibles = $els.filter(":visible");
+ visibles = $els.filter(":visible")
if (visibles.length === 0) {
- visibles = noHiddenClass($els);
+ visibles = noHiddenClass($els)
}
}
- return visibles;
+ return visibles
},
_addFirstLastClasses: function ($els, $visibles, create) {
- $els.removeClass("ui-first-child ui-last-child");
- $visibles.eq(0).addClass("ui-first-child").end().last().addClass("ui-last-child");
+ $els.removeClass("ui-first-child ui-last-child")
+ $visibles
+ .eq(0)
+ .addClass("ui-first-child")
+ .end()
+ .last()
+ .addClass("ui-last-child")
if (!create) {
- this.element.trigger("updatelayout");
+ this.element.trigger("updatelayout")
}
},
_removeFirstLastClasses: function ($els) {
- $els.removeClass("ui-first-child ui-last-child");
- }
- };
-
- })(jQuery);
-
- (function ($, undefined) {
-
- var childCollapsiblesSelector = ":mobile-collapsible, " + $.mobile.collapsible.initSelector;
-
- $.widget("mobile.collapsibleset", $.extend({
-
- // The initSelector is deprecated as of 1.4.0. In 1.5.0 we will use
- // :jqmData(role='collapsibleset') which will allow us to get rid of the line
- // below altogether, because the autoinit will generate such an initSelector
- initSelector: ":jqmData(role='collapsible-set'),:jqmData(role='collapsibleset')",
-
- options: $.extend({
- enhanced: false
- }, $.mobile.collapsible.defaults),
-
- _handleCollapsibleExpand: function (event) {
- var closestCollapsible = $(event.target).closest(".ui-collapsible");
-
- if (closestCollapsible.parent().is(":mobile-collapsibleset, :jqmData(role='collapsible-set')")) {
- closestCollapsible
- .siblings(".ui-collapsible:not(.ui-collapsible-collapsed)")
- .collapsible("collapse");
- }
- },
-
- _create: function () {
- var elem = this.element,
- opts = this.options;
-
- $.extend(this, {
- _classes: ""
- });
-
- if (!opts.enhanced) {
- elem.addClass("ui-collapsible-set " +
- this._themeClassFromOption("ui-group-theme-", opts.theme) + " " +
- (opts.corners && opts.inset ? "ui-corner-all " : ""));
- this.element.find($.mobile.collapsible.initSelector).collapsible();
- }
-
- this._on(elem, {collapsibleexpand: "_handleCollapsibleExpand"});
+ $els.removeClass("ui-first-child ui-last-child")
},
+ }
+ })(jQuery)
+
+ ;(function ($, undefined) {
+ var childCollapsiblesSelector =
+ ":mobile-collapsible, " + $.mobile.collapsible.initSelector
+
+ $.widget(
+ "mobile.collapsibleset",
+ $.extend(
+ {
+ // The initSelector is deprecated as of 1.4.0. In 1.5.0 we will use
+ // :jqmData(role='collapsibleset') which will allow us to get rid of the line
+ // below altogether, because the autoinit will generate such an initSelector
+ initSelector:
+ ":jqmData(role='collapsible-set'),:jqmData(role='collapsibleset')",
+
+ options: $.extend(
+ {
+ enhanced: false,
+ },
+ $.mobile.collapsible.defaults
+ ),
- _themeClassFromOption: function (prefix, value) {
- return (value ? (value === "none" ? "" : prefix + value) : "");
- },
+ _handleCollapsibleExpand: function (event) {
+ var closestCollapsible = $(event.target).closest(
+ ".ui-collapsible"
+ )
+
+ if (
+ closestCollapsible
+ .parent()
+ .is(
+ ":mobile-collapsibleset, :jqmData(role='collapsible-set')"
+ )
+ ) {
+ closestCollapsible
+ .siblings(
+ ".ui-collapsible:not(.ui-collapsible-collapsed)"
+ )
+ .collapsible("collapse")
+ }
+ },
- _init: function () {
- this._refresh(true);
+ _create: function () {
+ var elem = this.element,
+ opts = this.options
- // Because the corners are handled by the collapsible itself and the default state is collapsed
- // That was causing https://github.com/jquery/jquery-mobile/issues/4116
- this.element
- .children(childCollapsiblesSelector)
- .filter(":jqmData(collapsed='false')")
- .collapsible("expand");
- },
+ $.extend(this, {
+ _classes: "",
+ })
- _setOptions: function (options) {
- var ret, hasCorners,
- elem = this.element,
- themeClass = this._themeClassFromOption("ui-group-theme-", options.theme);
+ if (!opts.enhanced) {
+ elem.addClass(
+ "ui-collapsible-set " +
+ this._themeClassFromOption(
+ "ui-group-theme-",
+ opts.theme
+ ) +
+ " " +
+ (opts.corners && opts.inset
+ ? "ui-corner-all "
+ : "")
+ )
+ this.element
+ .find($.mobile.collapsible.initSelector)
+ .collapsible()
+ }
- if (themeClass) {
- elem
- .removeClass(this._themeClassFromOption("ui-group-theme-", this.options.theme))
- .addClass(themeClass);
- }
+ this._on(elem, {
+ collapsibleexpand: "_handleCollapsibleExpand",
+ })
+ },
- if (options.inset !== undefined) {
- hasCorners = !!(options.inset && (options.corners || this.options.corners));
- }
+ _themeClassFromOption: function (prefix, value) {
+ return value
+ ? value === "none"
+ ? ""
+ : prefix + value
+ : ""
+ },
- if (options.corners !== undefined) {
- hasCorners = !!(options.corners && (options.inset || this.options.inset));
- }
+ _init: function () {
+ this._refresh(true)
- if (hasCorners !== undefined) {
- elem.toggleClass("ui-corner-all", hasCorners);
- }
+ // Because the corners are handled by the collapsible itself and the default state is collapsed
+ // That was causing https://github.com/jquery/jquery-mobile/issues/4116
+ this.element
+ .children(childCollapsiblesSelector)
+ .filter(":jqmData(collapsed='false')")
+ .collapsible("expand")
+ },
- ret = this._super(options);
- this.element.children(":mobile-collapsible").collapsible("refresh");
- return ret;
- },
+ _setOptions: function (options) {
+ var ret,
+ hasCorners,
+ elem = this.element,
+ themeClass = this._themeClassFromOption(
+ "ui-group-theme-",
+ options.theme
+ )
+
+ if (themeClass) {
+ elem.removeClass(
+ this._themeClassFromOption(
+ "ui-group-theme-",
+ this.options.theme
+ )
+ ).addClass(themeClass)
+ }
- _destroy: function () {
- var el = this.element;
+ if (options.inset !== undefined) {
+ hasCorners = !!(
+ options.inset &&
+ (options.corners || this.options.corners)
+ )
+ }
- this._removeFirstLastClasses(el.children(childCollapsiblesSelector));
- el
- .removeClass("ui-collapsible-set ui-corner-all " +
- this._themeClassFromOption("ui-group-theme-", this.options.theme))
- .children(":mobile-collapsible")
- .collapsible("destroy");
- },
+ if (options.corners !== undefined) {
+ hasCorners = !!(
+ options.corners &&
+ (options.inset || this.options.inset)
+ )
+ }
- _refresh: function (create) {
- var collapsiblesInSet = this.element.children(childCollapsiblesSelector);
+ if (hasCorners !== undefined) {
+ elem.toggleClass("ui-corner-all", hasCorners)
+ }
- this.element.find($.mobile.collapsible.initSelector).not(".ui-collapsible").collapsible();
+ ret = this._super(options)
+ this.element
+ .children(":mobile-collapsible")
+ .collapsible("refresh")
+ return ret
+ },
- this._addFirstLastClasses(collapsiblesInSet, this._getVisibles(collapsiblesInSet, create), create);
- },
+ _destroy: function () {
+ var el = this.element
+
+ this._removeFirstLastClasses(
+ el.children(childCollapsiblesSelector)
+ )
+ el.removeClass(
+ "ui-collapsible-set ui-corner-all " +
+ this._themeClassFromOption(
+ "ui-group-theme-",
+ this.options.theme
+ )
+ )
+ .children(":mobile-collapsible")
+ .collapsible("destroy")
+ },
- refresh: function () {
- this._refresh(false);
- }
- }, $.mobile.behaviors.addFirstLastClasses));
+ _refresh: function (create) {
+ var collapsiblesInSet = this.element.children(
+ childCollapsiblesSelector
+ )
- })(jQuery);
+ this.element
+ .find($.mobile.collapsible.initSelector)
+ .not(".ui-collapsible")
+ .collapsible()
+
+ this._addFirstLastClasses(
+ collapsiblesInSet,
+ this._getVisibles(collapsiblesInSet, create),
+ create
+ )
+ },
- (function ($, undefined) {
+ refresh: function () {
+ this._refresh(false)
+ },
+ },
+ $.mobile.behaviors.addFirstLastClasses
+ )
+ )
+ })(jQuery)
-// Deprecated in 1.4
+ ;(function ($, undefined) {
+ // Deprecated in 1.4
$.fn.fieldcontain = function (/* options */) {
- return this.addClass("ui-field-contain");
- };
-
- })(jQuery);
-
- (function ($, undefined) {
+ return this.addClass("ui-field-contain")
+ }
+ })(jQuery)
+ ;(function ($, undefined) {
$.fn.grid = function (options) {
return this.each(function () {
-
var $this = $(this),
- o = $.extend({
- grid: null
- }, options),
+ o = $.extend(
+ {
+ grid: null,
+ },
+ options
+ ),
$kids = $this.children(),
- gridCols = {solo: 1, a: 2, b: 3, c: 4, d: 5},
+ gridCols = { solo: 1, a: 2, b: 3, c: 4, d: 5 },
grid = o.grid,
iterator,
- letter;
+ letter
if (!grid) {
if ($kids.length <= 5) {
for (letter in gridCols) {
if (gridCols[letter] === $kids.length) {
- grid = letter;
+ grid = letter
}
}
} else {
- grid = "a";
- $this.addClass("ui-grid-duo");
+ grid = "a"
+ $this.addClass("ui-grid-duo")
}
}
- iterator = gridCols[grid];
+ iterator = gridCols[grid]
- $this.addClass("ui-grid-" + grid);
+ $this.addClass("ui-grid-" + grid)
- $kids.filter(":nth-child(" + iterator + "n+1)").addClass("ui-block-a");
+ $kids
+ .filter(":nth-child(" + iterator + "n+1)")
+ .addClass("ui-block-a")
if (iterator > 1) {
- $kids.filter(":nth-child(" + iterator + "n+2)").addClass("ui-block-b");
+ $kids
+ .filter(":nth-child(" + iterator + "n+2)")
+ .addClass("ui-block-b")
}
if (iterator > 2) {
- $kids.filter(":nth-child(" + iterator + "n+3)").addClass("ui-block-c");
+ $kids
+ .filter(":nth-child(" + iterator + "n+3)")
+ .addClass("ui-block-c")
}
if (iterator > 3) {
- $kids.filter(":nth-child(" + iterator + "n+4)").addClass("ui-block-d");
+ $kids
+ .filter(":nth-child(" + iterator + "n+4)")
+ .addClass("ui-block-d")
}
if (iterator > 4) {
- $kids.filter(":nth-child(" + iterator + "n+5)").addClass("ui-block-e");
+ $kids
+ .filter(":nth-child(" + iterator + "n+5)")
+ .addClass("ui-block-e")
}
- });
- };
- })(jQuery);
-
- (function ($, undefined) {
+ })
+ }
+ })(jQuery)
+ ;(function ($, undefined) {
$.widget("mobile.navbar", {
options: {
iconpos: "top",
- grid: null
+ grid: null,
},
_create: function () {
-
var $navbar = this.element,
$navbtns = $navbar.find("a, button"),
- iconpos = $navbtns.filter(":jqmData(icon)").length ? this.options.iconpos : undefined;
+ iconpos = $navbtns.filter(":jqmData(icon)").length
+ ? this.options.iconpos
+ : undefined
- $navbar.addClass("ui-navbar")
+ $navbar
+ .addClass("ui-navbar")
.attr("role", "navigation")
.find("ul")
.jqmEnhanceable()
- .grid({grid: this.options.grid});
-
- $navbtns
- .each(function () {
- var icon = $.mobile.getAttribute(this, "icon"),
- theme = $.mobile.getAttribute(this, "theme"),
- classes = "ui-btn";
-
- if (theme) {
- classes += " ui-btn-" + theme;
- }
- if (icon) {
- classes += " ui-icon-" + icon + " ui-btn-icon-" + iconpos;
- }
- $(this).addClass(classes);
- });
+ .grid({ grid: this.options.grid })
- $navbar.delegate("a", "vclick", function ( /* event */) {
- var activeBtn = $(this);
+ $navbtns.each(function () {
+ var icon = $.mobile.getAttribute(this, "icon"),
+ theme = $.mobile.getAttribute(this, "theme"),
+ classes = "ui-btn"
- if (!(activeBtn.hasClass("ui-state-disabled") ||
-
- // DEPRECATED as of 1.4.0 - remove after 1.4.0 release
- // only ui-state-disabled should be present thereafter
- activeBtn.hasClass("ui-disabled") ||
- activeBtn.hasClass($.mobile.activeBtnClass))) {
+ if (theme) {
+ classes += " ui-btn-" + theme
+ }
+ if (icon) {
+ classes +=
+ " ui-icon-" + icon + " ui-btn-icon-" + iconpos
+ }
+ $(this).addClass(classes)
+ })
- $navbtns.removeClass($.mobile.activeBtnClass);
- activeBtn.addClass($.mobile.activeBtnClass);
+ $navbar.delegate("a", "vclick", function (/* event */) {
+ var activeBtn = $(this)
+
+ if (
+ !(
+ activeBtn.hasClass("ui-state-disabled") ||
+ // DEPRECATED as of 1.4.0 - remove after 1.4.0 release
+ // only ui-state-disabled should be present thereafter
+ activeBtn.hasClass("ui-disabled") ||
+ activeBtn.hasClass($.mobile.activeBtnClass)
+ )
+ ) {
+ $navbtns.removeClass($.mobile.activeBtnClass)
+ activeBtn.addClass($.mobile.activeBtnClass)
// The code below is a workaround to fix #1181
$(document).one("pagehide", function () {
- activeBtn.removeClass($.mobile.activeBtnClass);
- });
+ activeBtn.removeClass($.mobile.activeBtnClass)
+ })
}
- });
+ })
// Buttons in the navbar with ui-state-persist class should regain their active state before page show
$navbar.closest(".ui-page").bind("pagebeforeshow", function () {
- $navbtns.filter(".ui-state-persist").addClass($.mobile.activeBtnClass);
- });
- }
- });
-
- })(jQuery);
-
- (function ($, undefined) {
-
- var getAttr = $.mobile.getAttribute;
-
- $.widget("mobile.listview", $.extend({
-
- options: {
- theme: null,
- countTheme: null, /* Deprecated in 1.4 */
- dividerTheme: null,
- icon: "carat-r",
- splitIcon: "carat-r",
- splitTheme: null,
- corners: true,
- shadow: true,
- inset: false
- },
-
- _create: function () {
- var t = this,
- listviewClasses = "";
-
- listviewClasses += t.options.inset ? " ui-listview-inset" : "";
-
- if (!!t.options.inset) {
- listviewClasses += t.options.corners ? " ui-corner-all" : "";
- listviewClasses += t.options.shadow ? " ui-shadow" : "";
- }
-
- // create listview markup
- t.element.addClass(" ui-listview" + listviewClasses);
-
- t.refresh(true);
- },
-
- // TODO: Remove in 1.5
- _findFirstElementByTagName: function (ele, nextProp, lcName, ucName) {
- var dict = {};
- dict[lcName] = dict[ucName] = true;
- while (ele) {
- if (dict[ele.nodeName]) {
- return ele;
- }
- ele = ele[nextProp];
- }
- return null;
- },
- // TODO: Remove in 1.5
- _addThumbClasses: function (containers) {
- var i, img, len = containers.length;
- for (i = 0; i < len; i++) {
- img = $(this._findFirstElementByTagName(containers[i].firstChild, "nextSibling", "img", "IMG"));
- if (img.length) {
- $(this._findFirstElementByTagName(img[0].parentNode, "parentNode", "li", "LI")).addClass(img.hasClass("ui-li-icon") ? "ui-li-has-icon" : "ui-li-has-thumb");
- }
- }
- },
-
- _getChildrenByTagName: function (ele, lcName, ucName) {
- var results = [],
- dict = {};
- dict[lcName] = dict[ucName] = true;
- ele = ele.firstChild;
- while (ele) {
- if (dict[ele.nodeName]) {
- results.push(ele);
- }
- ele = ele.nextSibling;
- }
- return $(results);
+ $navbtns
+ .filter(".ui-state-persist")
+ .addClass($.mobile.activeBtnClass)
+ })
},
+ })
+ })(jQuery)
+
+ ;(function ($, undefined) {
+ var getAttr = $.mobile.getAttribute
+
+ $.widget(
+ "mobile.listview",
+ $.extend(
+ {
+ options: {
+ theme: null,
+ countTheme: null /* Deprecated in 1.4 */,
+ dividerTheme: null,
+ icon: "carat-r",
+ splitIcon: "carat-r",
+ splitTheme: null,
+ corners: true,
+ shadow: true,
+ inset: false,
+ },
- _beforeListviewRefresh: $.noop,
- _afterListviewRefresh: $.noop,
-
- refresh: function (create) {
- var buttonClass, pos, numli, item, itemClass, itemTheme, itemIcon, icon, a,
- isDivider, startCount, newStartCount, value, last, splittheme, splitThemeClass, spliticon,
- altButtonClass, dividerTheme, li,
- o = this.options,
- $list = this.element,
- ol = !!$.nodeName($list[0], "ol"),
- start = $list.attr("start"),
- itemClassDict = {},
- countBubbles = $list.find(".ui-li-count"),
- countTheme = getAttr($list[0], "counttheme") || this.options.countTheme,
- countThemeClass = countTheme ? "ui-body-" + countTheme : "ui-body-inherit";
-
- if (o.theme) {
- $list.addClass("ui-group-theme-" + o.theme);
- }
-
- // Check if a start attribute has been set while taking a value of 0 into account
- if (ol && (start || start === 0)) {
- startCount = parseInt(start, 10) - 1;
- $list.css("counter-reset", "listnumbering " + startCount);
- }
-
- this._beforeListviewRefresh();
-
- li = this._getChildrenByTagName($list[0], "li", "LI");
-
- for (pos = 0, numli = li.length; pos < numli; pos++) {
- item = li.eq(pos);
- itemClass = "";
-
- if (create || item[0].className.search(/\bui-li-static\b|\bui-li-divider\b/) < 0) {
- a = this._getChildrenByTagName(item[0], "a", "A");
- isDivider = (getAttr(item[0], "role") === "list-divider");
- value = item.attr("value");
- itemTheme = getAttr(item[0], "theme");
-
- if (a.length && a[0].className.search(/\bui-btn\b/) < 0 && !isDivider) {
- itemIcon = getAttr(item[0], "icon");
- icon = (itemIcon === false) ? false : (itemIcon || o.icon);
+ _create: function () {
+ var t = this,
+ listviewClasses = ""
+
+ listviewClasses += t.options.inset
+ ? " ui-listview-inset"
+ : ""
+
+ if (!!t.options.inset) {
+ listviewClasses += t.options.corners
+ ? " ui-corner-all"
+ : ""
+ listviewClasses += t.options.shadow
+ ? " ui-shadow"
+ : ""
+ }
- // TODO: Remove in 1.5 together with links.js (links.js / .ui-link deprecated in 1.4)
- a.removeClass("ui-link");
+ // create listview markup
+ t.element.addClass(" ui-listview" + listviewClasses)
- buttonClass = "ui-btn";
+ t.refresh(true)
+ },
- if (itemTheme) {
- buttonClass += " ui-btn-" + itemTheme;
+ // TODO: Remove in 1.5
+ _findFirstElementByTagName: function (
+ ele,
+ nextProp,
+ lcName,
+ ucName
+ ) {
+ var dict = {}
+ dict[lcName] = dict[ucName] = true
+ while (ele) {
+ if (dict[ele.nodeName]) {
+ return ele
}
-
- if (a.length > 1) {
- itemClass = "ui-li-has-alt";
-
- last = a.last();
- splittheme = getAttr(last[0], "theme") || o.splitTheme || getAttr(item[0], "theme", true);
- splitThemeClass = splittheme ? " ui-btn-" + splittheme : "";
- spliticon = getAttr(last[0], "icon") || getAttr(item[0], "icon") || o.splitIcon;
- altButtonClass = "ui-btn ui-btn-icon-notext ui-icon-" + spliticon + splitThemeClass;
-
- last
- .attr("title", $.trim(last.getEncodedText()))
- .addClass(altButtonClass)
- .empty();
-
- // Reduce to the first anchor, because only the first gets the buttonClass
- a = a.first();
- } else if (icon) {
- buttonClass += " ui-btn-icon-right ui-icon-" + icon;
+ ele = ele[nextProp]
+ }
+ return null
+ },
+ // TODO: Remove in 1.5
+ _addThumbClasses: function (containers) {
+ var i,
+ img,
+ len = containers.length
+ for (i = 0; i < len; i++) {
+ img = $(
+ this._findFirstElementByTagName(
+ containers[i].firstChild,
+ "nextSibling",
+ "img",
+ "IMG"
+ )
+ )
+ if (img.length) {
+ $(
+ this._findFirstElementByTagName(
+ img[0].parentNode,
+ "parentNode",
+ "li",
+ "LI"
+ )
+ ).addClass(
+ img.hasClass("ui-li-icon")
+ ? "ui-li-has-icon"
+ : "ui-li-has-thumb"
+ )
}
+ }
+ },
- // Apply buttonClass to the (first) anchor
- a.addClass(buttonClass);
- } else if (isDivider) {
- dividerTheme = (getAttr(item[0], "theme") || o.dividerTheme || o.theme);
+ _getChildrenByTagName: function (ele, lcName, ucName) {
+ var results = [],
+ dict = {}
+ dict[lcName] = dict[ucName] = true
+ ele = ele.firstChild
+ while (ele) {
+ if (dict[ele.nodeName]) {
+ results.push(ele)
+ }
+ ele = ele.nextSibling
+ }
+ return $(results)
+ },
- itemClass = "ui-li-divider ui-bar-" + (dividerTheme ? dividerTheme : "inherit");
+ _beforeListviewRefresh: $.noop,
+ _afterListviewRefresh: $.noop,
+
+ refresh: function (create) {
+ var buttonClass,
+ pos,
+ numli,
+ item,
+ itemClass,
+ itemTheme,
+ itemIcon,
+ icon,
+ a,
+ isDivider,
+ startCount,
+ newStartCount,
+ value,
+ last,
+ splittheme,
+ splitThemeClass,
+ spliticon,
+ altButtonClass,
+ dividerTheme,
+ li,
+ o = this.options,
+ $list = this.element,
+ ol = !!$.nodeName($list[0], "ol"),
+ start = $list.attr("start"),
+ itemClassDict = {},
+ countBubbles = $list.find(".ui-li-count"),
+ countTheme =
+ getAttr($list[0], "counttheme") ||
+ this.options.countTheme,
+ countThemeClass = countTheme
+ ? "ui-body-" + countTheme
+ : "ui-body-inherit"
- item.attr("role", "heading");
- } else if (a.length <= 0) {
- itemClass = "ui-li-static ui-body-" + (itemTheme ? itemTheme : "inherit");
+ if (o.theme) {
+ $list.addClass("ui-group-theme-" + o.theme)
}
- if (ol && value) {
- newStartCount = parseInt(value, 10) - 1;
- item.css("counter-reset", "listnumbering " + newStartCount);
+ // Check if a start attribute has been set while taking a value of 0 into account
+ if (ol && (start || start === 0)) {
+ startCount = parseInt(start, 10) - 1
+ $list.css(
+ "counter-reset",
+ "listnumbering " + startCount
+ )
}
- }
- // Instead of setting item class directly on the list item
- // at this point in time, push the item into a dictionary
- // that tells us what class to set on it so we can do this after this
- // processing loop is finished.
+ this._beforeListviewRefresh()
+
+ li = this._getChildrenByTagName($list[0], "li", "LI")
+
+ for (pos = 0, numli = li.length; pos < numli; pos++) {
+ item = li.eq(pos)
+ itemClass = ""
+
+ if (
+ create ||
+ item[0].className.search(
+ /\bui-li-static\b|\bui-li-divider\b/
+ ) < 0
+ ) {
+ a = this._getChildrenByTagName(
+ item[0],
+ "a",
+ "A"
+ )
+ isDivider =
+ getAttr(item[0], "role") === "list-divider"
+ value = item.attr("value")
+ itemTheme = getAttr(item[0], "theme")
+
+ if (
+ a.length &&
+ a[0].className.search(/\bui-btn\b/) < 0 &&
+ !isDivider
+ ) {
+ itemIcon = getAttr(item[0], "icon")
+ icon =
+ itemIcon === false
+ ? false
+ : itemIcon || o.icon
+
+ // TODO: Remove in 1.5 together with links.js (links.js / .ui-link deprecated in 1.4)
+ a.removeClass("ui-link")
+
+ buttonClass = "ui-btn"
+
+ if (itemTheme) {
+ buttonClass += " ui-btn-" + itemTheme
+ }
+
+ if (a.length > 1) {
+ itemClass = "ui-li-has-alt"
+
+ last = a.last()
+ splittheme =
+ getAttr(last[0], "theme") ||
+ o.splitTheme ||
+ getAttr(item[0], "theme", true)
+ splitThemeClass = splittheme
+ ? " ui-btn-" + splittheme
+ : ""
+ spliticon =
+ getAttr(last[0], "icon") ||
+ getAttr(item[0], "icon") ||
+ o.splitIcon
+ altButtonClass =
+ "ui-btn ui-btn-icon-notext ui-icon-" +
+ spliticon +
+ splitThemeClass
+
+ last.attr(
+ "title",
+ $.trim(last.getEncodedText())
+ )
+ .addClass(altButtonClass)
+ .empty()
+
+ // Reduce to the first anchor, because only the first gets the buttonClass
+ a = a.first()
+ } else if (icon) {
+ buttonClass +=
+ " ui-btn-icon-right ui-icon-" + icon
+ }
+
+ // Apply buttonClass to the (first) anchor
+ a.addClass(buttonClass)
+ } else if (isDivider) {
+ dividerTheme =
+ getAttr(item[0], "theme") ||
+ o.dividerTheme ||
+ o.theme
+
+ itemClass =
+ "ui-li-divider ui-bar-" +
+ (dividerTheme
+ ? dividerTheme
+ : "inherit")
+
+ item.attr("role", "heading")
+ } else if (a.length <= 0) {
+ itemClass =
+ "ui-li-static ui-body-" +
+ (itemTheme ? itemTheme : "inherit")
+ }
+ if (ol && value) {
+ newStartCount = parseInt(value, 10) - 1
- if (!itemClassDict[itemClass]) {
- itemClassDict[itemClass] = [];
- }
+ item.css(
+ "counter-reset",
+ "listnumbering " + newStartCount
+ )
+ }
+ }
- itemClassDict[itemClass].push(item[0]);
- }
+ // Instead of setting item class directly on the list item
+ // at this point in time, push the item into a dictionary
+ // that tells us what class to set on it so we can do this after this
+ // processing loop is finished.
- // Set the appropriate listview item classes on each list item.
- // The main reason we didn't do this
- // in the for-loop above is because we can eliminate per-item function overhead
- // by calling addClass() and children() once or twice afterwards. This
- // can give us a significant boost on platforms like WP7.5.
+ if (!itemClassDict[itemClass]) {
+ itemClassDict[itemClass] = []
+ }
- for (itemClass in itemClassDict) {
- $(itemClassDict[itemClass]).addClass(itemClass);
- }
+ itemClassDict[itemClass].push(item[0])
+ }
- countBubbles.each(function () {
- $(this).closest("li").addClass("ui-li-has-count");
- });
- if (countThemeClass) {
- countBubbles.not("[class*='ui-body-']").addClass(countThemeClass);
- }
+ // Set the appropriate listview item classes on each list item.
+ // The main reason we didn't do this
+ // in the for-loop above is because we can eliminate per-item function overhead
+ // by calling addClass() and children() once or twice afterwards. This
+ // can give us a significant boost on platforms like WP7.5.
- // Deprecated in 1.4. From 1.5 you have to add class ui-li-has-thumb or ui-li-has-icon to the LI.
- this._addThumbClasses(li);
- this._addThumbClasses(li.find(".ui-btn"));
+ for (itemClass in itemClassDict) {
+ $(itemClassDict[itemClass]).addClass(itemClass)
+ }
- this._afterListviewRefresh();
+ countBubbles.each(function () {
+ $(this).closest("li").addClass("ui-li-has-count")
+ })
+ if (countThemeClass) {
+ countBubbles
+ .not("[class*='ui-body-']")
+ .addClass(countThemeClass)
+ }
- this._addFirstLastClasses(li, this._getVisibles(li, create), create);
- }
- }, $.mobile.behaviors.addFirstLastClasses));
+ // Deprecated in 1.4. From 1.5 you have to add class ui-li-has-thumb or ui-li-has-icon to the LI.
+ this._addThumbClasses(li)
+ this._addThumbClasses(li.find(".ui-btn"))
- })(jQuery);
+ this._afterListviewRefresh()
- (function ($, undefined) {
+ this._addFirstLastClasses(
+ li,
+ this._getVisibles(li, create),
+ create
+ )
+ },
+ },
+ $.mobile.behaviors.addFirstLastClasses
+ )
+ )
+ })(jQuery)
+ ;(function ($, undefined) {
function defaultAutodividersSelector(elt) {
// look for the text in the given element
- var text = $.trim(elt.text()) || null;
+ var text = $.trim(elt.text()) || null
if (!text) {
- return null;
+ return null
}
// create the text for the divider (first uppercased letter)
- text = text.slice(0, 1).toUpperCase();
+ text = text.slice(0, 1).toUpperCase()
- return text;
+ return text
}
$.widget("mobile.listview", $.mobile.listview, {
options: {
autodividers: false,
- autodividersSelector: defaultAutodividersSelector
+ autodividersSelector: defaultAutodividersSelector,
},
_beforeListviewRefresh: function () {
if (this.options.autodividers) {
- this._replaceDividers();
- this._superApply(arguments);
+ this._replaceDividers()
+ this._superApply(arguments)
}
},
_replaceDividers: function () {
- var i, lis, li, dividerText,
+ var i,
+ lis,
+ li,
+ dividerText,
lastDividerText = null,
list = this.element,
- divider;
+ divider
- list.children("li:jqmData(role='list-divider')").remove();
+ list.children("li:jqmData(role='list-divider')").remove()
- lis = list.children("li");
+ lis = list.children("li")
for (i = 0; i < lis.length; i++) {
- li = lis[i];
- dividerText = this.options.autodividersSelector($(li));
+ li = lis[i]
+ dividerText = this.options.autodividersSelector($(li))
if (dividerText && lastDividerText !== dividerText) {
- divider = document.createElement("li");
- divider.appendChild(document.createTextNode(dividerText));
- divider.setAttribute("data-" + $.mobile.ns + "role", "list-divider");
- li.parentNode.insertBefore(divider, li);
+ divider = document.createElement("li")
+ divider.appendChild(
+ document.createTextNode(dividerText)
+ )
+ divider.setAttribute(
+ "data-" + $.mobile.ns + "role",
+ "list-divider"
+ )
+ li.parentNode.insertBefore(divider, li)
}
- lastDividerText = dividerText;
+ lastDividerText = dividerText
}
- }
- });
-
- })(jQuery);
-
- (function ($, undefined) {
+ },
+ })
+ })(jQuery)
+ ;(function ($, undefined) {
var rdivider = /(^|\s)ui-li-divider($|\s)/,
- rhidden = /(^|\s)ui-screen-hidden($|\s)/;
+ rhidden = /(^|\s)ui-screen-hidden($|\s)/
$.widget("mobile.listview", $.mobile.listview, {
options: {
- hideDividers: false
+ hideDividers: false,
},
_afterListviewRefresh: function () {
- var items, idx, item, hideDivider = true;
+ var items,
+ idx,
+ item,
+ hideDivider = true
- this._superApply(arguments);
+ this._superApply(arguments)
if (this.options.hideDividers) {
- items = this._getChildrenByTagName(this.element[0], "li", "LI");
+ items = this._getChildrenByTagName(
+ this.element[0],
+ "li",
+ "LI"
+ )
for (idx = items.length - 1; idx > -1; idx--) {
- item = items[idx];
+ item = items[idx]
if (item.className.match(rdivider)) {
if (hideDivider) {
- item.className = item.className + " ui-screen-hidden";
+ item.className =
+ item.className + " ui-screen-hidden"
}
- hideDivider = true;
+ hideDivider = true
} else {
if (!item.className.match(rhidden)) {
- hideDivider = false;
+ hideDivider = false
}
}
}
}
- }
- });
-
- })(jQuery);
-
- (function ($, undefined) {
+ },
+ })
+ })(jQuery)
+ ;(function ($, undefined) {
$.mobile.nojs = function (target) {
- $(":jqmData(role='nojs')", target).addClass("ui-nojs");
- };
-
- })(jQuery);
-
- (function ($, undefined) {
+ $(":jqmData(role='nojs')", target).addClass("ui-nojs")
+ }
+ })(jQuery)
+ ;(function ($, undefined) {
$.mobile.behaviors.formReset = {
_handleFormReset: function () {
this._on(this.element.closest("form"), {
reset: function () {
- this._delay("_reset");
- }
- });
- }
- };
-
- })(jQuery);
-
- /*
-* "checkboxradio" plugin
-*/
-
- (function ($, undefined) {
-
- var escapeId = $.mobile.path.hashToSelector;
-
- $.widget("mobile.checkboxradio", $.extend({
-
- initSelector: "input:not( :jqmData(role='flipswitch' ) )[type='checkbox'],input[type='radio']:not( :jqmData(role='flipswitch' ))",
-
- options: {
- theme: "inherit",
- mini: false,
- wrapperClass: null,
- enhanced: false,
- iconpos: "left"
-
- },
- _create: function () {
- var input = this.element,
- o = this.options,
- inheritAttr = function (input, dataAttr) {
- return input.jqmData(dataAttr) ||
- input.closest("form, fieldset").jqmData(dataAttr);
+ this._delay("_reset")
},
- label = this.options.enhanced ?
- {
- element: this.element.siblings("label"),
- isParent: false
- } :
- this._findLabel(),
- inputtype = input[0].type,
- checkedClass = "ui-" + inputtype + "-on",
- uncheckedClass = "ui-" + inputtype + "-off";
-
- if (inputtype !== "checkbox" && inputtype !== "radio") {
- return;
- }
-
- if (this.element[0].disabled) {
- this.options.disabled = true;
- }
-
- o.iconpos = inheritAttr(input, "iconpos") ||
- label.element.attr("data-" + $.mobile.ns + "iconpos") || o.iconpos,
-
- // Establish options
- o.mini = inheritAttr(input, "mini") || o.mini;
-
- // Expose for other methods
- $.extend(this, {
- input: input,
- label: label.element,
- labelIsParent: label.isParent,
- inputtype: inputtype,
- checkedClass: checkedClass,
- uncheckedClass: uncheckedClass
- });
-
- if (!this.options.enhanced) {
- this._enhance();
- }
-
- this._on(label.element, {
- vmouseover: "_handleLabelVMouseOver",
- vclick: "_handleLabelVClick"
- });
-
- this._on(input, {
- vmousedown: "_cacheVals",
- vclick: "_handleInputVClick",
- focus: "_handleInputFocus",
- blur: "_handleInputBlur"
- });
-
- this._handleFormReset();
- this.refresh();
- },
-
- _findLabel: function () {
- var parentLabel, label, isParent,
- input = this.element,
- labelsList = input[0].labels;
-
- if (labelsList && labelsList.length > 0) {
- label = $(labelsList[0]);
- isParent = $.contains(label[0], input[0]);
- } else {
- parentLabel = input.closest("label");
- isParent = (parentLabel.length > 0);
-
- // NOTE: Windows Phone could not find the label through a selector
- // filter works though.
- label = isParent ? parentLabel :
- $(this.document[0].getElementsByTagName("label"))
- .filter("[for='" + escapeId(input[0].id) + "']")
- .first();
- }
-
- return {
- element: label,
- isParent: isParent
- };
+ })
},
+ }
+ })(jQuery)
- _enhance: function () {
- this.label.addClass("ui-btn ui-corner-all");
-
- if (this.labelIsParent) {
- this.input.add(this.label).wrapAll(this._wrapper());
- } else {
- //this.element.replaceWith( this.input.add( this.label ).wrapAll( this._wrapper() ) );
- this.element.wrap(this._wrapper());
- this.element.parent().prepend(this.label);
- }
-
- // Wrap the input + label in a div
-
- this._setOptions({
- "theme": this.options.theme,
- "iconpos": this.options.iconpos,
- "mini": this.options.mini
- });
-
- },
+ /*
+ * "checkboxradio" plugin
+ */
+
+ ;(function ($, undefined) {
+ var escapeId = $.mobile.path.hashToSelector
+
+ $.widget(
+ "mobile.checkboxradio",
+ $.extend(
+ {
+ initSelector:
+ "input:not( :jqmData(role='flipswitch' ) )[type='checkbox'],input[type='radio']:not( :jqmData(role='flipswitch' ))",
+
+ options: {
+ theme: "inherit",
+ mini: false,
+ wrapperClass: null,
+ enhanced: false,
+ iconpos: "left",
+ },
+ _create: function () {
+ var input = this.element,
+ o = this.options,
+ inheritAttr = function (input, dataAttr) {
+ return (
+ input.jqmData(dataAttr) ||
+ input
+ .closest("form, fieldset")
+ .jqmData(dataAttr)
+ )
+ },
+ label = this.options.enhanced
+ ? {
+ element: this.element.siblings("label"),
+ isParent: false,
+ }
+ : this._findLabel(),
+ inputtype = input[0].type,
+ checkedClass = "ui-" + inputtype + "-on",
+ uncheckedClass = "ui-" + inputtype + "-off"
+
+ if (inputtype !== "checkbox" && inputtype !== "radio") {
+ return
+ }
- _wrapper: function () {
- return $("
");
- },
+ if (this.element[0].disabled) {
+ this.options.disabled = true
+ }
- _handleInputFocus: function () {
- this.label.addClass($.mobile.focusClass);
- },
+ ;(o.iconpos =
+ inheritAttr(input, "iconpos") ||
+ label.element.attr(
+ "data-" + $.mobile.ns + "iconpos"
+ ) ||
+ o.iconpos),
+ // Establish options
+ (o.mini = inheritAttr(input, "mini") || o.mini)
+
+ // Expose for other methods
+ $.extend(this, {
+ input: input,
+ label: label.element,
+ labelIsParent: label.isParent,
+ inputtype: inputtype,
+ checkedClass: checkedClass,
+ uncheckedClass: uncheckedClass,
+ })
- _handleInputBlur: function () {
- this.label.removeClass($.mobile.focusClass);
- },
+ if (!this.options.enhanced) {
+ this._enhance()
+ }
- _handleInputVClick: function () {
- // Adds checked attribute to checked input when keyboard is used
- this.element.prop("checked", this.element.is(":checked"));
- this._getInputSet().not(this.element).prop("checked", false);
- this._updateAll(true);
- },
+ this._on(label.element, {
+ vmouseover: "_handleLabelVMouseOver",
+ vclick: "_handleLabelVClick",
+ })
- _handleLabelVMouseOver: function (event) {
- if (this.label.parent().hasClass("ui-state-disabled")) {
- event.stopPropagation();
- }
- },
+ this._on(input, {
+ vmousedown: "_cacheVals",
+ vclick: "_handleInputVClick",
+ focus: "_handleInputFocus",
+ blur: "_handleInputBlur",
+ })
- _handleLabelVClick: function (event) {
- var input = this.element;
+ this._handleFormReset()
+ this.refresh()
+ },
- if (input.is(":disabled")) {
- event.preventDefault();
- return;
- }
+ _findLabel: function () {
+ var parentLabel,
+ label,
+ isParent,
+ input = this.element,
+ labelsList = input[0].labels
- this._cacheVals();
+ if (labelsList && labelsList.length > 0) {
+ label = $(labelsList[0])
+ isParent = $.contains(label[0], input[0])
+ } else {
+ parentLabel = input.closest("label")
+ isParent = parentLabel.length > 0
+
+ // NOTE: Windows Phone could not find the label through a selector
+ // filter works though.
+ label = isParent
+ ? parentLabel
+ : $(
+ this.document[0].getElementsByTagName(
+ "label"
+ )
+ )
+ .filter(
+ "[for='" +
+ escapeId(input[0].id) +
+ "']"
+ )
+ .first()
+ }
- input.prop("checked", this.inputtype === "radio" && true || !input.prop("checked"));
+ return {
+ element: label,
+ isParent: isParent,
+ }
+ },
- // trigger click handler's bound directly to the input as a substitute for
- // how label clicks behave normally in the browsers
- // TODO: it would be nice to let the browser's handle the clicks and pass them
- // through to the associate input. we can swallow that click at the parent
- // wrapper element level
- input.triggerHandler("click");
+ _enhance: function () {
+ this.label.addClass("ui-btn ui-corner-all")
- // Input set for common radio buttons will contain all the radio
- // buttons, but will not for checkboxes. clearing the checked status
- // of other radios ensures the active button state is applied properly
- this._getInputSet().not(input).prop("checked", false);
+ if (this.labelIsParent) {
+ this.input.add(this.label).wrapAll(this._wrapper())
+ } else {
+ //this.element.replaceWith( this.input.add( this.label ).wrapAll( this._wrapper() ) );
+ this.element.wrap(this._wrapper())
+ this.element.parent().prepend(this.label)
+ }
- this._updateAll();
- return false;
- },
+ // Wrap the input + label in a div
- _cacheVals: function () {
- this._getInputSet().each(function () {
- $(this).attr("data-" + $.mobile.ns + "cacheVal", this.checked);
- });
- },
+ this._setOptions({
+ theme: this.options.theme,
+ iconpos: this.options.iconpos,
+ mini: this.options.mini,
+ })
+ },
- // Returns those radio buttons that are supposed to be in the same group as
- // this radio button. In the case of a checkbox or a radio lacking a name
- // attribute, it returns this.element.
- _getInputSet: function () {
- var selector, formId,
- radio = this.element[0],
- name = radio.name,
- form = radio.form,
- doc = this.element.parents().last().get(0),
+ _wrapper: function () {
+ return $(
+ "
"
+ )
+ },
- // A radio is always a member of its own group
- radios = this.element;
+ _handleInputFocus: function () {
+ this.label.addClass($.mobile.focusClass)
+ },
- // Only start running selectors if this is an attached radio button with a name
- if (name && this.inputtype === "radio" && doc) {
- selector = "input[type='radio'][name='" + escapeId(name) + "']";
+ _handleInputBlur: function () {
+ this.label.removeClass($.mobile.focusClass)
+ },
- // If we're inside a form
- if (form) {
- formId = form.getAttribute("id");
+ _handleInputVClick: function () {
+ // Adds checked attribute to checked input when keyboard is used
+ this.element.prop(
+ "checked",
+ this.element.is(":checked")
+ )
+ this._getInputSet()
+ .not(this.element)
+ .prop("checked", false)
+ this._updateAll(true)
+ },
- // If the form has an ID, collect radios scattered throught the document which
- // nevertheless are part of the form by way of the value of their form attribute
- if (formId) {
- radios = $(selector + "[form='" + escapeId(formId) + "']", doc);
+ _handleLabelVMouseOver: function (event) {
+ if (this.label.parent().hasClass("ui-state-disabled")) {
+ event.stopPropagation()
}
+ },
- // Also add to those the radios in the form itself
- radios = $(form).find(selector).filter(function () {
-
- // Some radios inside the form may belong to some other form by virtue of
- // having a form attribute defined on them, so we must filter them out here
- return (this.form === form);
- }).add(radios);
-
- // If we're outside a form
- } else {
-
- // Collect all those radios which are also outside of a form and match our name
- radios = $(selector, doc).filter(function () {
- return !this.form;
- });
- }
- }
- return radios;
- },
+ _handleLabelVClick: function (event) {
+ var input = this.element
- _updateAll: function (changeTriggered) {
- var self = this;
+ if (input.is(":disabled")) {
+ event.preventDefault()
+ return
+ }
- this._getInputSet().each(function () {
- var $this = $(this);
+ this._cacheVals()
- if ((this.checked || self.inputtype === "checkbox") && !changeTriggered) {
- $this.trigger("change");
- }
- })
- .checkboxradio("refresh");
- },
+ input.prop(
+ "checked",
+ (this.inputtype === "radio" && true) ||
+ !input.prop("checked")
+ )
- _reset: function () {
- this.refresh();
- },
+ // trigger click handler's bound directly to the input as a substitute for
+ // how label clicks behave normally in the browsers
+ // TODO: it would be nice to let the browser's handle the clicks and pass them
+ // through to the associate input. we can swallow that click at the parent
+ // wrapper element level
+ input.triggerHandler("click")
- // Is the widget supposed to display an icon?
- _hasIcon: function () {
- var controlgroup, controlgroupWidget,
- controlgroupConstructor = $.mobile.controlgroup;
+ // Input set for common radio buttons will contain all the radio
+ // buttons, but will not for checkboxes. clearing the checked status
+ // of other radios ensures the active button state is applied properly
+ this._getInputSet().not(input).prop("checked", false)
- // If the controlgroup widget is defined ...
- if (controlgroupConstructor) {
- controlgroup = this.element.closest(
- ":mobile-controlgroup," +
- controlgroupConstructor.prototype.initSelector);
+ this._updateAll()
+ return false
+ },
- // ... and the checkbox is in a controlgroup ...
- if (controlgroup.length > 0) {
+ _cacheVals: function () {
+ this._getInputSet().each(function () {
+ $(this).attr(
+ "data-" + $.mobile.ns + "cacheVal",
+ this.checked
+ )
+ })
+ },
- // ... look for a controlgroup widget instance, and ...
- controlgroupWidget = $.data(controlgroup[0], "mobile-controlgroup");
+ // Returns those radio buttons that are supposed to be in the same group as
+ // this radio button. In the case of a checkbox or a radio lacking a name
+ // attribute, it returns this.element.
+ _getInputSet: function () {
+ var selector,
+ formId,
+ radio = this.element[0],
+ name = radio.name,
+ form = radio.form,
+ doc = this.element.parents().last().get(0),
+ // A radio is always a member of its own group
+ radios = this.element
+
+ // Only start running selectors if this is an attached radio button with a name
+ if (name && this.inputtype === "radio" && doc) {
+ selector =
+ "input[type='radio'][name='" +
+ escapeId(name) +
+ "']"
+
+ // If we're inside a form
+ if (form) {
+ formId = form.getAttribute("id")
+
+ // If the form has an ID, collect radios scattered throught the document which
+ // nevertheless are part of the form by way of the value of their form attribute
+ if (formId) {
+ radios = $(
+ selector +
+ "[form='" +
+ escapeId(formId) +
+ "']",
+ doc
+ )
+ }
- // ... if found, decide based on the option value, ...
- return ((controlgroupWidget ? controlgroupWidget.options.type :
+ // Also add to those the radios in the form itself
+ radios = $(form)
+ .find(selector)
+ .filter(function () {
+ // Some radios inside the form may belong to some other form by virtue of
+ // having a form attribute defined on them, so we must filter them out here
+ return this.form === form
+ })
+ .add(radios)
+
+ // If we're outside a form
+ } else {
+ // Collect all those radios which are also outside of a form and match our name
+ radios = $(selector, doc).filter(function () {
+ return !this.form
+ })
+ }
+ }
+ return radios
+ },
- // ... otherwise decide based on the "type" data attribute.
- controlgroup.attr("data-" + $.mobile.ns + "type")) !== "horizontal");
- }
- }
+ _updateAll: function (changeTriggered) {
+ var self = this
- // Normally, the widget displays an icon.
- return true;
- },
+ this._getInputSet()
+ .each(function () {
+ var $this = $(this)
- refresh: function () {
- var isChecked = this.element[0].checked,
- active = $.mobile.activeBtnClass,
- iconposClass = "ui-btn-icon-" + this.options.iconpos,
- addClasses = [],
- removeClasses = [];
-
- if (this._hasIcon()) {
- removeClasses.push(active);
- addClasses.push(iconposClass);
- } else {
- removeClasses.push(iconposClass);
- (isChecked ? addClasses : removeClasses).push(active);
- }
+ if (
+ (this.checked ||
+ self.inputtype === "checkbox") &&
+ !changeTriggered
+ ) {
+ $this.trigger("change")
+ }
+ })
+ .checkboxradio("refresh")
+ },
- if (isChecked) {
- addClasses.push(this.checkedClass);
- removeClasses.push(this.uncheckedClass);
- } else {
- addClasses.push(this.uncheckedClass);
- removeClasses.push(this.checkedClass);
- }
+ _reset: function () {
+ this.refresh()
+ },
- this.widget().toggleClass("ui-state-disabled", this.element.prop("disabled"));
+ // Is the widget supposed to display an icon?
+ _hasIcon: function () {
+ var controlgroup,
+ controlgroupWidget,
+ controlgroupConstructor = $.mobile.controlgroup
+
+ // If the controlgroup widget is defined ...
+ if (controlgroupConstructor) {
+ controlgroup = this.element.closest(
+ ":mobile-controlgroup," +
+ controlgroupConstructor.prototype
+ .initSelector
+ )
+
+ // ... and the checkbox is in a controlgroup ...
+ if (controlgroup.length > 0) {
+ // ... look for a controlgroup widget instance, and ...
+ controlgroupWidget = $.data(
+ controlgroup[0],
+ "mobile-controlgroup"
+ )
+
+ // ... if found, decide based on the option value, ...
+ return (
+ (controlgroupWidget
+ ? controlgroupWidget.options.type
+ : // ... otherwise decide based on the "type" data attribute.
+ controlgroup.attr(
+ "data-" + $.mobile.ns + "type"
+ )) !== "horizontal"
+ )
+ }
+ }
- this.label
- .addClass(addClasses.join(" "))
- .removeClass(removeClasses.join(" "));
- },
+ // Normally, the widget displays an icon.
+ return true
+ },
- widget: function () {
- return this.label.parent();
- },
+ refresh: function () {
+ var isChecked = this.element[0].checked,
+ active = $.mobile.activeBtnClass,
+ iconposClass =
+ "ui-btn-icon-" + this.options.iconpos,
+ addClasses = [],
+ removeClasses = []
+
+ if (this._hasIcon()) {
+ removeClasses.push(active)
+ addClasses.push(iconposClass)
+ } else {
+ removeClasses.push(iconposClass)
+ ;(isChecked ? addClasses : removeClasses).push(
+ active
+ )
+ }
- _setOptions: function (options) {
- var label = this.label,
- currentOptions = this.options,
- outer = this.widget(),
- hasIcon = this._hasIcon();
+ if (isChecked) {
+ addClasses.push(this.checkedClass)
+ removeClasses.push(this.uncheckedClass)
+ } else {
+ addClasses.push(this.uncheckedClass)
+ removeClasses.push(this.checkedClass)
+ }
- if (options.disabled !== undefined) {
- this.input.prop("disabled", !!options.disabled);
- outer.toggleClass("ui-state-disabled", !!options.disabled);
- }
- if (options.mini !== undefined) {
- outer.toggleClass("ui-mini", !!options.mini);
- }
- if (options.theme !== undefined) {
- label
- .removeClass("ui-btn-" + currentOptions.theme)
- .addClass("ui-btn-" + options.theme);
- }
- if (options.wrapperClass !== undefined) {
- outer
- .removeClass(currentOptions.wrapperClass)
- .addClass(options.wrapperClass);
- }
- if (options.iconpos !== undefined && hasIcon) {
- label.removeClass("ui-btn-icon-" + currentOptions.iconpos).addClass("ui-btn-icon-" + options.iconpos);
- } else if (!hasIcon) {
- label.removeClass("ui-btn-icon-" + currentOptions.iconpos);
- }
- this._super(options);
- }
+ this.widget().toggleClass(
+ "ui-state-disabled",
+ this.element.prop("disabled")
+ )
- }, $.mobile.behaviors.formReset));
+ this.label
+ .addClass(addClasses.join(" "))
+ .removeClass(removeClasses.join(" "))
+ },
- })(jQuery);
+ widget: function () {
+ return this.label.parent()
+ },
- (function ($, undefined) {
+ _setOptions: function (options) {
+ var label = this.label,
+ currentOptions = this.options,
+ outer = this.widget(),
+ hasIcon = this._hasIcon()
+
+ if (options.disabled !== undefined) {
+ this.input.prop("disabled", !!options.disabled)
+ outer.toggleClass(
+ "ui-state-disabled",
+ !!options.disabled
+ )
+ }
+ if (options.mini !== undefined) {
+ outer.toggleClass("ui-mini", !!options.mini)
+ }
+ if (options.theme !== undefined) {
+ label
+ .removeClass("ui-btn-" + currentOptions.theme)
+ .addClass("ui-btn-" + options.theme)
+ }
+ if (options.wrapperClass !== undefined) {
+ outer
+ .removeClass(currentOptions.wrapperClass)
+ .addClass(options.wrapperClass)
+ }
+ if (options.iconpos !== undefined && hasIcon) {
+ label
+ .removeClass(
+ "ui-btn-icon-" + currentOptions.iconpos
+ )
+ .addClass("ui-btn-icon-" + options.iconpos)
+ } else if (!hasIcon) {
+ label.removeClass(
+ "ui-btn-icon-" + currentOptions.iconpos
+ )
+ }
+ this._super(options)
+ },
+ },
+ $.mobile.behaviors.formReset
+ )
+ )
+ })(jQuery)
+ ;(function ($, undefined) {
$.widget("mobile.button", {
-
- initSelector: "input[type='button'], input[type='submit'], input[type='reset']",
+ initSelector:
+ "input[type='button'], input[type='submit'], input[type='reset']",
options: {
theme: null,
icon: null,
iconpos: "left",
- iconshadow: false, /* TODO: Deprecated in 1.4, remove in 1.5. */
+ iconshadow: false /* TODO: Deprecated in 1.4, remove in 1.5. */,
corners: true,
shadow: true,
inline: null,
mini: null,
wrapperClass: null,
- enhanced: false
+ enhanced: false,
},
_create: function () {
-
if (this.element.is(":disabled")) {
- this.options.disabled = true;
+ this.options.disabled = true
}
if (!this.options.enhanced) {
- this._enhance();
+ this._enhance()
}
$.extend(this, {
- wrapper: this.element.parent()
- });
+ wrapper: this.element.parent(),
+ })
this._on({
focus: function () {
- this.widget().addClass($.mobile.focusClass);
+ this.widget().addClass($.mobile.focusClass)
},
blur: function () {
- this.widget().removeClass($.mobile.focusClass);
- }
- });
+ this.widget().removeClass($.mobile.focusClass)
+ },
+ })
- this.refresh(true);
+ this.refresh(true)
},
_enhance: function () {
- this.element.wrap(this._button());
+ this.element.wrap(this._button())
},
_button: function () {
var options = this.options,
- iconClasses = this._getIconClasses(this.options);
-
- return $("
" + this.element.val() + "
");
+ iconClasses = this._getIconClasses(this.options)
+
+ return $(
+ "
" +
+ this.element.val() +
+ "
"
+ )
},
widget: function () {
- return this.wrapper;
+ return this.wrapper
},
_destroy: function () {
- this.element.insertBefore(this.wrapper);
- this.wrapper.remove();
+ this.element.insertBefore(this.wrapper)
+ this.wrapper.remove()
},
_getIconClasses: function (options) {
- return (options.icon ? ("ui-icon-" + options.icon +
- (options.iconshadow ? " ui-shadow-icon" : "") + /* TODO: Deprecated in 1.4, remove in 1.5. */
- " ui-btn-icon-" + options.iconpos) : "");
+ return options.icon
+ ? "ui-icon-" +
+ options.icon +
+ (options.iconshadow
+ ? " ui-shadow-icon"
+ : "") /* TODO: Deprecated in 1.4, remove in 1.5. */ +
+ " ui-btn-icon-" +
+ options.iconpos
+ : ""
},
_setOptions: function (options) {
- var outer = this.widget();
+ var outer = this.widget()
if (options.theme !== undefined) {
outer
.removeClass(this.options.theme)
- .addClass("ui-btn-" + options.theme);
+ .addClass("ui-btn-" + options.theme)
}
if (options.corners !== undefined) {
- outer.toggleClass("ui-corner-all", options.corners);
+ outer.toggleClass("ui-corner-all", options.corners)
}
if (options.shadow !== undefined) {
- outer.toggleClass("ui-shadow", options.shadow);
+ outer.toggleClass("ui-shadow", options.shadow)
}
if (options.inline !== undefined) {
- outer.toggleClass("ui-btn-inline", options.inline);
+ outer.toggleClass("ui-btn-inline", options.inline)
}
if (options.mini !== undefined) {
- outer.toggleClass("ui-mini", options.mini);
+ outer.toggleClass("ui-mini", options.mini)
}
if (options.disabled !== undefined) {
- this.element.prop("disabled", options.disabled);
- outer.toggleClass("ui-state-disabled", options.disabled);
+ this.element.prop("disabled", options.disabled)
+ outer.toggleClass("ui-state-disabled", options.disabled)
}
- if (options.icon !== undefined ||
- options.iconshadow !== undefined || /* TODO: Deprecated in 1.4, remove in 1.5. */
- options.iconpos !== undefined) {
+ if (
+ options.icon !== undefined ||
+ options.iconshadow !==
+ undefined /* TODO: Deprecated in 1.4, remove in 1.5. */ ||
+ options.iconpos !== undefined
+ ) {
outer
.removeClass(this._getIconClasses(this.options))
- .addClass(this._getIconClasses(
- $.extend({}, this.options, options)));
+ .addClass(
+ this._getIconClasses(
+ $.extend({}, this.options, options)
+ )
+ )
}
- this._super(options);
+ this._super(options)
},
refresh: function (create) {
var originalElement,
- isDisabled = this.element.prop("disabled");
+ isDisabled = this.element.prop("disabled")
- if (this.options.icon && this.options.iconpos === "notext" && this.element.attr("title")) {
- this.element.attr("title", this.element.val());
+ if (
+ this.options.icon &&
+ this.options.iconpos === "notext" &&
+ this.element.attr("title")
+ ) {
+ this.element.attr("title", this.element.val())
}
if (!create) {
- originalElement = this.element.detach();
- $(this.wrapper).text(this.element.val()).append(originalElement);
+ originalElement = this.element.detach()
+ $(this.wrapper)
+ .text(this.element.val())
+ .append(originalElement)
}
if (this.options.disabled !== isDisabled) {
- this._setOptions({disabled: isDisabled});
+ this._setOptions({ disabled: isDisabled })
}
- }
- });
-
- })(jQuery);
+ },
+ })
+ })(jQuery)
- (function ($) {
+ ;(function ($) {
var meta = $("meta[name=viewport]"),
initialContent = meta.attr("content"),
- disabledZoom = initialContent + ",maximum-scale=1, user-scalable=no",
- enabledZoom = initialContent + ",maximum-scale=10, user-scalable=yes",
- disabledInitially = /(user-scalable[\s]*=[\s]*no)|(maximum-scale[\s]*=[\s]*1)[$,\s]/.test(initialContent);
-
- $.mobile.zoom = $.extend({}, {
- enabled: !disabledInitially,
- locked: false,
- disable: function (lock) {
- if (!disabledInitially && !$.mobile.zoom.locked) {
- meta.attr("content", disabledZoom);
- $.mobile.zoom.enabled = false;
- $.mobile.zoom.locked = lock || false;
- }
- },
- enable: function (unlock) {
- if (!disabledInitially && (!$.mobile.zoom.locked || unlock === true)) {
- meta.attr("content", enabledZoom);
- $.mobile.zoom.enabled = true;
- $.mobile.zoom.locked = false;
- }
- },
- restore: function () {
- if (!disabledInitially) {
- meta.attr("content", initialContent);
- $.mobile.zoom.enabled = true;
- }
+ disabledZoom =
+ initialContent + ",maximum-scale=1, user-scalable=no",
+ enabledZoom =
+ initialContent + ",maximum-scale=10, user-scalable=yes",
+ disabledInitially =
+ /(user-scalable[\s]*=[\s]*no)|(maximum-scale[\s]*=[\s]*1)[$,\s]/.test(
+ initialContent
+ )
+
+ $.mobile.zoom = $.extend(
+ {},
+ {
+ enabled: !disabledInitially,
+ locked: false,
+ disable: function (lock) {
+ if (!disabledInitially && !$.mobile.zoom.locked) {
+ meta.attr("content", disabledZoom)
+ $.mobile.zoom.enabled = false
+ $.mobile.zoom.locked = lock || false
+ }
+ },
+ enable: function (unlock) {
+ if (
+ !disabledInitially &&
+ (!$.mobile.zoom.locked || unlock === true)
+ ) {
+ meta.attr("content", enabledZoom)
+ $.mobile.zoom.enabled = true
+ $.mobile.zoom.locked = false
+ }
+ },
+ restore: function () {
+ if (!disabledInitially) {
+ meta.attr("content", initialContent)
+ $.mobile.zoom.enabled = true
+ }
+ },
}
- });
-
- }(jQuery));
-
- (function ($, undefined) {
+ )
+ })(jQuery)
+ ;(function ($, undefined) {
$.widget("mobile.textinput", {
- initSelector: "input[type='text']," +
+ initSelector:
+ "input[type='text']," +
"input[type='search']," +
":jqmData(type='search')," +
"input[type='number']," +
@@ -8346,23 +9639,33 @@
corners: true,
mini: false,
// This option defaults to true on iOS devices.
- preventFocusZoom: /iPhone|iPad|iPod/.test(navigator.platform) && navigator.userAgent.indexOf("AppleWebKit") > -1,
+ preventFocusZoom:
+ /iPhone|iPad|iPod/.test(navigator.platform) &&
+ navigator.userAgent.indexOf("AppleWebKit") > -1,
wrapperClass: "",
- enhanced: false
+ enhanced: false,
},
_create: function () {
-
var options = this.options,
- isSearch = this.element.is("[type='search'], :jqmData(type='search')"),
+ isSearch = this.element.is(
+ "[type='search'], :jqmData(type='search')"
+ ),
isTextarea = this.element[0].tagName === "TEXTAREA",
- isRange = this.element.is("[data-" + ($.mobile.ns || "") + "type='range']"),
- inputNeedsWrap = ((this.element.is("input") ||
- this.element.is("[data-" + ($.mobile.ns || "") + "type='search']")) &&
- !isRange);
+ isRange = this.element.is(
+ "[data-" + ($.mobile.ns || "") + "type='range']"
+ ),
+ inputNeedsWrap =
+ (this.element.is("input") ||
+ this.element.is(
+ "[data-" +
+ ($.mobile.ns || "") +
+ "type='search']"
+ )) &&
+ !isRange
if (this.element.prop("disabled")) {
- options.disabled = true;
+ options.disabled = true
}
$.extend(this, {
@@ -8370,79 +9673,88 @@
isSearch: isSearch,
isTextarea: isTextarea,
isRange: isRange,
- inputNeedsWrap: inputNeedsWrap
- });
+ inputNeedsWrap: inputNeedsWrap,
+ })
- this._autoCorrect();
+ this._autoCorrect()
if (!options.enhanced) {
- this._enhance();
+ this._enhance()
}
this._on({
- "focus": "_handleFocus",
- "blur": "_handleBlur"
- });
-
+ focus: "_handleFocus",
+ blur: "_handleBlur",
+ })
},
refresh: function () {
this.setOptions({
- "disabled": this.element.is(":disabled")
- });
+ disabled: this.element.is(":disabled"),
+ })
},
_enhance: function () {
- var elementClasses = [];
+ var elementClasses = []
if (this.isTextarea) {
- elementClasses.push("ui-input-text");
+ elementClasses.push("ui-input-text")
}
if (this.isTextarea || this.isRange) {
- elementClasses.push("ui-shadow-inset");
+ elementClasses.push("ui-shadow-inset")
}
//"search" and "text" input widgets
if (this.inputNeedsWrap) {
- this.element.wrap(this._wrap());
+ this.element.wrap(this._wrap())
} else {
- elementClasses = elementClasses.concat(this.classes);
+ elementClasses = elementClasses.concat(this.classes)
}
- this.element.addClass(elementClasses.join(" "));
+ this.element.addClass(elementClasses.join(" "))
},
widget: function () {
- return (this.inputNeedsWrap) ? this.element.parent() : this.element;
+ return this.inputNeedsWrap
+ ? this.element.parent()
+ : this.element
},
_classesFromOptions: function () {
var options = this.options,
- classes = [];
+ classes = []
- classes.push("ui-body-" + ((options.theme === null) ? "inherit" : options.theme));
+ classes.push(
+ "ui-body-" +
+ (options.theme === null ? "inherit" : options.theme)
+ )
if (options.corners) {
- classes.push("ui-corner-all");
+ classes.push("ui-corner-all")
}
if (options.mini) {
- classes.push("ui-mini");
+ classes.push("ui-mini")
}
if (options.disabled) {
- classes.push("ui-state-disabled");
+ classes.push("ui-state-disabled")
}
if (options.wrapperClass) {
- classes.push(options.wrapperClass);
+ classes.push(options.wrapperClass)
}
- return classes;
+ return classes
},
_wrap: function () {
- return $("
");
+ return $(
+ "
"
+ )
},
_autoCorrect: function () {
@@ -8454,20 +9766,21 @@
// have no test for iOS 5 or newer so we're temporarily using
// the touchOverflow support flag for jQM 1.0. Yes, I feel dirty.
// - jblas
- if (typeof this.element[0].autocorrect !== "undefined" &&
- !$.support.touchOverflow) {
-
+ if (
+ typeof this.element[0].autocorrect !== "undefined" &&
+ !$.support.touchOverflow
+ ) {
// Set the attribute instead of the property just in case there
// is code that attempts to make modifications via HTML.
- this.element[0].setAttribute("autocorrect", "off");
- this.element[0].setAttribute("autocomplete", "off");
+ this.element[0].setAttribute("autocorrect", "off")
+ this.element[0].setAttribute("autocomplete", "off")
}
},
_handleBlur: function () {
- this.widget().removeClass($.mobile.focusClass);
+ this.widget().removeClass($.mobile.focusClass)
if (this.options.preventFocusZoom) {
- $.mobile.zoom.enable(true);
+ $.mobile.zoom.enable(true)
}
},
@@ -8475,1389 +9788,1701 @@
// In many situations, iOS will zoom into the input upon tap, this
// prevents that from happening
if (this.options.preventFocusZoom) {
- $.mobile.zoom.disable(true);
+ $.mobile.zoom.disable(true)
}
- this.widget().addClass($.mobile.focusClass);
+ this.widget().addClass($.mobile.focusClass)
},
_setOptions: function (options) {
- var outer = this.widget();
-
- this._super(options);
+ var outer = this.widget()
- if (!(options.disabled === undefined &&
- options.mini === undefined &&
- options.corners === undefined &&
- options.theme === undefined &&
- options.wrapperClass === undefined)) {
+ this._super(options)
- outer.removeClass(this.classes.join(" "));
- this.classes = this._classesFromOptions();
- outer.addClass(this.classes.join(" "));
+ if (
+ !(
+ options.disabled === undefined &&
+ options.mini === undefined &&
+ options.corners === undefined &&
+ options.theme === undefined &&
+ options.wrapperClass === undefined
+ )
+ ) {
+ outer.removeClass(this.classes.join(" "))
+ this.classes = this._classesFromOptions()
+ outer.addClass(this.classes.join(" "))
}
if (options.disabled !== undefined) {
- this.element.prop("disabled", !!options.disabled);
+ this.element.prop("disabled", !!options.disabled)
}
},
_destroy: function () {
if (this.options.enhanced) {
- return;
+ return
}
if (this.inputNeedsWrap) {
- this.element.unwrap();
- }
- this.element.removeClass("ui-input-text " + this.classes.join(" "));
- }
- });
+ this.element.unwrap()
+ }
+ this.element.removeClass(
+ "ui-input-text " + this.classes.join(" ")
+ )
+ },
+ })
+ })(jQuery)
+
+ ;(function ($, undefined) {
+ $.widget(
+ "mobile.slider",
+ $.extend(
+ {
+ initSelector:
+ "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')",
+
+ widgetEventPrefix: "slide",
+
+ options: {
+ theme: null,
+ trackTheme: null,
+ corners: true,
+ mini: false,
+ highlight: false,
+ },
- })(jQuery);
+ _create: function () {
+ // TODO: Each of these should have comments explain what they're for
+ var self = this,
+ control = this.element,
+ trackTheme =
+ this.options.trackTheme ||
+ $.mobile.getAttribute(control[0], "theme"),
+ trackThemeClass = trackTheme
+ ? " ui-bar-" + trackTheme
+ : " ui-bar-inherit",
+ cornerClass =
+ this.options.corners ||
+ control.jqmData("corners")
+ ? " ui-corner-all"
+ : "",
+ miniClass =
+ this.options.mini || control.jqmData("mini")
+ ? " ui-mini"
+ : "",
+ cType = control[0].nodeName.toLowerCase(),
+ isToggleSwitch = cType === "select",
+ isRangeslider = control
+ .parent()
+ .is(":jqmData(role='rangeslider')"),
+ selectClass = isToggleSwitch
+ ? "ui-slider-switch"
+ : "",
+ controlID = control.attr("id"),
+ $label = $("[for='" + controlID + "']"),
+ labelID = $label.attr("id") || controlID + "-label",
+ min = !isToggleSwitch
+ ? parseFloat(control.attr("min"))
+ : 0,
+ max = !isToggleSwitch
+ ? parseFloat(control.attr("max"))
+ : control.find("option").length - 1,
+ step = window.parseFloat(control.attr("step") || 1),
+ domHandle = document.createElement("a"),
+ handle = $(domHandle),
+ domSlider = document.createElement("div"),
+ slider = $(domSlider),
+ valuebg =
+ this.options.highlight && !isToggleSwitch
+ ? (function () {
+ var bg = document.createElement("div")
+ bg.className =
+ "ui-slider-bg " +
+ $.mobile.activeBtnClass
+ return $(bg).prependTo(slider)
+ })()
+ : false,
+ options,
+ wrapper,
+ j,
+ length,
+ i,
+ optionsCount,
+ origTabIndex,
+ side,
+ activeClass,
+ sliderImg
+
+ $label.attr("id", labelID)
+ this.isToggleSwitch = isToggleSwitch
+
+ domHandle.setAttribute("href", "#")
+ domSlider.setAttribute("role", "application")
+ domSlider.className = [
+ this.isToggleSwitch
+ ? "ui-slider ui-slider-track ui-shadow-inset "
+ : "ui-slider-track ui-shadow-inset ",
+ selectClass,
+ trackThemeClass,
+ cornerClass,
+ miniClass,
+ ].join("")
+ domHandle.className = "ui-slider-handle"
+ domSlider.appendChild(domHandle)
+
+ handle.attr({
+ role: "slider",
+ "aria-valuemin": min,
+ "aria-valuemax": max,
+ "aria-valuenow": this._value(),
+ "aria-valuetext": this._value(),
+ title: this._value(),
+ "aria-labelledby": labelID,
+ })
- (function ($, undefined) {
+ $.extend(this, {
+ slider: slider,
+ handle: handle,
+ control: control,
+ type: cType,
+ step: step,
+ max: max,
+ min: min,
+ valuebg: valuebg,
+ isRangeslider: isRangeslider,
+ dragging: false,
+ beforeStart: null,
+ userModified: false,
+ mouseMoved: false,
+ })
- $.widget("mobile.slider", $.extend({
- initSelector: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')",
+ if (isToggleSwitch) {
+ // TODO: restore original tabindex (if any) in a destroy method
+ origTabIndex = control.attr("tabindex")
+ if (origTabIndex) {
+ handle.attr("tabindex", origTabIndex)
+ }
+ control.attr("tabindex", "-1").focus(function () {
+ $(this).blur()
+ handle.focus()
+ })
- widgetEventPrefix: "slide",
+ wrapper = document.createElement("div")
+ wrapper.className = "ui-slider-inneroffset"
- options: {
- theme: null,
- trackTheme: null,
- corners: true,
- mini: false,
- highlight: false
- },
+ for (
+ j = 0, length = domSlider.childNodes.length;
+ j < length;
+ j++
+ ) {
+ wrapper.appendChild(domSlider.childNodes[j])
+ }
- _create: function () {
+ domSlider.appendChild(wrapper)
+
+ // slider.wrapInner( "
" );
+
+ // make the handle move with a smooth transition
+ handle.addClass("ui-slider-handle-snapping")
+
+ options = control.find("option")
+
+ for (
+ i = 0, optionsCount = options.length;
+ i < optionsCount;
+ i++
+ ) {
+ side = !i ? "b" : "a"
+ activeClass = !i
+ ? ""
+ : " " + $.mobile.activeBtnClass
+ sliderImg = document.createElement("span")
+
+ sliderImg.className = [
+ "ui-slider-label ui-slider-label-",
+ side,
+ activeClass,
+ ].join("")
+ sliderImg.setAttribute("role", "img")
+ sliderImg.appendChild(
+ document.createTextNode(
+ options[i].innerHTML
+ )
+ )
+ $(sliderImg).prependTo(slider)
+ }
- // TODO: Each of these should have comments explain what they're for
- var self = this,
- control = this.element,
- trackTheme = this.options.trackTheme || $.mobile.getAttribute(control[0], "theme"),
- trackThemeClass = trackTheme ? " ui-bar-" + trackTheme : " ui-bar-inherit",
- cornerClass = (this.options.corners || control.jqmData("corners")) ? " ui-corner-all" : "",
- miniClass = (this.options.mini || control.jqmData("mini")) ? " ui-mini" : "",
- cType = control[0].nodeName.toLowerCase(),
- isToggleSwitch = (cType === "select"),
- isRangeslider = control.parent().is(":jqmData(role='rangeslider')"),
- selectClass = (isToggleSwitch) ? "ui-slider-switch" : "",
- controlID = control.attr("id"),
- $label = $("[for='" + controlID + "']"),
- labelID = $label.attr("id") || controlID + "-label",
- min = !isToggleSwitch ? parseFloat(control.attr("min")) : 0,
- max = !isToggleSwitch ? parseFloat(control.attr("max")) : control.find("option").length - 1,
- step = window.parseFloat(control.attr("step") || 1),
- domHandle = document.createElement("a"),
- handle = $(domHandle),
- domSlider = document.createElement("div"),
- slider = $(domSlider),
- valuebg = this.options.highlight && !isToggleSwitch ? (function () {
- var bg = document.createElement("div");
- bg.className = "ui-slider-bg " + $.mobile.activeBtnClass;
- return $(bg).prependTo(slider);
- })() : false,
- options,
- wrapper,
- j, length,
- i, optionsCount, origTabIndex,
- side, activeClass, sliderImg;
-
- $label.attr("id", labelID);
- this.isToggleSwitch = isToggleSwitch;
-
- domHandle.setAttribute("href", "#");
- domSlider.setAttribute("role", "application");
- domSlider.className = [this.isToggleSwitch ? "ui-slider ui-slider-track ui-shadow-inset " : "ui-slider-track ui-shadow-inset ", selectClass, trackThemeClass, cornerClass, miniClass].join("");
- domHandle.className = "ui-slider-handle";
- domSlider.appendChild(domHandle);
-
- handle.attr({
- "role": "slider",
- "aria-valuemin": min,
- "aria-valuemax": max,
- "aria-valuenow": this._value(),
- "aria-valuetext": this._value(),
- "title": this._value(),
- "aria-labelledby": labelID
- });
+ self._labels = $(".ui-slider-label", slider)
+ }
- $.extend(this, {
- slider: slider,
- handle: handle,
- control: control,
- type: cType,
- step: step,
- max: max,
- min: min,
- valuebg: valuebg,
- isRangeslider: isRangeslider,
- dragging: false,
- beforeStart: null,
- userModified: false,
- mouseMoved: false
- });
+ // monitor the input for updated values
+ control.addClass(
+ isToggleSwitch
+ ? "ui-slider-switch"
+ : "ui-slider-input"
+ )
+
+ this._on(control, {
+ change: "_controlChange",
+ keyup: "_controlKeyup",
+ blur: "_controlBlur",
+ vmouseup: "_controlVMouseUp",
+ })
- if (isToggleSwitch) {
- // TODO: restore original tabindex (if any) in a destroy method
- origTabIndex = control.attr("tabindex");
- if (origTabIndex) {
- handle.attr("tabindex", origTabIndex);
- }
- control.attr("tabindex", "-1").focus(function () {
- $(this).blur();
- handle.focus();
- });
+ slider
+ .bind(
+ "vmousedown",
+ $.proxy(this._sliderVMouseDown, this)
+ )
+ .bind("vclick", false)
+
+ // We have to instantiate a new function object for the unbind to work properly
+ // since the method itself is defined in the prototype (causing it to unbind everything)
+ this._on(document, {
+ vmousemove: "_preventDocumentDrag",
+ })
+ this._on(slider.add(document), {
+ vmouseup: "_sliderVMouseUp",
+ })
- wrapper = document.createElement("div");
- wrapper.className = "ui-slider-inneroffset";
+ slider.insertAfter(control)
- for (j = 0, length = domSlider.childNodes.length; j < length; j++) {
- wrapper.appendChild(domSlider.childNodes[j]);
- }
+ // wrap in a div for styling purposes
+ if (!isToggleSwitch && !isRangeslider) {
+ wrapper = this.options.mini
+ ? "
"
+ : "
"
- domSlider.appendChild(wrapper);
+ control.add(slider).wrapAll(wrapper)
+ }
- // slider.wrapInner( "
" );
+ // bind the handle event callbacks and set the context to the widget instance
+ this._on(this.handle, {
+ vmousedown: "_handleVMouseDown",
+ keydown: "_handleKeydown",
+ keyup: "_handleKeyup",
+ })
- // make the handle move with a smooth transition
- handle.addClass("ui-slider-handle-snapping");
+ this.handle.bind("vclick", false)
- options = control.find("option");
+ this._handleFormReset()
- for (i = 0, optionsCount = options.length; i < optionsCount; i++) {
- side = !i ? "b" : "a";
- activeClass = !i ? "" : " " + $.mobile.activeBtnClass;
- sliderImg = document.createElement("span");
+ this.refresh(undefined, undefined, true)
+ },
- sliderImg.className = ["ui-slider-label ui-slider-label-", side, activeClass].join("");
- sliderImg.setAttribute("role", "img");
- sliderImg.appendChild(document.createTextNode(options[i].innerHTML));
- $(sliderImg).prependTo(slider);
- }
+ _setOptions: function (options) {
+ if (options.theme !== undefined) {
+ this._setTheme(options.theme)
+ }
- self._labels = $(".ui-slider-label", slider);
+ if (options.trackTheme !== undefined) {
+ this._setTrackTheme(options.trackTheme)
+ }
- }
+ if (options.corners !== undefined) {
+ this._setCorners(options.corners)
+ }
- // monitor the input for updated values
- control.addClass(isToggleSwitch ? "ui-slider-switch" : "ui-slider-input");
+ if (options.mini !== undefined) {
+ this._setMini(options.mini)
+ }
- this._on(control, {
- "change": "_controlChange",
- "keyup": "_controlKeyup",
- "blur": "_controlBlur",
- "vmouseup": "_controlVMouseUp"
- });
+ if (options.highlight !== undefined) {
+ this._setHighlight(options.highlight)
+ }
- slider.bind("vmousedown", $.proxy(this._sliderVMouseDown, this))
- .bind("vclick", false);
+ if (options.disabled !== undefined) {
+ this._setDisabled(options.disabled)
+ }
+ this._super(options)
+ },
- // We have to instantiate a new function object for the unbind to work properly
- // since the method itself is defined in the prototype (causing it to unbind everything)
- this._on(document, {"vmousemove": "_preventDocumentDrag"});
- this._on(slider.add(document), {"vmouseup": "_sliderVMouseUp"});
+ _controlChange: function (event) {
+ // if the user dragged the handle, the "change" event was triggered from inside refresh(); don't call refresh() again
+ if (this._trigger("controlchange", event) === false) {
+ return false
+ }
+ if (!this.mouseMoved) {
+ this.refresh(this._value(), true)
+ }
+ },
- slider.insertAfter(control);
+ _controlKeyup: function (/* event */) {
+ // necessary?
+ this.refresh(this._value(), true, true)
+ },
- // wrap in a div for styling purposes
- if (!isToggleSwitch && !isRangeslider) {
- wrapper = this.options.mini ? "
" : "
";
+ _controlBlur: function (/* event */) {
+ this.refresh(this._value(), true)
+ },
- control.add(slider).wrapAll(wrapper);
- }
+ // it appears the clicking the up and down buttons in chrome on
+ // range/number inputs doesn't trigger a change until the field is
+ // blurred. Here we check thif the value has changed and refresh
+ _controlVMouseUp: function (/* event */) {
+ this._checkedRefresh()
+ },
- // bind the handle event callbacks and set the context to the widget instance
- this._on(this.handle, {
- "vmousedown": "_handleVMouseDown",
- "keydown": "_handleKeydown",
- "keyup": "_handleKeyup"
- });
+ // NOTE force focus on handle
+ _handleVMouseDown: function (/* event */) {
+ this.handle.focus()
+ },
- this.handle.bind("vclick", false);
+ _handleKeydown: function (event) {
+ var index = this._value()
+ if (this.options.disabled) {
+ return
+ }
- this._handleFormReset();
+ // In all cases prevent the default and mark the handle as active
+ switch (event.keyCode) {
+ case $.mobile.keyCode.HOME:
+ case $.mobile.keyCode.END:
+ case $.mobile.keyCode.PAGE_UP:
+ case $.mobile.keyCode.PAGE_DOWN:
+ case $.mobile.keyCode.UP:
+ case $.mobile.keyCode.RIGHT:
+ case $.mobile.keyCode.DOWN:
+ case $.mobile.keyCode.LEFT:
+ event.preventDefault()
+
+ if (!this._keySliding) {
+ this._keySliding = true
+ this.handle.addClass(
+ "ui-state-active"
+ ) /* TODO: We don't use this class for styling. Do we need to add it? */
+ }
- this.refresh(undefined, undefined, true);
- },
+ break
+ }
- _setOptions: function (options) {
- if (options.theme !== undefined) {
- this._setTheme(options.theme);
- }
+ // move the slider according to the keypress
+ switch (event.keyCode) {
+ case $.mobile.keyCode.HOME:
+ this.refresh(this.min)
+ break
+ case $.mobile.keyCode.END:
+ this.refresh(this.max)
+ break
+ case $.mobile.keyCode.PAGE_UP:
+ case $.mobile.keyCode.UP:
+ case $.mobile.keyCode.RIGHT:
+ this.refresh(index + this.step)
+ break
+ case $.mobile.keyCode.PAGE_DOWN:
+ case $.mobile.keyCode.DOWN:
+ case $.mobile.keyCode.LEFT:
+ this.refresh(index - this.step)
+ break
+ }
+ }, // remove active mark
+
+ _handleKeyup: function (/* event */) {
+ if (this._keySliding) {
+ this._keySliding = false
+ this.handle.removeClass(
+ "ui-state-active"
+ ) /* See comment above. */
+ }
+ },
- if (options.trackTheme !== undefined) {
- this._setTrackTheme(options.trackTheme);
- }
+ _sliderVMouseDown: function (event) {
+ // NOTE: we don't do this in refresh because we still want to
+ // support programmatic alteration of disabled inputs
+ if (
+ this.options.disabled ||
+ !(
+ event.which === 1 ||
+ event.which === 0 ||
+ event.which === undefined
+ )
+ ) {
+ return false
+ }
+ if (this._trigger("beforestart", event) === false) {
+ return false
+ }
+ this.dragging = true
+ this.userModified = false
+ this.mouseMoved = false
- if (options.corners !== undefined) {
- this._setCorners(options.corners);
- }
+ if (this.isToggleSwitch) {
+ this.beforeStart = this.element[0].selectedIndex
+ }
- if (options.mini !== undefined) {
- this._setMini(options.mini);
- }
+ this.refresh(event)
+ this._trigger("start")
+ return false
+ },
- if (options.highlight !== undefined) {
- this._setHighlight(options.highlight);
- }
+ _sliderVMouseUp: function () {
+ if (this.dragging) {
+ this.dragging = false
+
+ if (this.isToggleSwitch) {
+ // make the handle move with a smooth transition
+ this.handle.addClass(
+ "ui-slider-handle-snapping"
+ )
+
+ if (this.mouseMoved) {
+ // this is a drag, change the value only if user dragged enough
+ if (this.userModified) {
+ this.refresh(
+ this.beforeStart === 0 ? 1 : 0
+ )
+ } else {
+ this.refresh(this.beforeStart)
+ }
+ } else {
+ // this is just a click, change the value
+ this.refresh(this.beforeStart === 0 ? 1 : 0)
+ }
+ }
- if (options.disabled !== undefined) {
- this._setDisabled(options.disabled);
- }
- this._super(options);
- },
+ this.mouseMoved = false
+ this._trigger("stop")
+ return false
+ }
+ },
- _controlChange: function (event) {
- // if the user dragged the handle, the "change" event was triggered from inside refresh(); don't call refresh() again
- if (this._trigger("controlchange", event) === false) {
- return false;
- }
- if (!this.mouseMoved) {
- this.refresh(this._value(), true);
- }
- },
-
- _controlKeyup: function (/* event */) { // necessary?
- this.refresh(this._value(), true, true);
- },
+ _preventDocumentDrag: function (event) {
+ // NOTE: we don't do this in refresh because we still want to
+ // support programmatic alteration of disabled inputs
+ if (this._trigger("drag", event) === false) {
+ return false
+ }
+ if (this.dragging && !this.options.disabled) {
+ // this.mouseMoved must be updated before refresh() because it will be used in the control "change" event
+ this.mouseMoved = true
+
+ if (this.isToggleSwitch) {
+ // make the handle move in sync with the mouse
+ this.handle.removeClass(
+ "ui-slider-handle-snapping"
+ )
+ }
- _controlBlur: function (/* event */) {
- this.refresh(this._value(), true);
- },
+ this.refresh(event)
- // it appears the clicking the up and down buttons in chrome on
- // range/number inputs doesn't trigger a change until the field is
- // blurred. Here we check thif the value has changed and refresh
- _controlVMouseUp: function (/* event */) {
- this._checkedRefresh();
- },
+ // only after refresh() you can calculate this.userModified
+ this.userModified =
+ this.beforeStart !==
+ this.element[0].selectedIndex
+ return false
+ }
+ },
- // NOTE force focus on handle
- _handleVMouseDown: function (/* event */) {
- this.handle.focus();
- },
+ _checkedRefresh: function () {
+ if (this.value !== this._value()) {
+ this.refresh(this._value())
+ }
+ },
- _handleKeydown: function (event) {
- var index = this._value();
- if (this.options.disabled) {
- return;
- }
+ _value: function () {
+ return this.isToggleSwitch
+ ? this.element[0].selectedIndex
+ : parseFloat(this.element.val())
+ },
- // In all cases prevent the default and mark the handle as active
- switch (event.keyCode) {
- case $.mobile.keyCode.HOME:
- case $.mobile.keyCode.END:
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- event.preventDefault();
+ _reset: function () {
+ this.refresh(undefined, false, true)
+ },
- if (!this._keySliding) {
- this._keySliding = true;
- this.handle.addClass("ui-state-active"); /* TODO: We don't use this class for styling. Do we need to add it? */
+ refresh: function (val, isfromControl, preventInputUpdate) {
+ // NOTE: we don't return here because we want to support programmatic
+ // alteration of the input value, which should still update the slider
+
+ var self = this,
+ parentTheme = $.mobile.getAttribute(
+ this.element[0],
+ "theme"
+ ),
+ theme = this.options.theme || parentTheme,
+ themeClass = theme ? " ui-btn-" + theme : "",
+ trackTheme = this.options.trackTheme || parentTheme,
+ trackThemeClass = trackTheme
+ ? " ui-bar-" + trackTheme
+ : " ui-bar-inherit",
+ cornerClass = this.options.corners
+ ? " ui-corner-all"
+ : "",
+ miniClass = this.options.mini ? " ui-mini" : "",
+ left,
+ width,
+ data,
+ tol,
+ pxStep,
+ percent,
+ control,
+ isInput,
+ optionElements,
+ min,
+ max,
+ step,
+ newval,
+ valModStep,
+ alignValue,
+ percentPerStep,
+ handlePercent,
+ aPercent,
+ bPercent,
+ valueChanged
+
+ self.slider[0].className = [
+ this.isToggleSwitch
+ ? "ui-slider ui-slider-switch ui-slider-track ui-shadow-inset"
+ : "ui-slider-track ui-shadow-inset",
+ trackThemeClass,
+ cornerClass,
+ miniClass,
+ ].join("")
+ if (
+ this.options.disabled ||
+ this.element.prop("disabled")
+ ) {
+ this.disable()
}
- break;
- }
-
- // move the slider according to the keypress
- switch (event.keyCode) {
- case $.mobile.keyCode.HOME:
- this.refresh(this.min);
- break;
- case $.mobile.keyCode.END:
- this.refresh(this.max);
- break;
- case $.mobile.keyCode.PAGE_UP:
- case $.mobile.keyCode.UP:
- case $.mobile.keyCode.RIGHT:
- this.refresh(index + this.step);
- break;
- case $.mobile.keyCode.PAGE_DOWN:
- case $.mobile.keyCode.DOWN:
- case $.mobile.keyCode.LEFT:
- this.refresh(index - this.step);
- break;
- }
- }, // remove active mark
-
- _handleKeyup: function (/* event */) {
- if (this._keySliding) {
- this._keySliding = false;
- this.handle.removeClass("ui-state-active"); /* See comment above. */
- }
- },
-
- _sliderVMouseDown: function (event) {
- // NOTE: we don't do this in refresh because we still want to
- // support programmatic alteration of disabled inputs
- if (this.options.disabled || !(event.which === 1 || event.which === 0 || event.which === undefined)) {
- return false;
- }
- if (this._trigger("beforestart", event) === false) {
- return false;
- }
- this.dragging = true;
- this.userModified = false;
- this.mouseMoved = false;
-
- if (this.isToggleSwitch) {
- this.beforeStart = this.element[0].selectedIndex;
- }
-
- this.refresh(event);
- this._trigger("start");
- return false;
- },
-
- _sliderVMouseUp: function () {
- if (this.dragging) {
- this.dragging = false;
-
- if (this.isToggleSwitch) {
- // make the handle move with a smooth transition
- this.handle.addClass("ui-slider-handle-snapping");
-
- if (this.mouseMoved) {
- // this is a drag, change the value only if user dragged enough
- if (this.userModified) {
- this.refresh(this.beforeStart === 0 ? 1 : 0);
+ // set the stored value for comparison later
+ this.value = this._value()
+ if (
+ this.options.highlight &&
+ !this.isToggleSwitch &&
+ this.slider.find(".ui-slider-bg").length === 0
+ ) {
+ this.valuebg = (function () {
+ var bg = document.createElement("div")
+ bg.className =
+ "ui-slider-bg " + $.mobile.activeBtnClass
+ return $(bg).prependTo(self.slider)
+ })()
+ }
+ this.handle.addClass(
+ "ui-btn" + themeClass + " ui-shadow"
+ )
+
+ control = this.element
+ isInput = !this.isToggleSwitch
+ optionElements = isInput ? [] : control.find("option")
+ min = isInput ? parseFloat(control.attr("min")) : 0
+ max = isInput
+ ? parseFloat(control.attr("max"))
+ : optionElements.length - 1
+ step =
+ isInput && parseFloat(control.attr("step")) > 0
+ ? parseFloat(control.attr("step"))
+ : 1
+
+ if (typeof val === "object") {
+ data = val
+ // a slight tolerance helped get to the ends of the slider
+ tol = 8
+
+ left = this.slider.offset().left
+ width = this.slider.width()
+ pxStep = width / ((max - min) / step)
+ if (
+ !this.dragging ||
+ data.pageX < left - tol ||
+ data.pageX > left + width + tol
+ ) {
+ return
+ }
+ if (pxStep > 1) {
+ percent = ((data.pageX - left) / width) * 100
} else {
- this.refresh(this.beforeStart);
+ percent = Math.round(
+ ((data.pageX - left) / width) * 100
+ )
}
} else {
- // this is just a click, change the value
- this.refresh(this.beforeStart === 0 ? 1 : 0);
+ if (val == null) {
+ val = isInput
+ ? parseFloat(control.val() || 0)
+ : control[0].selectedIndex
+ }
+ percent =
+ ((parseFloat(val) - min) / (max - min)) * 100
}
- }
-
- this.mouseMoved = false;
- this._trigger("stop");
- return false;
- }
- },
-
- _preventDocumentDrag: function (event) {
- // NOTE: we don't do this in refresh because we still want to
- // support programmatic alteration of disabled inputs
- if (this._trigger("drag", event) === false) {
- return false;
- }
- if (this.dragging && !this.options.disabled) {
-
- // this.mouseMoved must be updated before refresh() because it will be used in the control "change" event
- this.mouseMoved = true;
-
- if (this.isToggleSwitch) {
- // make the handle move in sync with the mouse
- this.handle.removeClass("ui-slider-handle-snapping");
- }
-
- this.refresh(event);
-
- // only after refresh() you can calculate this.userModified
- this.userModified = this.beforeStart !== this.element[0].selectedIndex;
- return false;
- }
- },
-
- _checkedRefresh: function () {
- if (this.value !== this._value()) {
- this.refresh(this._value());
- }
- },
-
- _value: function () {
- return this.isToggleSwitch ? this.element[0].selectedIndex : parseFloat(this.element.val());
- },
-
- _reset: function () {
- this.refresh(undefined, false, true);
- },
-
- refresh: function (val, isfromControl, preventInputUpdate) {
- // NOTE: we don't return here because we want to support programmatic
- // alteration of the input value, which should still update the slider
-
- var self = this,
- parentTheme = $.mobile.getAttribute(this.element[0], "theme"),
- theme = this.options.theme || parentTheme,
- themeClass = theme ? " ui-btn-" + theme : "",
- trackTheme = this.options.trackTheme || parentTheme,
- trackThemeClass = trackTheme ? " ui-bar-" + trackTheme : " ui-bar-inherit",
- cornerClass = this.options.corners ? " ui-corner-all" : "",
- miniClass = this.options.mini ? " ui-mini" : "",
- left, width, data, tol,
- pxStep, percent,
- control, isInput, optionElements, min, max, step,
- newval, valModStep, alignValue, percentPerStep,
- handlePercent, aPercent, bPercent,
- valueChanged;
-
- self.slider[0].className = [this.isToggleSwitch ? "ui-slider ui-slider-switch ui-slider-track ui-shadow-inset" : "ui-slider-track ui-shadow-inset", trackThemeClass, cornerClass, miniClass].join("");
- if (this.options.disabled || this.element.prop("disabled")) {
- this.disable();
- }
-
- // set the stored value for comparison later
- this.value = this._value();
- if (this.options.highlight && !this.isToggleSwitch && this.slider.find(".ui-slider-bg").length === 0) {
- this.valuebg = (function () {
- var bg = document.createElement("div");
- bg.className = "ui-slider-bg " + $.mobile.activeBtnClass;
- return $(bg).prependTo(self.slider);
- })();
- }
- this.handle.addClass("ui-btn" + themeClass + " ui-shadow");
-
- control = this.element;
- isInput = !this.isToggleSwitch;
- optionElements = isInput ? [] : control.find("option");
- min = isInput ? parseFloat(control.attr("min")) : 0;
- max = isInput ? parseFloat(control.attr("max")) : optionElements.length - 1;
- step = (isInput && parseFloat(control.attr("step")) > 0) ? parseFloat(control.attr("step")) : 1;
-
- if (typeof val === "object") {
- data = val;
- // a slight tolerance helped get to the ends of the slider
- tol = 8;
-
- left = this.slider.offset().left;
- width = this.slider.width();
- pxStep = width / ((max - min) / step);
- if (!this.dragging ||
- data.pageX < left - tol ||
- data.pageX > left + width + tol) {
- return;
- }
- if (pxStep > 1) {
- percent = ((data.pageX - left) / width) * 100;
- } else {
- percent = Math.round(((data.pageX - left) / width) * 100);
- }
- } else {
- if (val == null) {
- val = isInput ? parseFloat(control.val() || 0) : control[0].selectedIndex;
- }
- percent = (parseFloat(val) - min) / (max - min) * 100;
- }
-
- if (isNaN(percent)) {
- return;
- }
-
- newval = (percent / 100) * (max - min) + min;
-
- //from jQuery UI slider, the following source will round to the nearest step
- valModStep = (newval - min) % step;
- alignValue = newval - valModStep;
-
- if (Math.abs(valModStep) * 2 >= step) {
- alignValue += (valModStep > 0) ? step : (-step);
- }
- percentPerStep = 100 / ((max - min) / step);
- // Since JavaScript has problems with large floats, round
- // the final value to 5 digits after the decimal point (see jQueryUI: #4124)
- newval = parseFloat(alignValue.toFixed(5));
-
- if (typeof pxStep === "undefined") {
- pxStep = width / ((max - min) / step);
- }
- if (pxStep > 1 && isInput) {
- percent = (newval - min) * percentPerStep * (1 / step);
- }
- if (percent < 0) {
- percent = 0;
- }
-
- if (percent > 100) {
- percent = 100;
- }
-
- if (newval < min) {
- newval = min;
- }
-
- if (newval > max) {
- newval = max;
- }
+ if (isNaN(percent)) {
+ return
+ }
- this.handle.css("left", percent + "%");
+ newval = (percent / 100) * (max - min) + min
- this.handle[0].setAttribute("aria-valuenow", isInput ? newval : optionElements.eq(newval).attr("value"));
+ //from jQuery UI slider, the following source will round to the nearest step
+ valModStep = (newval - min) % step
+ alignValue = newval - valModStep
- this.handle[0].setAttribute("aria-valuetext", isInput ? newval : optionElements.eq(newval).getEncodedText());
+ if (Math.abs(valModStep) * 2 >= step) {
+ alignValue += valModStep > 0 ? step : -step
+ }
- this.handle[0].setAttribute("title", isInput ? newval : optionElements.eq(newval).getEncodedText());
+ percentPerStep = 100 / ((max - min) / step)
+ // Since JavaScript has problems with large floats, round
+ // the final value to 5 digits after the decimal point (see jQueryUI: #4124)
+ newval = parseFloat(alignValue.toFixed(5))
- if (this.valuebg) {
- this.valuebg.css("width", percent + "%");
- }
+ if (typeof pxStep === "undefined") {
+ pxStep = width / ((max - min) / step)
+ }
+ if (pxStep > 1 && isInput) {
+ percent =
+ (newval - min) * percentPerStep * (1 / step)
+ }
+ if (percent < 0) {
+ percent = 0
+ }
- // drag the label widths
- if (this._labels) {
- handlePercent = this.handle.width() / this.slider.width() * 100;
- aPercent = percent && handlePercent + (100 - handlePercent) * percent / 100;
- bPercent = percent === 100 ? 0 : Math.min(handlePercent + 100 - aPercent, 100);
+ if (percent > 100) {
+ percent = 100
+ }
- this._labels.each(function () {
- var ab = $(this).hasClass("ui-slider-label-a");
- $(this).width((ab ? aPercent : bPercent) + "%");
- });
- }
+ if (newval < min) {
+ newval = min
+ }
- if (!preventInputUpdate) {
- valueChanged = false;
+ if (newval > max) {
+ newval = max
+ }
- // update control"s value
- if (isInput) {
- valueChanged = parseFloat(control.val()) !== newval;
- control.val(newval);
- } else {
- valueChanged = control[0].selectedIndex !== newval;
- control[0].selectedIndex = newval;
- }
- if (this._trigger("beforechange", val) === false) {
- return false;
- }
- if (!isfromControl && valueChanged) {
- control.trigger("change");
- }
- }
- },
+ this.handle.css("left", percent + "%")
+
+ this.handle[0].setAttribute(
+ "aria-valuenow",
+ isInput
+ ? newval
+ : optionElements.eq(newval).attr("value")
+ )
+
+ this.handle[0].setAttribute(
+ "aria-valuetext",
+ isInput
+ ? newval
+ : optionElements.eq(newval).getEncodedText()
+ )
+
+ this.handle[0].setAttribute(
+ "title",
+ isInput
+ ? newval
+ : optionElements.eq(newval).getEncodedText()
+ )
+
+ if (this.valuebg) {
+ this.valuebg.css("width", percent + "%")
+ }
- _setHighlight: function (value) {
- value = !!value;
- if (value) {
- this.options.highlight = !!value;
- this.refresh();
- } else if (this.valuebg) {
- this.valuebg.remove();
- this.valuebg = false;
- }
- },
+ // drag the label widths
+ if (this._labels) {
+ handlePercent =
+ (this.handle.width() / this.slider.width()) *
+ 100
+ aPercent =
+ percent &&
+ handlePercent +
+ ((100 - handlePercent) * percent) / 100
+ bPercent =
+ percent === 100
+ ? 0
+ : Math.min(
+ handlePercent + 100 - aPercent,
+ 100
+ )
+
+ this._labels.each(function () {
+ var ab = $(this).hasClass("ui-slider-label-a")
+ $(this).width((ab ? aPercent : bPercent) + "%")
+ })
+ }
- _setTheme: function (value) {
- this.handle
- .removeClass("ui-btn-" + this.options.theme)
- .addClass("ui-btn-" + value);
+ if (!preventInputUpdate) {
+ valueChanged = false
- var currentTheme = this.options.theme ? this.options.theme : "inherit",
- newTheme = value ? value : "inherit";
+ // update control"s value
+ if (isInput) {
+ valueChanged =
+ parseFloat(control.val()) !== newval
+ control.val(newval)
+ } else {
+ valueChanged =
+ control[0].selectedIndex !== newval
+ control[0].selectedIndex = newval
+ }
+ if (this._trigger("beforechange", val) === false) {
+ return false
+ }
+ if (!isfromControl && valueChanged) {
+ control.trigger("change")
+ }
+ }
+ },
- this.control
- .removeClass("ui-body-" + currentTheme)
- .addClass("ui-body-" + newTheme);
- },
+ _setHighlight: function (value) {
+ value = !!value
+ if (value) {
+ this.options.highlight = !!value
+ this.refresh()
+ } else if (this.valuebg) {
+ this.valuebg.remove()
+ this.valuebg = false
+ }
+ },
- _setTrackTheme: function (value) {
- var currentTrackTheme = this.options.trackTheme ? this.options.trackTheme : "inherit",
- newTrackTheme = value ? value : "inherit";
+ _setTheme: function (value) {
+ this.handle
+ .removeClass("ui-btn-" + this.options.theme)
+ .addClass("ui-btn-" + value)
- this.slider
- .removeClass("ui-body-" + currentTrackTheme)
- .addClass("ui-body-" + newTrackTheme);
- },
+ var currentTheme = this.options.theme
+ ? this.options.theme
+ : "inherit",
+ newTheme = value ? value : "inherit"
- _setMini: function (value) {
- value = !!value;
- if (!this.isToggleSwitch && !this.isRangeslider) {
- this.slider.parent().toggleClass("ui-mini", value);
- this.element.toggleClass("ui-mini", value);
- }
- this.slider.toggleClass("ui-mini", value);
- },
+ this.control
+ .removeClass("ui-body-" + currentTheme)
+ .addClass("ui-body-" + newTheme)
+ },
- _setCorners: function (value) {
- this.slider.toggleClass("ui-corner-all", value);
+ _setTrackTheme: function (value) {
+ var currentTrackTheme = this.options.trackTheme
+ ? this.options.trackTheme
+ : "inherit",
+ newTrackTheme = value ? value : "inherit"
- if (!this.isToggleSwitch) {
- this.control.toggleClass("ui-corner-all", value);
- }
- },
+ this.slider
+ .removeClass("ui-body-" + currentTrackTheme)
+ .addClass("ui-body-" + newTrackTheme)
+ },
- _setDisabled: function (value) {
- value = !!value;
- this.element.prop("disabled", value);
- this.slider
- .toggleClass("ui-state-disabled", value)
- .attr("aria-disabled", value);
+ _setMini: function (value) {
+ value = !!value
+ if (!this.isToggleSwitch && !this.isRangeslider) {
+ this.slider.parent().toggleClass("ui-mini", value)
+ this.element.toggleClass("ui-mini", value)
+ }
+ this.slider.toggleClass("ui-mini", value)
+ },
- this.element.toggleClass("ui-state-disabled", value);
- }
+ _setCorners: function (value) {
+ this.slider.toggleClass("ui-corner-all", value)
- }, $.mobile.behaviors.formReset));
+ if (!this.isToggleSwitch) {
+ this.control.toggleClass("ui-corner-all", value)
+ }
+ },
- })(jQuery);
+ _setDisabled: function (value) {
+ value = !!value
+ this.element.prop("disabled", value)
+ this.slider
+ .toggleClass("ui-state-disabled", value)
+ .attr("aria-disabled", value)
- (function ($, undefined) {
+ this.element.toggleClass("ui-state-disabled", value)
+ },
+ },
+ $.mobile.behaviors.formReset
+ )
+ )
+ })(jQuery)
- var popup;
+ ;(function ($, undefined) {
+ var popup
function getPopup() {
if (!popup) {
popup = $("
", {
- "class": "ui-slider-popup ui-shadow ui-corner-all"
- });
+ class: "ui-slider-popup ui-shadow ui-corner-all",
+ })
}
- return popup.clone();
+ return popup.clone()
}
$.widget("mobile.slider", $.mobile.slider, {
options: {
popupEnabled: false,
- showValue: false
+ showValue: false,
},
_create: function () {
- this._super();
+ this._super()
$.extend(this, {
_currentValue: null,
_popup: null,
- _popupVisible: false
- });
+ _popupVisible: false,
+ })
- this._setOption("popupEnabled", this.options.popupEnabled);
+ this._setOption("popupEnabled", this.options.popupEnabled)
- this._on(this.handle, {"vmousedown": "_showPopup"});
- this._on(this.slider.add(this.document), {"vmouseup": "_hidePopup"});
- this._refresh();
+ this._on(this.handle, { vmousedown: "_showPopup" })
+ this._on(this.slider.add(this.document), {
+ vmouseup: "_hidePopup",
+ })
+ this._refresh()
},
// position the popup centered 5px above the handle
_positionPopup: function () {
- var dstOffset = this.handle.offset();
+ var dstOffset = this.handle.offset()
this._popup.offset({
- left: dstOffset.left + (this.handle.width() - this._popup.width()) / 2,
- top: dstOffset.top - this._popup.outerHeight() - 5
- });
+ left:
+ dstOffset.left +
+ (this.handle.width() - this._popup.width()) / 2,
+ top: dstOffset.top - this._popup.outerHeight() - 5,
+ })
},
_setOption: function (key, value) {
- this._super(key, value);
+ this._super(key, value)
if (key === "showValue") {
- this.handle.html(value && !this.options.mini ? this._value() : "");
+ this.handle.html(
+ value && !this.options.mini ? this._value() : ""
+ )
} else if (key === "popupEnabled") {
if (value && !this._popup) {
this._popup = getPopup()
.addClass("ui-body-" + (this.options.theme || "a"))
.hide()
- .insertBefore(this.element);
+ .insertBefore(this.element)
}
}
},
// show value on the handle and in popup
refresh: function () {
- this._super.apply(this, arguments);
- this._refresh();
+ this._super.apply(this, arguments)
+ this._refresh()
},
_refresh: function () {
- var o = this.options, newValue;
+ var o = this.options,
+ newValue
if (o.popupEnabled) {
// remove the title attribute from the handle (which is
// responsible for the annoying tooltip); NB we have
// to do it here as the jqm slider sets it every time
// the slider's value changes :(
- this.handle.removeAttr("title");
+ this.handle.removeAttr("title")
}
- newValue = this._value();
+ newValue = this._value()
if (newValue === this._currentValue) {
- return;
+ return
}
- this._currentValue = newValue;
+ this._currentValue = newValue
if (o.popupEnabled && this._popup) {
- this._positionPopup();
- this._popup.html(newValue);
+ this._positionPopup()
+ this._popup.html(newValue)
}
if (o.showValue && !this.options.mini) {
- this.handle.html(newValue);
+ this.handle.html(newValue)
}
},
_showPopup: function () {
if (this.options.popupEnabled && !this._popupVisible) {
- this.handle.html("");
- this._popup.show();
- this._positionPopup();
- this._popupVisible = true;
+ this.handle.html("")
+ this._popup.show()
+ this._positionPopup()
+ this._popupVisible = true
}
},
_hidePopup: function () {
- var o = this.options;
+ var o = this.options
if (o.popupEnabled && this._popupVisible) {
if (o.showValue && !o.mini) {
- this.handle.html(this._value());
+ this.handle.html(this._value())
}
- this._popup.hide();
- this._popupVisible = false;
- }
- }
- });
-
- })(jQuery);
-
- (function ($, undefined) {
-
- $.widget("mobile.flipswitch", $.extend({
-
- options: {
- onText: "On",
- offText: "Off",
- theme: null,
- enhanced: false,
- wrapperClass: null,
- corners: true,
- mini: false
- },
-
- _create: function () {
- if (!this.options.enhanced) {
- this._enhance();
- } else {
- $.extend(this, {
- flipswitch: this.element.parent(),
- on: this.element.find(".ui-flipswitch-on").eq(0),
- off: this.element.find(".ui-flipswitch-off").eq(0),
- type: this.element.get(0).tagName
- });
- }
-
- this._handleFormReset();
-
- // Transfer tabindex to "on" element and make input unfocusable
- this._originalTabIndex = this.element.attr("tabindex");
- if (this._originalTabIndex != null) {
- this.on.attr("tabindex", this._originalTabIndex);
- }
- this.element.attr("tabindex", "-1");
- this._on({
- "focus": "_handleInputFocus"
- });
-
- if (this.element.is(":disabled")) {
- this._setOptions({
- "disabled": true
- });
- }
-
- this._on(this.flipswitch, {
- "click": "_toggle",
- "swipeleft": "_left",
- "swiperight": "_right"
- });
-
- this._on(this.on, {
- "keydown": "_keydown"
- });
-
- this._on({
- "change": "refresh"
- });
- },
-
- _handleInputFocus: function () {
- this.on.focus();
- },
-
- widget: function () {
- return this.flipswitch;
- },
-
- _left: function () {
- this.flipswitch.removeClass("ui-flipswitch-active");
- if (this.type === "SELECT") {
- this.element.get(0).selectedIndex = 0;
- } else {
- this.element.prop("checked", false);
- }
- this.element.trigger("change");
- },
-
- _right: function () {
- this.flipswitch.addClass("ui-flipswitch-active");
- if (this.type === "SELECT") {
- this.element.get(0).selectedIndex = 1;
- } else {
- this.element.prop("checked", true);
- }
- this.element.trigger("change");
- },
-
- _enhance: function () {
- var flipswitch = $("
"),
- options = this.options,
- element = this.element,
- theme = options.theme ? options.theme : "inherit",
-
- // The "on" button is an anchor so it's focusable
- on = $("
", {
- "href": "#"
- }),
- off = $("
"),
- type = element.get(0).tagName,
- onText = (type === "INPUT") ?
- options.onText : element.find("option").eq(1).text(),
- offText = (type === "INPUT") ?
- options.offText : element.find("option").eq(0).text();
-
- on
- .addClass("ui-flipswitch-on ui-btn ui-shadow ui-btn-inherit")
- .text(onText);
- off
- .addClass("ui-flipswitch-off")
- .text(offText);
-
- flipswitch
- .addClass("ui-flipswitch ui-shadow-inset " +
- "ui-bar-" + theme + " " +
- (options.wrapperClass ? options.wrapperClass : "") + " " +
- ((element.is(":checked") ||
- element
- .find("option")
- .eq(1)
- .is(":selected")) ? "ui-flipswitch-active" : "") +
- (element.is(":disabled") ? " ui-state-disabled" : "") +
- (options.corners ? " ui-corner-all" : "") +
- (options.mini ? " ui-mini" : ""))
- .append(on, off);
-
- element
- .addClass("ui-flipswitch-input")
- .after(flipswitch)
- .appendTo(flipswitch);
+ this._popup.hide()
+ this._popupVisible = false
+ }
+ },
+ })
+ })(jQuery)
+
+ ;(function ($, undefined) {
+ $.widget(
+ "mobile.flipswitch",
+ $.extend(
+ {
+ options: {
+ onText: "On",
+ offText: "Off",
+ theme: null,
+ enhanced: false,
+ wrapperClass: null,
+ corners: true,
+ mini: false,
+ },
- $.extend(this, {
- flipswitch: flipswitch,
- on: on,
- off: off,
- type: type
- });
- },
+ _create: function () {
+ if (!this.options.enhanced) {
+ this._enhance()
+ } else {
+ $.extend(this, {
+ flipswitch: this.element.parent(),
+ on: this.element
+ .find(".ui-flipswitch-on")
+ .eq(0),
+ off: this.element
+ .find(".ui-flipswitch-off")
+ .eq(0),
+ type: this.element.get(0).tagName,
+ })
+ }
- _reset: function () {
- this.refresh();
- },
+ this._handleFormReset()
- refresh: function () {
- var direction,
- existingDirection = this.flipswitch.hasClass("ui-flipswitch-active") ? "_right" : "_left";
+ // Transfer tabindex to "on" element and make input unfocusable
+ this._originalTabIndex = this.element.attr("tabindex")
+ if (this._originalTabIndex != null) {
+ this.on.attr("tabindex", this._originalTabIndex)
+ }
+ this.element.attr("tabindex", "-1")
+ this._on({
+ focus: "_handleInputFocus",
+ })
- if (this.type === "SELECT") {
- direction = (this.element.get(0).selectedIndex > 0) ? "_right" : "_left";
- } else {
- direction = this.element.prop("checked") ? "_right" : "_left";
- }
+ if (this.element.is(":disabled")) {
+ this._setOptions({
+ disabled: true,
+ })
+ }
- if (direction !== existingDirection) {
- this[direction]();
- }
- },
+ this._on(this.flipswitch, {
+ click: "_toggle",
+ swipeleft: "_left",
+ swiperight: "_right",
+ })
- _toggle: function () {
- var direction = this.flipswitch.hasClass("ui-flipswitch-active") ? "_left" : "_right";
+ this._on(this.on, {
+ keydown: "_keydown",
+ })
- this[direction]();
- },
+ this._on({
+ change: "refresh",
+ })
+ },
- _keydown: function (e) {
- if (e.which === $.mobile.keyCode.LEFT) {
- this._left();
- } else if (e.which === $.mobile.keyCode.RIGHT) {
- this._right();
- } else if (e.which === $.mobile.keyCode.SPACE) {
- this._toggle();
- e.preventDefault();
- }
- },
+ _handleInputFocus: function () {
+ this.on.focus()
+ },
- _setOptions: function (options) {
- if (options.theme !== undefined) {
- var currentTheme = options.theme ? options.theme : "inherit",
- newTheme = options.theme ? options.theme : "inherit";
+ widget: function () {
+ return this.flipswitch
+ },
- this.widget()
- .removeClass("ui-bar-" + currentTheme)
- .addClass("ui-bar-" + newTheme);
- }
- if (options.onText !== undefined) {
- this.on.text(options.onText);
- }
- if (options.offText !== undefined) {
- this.off.text(options.offText);
- }
- if (options.disabled !== undefined) {
- this.widget().toggleClass("ui-state-disabled", options.disabled);
- }
- if (options.mini !== undefined) {
- this.widget().toggleClass("ui-mini", options.mini);
- }
- if (options.corners !== undefined) {
- this.widget().toggleClass("ui-corner-all", options.corners);
- }
+ _left: function () {
+ this.flipswitch.removeClass("ui-flipswitch-active")
+ if (this.type === "SELECT") {
+ this.element.get(0).selectedIndex = 0
+ } else {
+ this.element.prop("checked", false)
+ }
+ this.element.trigger("change")
+ },
- this._super(options);
- },
+ _right: function () {
+ this.flipswitch.addClass("ui-flipswitch-active")
+ if (this.type === "SELECT") {
+ this.element.get(0).selectedIndex = 1
+ } else {
+ this.element.prop("checked", true)
+ }
+ this.element.trigger("change")
+ },
- _destroy: function () {
- if (this.options.enhanced) {
- return;
- }
- if (this._originalTabIndex != null) {
- this.element.attr("tabindex", this._originalTabIndex);
- } else {
- this.element.removeAttr("tabindex");
- }
- this.on.remove();
- this.off.remove();
- this.element.unwrap();
- this.flipswitch.remove();
- this.removeClass("ui-flipswitch-input");
- }
+ _enhance: function () {
+ var flipswitch = $("
"),
+ options = this.options,
+ element = this.element,
+ theme = options.theme ? options.theme : "inherit",
+ // The "on" button is an anchor so it's focusable
+ on = $("
", {
+ href: "#",
+ }),
+ off = $("
"),
+ type = element.get(0).tagName,
+ onText =
+ type === "INPUT"
+ ? options.onText
+ : element.find("option").eq(1).text(),
+ offText =
+ type === "INPUT"
+ ? options.offText
+ : element.find("option").eq(0).text()
+
+ on.addClass(
+ "ui-flipswitch-on ui-btn ui-shadow ui-btn-inherit"
+ ).text(onText)
+ off.addClass("ui-flipswitch-off").text(offText)
+
+ flipswitch
+ .addClass(
+ "ui-flipswitch ui-shadow-inset " +
+ "ui-bar-" +
+ theme +
+ " " +
+ (options.wrapperClass
+ ? options.wrapperClass
+ : "") +
+ " " +
+ (element.is(":checked") ||
+ element.find("option").eq(1).is(":selected")
+ ? "ui-flipswitch-active"
+ : "") +
+ (element.is(":disabled")
+ ? " ui-state-disabled"
+ : "") +
+ (options.corners ? " ui-corner-all" : "") +
+ (options.mini ? " ui-mini" : "")
+ )
+ .append(on, off)
+
+ element
+ .addClass("ui-flipswitch-input")
+ .after(flipswitch)
+ .appendTo(flipswitch)
+
+ $.extend(this, {
+ flipswitch: flipswitch,
+ on: on,
+ off: off,
+ type: type,
+ })
+ },
- }, $.mobile.behaviors.formReset));
+ _reset: function () {
+ this.refresh()
+ },
- })(jQuery);
+ refresh: function () {
+ var direction,
+ existingDirection = this.flipswitch.hasClass(
+ "ui-flipswitch-active"
+ )
+ ? "_right"
+ : "_left"
+
+ if (this.type === "SELECT") {
+ direction =
+ this.element.get(0).selectedIndex > 0
+ ? "_right"
+ : "_left"
+ } else {
+ direction = this.element.prop("checked")
+ ? "_right"
+ : "_left"
+ }
- (function ($, undefined) {
- $.widget("mobile.rangeslider", $.extend({
+ if (direction !== existingDirection) {
+ this[direction]()
+ }
+ },
- options: {
- theme: null,
- trackTheme: null,
- corners: true,
- mini: false,
- highlight: true
- },
+ _toggle: function () {
+ var direction = this.flipswitch.hasClass(
+ "ui-flipswitch-active"
+ )
+ ? "_left"
+ : "_right"
- _create: function () {
- var $el = this.element,
- elClass = this.options.mini ? "ui-rangeslider ui-mini" : "ui-rangeslider",
- _inputFirst = $el.find("input").first(),
- _inputLast = $el.find("input").last(),
- _label = $el.find("label").first(),
- _sliderWidgetFirst = $.data(_inputFirst.get(0), "mobile-slider") ||
- $.data(_inputFirst.slider().get(0), "mobile-slider"),
- _sliderWidgetLast = $.data(_inputLast.get(0), "mobile-slider") ||
- $.data(_inputLast.slider().get(0), "mobile-slider"),
- _sliderFirst = _sliderWidgetFirst.slider,
- _sliderLast = _sliderWidgetLast.slider,
- firstHandle = _sliderWidgetFirst.handle,
- _sliders = $("
").appendTo($el);
-
- _inputFirst.addClass("ui-rangeslider-first");
- _inputLast.addClass("ui-rangeslider-last");
- $el.addClass(elClass);
-
- _sliderFirst.appendTo(_sliders);
- _sliderLast.appendTo(_sliders);
- _label.insertBefore($el);
- firstHandle.prependTo(_sliderLast);
+ this[direction]()
+ },
- $.extend(this, {
- _inputFirst: _inputFirst,
- _inputLast: _inputLast,
- _sliderFirst: _sliderFirst,
- _sliderLast: _sliderLast,
- _label: _label,
- _targetVal: null,
- _sliderTarget: false,
- _sliders: _sliders,
- _proxy: false
- });
-
- this.refresh();
- this._on(this.element.find("input.ui-slider-input"), {
- "slidebeforestart": "_slidebeforestart",
- "slidestop": "_slidestop",
- "slidedrag": "_slidedrag",
- "slidebeforechange": "_change",
- "blur": "_change",
- "keyup": "_change"
- });
- this._on({
- "mousedown": "_change"
- });
- this._on(this.element.closest("form"), {
- "reset": "_handleReset"
- });
- this._on(firstHandle, {
- "vmousedown": "_dragFirstHandle"
- });
- },
- _handleReset: function () {
- var self = this;
- //we must wait for the stack to unwind before updateing other wise sliders will not have updated yet
- setTimeout(function () {
- self._updateHighlight();
- }, 0);
- },
+ _keydown: function (e) {
+ if (e.which === $.mobile.keyCode.LEFT) {
+ this._left()
+ } else if (e.which === $.mobile.keyCode.RIGHT) {
+ this._right()
+ } else if (e.which === $.mobile.keyCode.SPACE) {
+ this._toggle()
+ e.preventDefault()
+ }
+ },
- _dragFirstHandle: function (event) {
- //if the first handle is dragged send the event to the first slider
- $.data(this._inputFirst.get(0), "mobile-slider").dragging = true;
- $.data(this._inputFirst.get(0), "mobile-slider").refresh(event);
- $.data(this._inputFirst.get(0), "mobile-slider")._trigger("start");
- return false;
- },
+ _setOptions: function (options) {
+ if (options.theme !== undefined) {
+ var currentTheme = options.theme
+ ? options.theme
+ : "inherit",
+ newTheme = options.theme
+ ? options.theme
+ : "inherit"
+
+ this.widget()
+ .removeClass("ui-bar-" + currentTheme)
+ .addClass("ui-bar-" + newTheme)
+ }
+ if (options.onText !== undefined) {
+ this.on.text(options.onText)
+ }
+ if (options.offText !== undefined) {
+ this.off.text(options.offText)
+ }
+ if (options.disabled !== undefined) {
+ this.widget().toggleClass(
+ "ui-state-disabled",
+ options.disabled
+ )
+ }
+ if (options.mini !== undefined) {
+ this.widget().toggleClass("ui-mini", options.mini)
+ }
+ if (options.corners !== undefined) {
+ this.widget().toggleClass(
+ "ui-corner-all",
+ options.corners
+ )
+ }
- _slidedrag: function (event) {
- var first = $(event.target).is(this._inputFirst),
- otherSlider = (first) ? this._inputLast : this._inputFirst;
+ this._super(options)
+ },
- this._sliderTarget = false;
- //if the drag was initiated on an extreme and the other handle is focused send the events to
- //the closest handle
- if ((this._proxy === "first" && first) || (this._proxy === "last" && !first)) {
- $.data(otherSlider.get(0), "mobile-slider").dragging = true;
- $.data(otherSlider.get(0), "mobile-slider").refresh(event);
- return false;
- }
- },
+ _destroy: function () {
+ if (this.options.enhanced) {
+ return
+ }
+ if (this._originalTabIndex != null) {
+ this.element.attr(
+ "tabindex",
+ this._originalTabIndex
+ )
+ } else {
+ this.element.removeAttr("tabindex")
+ }
+ this.on.remove()
+ this.off.remove()
+ this.element.unwrap()
+ this.flipswitch.remove()
+ this.removeClass("ui-flipswitch-input")
+ },
+ },
+ $.mobile.behaviors.formReset
+ )
+ )
+ })(jQuery)
+
+ ;(function ($, undefined) {
+ $.widget(
+ "mobile.rangeslider",
+ $.extend(
+ {
+ options: {
+ theme: null,
+ trackTheme: null,
+ corners: true,
+ mini: false,
+ highlight: true,
+ },
- _slidestop: function (event) {
- var first = $(event.target).is(this._inputFirst);
+ _create: function () {
+ var $el = this.element,
+ elClass = this.options.mini
+ ? "ui-rangeslider ui-mini"
+ : "ui-rangeslider",
+ _inputFirst = $el.find("input").first(),
+ _inputLast = $el.find("input").last(),
+ _label = $el.find("label").first(),
+ _sliderWidgetFirst =
+ $.data(_inputFirst.get(0), "mobile-slider") ||
+ $.data(
+ _inputFirst.slider().get(0),
+ "mobile-slider"
+ ),
+ _sliderWidgetLast =
+ $.data(_inputLast.get(0), "mobile-slider") ||
+ $.data(
+ _inputLast.slider().get(0),
+ "mobile-slider"
+ ),
+ _sliderFirst = _sliderWidgetFirst.slider,
+ _sliderLast = _sliderWidgetLast.slider,
+ firstHandle = _sliderWidgetFirst.handle,
+ _sliders = $(
+ "
"
+ ).appendTo($el)
+
+ _inputFirst.addClass("ui-rangeslider-first")
+ _inputLast.addClass("ui-rangeslider-last")
+ $el.addClass(elClass)
+
+ _sliderFirst.appendTo(_sliders)
+ _sliderLast.appendTo(_sliders)
+ _label.insertBefore($el)
+ firstHandle.prependTo(_sliderLast)
+
+ $.extend(this, {
+ _inputFirst: _inputFirst,
+ _inputLast: _inputLast,
+ _sliderFirst: _sliderFirst,
+ _sliderLast: _sliderLast,
+ _label: _label,
+ _targetVal: null,
+ _sliderTarget: false,
+ _sliders: _sliders,
+ _proxy: false,
+ })
- this._proxy = false;
- //this stops dragging of the handle and brings the active track to the front
- //this makes clicks on the track go the the last handle used
- this.element.find("input").trigger("vmouseup");
- this._sliderFirst.css("z-index", first ? 1 : "");
- },
+ this.refresh()
+ this._on(this.element.find("input.ui-slider-input"), {
+ slidebeforestart: "_slidebeforestart",
+ slidestop: "_slidestop",
+ slidedrag: "_slidedrag",
+ slidebeforechange: "_change",
+ blur: "_change",
+ keyup: "_change",
+ })
+ this._on({
+ mousedown: "_change",
+ })
+ this._on(this.element.closest("form"), {
+ reset: "_handleReset",
+ })
+ this._on(firstHandle, {
+ vmousedown: "_dragFirstHandle",
+ })
+ },
+ _handleReset: function () {
+ var self = this
+ //we must wait for the stack to unwind before updateing other wise sliders will not have updated yet
+ setTimeout(function () {
+ self._updateHighlight()
+ }, 0)
+ },
- _slidebeforestart: function (event) {
- this._sliderTarget = false;
- //if the track is the target remember this and the original value
- if ($(event.originalEvent.target).hasClass("ui-slider-track")) {
- this._sliderTarget = true;
- this._targetVal = $(event.target).val();
- }
- },
+ _dragFirstHandle: function (event) {
+ //if the first handle is dragged send the event to the first slider
+ $.data(
+ this._inputFirst.get(0),
+ "mobile-slider"
+ ).dragging = true
+ $.data(
+ this._inputFirst.get(0),
+ "mobile-slider"
+ ).refresh(event)
+ $.data(
+ this._inputFirst.get(0),
+ "mobile-slider"
+ )._trigger("start")
+ return false
+ },
- _setOptions: function (options) {
- if (options.theme !== undefined) {
- this._setTheme(options.theme);
- }
+ _slidedrag: function (event) {
+ var first = $(event.target).is(this._inputFirst),
+ otherSlider = first
+ ? this._inputLast
+ : this._inputFirst
+
+ this._sliderTarget = false
+ //if the drag was initiated on an extreme and the other handle is focused send the events to
+ //the closest handle
+ if (
+ (this._proxy === "first" && first) ||
+ (this._proxy === "last" && !first)
+ ) {
+ $.data(
+ otherSlider.get(0),
+ "mobile-slider"
+ ).dragging = true
+ $.data(otherSlider.get(0), "mobile-slider").refresh(
+ event
+ )
+ return false
+ }
+ },
- if (options.trackTheme !== undefined) {
- this._setTrackTheme(options.trackTheme);
- }
+ _slidestop: function (event) {
+ var first = $(event.target).is(this._inputFirst)
- if (options.mini !== undefined) {
- this._setMini(options.mini);
- }
+ this._proxy = false
+ //this stops dragging of the handle and brings the active track to the front
+ //this makes clicks on the track go the the last handle used
+ this.element.find("input").trigger("vmouseup")
+ this._sliderFirst.css("z-index", first ? 1 : "")
+ },
- if (options.highlight !== undefined) {
- this._setHighlight(options.highlight);
- }
+ _slidebeforestart: function (event) {
+ this._sliderTarget = false
+ //if the track is the target remember this and the original value
+ if (
+ $(event.originalEvent.target).hasClass(
+ "ui-slider-track"
+ )
+ ) {
+ this._sliderTarget = true
+ this._targetVal = $(event.target).val()
+ }
+ },
- if (options.disabled !== undefined) {
- this._setDisabled(options.disabled);
- }
+ _setOptions: function (options) {
+ if (options.theme !== undefined) {
+ this._setTheme(options.theme)
+ }
- this._super(options);
- this.refresh();
- },
+ if (options.trackTheme !== undefined) {
+ this._setTrackTheme(options.trackTheme)
+ }
- refresh: function () {
- var $el = this.element,
- o = this.options;
+ if (options.mini !== undefined) {
+ this._setMini(options.mini)
+ }
- if (this._inputFirst.is(":disabled") || this._inputLast.is(":disabled")) {
- this.options.disabled = true;
- }
+ if (options.highlight !== undefined) {
+ this._setHighlight(options.highlight)
+ }
- $el.find("input").slider({
- theme: o.theme,
- trackTheme: o.trackTheme,
- disabled: o.disabled,
- corners: o.corners,
- mini: o.mini,
- highlight: o.highlight
- }).slider("refresh");
- this._updateHighlight();
- },
+ if (options.disabled !== undefined) {
+ this._setDisabled(options.disabled)
+ }
- _change: function (event) {
- if (event.type === "keyup") {
- this._updateHighlight();
- return false;
- }
+ this._super(options)
+ this.refresh()
+ },
- var self = this,
- min = parseFloat(this._inputFirst.val(), 10),
- max = parseFloat(this._inputLast.val(), 10),
- first = $(event.target).hasClass("ui-rangeslider-first"),
- thisSlider = first ? this._inputFirst : this._inputLast,
- otherSlider = first ? this._inputLast : this._inputFirst;
-
- if ((this._inputFirst.val() > this._inputLast.val() && event.type === "mousedown" && !$(event.target).hasClass("ui-slider-handle"))) {
- thisSlider.blur();
- } else if (event.type === "mousedown") {
- return;
- }
- if (min > max && !this._sliderTarget) {
- //this prevents min from being greater then max
- thisSlider.val(first ? max : min).slider("refresh");
- this._trigger("normalize");
- } else if (min > max) {
- //this makes it so clicks on the target on either extreme go to the closest handle
- thisSlider.val(this._targetVal).slider("refresh");
-
- //You must wait for the stack to unwind so first slider is updated before updating second
- setTimeout(function () {
- otherSlider.val(first ? min : max).slider("refresh");
- $.data(otherSlider.get(0), "mobile-slider").handle.focus();
- self._sliderFirst.css("z-index", first ? "" : 1);
- self._trigger("normalize");
- }, 0);
- this._proxy = (first) ? "first" : "last";
- }
- //fixes issue where when both _sliders are at min they cannot be adjusted
- if (min === max) {
- $.data(thisSlider.get(0), "mobile-slider").handle.css("z-index", 1);
- $.data(otherSlider.get(0), "mobile-slider").handle.css("z-index", 0);
- } else {
- $.data(otherSlider.get(0), "mobile-slider").handle.css("z-index", "");
- $.data(thisSlider.get(0), "mobile-slider").handle.css("z-index", "");
- }
+ refresh: function () {
+ var $el = this.element,
+ o = this.options
- this._updateHighlight();
+ if (
+ this._inputFirst.is(":disabled") ||
+ this._inputLast.is(":disabled")
+ ) {
+ this.options.disabled = true
+ }
- if (min >= max) {
- return false;
- }
- },
+ $el.find("input")
+ .slider({
+ theme: o.theme,
+ trackTheme: o.trackTheme,
+ disabled: o.disabled,
+ corners: o.corners,
+ mini: o.mini,
+ highlight: o.highlight,
+ })
+ .slider("refresh")
+ this._updateHighlight()
+ },
- _updateHighlight: function () {
- var min = parseInt($.data(this._inputFirst.get(0), "mobile-slider").handle.get(0).style.left, 10),
- max = parseInt($.data(this._inputLast.get(0), "mobile-slider").handle.get(0).style.left, 10),
- width = (max - min);
+ _change: function (event) {
+ if (event.type === "keyup") {
+ this._updateHighlight()
+ return false
+ }
- this.element.find(".ui-slider-bg").css({
- "margin-left": min + "%",
- "width": width + "%"
- });
- },
+ var self = this,
+ min = parseFloat(this._inputFirst.val(), 10),
+ max = parseFloat(this._inputLast.val(), 10),
+ first = $(event.target).hasClass(
+ "ui-rangeslider-first"
+ ),
+ thisSlider = first
+ ? this._inputFirst
+ : this._inputLast,
+ otherSlider = first
+ ? this._inputLast
+ : this._inputFirst
+
+ if (
+ this._inputFirst.val() > this._inputLast.val() &&
+ event.type === "mousedown" &&
+ !$(event.target).hasClass("ui-slider-handle")
+ ) {
+ thisSlider.blur()
+ } else if (event.type === "mousedown") {
+ return
+ }
+ if (min > max && !this._sliderTarget) {
+ //this prevents min from being greater then max
+ thisSlider.val(first ? max : min).slider("refresh")
+ this._trigger("normalize")
+ } else if (min > max) {
+ //this makes it so clicks on the target on either extreme go to the closest handle
+ thisSlider.val(this._targetVal).slider("refresh")
+
+ //You must wait for the stack to unwind so first slider is updated before updating second
+ setTimeout(function () {
+ otherSlider
+ .val(first ? min : max)
+ .slider("refresh")
+ $.data(
+ otherSlider.get(0),
+ "mobile-slider"
+ ).handle.focus()
+ self._sliderFirst.css("z-index", first ? "" : 1)
+ self._trigger("normalize")
+ }, 0)
+ this._proxy = first ? "first" : "last"
+ }
+ //fixes issue where when both _sliders are at min they cannot be adjusted
+ if (min === max) {
+ $.data(
+ thisSlider.get(0),
+ "mobile-slider"
+ ).handle.css("z-index", 1)
+ $.data(
+ otherSlider.get(0),
+ "mobile-slider"
+ ).handle.css("z-index", 0)
+ } else {
+ $.data(
+ otherSlider.get(0),
+ "mobile-slider"
+ ).handle.css("z-index", "")
+ $.data(
+ thisSlider.get(0),
+ "mobile-slider"
+ ).handle.css("z-index", "")
+ }
- _setTheme: function (value) {
- this._inputFirst.slider("option", "theme", value);
- this._inputLast.slider("option", "theme", value);
- },
+ this._updateHighlight()
- _setTrackTheme: function (value) {
- this._inputFirst.slider("option", "trackTheme", value);
- this._inputLast.slider("option", "trackTheme", value);
- },
+ if (min >= max) {
+ return false
+ }
+ },
- _setMini: function (value) {
- this._inputFirst.slider("option", "mini", value);
- this._inputLast.slider("option", "mini", value);
- this.element.toggleClass("ui-mini", !!value);
- },
+ _updateHighlight: function () {
+ var min = parseInt(
+ $.data(
+ this._inputFirst.get(0),
+ "mobile-slider"
+ ).handle.get(0).style.left,
+ 10
+ ),
+ max = parseInt(
+ $.data(
+ this._inputLast.get(0),
+ "mobile-slider"
+ ).handle.get(0).style.left,
+ 10
+ ),
+ width = max - min
+
+ this.element.find(".ui-slider-bg").css({
+ "margin-left": min + "%",
+ width: width + "%",
+ })
+ },
- _setHighlight: function (value) {
- this._inputFirst.slider("option", "highlight", value);
- this._inputLast.slider("option", "highlight", value);
- },
+ _setTheme: function (value) {
+ this._inputFirst.slider("option", "theme", value)
+ this._inputLast.slider("option", "theme", value)
+ },
- _setDisabled: function (value) {
- this._inputFirst.prop("disabled", value);
- this._inputLast.prop("disabled", value);
- },
+ _setTrackTheme: function (value) {
+ this._inputFirst.slider("option", "trackTheme", value)
+ this._inputLast.slider("option", "trackTheme", value)
+ },
- _destroy: function () {
- this._label.prependTo(this.element);
- this.element.removeClass("ui-rangeslider ui-mini");
- this._inputFirst.after(this._sliderFirst);
- this._inputLast.after(this._sliderLast);
- this._sliders.remove();
- this.element.find("input").removeClass("ui-rangeslider-first ui-rangeslider-last").slider("destroy");
- }
+ _setMini: function (value) {
+ this._inputFirst.slider("option", "mini", value)
+ this._inputLast.slider("option", "mini", value)
+ this.element.toggleClass("ui-mini", !!value)
+ },
- }, $.mobile.behaviors.formReset));
+ _setHighlight: function (value) {
+ this._inputFirst.slider("option", "highlight", value)
+ this._inputLast.slider("option", "highlight", value)
+ },
- })(jQuery);
+ _setDisabled: function (value) {
+ this._inputFirst.prop("disabled", value)
+ this._inputLast.prop("disabled", value)
+ },
- (function ($, undefined) {
+ _destroy: function () {
+ this._label.prependTo(this.element)
+ this.element.removeClass("ui-rangeslider ui-mini")
+ this._inputFirst.after(this._sliderFirst)
+ this._inputLast.after(this._sliderLast)
+ this._sliders.remove()
+ this.element
+ .find("input")
+ .removeClass(
+ "ui-rangeslider-first ui-rangeslider-last"
+ )
+ .slider("destroy")
+ },
+ },
+ $.mobile.behaviors.formReset
+ )
+ )
+ })(jQuery)
+ ;(function ($, undefined) {
$.widget("mobile.textinput", $.mobile.textinput, {
options: {
clearBtn: false,
- clearBtnText: "Clear text"
+ clearBtnText: "Clear text",
},
_create: function () {
- this._super();
+ this._super()
if (this.isSearch) {
- this.options.clearBtn = true;
+ this.options.clearBtn = true
}
if (!!this.options.clearBtn && this.inputNeedsWrap) {
- this._addClearBtn();
+ this._addClearBtn()
}
},
clearButton: function () {
- return $("
" +
- "")
+ return $(
+ "
" +
+ ""
+ )
.attr("title", this.options.clearBtnText)
- .text(this.options.clearBtnText);
+ .text(this.options.clearBtnText)
},
_clearBtnClick: function (event) {
- this.element.val("")
- .focus()
- .trigger("change");
+ this.element.val("").focus().trigger("change")
- this._clearBtn.addClass("ui-input-clear-hidden");
- event.preventDefault();
+ this._clearBtn.addClass("ui-input-clear-hidden")
+ event.preventDefault()
},
_addClearBtn: function () {
-
if (!this.options.enhanced) {
- this._enhanceClear();
+ this._enhanceClear()
}
$.extend(this, {
- _clearBtn: this.widget().find("a.ui-input-clear")
- });
-
- this._bindClearEvents();
+ _clearBtn: this.widget().find("a.ui-input-clear"),
+ })
- this._toggleClear();
+ this._bindClearEvents()
+ this._toggleClear()
},
_enhanceClear: function () {
-
- this.clearButton().appendTo(this.widget());
- this.widget().addClass("ui-input-has-clear");
-
+ this.clearButton().appendTo(this.widget())
+ this.widget().addClass("ui-input-has-clear")
},
_bindClearEvents: function () {
-
this._on(this._clearBtn, {
- "click": "_clearBtnClick"
- });
+ click: "_clearBtnClick",
+ })
this._on({
- "keyup": "_toggleClear",
- "change": "_toggleClear",
- "input": "_toggleClear",
- "focus": "_toggleClear",
- "blur": "_toggleClear",
- "cut": "_toggleClear",
- "paste": "_toggleClear"
-
- });
-
+ keyup: "_toggleClear",
+ change: "_toggleClear",
+ input: "_toggleClear",
+ focus: "_toggleClear",
+ blur: "_toggleClear",
+ cut: "_toggleClear",
+ paste: "_toggleClear",
+ })
},
_unbindClear: function () {
- this._off(this._clearBtn, "click");
- this._off(this.element, "keyup change input focus blur cut paste");
+ this._off(this._clearBtn, "click")
+ this._off(
+ this.element,
+ "keyup change input focus blur cut paste"
+ )
},
_setOptions: function (options) {
- this._super(options);
+ this._super(options)
- if (options.clearBtn !== undefined &&
- !this.element.is("textarea, :jqmData(type='range')")) {
+ if (
+ options.clearBtn !== undefined &&
+ !this.element.is("textarea, :jqmData(type='range')")
+ ) {
if (options.clearBtn) {
- this._addClearBtn();
+ this._addClearBtn()
} else {
- this._destroyClear();
+ this._destroyClear()
}
}
- if (options.clearBtnText !== undefined && this._clearBtn !== undefined) {
- this._clearBtn.text(options.clearBtnText)
- .attr("title", options.clearBtnText);
+ if (
+ options.clearBtnText !== undefined &&
+ this._clearBtn !== undefined
+ ) {
+ this._clearBtn
+ .text(options.clearBtnText)
+ .attr("title", options.clearBtnText)
}
},
_toggleClear: function () {
- this._delay("_toggleClearClass", 0);
+ this._delay("_toggleClearClass", 0)
},
_toggleClearClass: function () {
- this._clearBtn.toggleClass("ui-input-clear-hidden", !this.element.val());
+ this._clearBtn.toggleClass(
+ "ui-input-clear-hidden",
+ !this.element.val()
+ )
},
_destroyClear: function () {
- this.widget().removeClass("ui-input-has-clear");
- this._unbindClear();
- this._clearBtn.remove();
+ this.widget().removeClass("ui-input-has-clear")
+ this._unbindClear()
+ this._clearBtn.remove()
},
_destroy: function () {
- this._super();
+ this._super()
if (this.options.clearBtn) {
- this._destroyClear();
+ this._destroyClear()
}
- }
-
- });
-
- })(jQuery);
-
- (function ($, undefined) {
+ },
+ })
+ })(jQuery)
+ ;(function ($, undefined) {
$.widget("mobile.textinput", $.mobile.textinput, {
options: {
autogrow: true,
- keyupTimeoutBuffer: 100
+ keyupTimeoutBuffer: 100,
},
_create: function () {
- this._super();
+ this._super()
if (this.options.autogrow && this.isTextarea) {
- this._autogrow();
+ this._autogrow()
}
},
_autogrow: function () {
- this.element.addClass("ui-textinput-autogrow");
+ this.element.addClass("ui-textinput-autogrow")
this._on({
- "keyup": "_timeout",
- "change": "_timeout",
- "input": "_timeout",
- "paste": "_timeout"
- });
+ keyup: "_timeout",
+ change: "_timeout",
+ input: "_timeout",
+ paste: "_timeout",
+ })
// Attach to the various you-have-become-visible notifications that the
// various framework elements emit.
// TODO: Remove all but the updatelayout handler once #6426 is fixed.
this._on(true, this.document, {
-
// TODO: Move to non-deprecated event
- "pageshow": "_handleShow",
- "popupbeforeposition": "_handleShow",
- "updatelayout": "_handleShow",
- "panelopen": "_handleShow"
- });
+ pageshow: "_handleShow",
+ popupbeforeposition: "_handleShow",
+ updatelayout: "_handleShow",
+ panelopen: "_handleShow",
+ })
},
// Synchronously fix the widget height if this widget's parents are such
@@ -9868,67 +11493,82 @@
// content has become visible, but the collapsible is still collapsed, so
// the autogrow textarea is still not visible.
_handleShow: function (event) {
- if ($.contains(event.target, this.element[0]) &&
- this.element.is(":visible")) {
-
+ if (
+ $.contains(event.target, this.element[0]) &&
+ this.element.is(":visible")
+ ) {
if (event.type !== "popupbeforeposition") {
this.element
.addClass("ui-textinput-autogrow-resize")
.animationComplete(
$.proxy(function () {
- this.element.removeClass("ui-textinput-autogrow-resize");
+ this.element.removeClass(
+ "ui-textinput-autogrow-resize"
+ )
}, this),
- "transition");
+ "transition"
+ )
}
- this._prepareHeightUpdate();
+ this._prepareHeightUpdate()
}
},
_unbindAutogrow: function () {
- this.element.removeClass("ui-textinput-autogrow");
- this._off(this.element, "keyup change input paste");
- this._off(this.document,
- "pageshow popupbeforeposition updatelayout panelopen");
+ this.element.removeClass("ui-textinput-autogrow")
+ this._off(this.element, "keyup change input paste")
+ this._off(
+ this.document,
+ "pageshow popupbeforeposition updatelayout panelopen"
+ )
},
keyupTimeout: null,
_prepareHeightUpdate: function (delay) {
if (this.keyupTimeout) {
- clearTimeout(this.keyupTimeout);
+ clearTimeout(this.keyupTimeout)
}
if (delay === undefined) {
- this._updateHeight();
+ this._updateHeight()
} else {
- this.keyupTimeout = this._delay("_updateHeight", delay);
+ this.keyupTimeout = this._delay("_updateHeight", delay)
}
},
_timeout: function () {
- this._prepareHeightUpdate(this.options.keyupTimeoutBuffer);
+ this._prepareHeightUpdate(this.options.keyupTimeoutBuffer)
},
_updateHeight: function () {
- var paddingTop, paddingBottom, paddingHeight, scrollHeight, clientHeight,
- borderTop, borderBottom, borderHeight, height,
- scrollTop = this.window.scrollTop();
- this.keyupTimeout = 0;
+ var paddingTop,
+ paddingBottom,
+ paddingHeight,
+ scrollHeight,
+ clientHeight,
+ borderTop,
+ borderBottom,
+ borderHeight,
+ height,
+ scrollTop = this.window.scrollTop()
+ this.keyupTimeout = 0
// IE8 textareas have the onpage property - others do not
if (!("onpage" in this.element[0])) {
this.element.css({
- "height": 0,
+ height: 0,
"min-height": 0,
- "max-height": 0
- });
+ "max-height": 0,
+ })
}
- scrollHeight = this.element[0].scrollHeight;
- clientHeight = this.element[0].clientHeight;
- borderTop = parseFloat(this.element.css("border-top-width"));
- borderBottom = parseFloat(this.element.css("border-bottom-width"));
- borderHeight = borderTop + borderBottom;
- height = scrollHeight + borderHeight + 15;
+ scrollHeight = this.element[0].scrollHeight
+ clientHeight = this.element[0].clientHeight
+ borderTop = parseFloat(this.element.css("border-top-width"))
+ borderBottom = parseFloat(
+ this.element.css("border-bottom-width")
+ )
+ borderHeight = borderTop + borderBottom
+ height = scrollHeight + borderHeight + 15
// Issue 6179: Padding is not included in scrollHeight and
// clientHeight by Firefox if no scrollbar is visible. Because
@@ -9937,344 +11577,395 @@
// to 0, clientHeight == 0 in Firefox. Therefore, we can use this to
// check if padding must be added.
if (clientHeight === 0) {
- paddingTop = parseFloat(this.element.css("padding-top"));
- paddingBottom = parseFloat(this.element.css("padding-bottom"));
- paddingHeight = paddingTop + paddingBottom;
+ paddingTop = parseFloat(this.element.css("padding-top"))
+ paddingBottom = parseFloat(
+ this.element.css("padding-bottom")
+ )
+ paddingHeight = paddingTop + paddingBottom
- height += paddingHeight;
+ height += paddingHeight
}
this.element.css({
- "height": height,
+ height: height,
"min-height": "",
- "max-height": ""
- });
+ "max-height": "",
+ })
- this.window.scrollTop(scrollTop);
+ this.window.scrollTop(scrollTop)
},
refresh: function () {
if (this.options.autogrow && this.isTextarea) {
- this._updateHeight();
+ this._updateHeight()
}
},
_setOptions: function (options) {
-
- this._super(options);
+ this._super(options)
if (options.autogrow !== undefined && this.isTextarea) {
if (options.autogrow) {
- this._autogrow();
+ this._autogrow()
} else {
- this._unbindAutogrow();
+ this._unbindAutogrow()
}
}
- }
-
- });
- })(jQuery);
-
- (function ($, undefined) {
-
- $.widget("mobile.selectmenu", $.extend({
- initSelector: "select:not( :jqmData(role='slider')):not( :jqmData(role='flipswitch') )",
-
- options: {
- theme: null,
- icon: "carat-d",
- iconpos: "right",
- inline: false,
- corners: true,
- shadow: true,
- iconshadow: false, /* TODO: Deprecated in 1.4, remove in 1.5. */
- overlayTheme: null,
- dividerTheme: null,
- hidePlaceholderMenuItems: true,
- closeText: "Close",
- nativeMenu: true,
- // This option defaults to true on iOS devices.
- preventFocusZoom: /iPhone|iPad|iPod/.test(navigator.platform) && navigator.userAgent.indexOf("AppleWebKit") > -1,
- mini: false
},
+ })
+ })(jQuery)
+
+ ;(function ($, undefined) {
+ $.widget(
+ "mobile.selectmenu",
+ $.extend(
+ {
+ initSelector:
+ "select:not( :jqmData(role='slider')):not( :jqmData(role='flipswitch') )",
+
+ options: {
+ theme: null,
+ icon: "carat-d",
+ iconpos: "right",
+ inline: false,
+ corners: true,
+ shadow: true,
+ iconshadow: false /* TODO: Deprecated in 1.4, remove in 1.5. */,
+ overlayTheme: null,
+ dividerTheme: null,
+ hidePlaceholderMenuItems: true,
+ closeText: "Close",
+ nativeMenu: true,
+ // This option defaults to true on iOS devices.
+ preventFocusZoom:
+ /iPhone|iPad|iPod/.test(navigator.platform) &&
+ navigator.userAgent.indexOf("AppleWebKit") > -1,
+ mini: false,
+ },
- _button: function () {
- return $("
");
- },
+ _button: function () {
+ return $("
")
+ },
- _setDisabled: function (value) {
- this.element.attr("disabled", value);
- this.button.attr("aria-disabled", value);
- return this._setOption("disabled", value);
- },
+ _setDisabled: function (value) {
+ this.element.attr("disabled", value)
+ this.button.attr("aria-disabled", value)
+ return this._setOption("disabled", value)
+ },
- _focusButton: function () {
- var self = this;
+ _focusButton: function () {
+ var self = this
- setTimeout(function () {
- self.button.focus();
- }, 40);
- },
+ setTimeout(function () {
+ self.button.focus()
+ }, 40)
+ },
- _selectOptions: function () {
- return this.select.find("option");
- },
+ _selectOptions: function () {
+ return this.select.find("option")
+ },
- // setup items that are generally necessary for select menu extension
- _preExtension: function () {
- var inline = this.options.inline || this.element.jqmData("inline"),
- mini = this.options.mini || this.element.jqmData("mini"),
- classes = "";
- // TODO: Post 1.1--once we have time to test thoroughly--any classes manually applied to the original element should be carried over to the enhanced element, with an `-enhanced` suffix. See https://github.com/jquery/jquery-mobile/issues/3577
- /* if ( $el[0].className.length ) {
+ // setup items that are generally necessary for select menu extension
+ _preExtension: function () {
+ var inline =
+ this.options.inline ||
+ this.element.jqmData("inline"),
+ mini =
+ this.options.mini ||
+ this.element.jqmData("mini"),
+ classes = ""
+ // TODO: Post 1.1--once we have time to test thoroughly--any classes manually applied to the original element should be carried over to the enhanced element, with an `-enhanced` suffix. See https://github.com/jquery/jquery-mobile/issues/3577
+ /* if ( $el[0].className.length ) {
classes = $el[0].className;
- } */
- if (!!~this.element[0].className.indexOf("ui-btn-left")) {
- classes = " ui-btn-left";
- }
-
- if (!!~this.element[0].className.indexOf("ui-btn-right")) {
- classes = " ui-btn-right";
- }
-
- if (inline) {
- classes += " ui-btn-inline";
- }
- if (mini) {
- classes += " ui-mini";
- }
-
- this.select = this.element.removeClass("ui-btn-left ui-btn-right").wrap("
");
- this.selectId = this.select.attr("id") || ("select-" + this.uuid);
- this.buttonId = this.selectId + "-button";
- this.label = $("label[for='" + this.selectId + "']");
- this.isMultiple = this.select[0].multiple;
- },
-
- _destroy: function () {
- var wrapper = this.element.parents(".ui-select");
- if (wrapper.length > 0) {
- if (wrapper.is(".ui-btn-left, .ui-btn-right")) {
- this.element.addClass(wrapper.hasClass("ui-btn-left") ? "ui-btn-left" : "ui-btn-right");
- }
- this.element.insertAfter(wrapper);
- wrapper.remove();
- }
- },
-
- _create: function () {
- this._preExtension();
-
- this.button = this._button();
-
- var self = this,
-
- options = this.options,
-
- iconpos = options.icon ? (options.iconpos || this.select.jqmData("iconpos")) : false,
-
- button = this.button
- .insertBefore(this.select)
- .attr("id", this.buttonId)
- .addClass("ui-btn" +
- (options.icon ? (" ui-icon-" + options.icon + " ui-btn-icon-" + iconpos +
- (options.iconshadow ? " ui-shadow-icon" : "")) : "") + /* TODO: Remove in 1.5. */
- (options.theme ? " ui-btn-" + options.theme : "") +
- (options.corners ? " ui-corner-all" : "") +
- (options.shadow ? " ui-shadow" : ""));
-
- this.setButtonText();
-
- // Opera does not properly support opacity on select elements
- // In Mini, it hides the element, but not its text
- // On the desktop,it seems to do the opposite
- // for these reasons, using the nativeMenu option results in a full native select in Opera
- if (options.nativeMenu && window.opera && window.opera.version) {
- button.addClass("ui-select-nativeonly");
- }
+ } */
+ if (
+ !!~this.element[0].className.indexOf("ui-btn-left")
+ ) {
+ classes = " ui-btn-left"
+ }
- // Add counter for multi selects
- if (this.isMultiple) {
- this.buttonCount = $("
")
- .addClass("ui-li-count ui-body-inherit")
- .hide()
- .appendTo(button.addClass("ui-li-has-count"));
- }
+ if (
+ !!~this.element[0].className.indexOf("ui-btn-right")
+ ) {
+ classes = " ui-btn-right"
+ }
- // Disable if specified
- if (options.disabled || this.element.attr("disabled")) {
- this.disable();
- }
+ if (inline) {
+ classes += " ui-btn-inline"
+ }
+ if (mini) {
+ classes += " ui-mini"
+ }
- // Events on native select
- this.select.change(function () {
- self.refresh();
+ this.select = this.element
+ .removeClass("ui-btn-left ui-btn-right")
+ .wrap("")
+ this.selectId =
+ this.select.attr("id") || "select-" + this.uuid
+ this.buttonId = this.selectId + "-button"
+ this.label = $("label[for='" + this.selectId + "']")
+ this.isMultiple = this.select[0].multiple
+ },
- if (!!options.nativeMenu) {
- self._delay(function () {
- self.select.blur();
- });
- }
- });
+ _destroy: function () {
+ var wrapper = this.element.parents(".ui-select")
+ if (wrapper.length > 0) {
+ if (wrapper.is(".ui-btn-left, .ui-btn-right")) {
+ this.element.addClass(
+ wrapper.hasClass("ui-btn-left")
+ ? "ui-btn-left"
+ : "ui-btn-right"
+ )
+ }
+ this.element.insertAfter(wrapper)
+ wrapper.remove()
+ }
+ },
- this._handleFormReset();
+ _create: function () {
+ this._preExtension()
+
+ this.button = this._button()
+
+ var self = this,
+ options = this.options,
+ iconpos = options.icon
+ ? options.iconpos ||
+ this.select.jqmData("iconpos")
+ : false,
+ button = this.button
+ .insertBefore(this.select)
+ .attr("id", this.buttonId)
+ .addClass(
+ "ui-btn" +
+ (options.icon
+ ? " ui-icon-" +
+ options.icon +
+ " ui-btn-icon-" +
+ iconpos +
+ (options.iconshadow
+ ? " ui-shadow-icon"
+ : "")
+ : "") /* TODO: Remove in 1.5. */ +
+ (options.theme
+ ? " ui-btn-" + options.theme
+ : "") +
+ (options.corners
+ ? " ui-corner-all"
+ : "") +
+ (options.shadow ? " ui-shadow" : "")
+ )
+
+ this.setButtonText()
+
+ // Opera does not properly support opacity on select elements
+ // In Mini, it hides the element, but not its text
+ // On the desktop,it seems to do the opposite
+ // for these reasons, using the nativeMenu option results in a full native select in Opera
+ if (
+ options.nativeMenu &&
+ window.opera &&
+ window.opera.version
+ ) {
+ button.addClass("ui-select-nativeonly")
+ }
- this._on(this.button, {
- keydown: "_handleKeydown"
- });
+ // Add counter for multi selects
+ if (this.isMultiple) {
+ this.buttonCount = $("
")
+ .addClass("ui-li-count ui-body-inherit")
+ .hide()
+ .appendTo(button.addClass("ui-li-has-count"))
+ }
- this.build();
- },
+ // Disable if specified
+ if (options.disabled || this.element.attr("disabled")) {
+ this.disable()
+ }
- build: function () {
- var self = this;
+ // Events on native select
+ this.select.change(function () {
+ self.refresh()
- this.select
- .appendTo(self.button)
- .bind("vmousedown", function () {
- // Add active class to button
- self.button.addClass($.mobile.activeBtnClass);
- })
- .bind("focus", function () {
- self.button.addClass($.mobile.focusClass);
- })
- .bind("blur", function () {
- self.button.removeClass($.mobile.focusClass);
- })
- .bind("focus vmouseover", function () {
- self.button.trigger("vmouseover");
- })
- .bind("vmousemove", function () {
- // Remove active class on scroll/touchmove
- self.button.removeClass($.mobile.activeBtnClass);
- })
- .bind("change blur vmouseout", function () {
- self.button.trigger("vmouseout")
- .removeClass($.mobile.activeBtnClass);
- });
-
- // In many situations, iOS will zoom into the select upon tap, this prevents that from happening
- self.button.bind("vmousedown", function () {
- if (self.options.preventFocusZoom) {
- $.mobile.zoom.disable(true);
- }
- });
- self.label.bind("click focus", function () {
- if (self.options.preventFocusZoom) {
- $.mobile.zoom.disable(true);
- }
- });
- self.select.bind("focus", function () {
- if (self.options.preventFocusZoom) {
- $.mobile.zoom.disable(true);
- }
- });
- self.button.bind("mouseup", function () {
- if (self.options.preventFocusZoom) {
- setTimeout(function () {
- $.mobile.zoom.enable(true);
- }, 0);
- }
- });
- self.select.bind("blur", function () {
- if (self.options.preventFocusZoom) {
- $.mobile.zoom.enable(true);
- }
- });
+ if (!!options.nativeMenu) {
+ self._delay(function () {
+ self.select.blur()
+ })
+ }
+ })
- },
+ this._handleFormReset()
- selected: function () {
- return this._selectOptions().filter(":selected");
- },
+ this._on(this.button, {
+ keydown: "_handleKeydown",
+ })
- selectedIndices: function () {
- var self = this;
+ this.build()
+ },
- return this.selected().map(function () {
- return self._selectOptions().index(this);
- }).get();
- },
+ build: function () {
+ var self = this
- setButtonText: function () {
- var self = this,
- selected = this.selected(),
- text = this.placeholder,
- span = $(document.createElement("span"));
-
- this.button.children("span").not(".ui-li-count").remove().end().end().prepend((function () {
- if (selected.length) {
- text = selected.map(function () {
- return $(this).text();
- }).get().join(", ");
- } else {
- text = self.placeholder;
- }
+ this.select
+ .appendTo(self.button)
+ .bind("vmousedown", function () {
+ // Add active class to button
+ self.button.addClass($.mobile.activeBtnClass)
+ })
+ .bind("focus", function () {
+ self.button.addClass($.mobile.focusClass)
+ })
+ .bind("blur", function () {
+ self.button.removeClass($.mobile.focusClass)
+ })
+ .bind("focus vmouseover", function () {
+ self.button.trigger("vmouseover")
+ })
+ .bind("vmousemove", function () {
+ // Remove active class on scroll/touchmove
+ self.button.removeClass($.mobile.activeBtnClass)
+ })
+ .bind("change blur vmouseout", function () {
+ self.button
+ .trigger("vmouseout")
+ .removeClass($.mobile.activeBtnClass)
+ })
- if (text) {
- span.text(text);
- } else {
+ // In many situations, iOS will zoom into the select upon tap, this prevents that from happening
+ self.button.bind("vmousedown", function () {
+ if (self.options.preventFocusZoom) {
+ $.mobile.zoom.disable(true)
+ }
+ })
+ self.label.bind("click focus", function () {
+ if (self.options.preventFocusZoom) {
+ $.mobile.zoom.disable(true)
+ }
+ })
+ self.select.bind("focus", function () {
+ if (self.options.preventFocusZoom) {
+ $.mobile.zoom.disable(true)
+ }
+ })
+ self.button.bind("mouseup", function () {
+ if (self.options.preventFocusZoom) {
+ setTimeout(function () {
+ $.mobile.zoom.enable(true)
+ }, 0)
+ }
+ })
+ self.select.bind("blur", function () {
+ if (self.options.preventFocusZoom) {
+ $.mobile.zoom.enable(true)
+ }
+ })
+ },
- // Set the contents to which we write as to be XHTML compliant - see gh-6699
- span.html(" ");
- }
+ selected: function () {
+ return this._selectOptions().filter(":selected")
+ },
- // TODO possibly aggregate multiple select option classes
- return span
- .addClass(self.select.attr("class"))
- .addClass(selected.attr("class"))
- .removeClass("ui-screen-hidden");
- })());
- },
+ selectedIndices: function () {
+ var self = this
- setButtonCount: function () {
- var selected = this.selected();
+ return this.selected()
+ .map(function () {
+ return self._selectOptions().index(this)
+ })
+ .get()
+ },
- // multiple count inside button
- if (this.isMultiple) {
- this.buttonCount[selected.length > 1 ? "show" : "hide"]().text(selected.length);
- }
- },
+ setButtonText: function () {
+ var self = this,
+ selected = this.selected(),
+ text = this.placeholder,
+ span = $(document.createElement("span"))
+
+ this.button
+ .children("span")
+ .not(".ui-li-count")
+ .remove()
+ .end()
+ .end()
+ .prepend(
+ (function () {
+ if (selected.length) {
+ text = selected
+ .map(function () {
+ return $(this).text()
+ })
+ .get()
+ .join(", ")
+ } else {
+ text = self.placeholder
+ }
+
+ if (text) {
+ span.text(text)
+ } else {
+ // Set the contents to which we write as to be XHTML compliant - see gh-6699
+ span.html(" ")
+ }
+
+ // TODO possibly aggregate multiple select option classes
+ return span
+ .addClass(self.select.attr("class"))
+ .addClass(selected.attr("class"))
+ .removeClass("ui-screen-hidden")
+ })()
+ )
+ },
- _handleKeydown: function ( /* event */) {
- this._delay("_refreshButton");
- },
+ setButtonCount: function () {
+ var selected = this.selected()
- _reset: function () {
- this.refresh();
- },
+ // multiple count inside button
+ if (this.isMultiple) {
+ this.buttonCount[
+ selected.length > 1 ? "show" : "hide"
+ ]().text(selected.length)
+ }
+ },
- _refreshButton: function () {
- this.setButtonText();
- this.setButtonCount();
- },
+ _handleKeydown: function (/* event */) {
+ this._delay("_refreshButton")
+ },
- refresh: function () {
- this._refreshButton();
- },
+ _reset: function () {
+ this.refresh()
+ },
- // open and close preserved in native selects
- // to simplify users code when looping over selects
- open: $.noop,
- close: $.noop,
+ _refreshButton: function () {
+ this.setButtonText()
+ this.setButtonCount()
+ },
- disable: function () {
- this._setDisabled(true);
- this.button.addClass("ui-state-disabled");
- },
+ refresh: function () {
+ this._refreshButton()
+ },
- enable: function () {
- this._setDisabled(false);
- this.button.removeClass("ui-state-disabled");
- }
- }, $.mobile.behaviors.formReset));
+ // open and close preserved in native selects
+ // to simplify users code when looping over selects
+ open: $.noop,
+ close: $.noop,
- })(jQuery);
+ disable: function () {
+ this._setDisabled(true)
+ this.button.addClass("ui-state-disabled")
+ },
- (function ($, undefined) {
+ enable: function () {
+ this._setDisabled(false)
+ this.button.removeClass("ui-state-disabled")
+ },
+ },
+ $.mobile.behaviors.formReset
+ )
+ )
+ })(jQuery)
+ ;(function ($, undefined) {
$.mobile.links = function (target) {
-
//links within content areas, tests included with page
$(target)
.find("a")
@@ -10283,46 +11974,50 @@
.each(function () {
// Accessibility info for popups
var element = this,
- idref = element.getAttribute("href").substring(1);
+ idref = element.getAttribute("href").substring(1)
if (idref) {
- element.setAttribute("aria-haspopup", true);
- element.setAttribute("aria-owns", idref);
- element.setAttribute("aria-expanded", false);
+ element.setAttribute("aria-haspopup", true)
+ element.setAttribute("aria-owns", idref)
+ element.setAttribute("aria-expanded", false)
}
})
.end()
.not(".ui-btn, :jqmData(role='none'), :jqmData(role='nojs')")
- .addClass("ui-link");
-
- };
-
- })(jQuery);
-
-
- (function ($, undefined) {
+ .addClass("ui-link")
+ }
+ })(jQuery)
- function fitSegmentInsideSegment(windowSize, segmentSize, offset, desired) {
- var returnValue = desired;
+ ;(function ($, undefined) {
+ function fitSegmentInsideSegment(
+ windowSize,
+ segmentSize,
+ offset,
+ desired
+ ) {
+ var returnValue = desired
if (windowSize < segmentSize) {
// Center segment if it's bigger than the window
- returnValue = offset + (windowSize - segmentSize) / 2;
+ returnValue = offset + (windowSize - segmentSize) / 2
} else {
// Otherwise center it at the desired coordinate while keeping it completely inside the window
- returnValue = Math.min(Math.max(offset, desired - segmentSize / 2), offset + windowSize - segmentSize);
+ returnValue = Math.min(
+ Math.max(offset, desired - segmentSize / 2),
+ offset + windowSize - segmentSize
+ )
}
- return returnValue;
+ return returnValue
}
function getWindowCoordinates(theWindow) {
return {
x: theWindow.scrollLeft(),
y: theWindow.scrollTop(),
- cx: (theWindow[0].innerWidth || theWindow.width()),
- cy: (theWindow[0].innerHeight || theWindow.height())
- };
+ cx: theWindow[0].innerWidth || theWindow.width(),
+ cy: theWindow[0].innerHeight || theWindow.height(),
+ }
}
$.widget("mobile.popup", {
@@ -10347,30 +12042,36 @@
// https://github.com/jquery/jquery-mobile/issues/4784
//
// NOTE this option is modified in _create!
- history: !$.mobile.browser.oldIE
+ history: !$.mobile.browser.oldIE,
},
// When the user depresses the mouse/finger on an element inside the popup while the popup is
// open, we ignore resize events for a short while. This prevents #6961.
_handleDocumentVmousedown: function (theEvent) {
- if (this._isOpen && $.contains(this._ui.container[0], theEvent.target)) {
- this._ignoreResizeEvents();
+ if (
+ this._isOpen &&
+ $.contains(this._ui.container[0], theEvent.target)
+ ) {
+ this._ignoreResizeEvents()
}
},
_create: function () {
var theElement = this.element,
myId = theElement.attr("id"),
- currentOptions = this.options;
+ currentOptions = this.options
// We need to adjust the history option to be false if there's no AJAX nav.
// We can't do it in the option declarations because those are run before
// it is determined whether there shall be AJAX nav.
- currentOptions.history = currentOptions.history && $.mobile.ajaxEnabled && $.mobile.hashListeningEnabled;
+ currentOptions.history =
+ currentOptions.history &&
+ $.mobile.ajaxEnabled &&
+ $.mobile.hashListeningEnabled
this._on(this.document, {
- "vmousedown": "_handleDocumentVmousedown"
- });
+ vmousedown: "_handleDocumentVmousedown",
+ })
// Define instance variables
$.extend(this, {
@@ -10384,82 +12085,107 @@
_tolerance: null,
_resizeData: null,
_ignoreResizeTo: 0,
- _orientationchangeInProgress: false
- });
+ _orientationchangeInProgress: false,
+ })
if (this._page.length === 0) {
- this._page = $("body");
+ this._page = $("body")
}
if (currentOptions.enhanced) {
this._ui = {
container: theElement.parent(),
screen: theElement.parent().prev(),
- placeholder: $(this.document[0].getElementById(myId + "-placeholder"))
- };
+ placeholder: $(
+ this.document[0].getElementById(
+ myId + "-placeholder"
+ )
+ ),
+ }
} else {
- this._ui = this._enhance(theElement, myId);
- this._applyTransition(currentOptions.transition);
+ this._ui = this._enhance(theElement, myId)
+ this._applyTransition(currentOptions.transition)
}
- this
- ._setTolerance(currentOptions.tolerance)
- ._ui.focusElement = this._ui.container;
+ this._setTolerance(currentOptions.tolerance)._ui.focusElement =
+ this._ui.container
// Event handlers
- this._on(this._ui.screen, {"vclick": "_eatEventAndClose"});
+ this._on(this._ui.screen, { vclick: "_eatEventAndClose" })
this._on(this.window, {
- orientationchange: $.proxy(this, "_handleWindowOrientationchange"),
+ orientationchange: $.proxy(
+ this,
+ "_handleWindowOrientationchange"
+ ),
resize: $.proxy(this, "_handleWindowResize"),
- keyup: $.proxy(this, "_handleWindowKeyUp")
- });
- this._on(this.document, {"focusin": "_handleDocumentFocusIn"});
+ keyup: $.proxy(this, "_handleWindowKeyUp"),
+ })
+ this._on(this.document, { focusin: "_handleDocumentFocusIn" })
},
_enhance: function (theElement, myId) {
var currentOptions = this.options,
wrapperClass = currentOptions.wrapperClass,
ui = {
- screen: $(""),
- placeholder: $(""),
- container: $("")
+ screen: $(
+ ""
+ ),
+ placeholder: $(
+ ""
+ ),
+ container: $(
+ ""
+ ),
},
- fragment = this.document[0].createDocumentFragment();
+ fragment = this.document[0].createDocumentFragment()
- fragment.appendChild(ui.screen[0]);
- fragment.appendChild(ui.container[0]);
+ fragment.appendChild(ui.screen[0])
+ fragment.appendChild(ui.container[0])
if (myId) {
- ui.screen.attr("id", myId + "-screen");
- ui.container.attr("id", myId + "-popup");
+ ui.screen.attr("id", myId + "-screen")
+ ui.container.attr("id", myId + "-popup")
ui.placeholder
.attr("id", myId + "-placeholder")
- .html("");
+ .html("")
}
// Apply the proto
- this._page[0].appendChild(fragment);
+ this._page[0].appendChild(fragment)
// Leave a placeholder where the element used to be
- ui.placeholder.insertAfter(theElement);
+ ui.placeholder.insertAfter(theElement)
theElement
.detach()
- .addClass("ui-popup " +
- this._themeClassFromOption("ui-body-", currentOptions.theme) + " " +
- (currentOptions.shadow ? "ui-overlay-shadow " : "") +
- (currentOptions.corners ? "ui-corner-all " : ""))
- .appendTo(ui.container);
-
- return ui;
+ .addClass(
+ "ui-popup " +
+ this._themeClassFromOption(
+ "ui-body-",
+ currentOptions.theme
+ ) +
+ " " +
+ (currentOptions.shadow
+ ? "ui-overlay-shadow "
+ : "") +
+ (currentOptions.corners ? "ui-corner-all " : "")
+ )
+ .appendTo(ui.container)
+
+ return ui
},
_eatEventAndClose: function (theEvent) {
- theEvent.preventDefault();
- theEvent.stopImmediatePropagation();
+ theEvent.preventDefault()
+ theEvent.stopImmediatePropagation()
if (this.options.dismissible) {
- this.close();
+ this.close()
}
- return false;
+ return false
},
// Make sure the screen covers the entire document - CSS is sometimes not
@@ -10468,46 +12194,54 @@
var screen = this._ui.screen,
popupHeight = this._ui.container.outerHeight(true),
screenHeight = screen.removeAttr("style").height(),
-
// Subtracting 1 here is necessary for an obscure Andrdoid 4.0 bug where
// the browser hangs if the screen covers the entire document :/
- documentHeight = this.document.height() - 1;
+ documentHeight = this.document.height() - 1
if (screenHeight < documentHeight) {
- screen.height(documentHeight);
+ screen.height(documentHeight)
} else if (popupHeight > screenHeight) {
- screen.height(popupHeight);
+ screen.height(popupHeight)
}
},
_handleWindowKeyUp: function (theEvent) {
- if (this._isOpen && theEvent.keyCode === $.mobile.keyCode.ESCAPE) {
- return this._eatEventAndClose(theEvent);
+ if (
+ this._isOpen &&
+ theEvent.keyCode === $.mobile.keyCode.ESCAPE
+ ) {
+ return this._eatEventAndClose(theEvent)
}
},
_expectResizeEvent: function () {
- var windowCoordinates = getWindowCoordinates(this.window);
+ var windowCoordinates = getWindowCoordinates(this.window)
if (this._resizeData) {
- if (windowCoordinates.x === this._resizeData.windowCoordinates.x &&
- windowCoordinates.y === this._resizeData.windowCoordinates.y &&
- windowCoordinates.cx === this._resizeData.windowCoordinates.cx &&
- windowCoordinates.cy === this._resizeData.windowCoordinates.cy) {
+ if (
+ windowCoordinates.x ===
+ this._resizeData.windowCoordinates.x &&
+ windowCoordinates.y ===
+ this._resizeData.windowCoordinates.y &&
+ windowCoordinates.cx ===
+ this._resizeData.windowCoordinates.cx &&
+ windowCoordinates.cy ===
+ this._resizeData.windowCoordinates.cy
+ ) {
// timeout not refreshed
- return false;
+ return false
} else {
// clear existing timeout - it will be refreshed below
- clearTimeout(this._resizeData.timeoutId);
+ clearTimeout(this._resizeData.timeoutId)
}
}
this._resizeData = {
timeoutId: this._delay("_resizeTimeout", 200),
- windowCoordinates: windowCoordinates
- };
+ windowCoordinates: windowCoordinates,
+ }
- return true;
+ return true
},
_resizeTimeout: function () {
@@ -10515,48 +12249,60 @@
if (!this._expectResizeEvent()) {
if (this._ui.container.hasClass("ui-popup-hidden")) {
// effectively rapid-open the popup while leaving the screen intact
- this._ui.container.removeClass("ui-popup-hidden ui-popup-truncate");
- this.reposition({positionTo: "window"});
- this._ignoreResizeEvents();
+ this._ui.container.removeClass(
+ "ui-popup-hidden ui-popup-truncate"
+ )
+ this.reposition({ positionTo: "window" })
+ this._ignoreResizeEvents()
}
- this._resizeScreen();
- this._resizeData = null;
- this._orientationchangeInProgress = false;
+ this._resizeScreen()
+ this._resizeData = null
+ this._orientationchangeInProgress = false
}
} else {
- this._resizeData = null;
- this._orientationchangeInProgress = false;
+ this._resizeData = null
+ this._orientationchangeInProgress = false
}
},
_stopIgnoringResizeEvents: function () {
- this._ignoreResizeTo = 0;
+ this._ignoreResizeTo = 0
},
_ignoreResizeEvents: function () {
if (this._ignoreResizeTo) {
- clearTimeout(this._ignoreResizeTo);
+ clearTimeout(this._ignoreResizeTo)
}
- this._ignoreResizeTo = this._delay("_stopIgnoringResizeEvents", 1000);
+ this._ignoreResizeTo = this._delay(
+ "_stopIgnoringResizeEvents",
+ 1000
+ )
},
_handleWindowResize: function (/* theEvent */) {
if (this._isOpen && this._ignoreResizeTo === 0) {
- if ((this._expectResizeEvent() || this._orientationchangeInProgress) &&
- !this._ui.container.hasClass("ui-popup-hidden")) {
+ if (
+ (this._expectResizeEvent() ||
+ this._orientationchangeInProgress) &&
+ !this._ui.container.hasClass("ui-popup-hidden")
+ ) {
// effectively rapid-close the popup while leaving the screen intact
this._ui.container
.addClass("ui-popup-hidden ui-popup-truncate")
- .removeAttr("style");
+ .removeAttr("style")
}
}
},
_handleWindowOrientationchange: function (/* theEvent */) {
- if (!this._orientationchangeInProgress && this._isOpen && this._ignoreResizeTo === 0) {
- this._expectResizeEvent();
- this._orientationchangeInProgress = true;
+ if (
+ !this._orientationchangeInProgress &&
+ this._isOpen &&
+ this._ignoreResizeTo === 0
+ ) {
+ this._expectResizeEvent()
+ this._orientationchangeInProgress = true
}
},
@@ -10565,155 +12311,186 @@
_handleDocumentFocusIn: function (theEvent) {
var target,
targetElement = theEvent.target,
- ui = this._ui;
+ ui = this._ui
if (!this._isOpen) {
- return;
+ return
}
if (targetElement !== ui.container[0]) {
- target = $(targetElement);
+ target = $(targetElement)
if (!$.contains(ui.container[0], targetElement)) {
- $(this.document[0].activeElement).one("focus", $.proxy(function () {
- this._safelyBlur(targetElement);
- }, this));
- ui.focusElement.focus();
- theEvent.preventDefault();
- theEvent.stopImmediatePropagation();
- return false;
+ $(this.document[0].activeElement).one(
+ "focus",
+ $.proxy(function () {
+ this._safelyBlur(targetElement)
+ }, this)
+ )
+ ui.focusElement.focus()
+ theEvent.preventDefault()
+ theEvent.stopImmediatePropagation()
+ return false
} else if (ui.focusElement[0] === ui.container[0]) {
- ui.focusElement = target;
+ ui.focusElement = target
}
}
- this._ignoreResizeEvents();
+ this._ignoreResizeEvents()
},
_themeClassFromOption: function (prefix, value) {
- return (value ? (value === "none" ? "" : (prefix + value)) : (prefix + "inherit"));
+ return value
+ ? value === "none"
+ ? ""
+ : prefix + value
+ : prefix + "inherit"
},
_applyTransition: function (value) {
if (value) {
- this._ui.container.removeClass(this._fallbackTransition);
+ this._ui.container.removeClass(this._fallbackTransition)
if (value !== "none") {
- this._fallbackTransition = $.mobile._maybeDegradeTransition(value);
+ this._fallbackTransition =
+ $.mobile._maybeDegradeTransition(value)
if (this._fallbackTransition === "none") {
- this._fallbackTransition = "";
+ this._fallbackTransition = ""
}
- this._ui.container.addClass(this._fallbackTransition);
+ this._ui.container.addClass(this._fallbackTransition)
}
}
- return this;
+ return this
},
_setOptions: function (newOptions) {
var currentOptions = this.options,
theElement = this.element,
- screen = this._ui.screen;
+ screen = this._ui.screen
if (newOptions.wrapperClass !== undefined) {
this._ui.container
.removeClass(currentOptions.wrapperClass)
- .addClass(newOptions.wrapperClass);
+ .addClass(newOptions.wrapperClass)
}
if (newOptions.theme !== undefined) {
theElement
- .removeClass(this._themeClassFromOption("ui-body-", currentOptions.theme))
- .addClass(this._themeClassFromOption("ui-body-", newOptions.theme));
+ .removeClass(
+ this._themeClassFromOption(
+ "ui-body-",
+ currentOptions.theme
+ )
+ )
+ .addClass(
+ this._themeClassFromOption(
+ "ui-body-",
+ newOptions.theme
+ )
+ )
}
if (newOptions.overlayTheme !== undefined) {
screen
- .removeClass(this._themeClassFromOption("ui-overlay-", currentOptions.overlayTheme))
- .addClass(this._themeClassFromOption("ui-overlay-", newOptions.overlayTheme));
+ .removeClass(
+ this._themeClassFromOption(
+ "ui-overlay-",
+ currentOptions.overlayTheme
+ )
+ )
+ .addClass(
+ this._themeClassFromOption(
+ "ui-overlay-",
+ newOptions.overlayTheme
+ )
+ )
if (this._isOpen) {
- screen.addClass("in");
+ screen.addClass("in")
}
}
if (newOptions.shadow !== undefined) {
- theElement.toggleClass("ui-overlay-shadow", newOptions.shadow);
+ theElement.toggleClass(
+ "ui-overlay-shadow",
+ newOptions.shadow
+ )
}
if (newOptions.corners !== undefined) {
- theElement.toggleClass("ui-corner-all", newOptions.corners);
+ theElement.toggleClass("ui-corner-all", newOptions.corners)
}
if (newOptions.transition !== undefined) {
if (!this._currentTransition) {
- this._applyTransition(newOptions.transition);
+ this._applyTransition(newOptions.transition)
}
}
if (newOptions.tolerance !== undefined) {
- this._setTolerance(newOptions.tolerance);
+ this._setTolerance(newOptions.tolerance)
}
if (newOptions.disabled !== undefined) {
if (newOptions.disabled) {
- this.close();
+ this.close()
}
}
- return this._super(newOptions);
+ return this._super(newOptions)
},
_setTolerance: function (value) {
- var tol = {t: 30, r: 15, b: 30, l: 15},
- ar;
+ var tol = { t: 30, r: 15, b: 30, l: 15 },
+ ar
if (value !== undefined) {
- ar = String(value).split(",");
+ ar = String(value).split(",")
$.each(ar, function (idx, val) {
- ar[idx] = parseInt(val, 10);
- });
+ ar[idx] = parseInt(val, 10)
+ })
switch (ar.length) {
// All values are to be the same
case 1:
if (!isNaN(ar[0])) {
- tol.t = tol.r = tol.b = tol.l = ar[0];
+ tol.t = tol.r = tol.b = tol.l = ar[0]
}
- break;
+ break
// The first value denotes top/bottom tolerance, and the second value denotes left/right tolerance
case 2:
if (!isNaN(ar[0])) {
- tol.t = tol.b = ar[0];
+ tol.t = tol.b = ar[0]
}
if (!isNaN(ar[1])) {
- tol.l = tol.r = ar[1];
+ tol.l = tol.r = ar[1]
}
- break;
+ break
// The array contains values in the order top, right, bottom, left
case 4:
if (!isNaN(ar[0])) {
- tol.t = ar[0];
+ tol.t = ar[0]
}
if (!isNaN(ar[1])) {
- tol.r = ar[1];
+ tol.r = ar[1]
}
if (!isNaN(ar[2])) {
- tol.b = ar[2];
+ tol.b = ar[2]
}
if (!isNaN(ar[3])) {
- tol.l = ar[3];
+ tol.l = ar[3]
}
- break;
+ break
default:
- break;
+ break
}
}
- this._tolerance = tol;
- return this;
+ this._tolerance = tol
+ return this
},
_clampPopupWidth: function (infoOnly) {
@@ -10723,56 +12500,84 @@
rectangle = {
x: this._tolerance.l,
y: windowCoordinates.y + this._tolerance.t,
- cx: windowCoordinates.cx - this._tolerance.l - this._tolerance.r,
- cy: windowCoordinates.cy - this._tolerance.t - this._tolerance.b
- };
+ cx:
+ windowCoordinates.cx -
+ this._tolerance.l -
+ this._tolerance.r,
+ cy:
+ windowCoordinates.cy -
+ this._tolerance.t -
+ this._tolerance.b,
+ }
if (!infoOnly) {
// Clamp the width of the menu before grabbing its size
- this._ui.container.css("max-width", rectangle.cx);
+ this._ui.container.css("max-width", rectangle.cx)
}
menuSize = {
cx: this._ui.container.outerWidth(true),
- cy: this._ui.container.outerHeight(true)
- };
+ cy: this._ui.container.outerHeight(true),
+ }
- return {rc: rectangle, menuSize: menuSize};
+ return { rc: rectangle, menuSize: menuSize }
},
_calculateFinalLocation: function (desired, clampInfo) {
var returnValue,
rectangle = clampInfo.rc,
- menuSize = clampInfo.menuSize;
+ menuSize = clampInfo.menuSize
// Center the menu over the desired coordinates, while not going outside
// the window tolerances. This will center wrt. the window if the popup is
// too large.
returnValue = {
- left: fitSegmentInsideSegment(rectangle.cx, menuSize.cx, rectangle.x, desired.x),
- top: fitSegmentInsideSegment(rectangle.cy, menuSize.cy, rectangle.y, desired.y)
- };
+ left: fitSegmentInsideSegment(
+ rectangle.cx,
+ menuSize.cx,
+ rectangle.x,
+ desired.x
+ ),
+ top: fitSegmentInsideSegment(
+ rectangle.cy,
+ menuSize.cy,
+ rectangle.y,
+ desired.y
+ ),
+ }
// Make sure the top of the menu is visible
- returnValue.top = Math.max(0, returnValue.top);
+ returnValue.top = Math.max(0, returnValue.top)
// If the height of the menu is smaller than the height of the document
// align the bottom with the bottom of the document
- returnValue.top -= Math.min(returnValue.top,
- Math.max(0, returnValue.top + menuSize.cy - this.document.height()));
+ returnValue.top -= Math.min(
+ returnValue.top,
+ Math.max(
+ 0,
+ returnValue.top + menuSize.cy - this.document.height()
+ )
+ )
- return returnValue;
+ return returnValue
},
// Try and center the overlay over the given coordinates
_placementCoords: function (desired) {
- return this._calculateFinalLocation(desired, this._clampPopupWidth());
+ return this._calculateFinalLocation(
+ desired,
+ this._clampPopupWidth()
+ )
},
- _createPrerequisites: function (screenPrerequisite, containerPrerequisite, whenDone) {
+ _createPrerequisites: function (
+ screenPrerequisite,
+ containerPrerequisite,
+ whenDone
+ ) {
var prerequisites,
- self = this;
+ self = this
// It is important to maintain both the local variable prerequisites and
// self._prerequisites. The local variable remains in the closure of the
@@ -10790,29 +12595,31 @@
prerequisites = {
screen: $.Deferred(),
- container: $.Deferred()
- };
+ container: $.Deferred(),
+ }
prerequisites.screen.then(function () {
if (prerequisites === self._prerequisites) {
- screenPrerequisite();
+ screenPrerequisite()
}
- });
+ })
prerequisites.container.then(function () {
if (prerequisites === self._prerequisites) {
- containerPrerequisite();
+ containerPrerequisite()
}
- });
+ })
- $.when(prerequisites.screen, prerequisites.container).done(function () {
- if (prerequisites === self._prerequisites) {
- self._prerequisites = null;
- whenDone();
+ $.when(prerequisites.screen, prerequisites.container).done(
+ function () {
+ if (prerequisites === self._prerequisites) {
+ self._prerequisites = null
+ whenDone()
+ }
}
- });
+ )
- self._prerequisites = prerequisites;
+ self._prerequisites = prerequisites
},
_animate: function (args) {
@@ -10822,24 +12629,26 @@
// TODO remove the dependency on the screen deferred
this._ui.screen
.removeClass(args.classToRemove)
- .addClass(args.screenClassToAdd);
+ .addClass(args.screenClassToAdd)
- args.prerequisites.screen.resolve();
+ args.prerequisites.screen.resolve()
if (args.transition && args.transition !== "none") {
if (args.applyTransition) {
- this._applyTransition(args.transition);
+ this._applyTransition(args.transition)
}
if (this._fallbackTransition) {
this._ui.container
.addClass(args.containerClassToAdd)
.removeClass(args.classToRemove)
- .animationComplete($.proxy(args.prerequisites.container, "resolve"));
- return;
+ .animationComplete(
+ $.proxy(args.prerequisites.container, "resolve")
+ )
+ return
}
}
- this._ui.container.removeClass(args.classToRemove);
- args.prerequisites.container.resolve();
+ this._ui.container.removeClass(args.classToRemove)
+ args.prerequisites.container.resolve()
},
// The desired coordinates passed in will be returned untouched if no reference element can be identified via
@@ -10852,23 +12661,23 @@
windowCoordinates = getWindowCoordinates(this.window),
x = openOptions.x,
y = openOptions.y,
- pTo = openOptions.positionTo;
+ pTo = openOptions.positionTo
// Establish which element will serve as the reference
if (pTo && pTo !== "origin") {
if (pTo === "window") {
- x = windowCoordinates.cx / 2 + windowCoordinates.x;
- y = windowCoordinates.cy / 2 + windowCoordinates.y;
+ x = windowCoordinates.cx / 2 + windowCoordinates.x
+ y = windowCoordinates.cy / 2 + windowCoordinates.y
} else {
try {
- dst = $(pTo);
+ dst = $(pTo)
} catch (err) {
- dst = null;
+ dst = null
}
if (dst) {
- dst.filter(":visible");
+ dst.filter(":visible")
if (dst.length === 0) {
- dst = null;
+ dst = null
}
}
}
@@ -10876,20 +12685,20 @@
// If an element was found, center over it
if (dst) {
- offset = dst.offset();
- x = offset.left + dst.outerWidth() / 2;
- y = offset.top + dst.outerHeight() / 2;
+ offset = dst.offset()
+ x = offset.left + dst.outerWidth() / 2
+ y = offset.top + dst.outerHeight() / 2
}
// Make sure x and y are valid numbers - center over the window
if ($.type(x) !== "number" || isNaN(x)) {
- x = windowCoordinates.cx / 2 + windowCoordinates.x;
+ x = windowCoordinates.cx / 2 + windowCoordinates.x
}
if ($.type(y) !== "number" || isNaN(y)) {
- y = windowCoordinates.cy / 2 + windowCoordinates.y;
+ y = windowCoordinates.cy / 2 + windowCoordinates.y
}
- return {x: x, y: y};
+ return { x: x, y: y }
},
_reposition: function (openOptions) {
@@ -10897,45 +12706,56 @@
openOptions = {
x: openOptions.x,
y: openOptions.y,
- positionTo: openOptions.positionTo
- };
- this._trigger("beforeposition", undefined, openOptions);
- this._ui.container.offset(this._placementCoords(this._desiredCoords(openOptions)));
+ positionTo: openOptions.positionTo,
+ }
+ this._trigger("beforeposition", undefined, openOptions)
+ this._ui.container.offset(
+ this._placementCoords(this._desiredCoords(openOptions))
+ )
},
reposition: function (openOptions) {
if (this._isOpen) {
- this._reposition(openOptions);
+ this._reposition(openOptions)
}
},
_safelyBlur: function (currentElement) {
- if (currentElement !== this.window[0] &&
- currentElement.nodeName.toLowerCase() !== "body") {
- $(currentElement).blur();
+ if (
+ currentElement !== this.window[0] &&
+ currentElement.nodeName.toLowerCase() !== "body"
+ ) {
+ $(currentElement).blur()
}
},
_openPrerequisitesComplete: function () {
var id = this.element.attr("id"),
- firstFocus = this._ui.container.find(":focusable").first();
+ firstFocus = this._ui.container.find(":focusable").first()
- this._ui.container.addClass("ui-popup-active");
- this._isOpen = true;
- this._resizeScreen();
+ this._ui.container.addClass("ui-popup-active")
+ this._isOpen = true
+ this._resizeScreen()
// Check to see if currElement is not a child of the container. If it's not, blur
- if (!$.contains(this._ui.container[0], this.document[0].activeElement)) {
- this._safelyBlur(this.document[0].activeElement);
+ if (
+ !$.contains(
+ this._ui.container[0],
+ this.document[0].activeElement
+ )
+ ) {
+ this._safelyBlur(this.document[0].activeElement)
}
if (firstFocus.length > 0) {
- this._ui.focusElement = firstFocus;
+ this._ui.focusElement = firstFocus
}
- this._ignoreResizeEvents();
+ this._ignoreResizeEvents()
if (id) {
- this.document.find("[aria-haspopup='true'][aria-owns='" + id + "']").attr("aria-expanded", true);
+ this.document
+ .find("[aria-haspopup='true'][aria-owns='" + id + "']")
+ .attr("aria-expanded", true)
}
- this._trigger("afteropen");
+ this._trigger("afteropen")
},
_open: function (options) {
@@ -10948,14 +12768,20 @@
wkversion = !!wkmatch && wkmatch[1],
androidmatch = ua.match(/Android (\d+(?:\.\d+))/),
andversion = !!androidmatch && androidmatch[1],
- chromematch = ua.indexOf("Chrome") > -1;
+ chromematch = ua.indexOf("Chrome") > -1
// Platform is Android, WebKit version is greater than 534.13 ( Android 3.2.1 ) and not Chrome.
- if (androidmatch !== null && andversion === "4.0" && wkversion && wkversion > 534.13 && !chromematch) {
- return true;
+ if (
+ androidmatch !== null &&
+ andversion === "4.0" &&
+ wkversion &&
+ wkversion > 534.13 &&
+ !chromematch
+ ) {
+ return true
}
- return false;
- }());
+ return false
+ })()
// Count down to triggering "popupafteropen" - we have two prerequisites:
// 1. The popup window animation completes (container())
@@ -10963,18 +12789,19 @@
this._createPrerequisites(
$.noop,
$.noop,
- $.proxy(this, "_openPrerequisitesComplete"));
+ $.proxy(this, "_openPrerequisitesComplete")
+ )
- this._currentTransition = openOptions.transition;
- this._applyTransition(openOptions.transition);
+ this._currentTransition = openOptions.transition
+ this._applyTransition(openOptions.transition)
- this._ui.screen.removeClass("ui-screen-hidden");
- this._ui.container.removeClass("ui-popup-truncate");
+ this._ui.screen.removeClass("ui-screen-hidden")
+ this._ui.container.removeClass("ui-popup-truncate")
// Give applications a chance to modify the contents of the container before it appears
- this._reposition(openOptions);
+ this._reposition(openOptions)
- this._ui.container.removeClass("ui-popup-hidden");
+ this._ui.container.removeClass("ui-popup-hidden")
if (this.options.overlayTheme && androidBlacklist) {
/* TODO: The native browser on Android 4.0.X ("Ice Cream Sandwich") suffers from an issue where the popup overlay appears to be z-indexed above the popup itself when certain other styles exist on the same page -- namely, any element set to `position: fixed` and certain types of input. These issues are reminiscent of previously uncovered bugs in older versions of Android's native browser: https://github.com/scottjehl/Device-Bugs/issues/3
@@ -10985,7 +12812,7 @@
*/
// TODO sort out why this._page isn't working
- this.element.closest(".ui-page").addClass("ui-popup-open");
+ this.element.closest(".ui-page").addClass("ui-popup-open")
}
this._animate({
additionalCondition: true,
@@ -10994,46 +12821,46 @@
screenClassToAdd: "in",
containerClassToAdd: "in",
applyTransition: false,
- prerequisites: this._prerequisites
- });
+ prerequisites: this._prerequisites,
+ })
},
_closePrerequisiteScreen: function () {
- this._ui.screen
- .removeClass("out")
- .addClass("ui-screen-hidden");
+ this._ui.screen.removeClass("out").addClass("ui-screen-hidden")
},
_closePrerequisiteContainer: function () {
this._ui.container
.removeClass("reverse out")
.addClass("ui-popup-hidden ui-popup-truncate")
- .removeAttr("style");
+ .removeAttr("style")
},
_closePrerequisitesDone: function () {
var container = this._ui.container,
- id = this.element.attr("id");
+ id = this.element.attr("id")
// remove the global mutex for popups
- $.mobile.popup.active = undefined;
+ $.mobile.popup.active = undefined
// Blur elements inside the container, including the container
- $(":focus", container[0]).add(container[0]).blur();
+ $(":focus", container[0]).add(container[0]).blur()
if (id) {
- this.document.find("[aria-haspopup='true'][aria-owns='" + id + "']").attr("aria-expanded", false);
+ this.document
+ .find("[aria-haspopup='true'][aria-owns='" + id + "']")
+ .attr("aria-expanded", false)
}
// alert users that the popup is closed
- this._trigger("afterclose");
+ this._trigger("afterclose")
},
_close: function (immediate) {
- this._ui.container.removeClass("ui-popup-active");
- this._page.removeClass("ui-popup-open");
+ this._ui.container.removeClass("ui-popup-active")
+ this._page.removeClass("ui-popup-open")
- this._isOpen = false;
+ this._isOpen = false
// Count down to triggering "popupafterclose" - we have two prerequisites:
// 1. The popup window reverse animation completes (container())
@@ -11041,26 +12868,29 @@
this._createPrerequisites(
$.proxy(this, "_closePrerequisiteScreen"),
$.proxy(this, "_closePrerequisiteContainer"),
- $.proxy(this, "_closePrerequisitesDone"));
+ $.proxy(this, "_closePrerequisitesDone")
+ )
this._animate({
additionalCondition: this._ui.screen.hasClass("in"),
- transition: (immediate ? "none" : (this._currentTransition)),
+ transition: immediate ? "none" : this._currentTransition,
classToRemove: "in",
screenClassToAdd: "out",
containerClassToAdd: "reverse out",
applyTransition: true,
- prerequisites: this._prerequisites
- });
+ prerequisites: this._prerequisites,
+ })
},
_unenhance: function () {
if (this.options.enhanced) {
- return;
+ return
}
// Put the element back to where the placeholder was and remove the "ui-popup" class
- this._setOptions({theme: $.mobile.popup.prototype.options.theme});
+ this._setOptions({
+ theme: $.mobile.popup.prototype.options.theme,
+ })
this.element
// Cannot directly insertAfter() - we need to detach() first, because
// insertAfter() will do nothing if the payload div was not attached
@@ -11070,296 +12900,343 @@
// will cause an infinite recursion - #5244
.detach()
.insertAfter(this._ui.placeholder)
- .removeClass("ui-popup ui-overlay-shadow ui-corner-all ui-body-inherit");
- this._ui.screen.remove();
- this._ui.container.remove();
- this._ui.placeholder.remove();
+ .removeClass(
+ "ui-popup ui-overlay-shadow ui-corner-all ui-body-inherit"
+ )
+ this._ui.screen.remove()
+ this._ui.container.remove()
+ this._ui.placeholder.remove()
},
_destroy: function () {
if ($.mobile.popup.active === this) {
- this.element.one("popupafterclose", $.proxy(this, "_unenhance"));
- this.close();
+ this.element.one(
+ "popupafterclose",
+ $.proxy(this, "_unenhance")
+ )
+ this.close()
} else {
- this._unenhance();
+ this._unenhance()
}
- return this;
+ return this
},
_closePopup: function (theEvent, data) {
- var parsedDst, toUrl,
+ var parsedDst,
+ toUrl,
currentOptions = this.options,
- immediate = false;
+ immediate = false
- if ((theEvent && theEvent.isDefaultPrevented()) || $.mobile.popup.active !== this) {
- return;
+ if (
+ (theEvent && theEvent.isDefaultPrevented()) ||
+ $.mobile.popup.active !== this
+ ) {
+ return
}
// restore location on screen
- window.scrollTo(0, this._scrollTop);
+ window.scrollTo(0, this._scrollTop)
if (theEvent && theEvent.type === "pagebeforechange" && data) {
// Determine whether we need to rapid-close the popup, or whether we can
// take the time to run the closing transition
if (typeof data.toPage === "string") {
- parsedDst = data.toPage;
+ parsedDst = data.toPage
} else {
- parsedDst = data.toPage.jqmData("url");
+ parsedDst = data.toPage.jqmData("url")
}
- parsedDst = $.mobile.path.parseUrl(parsedDst);
- toUrl = parsedDst.pathname + parsedDst.search + parsedDst.hash;
+ parsedDst = $.mobile.path.parseUrl(parsedDst)
+ toUrl =
+ parsedDst.pathname + parsedDst.search + parsedDst.hash
if (this._myUrl !== $.mobile.path.makeUrlAbsolute(toUrl)) {
// Going to a different page - close immediately
- immediate = true;
+ immediate = true
} else {
- theEvent.preventDefault();
+ theEvent.preventDefault()
}
}
// remove nav bindings
- this.window.off(currentOptions.closeEvents);
+ this.window.off(currentOptions.closeEvents)
// unbind click handlers added when history is disabled
- this.element.undelegate(currentOptions.closeLinkSelector, currentOptions.closeLinkEvents);
+ this.element.undelegate(
+ currentOptions.closeLinkSelector,
+ currentOptions.closeLinkEvents
+ )
- this._close(immediate);
+ this._close(immediate)
},
// any navigation event after a popup is opened should close the popup
// NOTE the pagebeforechange is bound to catch navigation events that don't
// alter the url (eg, dialogs from popups)
_bindContainerClose: function () {
- this.window
- .on(this.options.closeEvents, $.proxy(this, "_closePopup"));
+ this.window.on(
+ this.options.closeEvents,
+ $.proxy(this, "_closePopup")
+ )
},
widget: function () {
- return this._ui.container;
+ return this._ui.container
},
// TODO no clear deliniation of what should be here and
// what should be in _open. Seems to be "visual" vs "history" for now
open: function (options) {
- var url, hashkey, activePage, currentIsDialog, hasHash, urlHistory,
+ var url,
+ hashkey,
+ activePage,
+ currentIsDialog,
+ hasHash,
+ urlHistory,
self = this,
- currentOptions = this.options;
+ currentOptions = this.options
// make sure open is idempotent
if ($.mobile.popup.active || currentOptions.disabled) {
- return this;
+ return this
}
// set the global popup mutex
- $.mobile.popup.active = this;
- this._scrollTop = this.window.scrollTop();
+ $.mobile.popup.active = this
+ this._scrollTop = this.window.scrollTop()
// if history alteration is disabled close on navigate events
// and leave the url as is
- if (!(currentOptions.history)) {
- self._open(options);
- self._bindContainerClose();
+ if (!currentOptions.history) {
+ self._open(options)
+ self._bindContainerClose()
// When histoy is disabled we have to grab the data-rel
// back link clicks so we can close the popup instead of
// relying on history to do it for us
- self.element
- .delegate(currentOptions.closeLinkSelector, currentOptions.closeLinkEvents, function (theEvent) {
- self.close();
- theEvent.preventDefault();
- });
+ self.element.delegate(
+ currentOptions.closeLinkSelector,
+ currentOptions.closeLinkEvents,
+ function (theEvent) {
+ self.close()
+ theEvent.preventDefault()
+ }
+ )
- return this;
+ return this
}
// cache some values for min/readability
- urlHistory = $.mobile.navigate.history;
- hashkey = $.mobile.dialogHashKey;
- activePage = $.mobile.activePage;
- currentIsDialog = (activePage ? activePage.hasClass("ui-dialog") : false);
- this._myUrl = url = urlHistory.getActive().url;
- hasHash = (url.indexOf(hashkey) > -1) && !currentIsDialog && (urlHistory.activeIndex > 0);
+ urlHistory = $.mobile.navigate.history
+ hashkey = $.mobile.dialogHashKey
+ activePage = $.mobile.activePage
+ currentIsDialog = activePage
+ ? activePage.hasClass("ui-dialog")
+ : false
+ this._myUrl = url = urlHistory.getActive().url
+ hasHash =
+ url.indexOf(hashkey) > -1 &&
+ !currentIsDialog &&
+ urlHistory.activeIndex > 0
if (hasHash) {
- self._open(options);
- self._bindContainerClose();
- return this;
+ self._open(options)
+ self._bindContainerClose()
+ return this
}
// if the current url has no dialog hash key proceed as normal
// otherwise, if the page is a dialog simply tack on the hash key
if (url.indexOf(hashkey) === -1 && !currentIsDialog) {
- url = url + (url.indexOf("#") > -1 ? hashkey : "#" + hashkey);
+ url =
+ url + (url.indexOf("#") > -1 ? hashkey : "#" + hashkey)
} else {
- url = $.mobile.path.parseLocation().hash + hashkey;
+ url = $.mobile.path.parseLocation().hash + hashkey
}
// swallow the the initial navigation event, and bind for the next
this.window.one("beforenavigate", function (theEvent) {
- theEvent.preventDefault();
- self._open(options);
- self._bindContainerClose();
- });
+ theEvent.preventDefault()
+ self._open(options)
+ self._bindContainerClose()
+ })
- this.urlAltered = true;
- $.mobile.navigate(url, {role: "dialog"});
+ this.urlAltered = true
+ $.mobile.navigate(url, { role: "dialog" })
- return this;
+ return this
},
close: function () {
// make sure close is idempotent
if ($.mobile.popup.active !== this) {
- return this;
+ return this
}
- this._scrollTop = this.window.scrollTop();
+ this._scrollTop = this.window.scrollTop()
if (this.options.history && this.urlAltered) {
- $.mobile.back();
- this.urlAltered = false;
+ $.mobile.back()
+ this.urlAltered = false
} else {
// simulate the nav bindings having fired
- this._closePopup();
+ this._closePopup()
}
- return this;
- }
- });
+ return this
+ },
+ })
-// TODO this can be moved inside the widget
+ // TODO this can be moved inside the widget
$.mobile.popup.handleLink = function ($link) {
var offset,
path = $.mobile.path,
-
// NOTE make sure to get only the hash from the href because ie7 (wp7)
// returns the absolute href in this case ruining the element selection
- popup = $(path.hashToSelector(path.parseUrl($link.attr("href")).hash)).first();
+ popup = $(
+ path.hashToSelector(path.parseUrl($link.attr("href")).hash)
+ ).first()
if (popup.length > 0 && popup.data("mobile-popup")) {
- offset = $link.offset();
+ offset = $link.offset()
popup.popup("open", {
x: offset.left + $link.outerWidth() / 2,
y: offset.top + $link.outerHeight() / 2,
transition: $link.jqmData("transition"),
- positionTo: $link.jqmData("position-to")
- });
+ positionTo: $link.jqmData("position-to"),
+ })
}
//remove after delay
setTimeout(function () {
- $link.removeClass($.mobile.activeBtnClass);
- }, 300);
- };
+ $link.removeClass($.mobile.activeBtnClass)
+ }, 300)
+ }
-// TODO move inside _create
+ // TODO move inside _create
$.mobile.document.on("pagebeforechange", function (theEvent, data) {
if (data.options.role === "popup") {
- $.mobile.popup.handleLink(data.options.link);
- theEvent.preventDefault();
+ $.mobile.popup.handleLink(data.options.link)
+ theEvent.preventDefault()
}
- });
-
- })(jQuery);
+ })
+ })(jQuery)
/*
-* custom "selectmenu" plugin
-*/
-
- (function ($, undefined) {
+ * custom "selectmenu" plugin
+ */
- var unfocusableItemSelector = ".ui-disabled,.ui-state-disabled,.ui-li-divider,.ui-screen-hidden,:jqmData(role='placeholder')",
+ ;(function ($, undefined) {
+ var unfocusableItemSelector =
+ ".ui-disabled,.ui-state-disabled,.ui-li-divider,.ui-screen-hidden,:jqmData(role='placeholder')",
goToAdjacentItem = function (item, target, direction) {
var adjacent = item[direction + "All"]()
.not(unfocusableItemSelector)
- .first();
+ .first()
// if there's a previous option, focus it
if (adjacent.length) {
- target
- .blur()
- .attr("tabindex", "-1");
+ target.blur().attr("tabindex", "-1")
- adjacent.find("a").first().focus();
+ adjacent.find("a").first().focus()
}
- };
+ }
$.widget("mobile.selectmenu", $.mobile.selectmenu, {
_create: function () {
- var o = this.options;
+ var o = this.options
// Custom selects cannot exist inside popups, so revert the "nativeMenu"
// option to true if a parent is a popup
- o.nativeMenu = o.nativeMenu || (this.element.parents(":jqmData(role='popup'),:mobile-popup").length > 0);
+ o.nativeMenu =
+ o.nativeMenu ||
+ this.element.parents(":jqmData(role='popup'),:mobile-popup")
+ .length > 0
- return this._super();
+ return this._super()
},
_handleSelectFocus: function () {
- this.element.blur();
- this.button.focus();
+ this.element.blur()
+ this.button.focus()
},
_handleKeydown: function (event) {
- this._super(event);
- this._handleButtonVclickKeydown(event);
+ this._super(event)
+ this._handleButtonVclickKeydown(event)
},
_handleButtonVclickKeydown: function (event) {
- if (this.options.disabled || this.isOpen || this.options.nativeMenu) {
- return;
- }
-
- if (event.type === "vclick" ||
- event.keyCode && (event.keyCode === $.mobile.keyCode.ENTER || event.keyCode === $.mobile.keyCode.SPACE)) {
-
- this._decideFormat();
+ if (
+ this.options.disabled ||
+ this.isOpen ||
+ this.options.nativeMenu
+ ) {
+ return
+ }
+
+ if (
+ event.type === "vclick" ||
+ (event.keyCode &&
+ (event.keyCode === $.mobile.keyCode.ENTER ||
+ event.keyCode === $.mobile.keyCode.SPACE))
+ ) {
+ this._decideFormat()
if (this.menuType === "overlay") {
- this.button.attr("href", "#" + this.popupId).attr("data-" + ($.mobile.ns || "") + "rel", "popup");
+ this.button
+ .attr("href", "#" + this.popupId)
+ .attr(
+ "data-" + ($.mobile.ns || "") + "rel",
+ "popup"
+ )
} else {
- this.button.attr("href", "#" + this.dialogId).attr("data-" + ($.mobile.ns || "") + "rel", "dialog");
+ this.button
+ .attr("href", "#" + this.dialogId)
+ .attr(
+ "data-" + ($.mobile.ns || "") + "rel",
+ "dialog"
+ )
}
- this.isOpen = true;
+ this.isOpen = true
// Do not prevent default, so the navigation may have a chance to actually open the chosen format
}
},
_handleListFocus: function (e) {
- var params = (e.type === "focusin") ?
- {tabindex: "0", event: "vmouseover"} :
- {tabindex: "-1", event: "vmouseout"};
+ var params =
+ e.type === "focusin"
+ ? { tabindex: "0", event: "vmouseover" }
+ : { tabindex: "-1", event: "vmouseout" }
$(e.target)
.attr("tabindex", params.tabindex)
- .trigger(params.event);
+ .trigger(params.event)
},
_handleListKeydown: function (event) {
var target = $(event.target),
- li = target.closest("li");
+ li = target.closest("li")
// switch logic based on which key was pressed
switch (event.keyCode) {
// up or left arrow keys
case 38:
- goToAdjacentItem(li, target, "prev");
- return false;
+ goToAdjacentItem(li, target, "prev")
+ return false
// down or right arrow keys
case 40:
- goToAdjacentItem(li, target, "next");
- return false;
+ goToAdjacentItem(li, target, "next")
+ return false
// If enter or space is pressed, trigger click
case 13:
case 32:
- target.trigger("click");
- return false;
+ target.trigger("click")
+ return false
}
},
_handleMenuPageHide: function () {
-
// After the dialog's done, we may want to trigger change if the value has actually changed
- this._delayedTrigger();
+ this._delayedTrigger()
// TODO centralize page removal binding / handling in the page plugin.
// Suggestion from @jblas to do refcounting
@@ -11373,97 +13250,162 @@
// of a dialog sized custom select
//
// doing this here provides for the back button on the custom select dialog
- this.thisPage.page("bindRemove");
+ this.thisPage.page("bindRemove")
},
_handleHeaderCloseClick: function () {
if (this.menuType === "overlay") {
- this.close();
- return false;
+ this.close()
+ return false
}
},
_handleListItemClick: function (event) {
var listItem = $(event.target).closest("li"),
-
// Index of option tag to be selected
oldIndex = this.select[0].selectedIndex,
newIndex = $.mobile.getAttribute(listItem, "option-index"),
- option = this._selectOptions().eq(newIndex)[0];
+ option = this._selectOptions().eq(newIndex)[0]
// Toggle selected status on the tag for multi selects
- option.selected = this.isMultiple ? !option.selected : true;
+ option.selected = this.isMultiple ? !option.selected : true
// Toggle checkbox class for multiple selects
if (this.isMultiple) {
- listItem.find("a")
+ listItem
+ .find("a")
.toggleClass("ui-checkbox-on", option.selected)
- .toggleClass("ui-checkbox-off", !option.selected);
+ .toggleClass("ui-checkbox-off", !option.selected)
}
// If it's not a multiple select, trigger change after it has finished closing
if (!this.isMultiple && oldIndex !== newIndex) {
- this._triggerChange = true;
+ this._triggerChange = true
}
// Trigger change if it's a multiple select
// Hide custom select for single selects only - otherwise focus clicked item
// We need to grab the clicked item the hard way, because the list may have been rebuilt
if (this.isMultiple) {
- this.select.trigger("change");
- this.list.find("li:not(.ui-li-divider)").eq(newIndex)
- .find("a").first().focus();
+ this.select.trigger("change")
+ this.list
+ .find("li:not(.ui-li-divider)")
+ .eq(newIndex)
+ .find("a")
+ .first()
+ .focus()
} else {
- this.close();
+ this.close()
}
- event.preventDefault();
+ event.preventDefault()
},
build: function () {
- var selectId, popupId, dialogId, label, thisPage, isMultiple, menuId,
- themeAttr, overlayTheme, overlayThemeAttr, dividerThemeAttr,
- menuPage, listbox, list, header, headerTitle, menuPageContent,
- menuPageClose, headerClose,
- o = this.options;
+ var selectId,
+ popupId,
+ dialogId,
+ label,
+ thisPage,
+ isMultiple,
+ menuId,
+ themeAttr,
+ overlayTheme,
+ overlayThemeAttr,
+ dividerThemeAttr,
+ menuPage,
+ listbox,
+ list,
+ header,
+ headerTitle,
+ menuPageContent,
+ menuPageClose,
+ headerClose,
+ o = this.options
if (o.nativeMenu) {
- return this._super();
- }
-
- selectId = this.selectId;
- popupId = selectId + "-listbox";
- dialogId = selectId + "-dialog";
- label = this.label;
- thisPage = this.element.closest(".ui-page");
- isMultiple = this.element[0].multiple;
- menuId = selectId + "-menu";
- themeAttr = o.theme ? (" data-" + $.mobile.ns + "theme='" + o.theme + "'") : "";
- overlayTheme = o.overlayTheme || o.theme || null;
- overlayThemeAttr = overlayTheme ? (" data-" + $.mobile.ns +
- "overlay-theme='" + overlayTheme + "'") : "";
- dividerThemeAttr = (o.dividerTheme && isMultiple) ? (" data-" + $.mobile.ns + "divider-theme='" + o.dividerTheme + "'") : "";
- menuPage = $("");
- listbox = $(""
+ )
.insertAfter(this.select)
- .popup();
- list = $("").appendTo(listbox);
- header = $("").prependTo(listbox);
- headerTitle = $("
").appendTo(header);
+ .popup()
+ list = $(
+ ""
+ ).appendTo(listbox)
+ header = $(
+ ""
+ ).prependTo(listbox)
+ headerTitle = $("
").appendTo(header)
if (this.isMultiple) {
headerClose = $("
", {
- "role": "button",
- "text": o.closeText,
- "href": "#",
- "class": "ui-btn ui-corner-all ui-btn-left ui-btn-icon-notext ui-icon-delete"
- }).appendTo(header);
+ role: "button",
+ text: o.closeText,
+ href: "#",
+ class: "ui-btn ui-corner-all ui-btn-left ui-btn-icon-notext ui-icon-delete",
+ }).appendTo(header)
}
$.extend(this, {
@@ -11483,11 +13425,11 @@
headerClose: headerClose,
menuPageContent: menuPageContent,
menuPageClose: menuPageClose,
- placeholder: ""
- });
+ placeholder: "",
+ })
// Create list from select, update state
- this.refresh();
+ this.refresh()
if (this._origTabIndex === undefined) {
// Map undefined to false, because this._origTabIndex === undefined
@@ -11495,138 +13437,158 @@
// originally had a tabindex attribute, whereas false indicates that
// we have checked the select for such an attribute, and have found
// none present.
- this._origTabIndex = (this.select[0].getAttribute("tabindex") === null) ? false : this.select.attr("tabindex");
+ this._origTabIndex =
+ this.select[0].getAttribute("tabindex") === null
+ ? false
+ : this.select.attr("tabindex")
}
- this.select.attr("tabindex", "-1");
- this._on(this.select, {focus: "_handleSelectFocus"});
+ this.select.attr("tabindex", "-1")
+ this._on(this.select, { focus: "_handleSelectFocus" })
// Button events
this._on(this.button, {
- vclick: "_handleButtonVclickKeydown"
- });
+ vclick: "_handleButtonVclickKeydown",
+ })
// Events for list items
- this.list.attr("role", "listbox");
+ this.list.attr("role", "listbox")
this._on(this.list, {
- "focusin": "_handleListFocus",
- "focusout": "_handleListFocus",
- "keydown": "_handleListKeydown",
- "click li:not(.ui-disabled,.ui-state-disabled,.ui-li-divider)": "_handleListItemClick"
- });
+ focusin: "_handleListFocus",
+ focusout: "_handleListFocus",
+ keydown: "_handleListKeydown",
+ "click li:not(.ui-disabled,.ui-state-disabled,.ui-li-divider)":
+ "_handleListItemClick",
+ })
// button refocus ensures proper height calculation
// by removing the inline style and ensuring page inclusion
- this._on(this.menuPage, {pagehide: "_handleMenuPageHide"});
+ this._on(this.menuPage, { pagehide: "_handleMenuPageHide" })
// Events on the popup
- this._on(this.listbox, {popupafterclose: "_popupClosed"});
+ this._on(this.listbox, { popupafterclose: "_popupClosed" })
// Close button on small overlays
if (this.isMultiple) {
- this._on(this.headerClose, {click: "_handleHeaderCloseClick"});
+ this._on(this.headerClose, {
+ click: "_handleHeaderCloseClick",
+ })
}
- return this;
+ return this
},
_popupClosed: function () {
- this.close();
- this._delayedTrigger();
+ this.close()
+ this._delayedTrigger()
},
_delayedTrigger: function () {
if (this._triggerChange) {
- this.element.trigger("change");
+ this.element.trigger("change")
}
- this._triggerChange = false;
+ this._triggerChange = false
},
_isRebuildRequired: function () {
var list = this.list.find("li"),
- options = this._selectOptions().not(".ui-screen-hidden");
+ options = this._selectOptions().not(".ui-screen-hidden")
// TODO exceedingly naive method to determine difference
// ignores value changes etc in favor of a forcedRebuild
// from the user in the refresh method
- return options.text() !== list.text();
+ return options.text() !== list.text()
},
selected: function () {
- return this._selectOptions().filter(":selected:not( :jqmData(placeholder='true') )");
+ return this._selectOptions().filter(
+ ":selected:not( :jqmData(placeholder='true') )"
+ )
},
refresh: function (force) {
- var self, indices;
+ var self, indices
if (this.options.nativeMenu) {
- return this._super(force);
+ return this._super(force)
}
- self = this;
+ self = this
if (force || this._isRebuildRequired()) {
- self._buildList();
+ self._buildList()
}
- indices = this.selectedIndices();
+ indices = this.selectedIndices()
- self.setButtonText();
- self.setButtonCount();
+ self.setButtonText()
+ self.setButtonCount()
- self.list.find("li:not(.ui-li-divider)")
- .find("a").removeClass($.mobile.activeBtnClass).end()
+ self.list
+ .find("li:not(.ui-li-divider)")
+ .find("a")
+ .removeClass($.mobile.activeBtnClass)
+ .end()
.attr("aria-selected", false)
.each(function (i) {
- var item = $(this);
+ var item = $(this)
if ($.inArray(i, indices) > -1) {
-
// Aria selected attr
- item.attr("aria-selected", true);
+ item.attr("aria-selected", true)
// Multiple selects: add the "on" checkbox state to the icon
if (self.isMultiple) {
- item.find("a").removeClass("ui-checkbox-off").addClass("ui-checkbox-on");
+ item.find("a")
+ .removeClass("ui-checkbox-off")
+ .addClass("ui-checkbox-on")
} else {
if (item.hasClass("ui-screen-hidden")) {
- item.next().find("a").addClass($.mobile.activeBtnClass);
+ item.next()
+ .find("a")
+ .addClass($.mobile.activeBtnClass)
} else {
- item.find("a").addClass($.mobile.activeBtnClass);
+ item.find("a").addClass(
+ $.mobile.activeBtnClass
+ )
}
}
} else if (self.isMultiple) {
- item.find("a").removeClass("ui-checkbox-on").addClass("ui-checkbox-off");
+ item.find("a")
+ .removeClass("ui-checkbox-on")
+ .addClass("ui-checkbox-off")
}
- });
+ })
},
close: function () {
if (this.options.disabled || !this.isOpen) {
- return;
+ return
}
- var self = this;
+ var self = this
if (self.menuType === "page") {
- self.menuPage.dialog("close");
- self.list.appendTo(self.listbox);
+ self.menuPage.dialog("close")
+ self.list.appendTo(self.listbox)
} else {
- self.listbox.popup("close");
+ self.listbox.popup("close")
}
- self._focusButton();
+ self._focusButton()
// allow the dialog to be closed again
- self.isOpen = false;
+ self.isOpen = false
},
open: function () {
- this.button.click();
+ this.button.click()
},
_focusMenuItem: function () {
- var selector = this.list.find("a." + $.mobile.activeBtnClass);
+ var selector = this.list.find("a." + $.mobile.activeBtnClass)
if (selector.length === 0) {
- selector = this.list.find("li:not(" + unfocusableItemSelector + ") a.ui-btn");
+ selector = this.list.find(
+ "li:not(" + unfocusableItemSelector + ") a.ui-btn"
+ )
}
- selector.first().focus();
+ selector.first().focus()
},
_decideFormat: function () {
@@ -11636,40 +13598,41 @@
menuHeight = selfListParent.outerHeight(),
scrollTop = $window.scrollTop(),
btnOffset = self.button.offset().top,
- screenHeight = $window.height();
+ screenHeight = $window.height()
if (menuHeight > screenHeight - 80 || !$.support.scrollTop) {
-
- self.menuPage.appendTo($.mobile.pageContainer).page();
- self.menuPageContent = self.menuPage.find(".ui-content");
- self.menuPageClose = self.menuPage.find(".ui-header a");
+ self.menuPage.appendTo($.mobile.pageContainer).page()
+ self.menuPageContent = self.menuPage.find(".ui-content")
+ self.menuPageClose = self.menuPage.find(".ui-header a")
// prevent the parent page from being removed from the DOM,
// otherwise the results of selecting a list item in the dialog
// fall into a black hole
- self.thisPage.unbind("pagehide.remove");
+ self.thisPage.unbind("pagehide.remove")
//for WebOS/Opera Mini (set lastscroll using button offset)
if (scrollTop === 0 && btnOffset > screenHeight) {
self.thisPage.one("pagehide", function () {
- $(this).jqmData("lastScroll", btnOffset);
- });
+ $(this).jqmData("lastScroll", btnOffset)
+ })
}
self.menuPage.one({
pageshow: $.proxy(this, "_focusMenuItem"),
- pagehide: $.proxy(this, "close")
- });
+ pagehide: $.proxy(this, "close"),
+ })
- self.menuType = "page";
- self.menuPageContent.append(self.list);
+ self.menuType = "page"
+ self.menuPageContent.append(self.list)
self.menuPage
.find("div .ui-title")
- .text(self.label.getEncodedText() || self.placeholder);
+ .text(self.label.getEncodedText() || self.placeholder)
} else {
- self.menuType = "overlay";
+ self.menuType = "overlay"
- self.listbox.one({popupafteropen: $.proxy(this, "_focusMenuItem")});
+ self.listbox.one({
+ popupafteropen: $.proxy(this, "_focusMenuItem"),
+ })
}
},
@@ -11679,7 +13642,9 @@
placeholder = this.placeholder,
needPlaceholder = true,
dataIcon = "false",
- $options, numOptions, select,
+ $options,
+ numOptions,
+ select,
dataPrefix = "data-" + $.mobile.ns,
dataIndexAttr = dataPrefix + "option-index",
dataIconAttr = dataPrefix + "icon",
@@ -11689,244 +13654,263 @@
isPlaceholderItem = false,
optGroup,
i,
- option, $option, parent, text, anchor, classes,
- optLabel, divider, item;
-
- self.list.empty().filter(".ui-listview").listview("destroy");
- $options = this._selectOptions();
- numOptions = $options.length;
- select = this.select[0];
+ option,
+ $option,
+ parent,
+ text,
+ anchor,
+ classes,
+ optLabel,
+ divider,
+ item
+
+ self.list.empty().filter(".ui-listview").listview("destroy")
+ $options = this._selectOptions()
+ numOptions = $options.length
+ select = this.select[0]
for (i = 0; i < numOptions; i++, isPlaceholderItem = false) {
- option = $options[i];
- $option = $(option);
+ option = $options[i]
+ $option = $(option)
// Do not create options based on ui-screen-hidden select options
if ($option.hasClass("ui-screen-hidden")) {
- continue;
+ continue
}
- parent = option.parentNode;
- classes = [];
+ parent = option.parentNode
+ classes = []
// Although using .text() here raises the risk that, when we later paste this into the
// list item we end up pasting possibly malicious things like