From 087c7c332a181e893c88059fb44a25c9b0f0cdde Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Wed, 28 Oct 2015 13:09:55 -0400 Subject: [PATCH] fix bad merge --- .../thirdparty/jquery.unveil-custom.js | 4019 +--------- .../jquery.mobile.custom.js | 7128 +++++++++-------- 2 files changed, 3765 insertions(+), 7382 deletions(-) diff --git a/dashboard-ui/thirdparty/jquery.unveil-custom.js b/dashboard-ui/thirdparty/jquery.unveil-custom.js index 5671e9b8c..f4d82fbd1 100644 --- a/dashboard-ui/thirdparty/jquery.unveil-custom.js +++ b/dashboard-ui/thirdparty/jquery.unveil-custom.js @@ -1,3853 +1,230 @@ -/* -* jQuery Mobile v1.4.5 -* http://jquerymobile.com -* -* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors -* Released under the MIT license. -* http://jquery.org/license -* -*/ +(function ($) { -(function (root, doc, factory) { - // Browser globals - factory(root.jQuery, root, doc); -}(this, document, function (jQuery, window, document, undefined) {/*! - * jQuery hashchange event - v1.3 - 7/21/2010 - * http://benalman.com/projects/jquery-hashchange-plugin/ - * - * Copyright (c) 2010 "Cowboy" Ben Alman - * Dual licensed under the MIT and GPL licenses. - * http://benalman.com/about/license/ +})(jQuery); + +/** + * jQuery Unveil + * A very lightweight jQuery plugin to lazy load images + * http://luis-almeida.github.com/unveil + * + * Licensed under the MIT license. + * Copyright 2013 Luís Almeida + * https://github.com/luis-almeida */ - // Script: jQuery hashchange event - // - // *Version: 1.3, Last updated: 7/21/2010* - // - // Project Home - http://benalman.com/projects/jquery-hashchange-plugin/ - // GitHub - http://github.com/cowboy/jquery-hashchange/ - // Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js - // (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped) - // - // About: License - // - // Copyright (c) 2010 "Cowboy" Ben Alman, - // Dual licensed under the MIT and GPL licenses. - // http://benalman.com/about/license/ - // - // About: Examples - // - // These working examples, complete with fully commented code, illustrate a few - // ways in which this plugin can be used. - // - // hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/ - // document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/ - // - // About: Support and Testing - // - // Information about what version or versions of jQuery this plugin has been - // tested with, what browsers it has been tested in, and where the unit tests - // reside (so you can test it yourself). - // - // jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2 - // Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5, - // Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5. - // Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/ - // - // About: Known issues - // - // While this jQuery hashchange event implementation is quite stable and - // robust, there are a few unfortunate browser bugs surrounding expected - // hashchange event-based behaviors, independent of any JavaScript - // window.onhashchange abstraction. See the following examples for more - // information: - // - // Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/ - // Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/ - // WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/ - // Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/ - // - // Also note that should a browser natively support the window.onhashchange - // event, but not report that it does, the fallback polling loop will be used. - // - // About: Release History - // - // 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more - // "removable" for mobile-only development. Added IE6/7 document.title - // support. Attempted to make Iframe as hidden as possible by using - // techniques from http://www.paciellogroup.com/blog/?p=604. Added - // support for the "shortcut" format $(window).hashchange( fn ) and - // $(window).hashchange() like jQuery provides for built-in events. - // Renamed jQuery.hashchangeDelay to and - // lowered its default value to 50. Added - // and properties plus document-domain.html - // file to address access denied issues when setting document.domain in - // IE6/7. - // 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin - // from a page on another domain would cause an error in Safari 4. Also, - // IE6/7 Iframe is now inserted after the body (this actually works), - // which prevents the page from scrolling when the event is first bound. - // Event can also now be bound before DOM ready, but it won't be usable - // before then in IE6/7. - // 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug - // where browser version is incorrectly reported as 8.0, despite - // inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag. - // 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special - // window.onhashchange functionality into a separate plugin for users - // who want just the basic event & back button support, without all the - // extra awesomeness that BBQ provides. This plugin will be included as - // part of jQuery BBQ, but also be available separately. - - (function ($, window, undefined) { - '$:nomunge'; // Used by YUI compressor. - - // Reused string. - var str_hashchange = 'hashchange', - - // Method / object references. - doc = document, - fake_onhashchange, - special = $.event.special, - - // Does the browser support window.onhashchange? Note that IE8 running in - // IE7 compatibility mode reports true for 'onhashchange' in window, even - // though the event isn't supported, so also test document.documentMode. - doc_mode = doc.documentMode, - supports_onhashchange = 'on' + str_hashchange in window && (doc_mode === undefined || doc_mode > 7); - - // Get location.hash (or what you'd expect location.hash to be) sans any - // leading #. Thanks for making this necessary, Firefox! - function get_fragment(url) { - url = url || location.href; - return '#' + url.replace(/^[^#]*#?(.*)$/, '$1'); - }; - - // Method: jQuery.fn.hashchange - // - // Bind a handler to the window.onhashchange event or trigger all bound - // window.onhashchange event handlers. This behavior is consistent with - // jQuery's built-in event handlers. - // - // Usage: - // - // > jQuery(window).hashchange( [ handler ] ); - // - // Arguments: - // - // handler - (Function) Optional handler to be bound to the hashchange - // event. This is a "shortcut" for the more verbose form: - // jQuery(window).bind( 'hashchange', handler ). If handler is omitted, - // all bound window.onhashchange event handlers will be triggered. This - // is a shortcut for the more verbose - // jQuery(window).trigger( 'hashchange' ). These forms are described in - // the section. - // - // Returns: - // - // (jQuery) The initial jQuery collection of elements. - - // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and - // $(elem).hashchange() for triggering, like jQuery does for built-in events. - $.fn[str_hashchange] = function (fn) { - return fn ? this.bind(str_hashchange, fn) : this.trigger(str_hashchange); - }; - - // Property: jQuery.fn.hashchange.delay - // - // The numeric interval (in milliseconds) at which the - // polling loop executes. Defaults to 50. - - // Property: jQuery.fn.hashchange.domain - // - // If you're setting document.domain in your JavaScript, and you want hash - // history to work in IE6/7, not only must this property be set, but you must - // also set document.domain BEFORE jQuery is loaded into the page. This - // property is only applicable if you are supporting IE6/7 (or IE8 operating - // in "IE7 compatibility" mode). - // - // In addition, the property must be set to the - // path of the included "document-domain.html" file, which can be renamed or - // modified if necessary (note that the document.domain specified must be the - // same in both your main JavaScript as well as in this file). - // - // Usage: - // - // jQuery.fn.hashchange.domain = document.domain; - - // Property: jQuery.fn.hashchange.src - // - // If, for some reason, you need to specify an Iframe src file (for example, - // when setting document.domain as in ), you can - // do so using this property. Note that when using this property, history - // won't be recorded in IE6/7 until the Iframe src file loads. This property - // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7 - // compatibility" mode). - // - // Usage: - // - // jQuery.fn.hashchange.src = 'path/to/file.html'; - - $.fn[str_hashchange].delay = 50; - /* - $.fn[ str_hashchange ].domain = null; - $.fn[ str_hashchange ].src = null; - */ - - // Event: hashchange event - // - // Fired when location.hash changes. In browsers that support it, the native - // HTML5 window.onhashchange event is used, otherwise a polling loop is - // initialized, running every milliseconds to - // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7 - // compatibility" mode), a hidden Iframe is created to allow the back button - // and hash-based history to work. - // - // Usage as described in : - // - // > // Bind an event handler. - // > jQuery(window).hashchange( function(e) { - // > var hash = location.hash; - // > ... - // > }); - // > - // > // Manually trigger the event handler. - // > jQuery(window).hashchange(); - // - // A more verbose usage that allows for event namespacing: - // - // > // Bind an event handler. - // > jQuery(window).bind( 'hashchange', function(e) { - // > var hash = location.hash; - // > ... - // > }); - // > - // > // Manually trigger the event handler. - // > jQuery(window).trigger( 'hashchange' ); - // - // Additional Notes: - // - // * The polling loop and Iframe are not created until at least one handler - // is actually bound to the 'hashchange' event. - // * If you need the bound handler(s) to execute immediately, in cases where - // a location.hash exists on page load, via bookmark or page refresh for - // example, use jQuery(window).hashchange() or the more verbose - // jQuery(window).trigger( 'hashchange' ). - // * The event can be bound before DOM ready, but since it won't be usable - // before then in IE6/7 (due to the necessary Iframe), recommended usage is - // to bind it inside a DOM ready handler. - - // Override existing $.event.special.hashchange methods (allowing this plugin - // to be defined after jQuery BBQ in BBQ's source code). - special[str_hashchange] = $.extend(special[str_hashchange], { - - // Called only when the first 'hashchange' event is bound to window. - setup: function () { - // If window.onhashchange is supported natively, there's nothing to do.. - if (supports_onhashchange) { return false; } - - // Otherwise, we need to create our own. And we don't want to call this - // until the user binds to the event, just in case they never do, since it - // will create a polling loop and possibly even a hidden Iframe. - $(fake_onhashchange.start); - }, - - // Called only when the last 'hashchange' event is unbound from window. - teardown: function () { - // If window.onhashchange is supported natively, there's nothing to do.. - if (supports_onhashchange) { return false; } - - // Otherwise, we need to stop ours (if possible). - $(fake_onhashchange.stop); - } - - }); - - // fake_onhashchange does all the work of triggering the window.onhashchange - // event for browsers that don't natively support it, including creating a - // polling loop to watch for hash changes and in IE 6/7 creating a hidden - // Iframe to enable back and forward. - fake_onhashchange = (function () { - var self = {}, - timeout_id, - - // Remember the initial hash so it doesn't get triggered immediately. - last_hash = get_fragment(), - - fn_retval = function (val) { return val; }, - history_set = fn_retval, - history_get = fn_retval; - - // Start the polling loop. - self.start = function () { - timeout_id || poll(); - }; - - // Stop the polling loop. - self.stop = function () { - timeout_id && clearTimeout(timeout_id); - timeout_id = undefined; - }; - - // This polling loop checks every $.fn.hashchange.delay milliseconds to see - // if location.hash has changed, and triggers the 'hashchange' event on - // window when necessary. - function poll() { - var hash = get_fragment(), - history_hash = history_get(last_hash); - - if (hash !== last_hash) { - history_set(last_hash = hash, history_hash); - - $(window).trigger(str_hashchange); - - } else if (history_hash !== last_hash) { - location.href = location.href.replace(/#.*/, '') + history_hash; - } - - timeout_id = setTimeout(poll, $.fn[str_hashchange].delay); - }; - - return self; - })(); - - })(jQuery, this); - - (function ($) { - $.mobile = {}; - }(jQuery)); - - (function ($, window, undefined) { - $.extend($.mobile, { - - // Version of the jQuery Mobile Framework - version: "1.4.5", - - // Deprecated and no longer used in 1.4 remove in 1.5 - // Define the url parameter used for referencing widget-generated sub-pages. - // Translates to example.html&ui-page=subpageIdentifier - // hash segment before &ui-page= is used to make Ajax request - subPageUrlKey: "ui-page", - - hideUrlBar: true, - - // Keepnative Selector - keepNative: "[data-role='none']", - - // Deprecated in 1.4 remove in 1.5 - // Class assigned to page currently in view, and during transitions - activePageClass: "ui-page-active", - - // Deprecated in 1.4 remove in 1.5 - // Class used for "active" button state, from CSS framework - activeBtnClass: "ui-btn-active", - - // Deprecated in 1.4 remove in 1.5 - // Class used for "focus" form element state, from CSS framework - focusClass: "ui-focus", - - // Automatically handle clicks and form submissions through Ajax, when same-domain - ajaxEnabled: true, - - // disable to prevent jquery from bothering with links - linkBindingEnabled: true, - - // Set default page transition - 'none' for no transitions - defaultPageTransition: "fade", - - // Set maximum window width for transitions to apply - 'false' for no limit - maxTransitionWidth: false, - - // Minimum scroll distance that will be remembered when returning to a page - // Deprecated remove in 1.5 - minScrollBack: 0, - - // Set default dialog transition - 'none' for no transitions - defaultDialogTransition: "pop", - - // For error messages, which theme does the box use? - pageLoadErrorMessageTheme: "a", - - // replace calls to window.history.back with phonegaps navigation helper - // where it is provided on the window object - phonegapNavigationEnabled: false, - - // allows users to opt in to ignoring content by marking a parent element as - // data-ignored - ignoreContentEnabled: false, - - // disable the alteration of the dynamic base tag or links in the case - // that a dynamic base tag isn't supported - dynamicBaseEnabled: true, - - // default the property to remove dependency on assignment in init module - pageContainer: $(), - - //enable cross-domain page support - allowCrossDomainPages: false, - - dialogHashKey: "&ui-state=dialog" - }); - })(jQuery, this); - - (function ($, window, undefined) { - var nsNormalizeDict = {}, - oldFind = $.find, - rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/, - jqmDataRE = /:jqmData\(([^)]*)\)/g; - - $.extend($.mobile, { - - // Namespace used framework-wide for data-attrs. Default is no namespace - - ns: "", - - // Retrieve an attribute from an element and perform some massaging of the value - - getAttribute: function (element, key) { - var data; - - element = element.jquery ? element[0] : element; - - if (element && element.getAttribute) { - data = element.getAttribute("data-" + $.mobile.ns + key); - } - - // Copied from core's src/data.js:dataAttr() - // Convert from a string to a proper data type - try { - data = data === "true" ? true : - data === "false" ? false : - data === "null" ? null : - // Only convert to a number if it doesn't change the string - +data + "" === data ? +data : - rbrace.test(data) ? JSON.parse(data) : - data; - } catch (err) { } - - return data; - }, - - // Expose our cache for testing purposes. - nsNormalizeDict: nsNormalizeDict, - - // Take a data attribute property, prepend the namespace - // and then camel case the attribute string. Add the result - // to our nsNormalizeDict so we don't have to do this again. - nsNormalize: function (prop) { - return nsNormalizeDict[prop] || - (nsNormalizeDict[prop] = $.camelCase($.mobile.ns + prop)); - } - - }); - - // Mobile version of data and removeData and hasData methods - // ensures all data is set and retrieved using jQuery Mobile's data namespace - $.fn.jqmData = function (prop, value) { - var result; - if (typeof prop !== "undefined") { - if (prop) { - prop = $.mobile.nsNormalize(prop); - } - - // undefined is permitted as an explicit input for the second param - // in this case it returns the value and does not set it to undefined - if (arguments.length < 2 || value === undefined) { - result = this.data(prop); - } else { - result = this.data(prop, value); - } - } - return result; - }; - - $.jqmData = function (elem, prop, value) { - var result; - if (typeof prop !== "undefined") { - result = $.data(elem, prop ? $.mobile.nsNormalize(prop) : prop, value); - } - return result; - }; - - $.fn.jqmRemoveData = function (prop) { - return this.removeData($.mobile.nsNormalize(prop)); - }; - - $.jqmRemoveData = function (elem, prop) { - return $.removeData(elem, $.mobile.nsNormalize(prop)); - }; - - $.find = function (selector, context, ret, extra) { - if (selector.indexOf(":jqmData") > -1) { - selector = selector.replace(jqmDataRE, "[data-" + ($.mobile.ns || "") + "$1]"); - } - - return oldFind.call(this, selector, context, ret, extra); - }; - - $.extend($.find, oldFind); - - })(jQuery, this); - - /*! - * jQuery UI Core c0ab71056b936627e8a7821f03c044aec6280a40 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://api.jqueryui.com/category/ui-core/ - */ - (function ($, undefined) { - - // $.ui might exist from components with no dependencies, e.g., $.ui.position - $.ui = $.ui || {}; - - $.extend($.ui, { - version: "c0ab71056b936627e8a7821f03c044aec6280a40", - - keyCode: { - BACKSPACE: 8, - COMMA: 188, - DELETE: 46, - DOWN: 40, - END: 35, - ENTER: 13, - ESCAPE: 27, - HOME: 36, - LEFT: 37, - PAGE_DOWN: 34, - PAGE_UP: 33, - PERIOD: 190, - RIGHT: 39, - SPACE: 32, - TAB: 9, - UP: 38 - } - }); - - // deprecated - $.ui.ie = !!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase()); - - })(jQuery); - - (function ($, window, undefined) { - - function parentWithClass(elem, className) { - - while (!elem.classList || !elem.classList.contains(className)) { - elem = elem.parentNode; - - if (!elem) { - return null; - } - } - - return elem; - } - - $.extend($.mobile, { - // define the window and the document objects - window: $(window), - document: $(document), - - // TODO: Remove and use $.ui.keyCode directly - keyCode: $.ui.keyCode, - - // Place to store various widget extensions - behaviors: {}, - - // Scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value - silentScroll: function (ypos) { - if ($.type(ypos) !== "number") { - ypos = $.mobile.defaultHomeScroll; - } - - window.scrollTo(0, ypos); - }, - - getClosestBaseUrl: function (ele) { - - var page = parentWithClass(ele, 'ui-page'); - - // Find the closest page and extract out its url. - var url = (page ? page.getAttribute("data-url") : null), - base = $.mobile.path.documentBase.hrefNoHash; - - if (!$.mobile.dynamicBaseEnabled || !url || !$.mobile.path.isPath(url)) { - url = base; - } - - return $.mobile.path.makeUrlAbsolute(url, base); - }, - removeActiveLinkClass: function (forceRemoval) { - }, - - getScreenHeight: function () { - // Native innerHeight returns more accurate value for this across platforms, - // jQuery version is here as a normalized fallback for platforms like Symbian - return window.innerHeight || $.mobile.window.height(); - }, - - //simply set the active page's minimum height to screen height, depending on orientation - resetActivePageHeight: function (height) { - - } - }); - - // plugins - $.fn.extend({ - // Enhance child elements - enhanceWithin: function () { - var index, - widgetElements = {}, - that = this; - - // Enhance widgets - $.each($.mobile.widgets, function (name, constructor) { - - // If initSelector not false find elements - if (constructor.initSelector) { - - // Filter elements that should not be enhanced based on parents - var elements = that[0].querySelectorAll(constructor.initSelector); - - // Enhance whatever is left - if (elements.length > 0) { - widgetElements[constructor.prototype.widgetName] = $(elements); - } - } - }); - - for (index in widgetElements) { - widgetElements[index][index](); - } - - return this; - }, - - // note that this helper doesn't attempt to handle the callback - // or setting of an html element's text, its only purpose is - // to return the html encoded version of the text in all cases. (thus the name) - getEncodedText: function () { - return $("").text(this.text()).html(); - } - }); - - $.find.matches = function (expr, set) { - return $.find(expr, null, null, set); - }; - - $.find.matchesSelector = function (node, expr) { - return $.find(expr, null, null, [node]).length > 0; - }; - - })(jQuery, this); - - - (function ($, undefined) { - - /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */ - window.matchMedia = window.matchMedia || (function (doc, undefined) { - - var bool, - docElem = doc.documentElement, - refNode = docElem.firstElementChild || docElem.firstChild, - // fakeBody required for - fakeBody = doc.createElement("body"), - div = doc.createElement("div"); - - div.id = "mq-test-1"; - div.style.cssText = "position:absolute;top:-100em"; - fakeBody.style.background = "none"; - fakeBody.appendChild(div); - - return function (q) { - - div.innerHTML = "­"; - - docElem.insertBefore(fakeBody, refNode); - bool = div.offsetWidth === 42; - docElem.removeChild(fakeBody); - - return { - matches: bool, - media: q - }; - - }; - - }(document)); - - // $.mobile.media uses matchMedia to return a boolean. - $.mobile.media = function (q) { - return window.matchMedia(q).matches; - }; - - })(jQuery); - - (function ($, undefined) { - var support = { - touch: "ontouchend" in document - }; - - $.mobile.support = $.mobile.support || {}; - $.extend($.support, support); - $.extend($.mobile.support, support); - }(jQuery)); - - (function ($, undefined) { - $.extend($.support, { - orientation: "orientation" in window && "onorientationchange" in window - }); - }(jQuery)); - - (function ($, undefined) { - - // thx Modernizr - function propExists(prop) { - var uc_prop = prop.charAt(0).toUpperCase() + prop.substr(1), - props = (prop + " " + vendors.join(uc_prop + " ") + uc_prop).split(" "), - v; - - for (v in props) { - if (fbCSS[props[v]] !== undefined) { - return true; - } - } - } - - var fakeBody = $("").prependTo("html"), - fbCSS = fakeBody[0].style, - vendors = ["Webkit", "Moz", "O"], - webos = "palmGetResource" in window, //only used to rule out scrollTop - operamini = window.operamini && ({}).toString.call(window.operamini) === "[object OperaMini]", - bb = window.blackberry && !propExists("-webkit-transform"), //only used to rule out box shadow, as it's filled opaque on BB 5 and lower - nokiaLTE7_3; - - // inline SVG support test - function inlineSVG() { - // Thanks Modernizr & Erik Dahlstrom - var w = window, - svg = !!w.document.createElementNS && !!w.document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect && !(w.opera && navigator.userAgent.indexOf("Chrome") === -1), - support = function (data) { - if (!(data && svg)) { - $("html").addClass("ui-nosvg"); - } - }, - img = new w.Image(); - - img.onerror = function () { - support(false); - }; - img.onload = function () { - support(img.width === 1 && img.height === 1); - }; - img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; - } - - function transform3dTest() { - var mqProp = "transform-3d", - // Because the `translate3d` test below throws false positives in Android: - ret = $.mobile.media("(-" + vendors.join("-" + mqProp + "),(-") + "-" + mqProp + "),(" + mqProp + ")"), - el, transforms, t; - - if (ret) { - return !!ret; - } - - el = document.createElement("div"); - transforms = { - // We’re omitting Opera for the time being; MS uses unprefixed. - "MozTransform": "-moz-transform", - "transform": "transform" - }; - - fakeBody.append(el); - - for (t in transforms) { - if (el.style[t] !== undefined) { - el.style[t] = "translate3d( 100px, 1px, 1px )"; - ret = window.getComputedStyle(el).getPropertyValue(transforms[t]); - } - } - return (!!ret && ret !== "none"); - } - - // Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting ) - function baseTagTest() { - var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/", - base = $("head base"), - fauxEle = null, - href = "", - link, rebase; - - if (!base.length) { - base = fauxEle = $("", { "href": fauxBase }).appendTo("head"); - } else { - href = base.attr("href"); - } - - link = $("").prependTo(fakeBody); - rebase = link[0].href; - base[0].href = href || location.pathname; - - if (fauxEle) { - fauxEle.remove(); - } - return rebase.indexOf(fauxBase) === 0; - } - - // Thanks Modernizr - function cssPointerEventsTest() { - var element = document.createElement("x"), - documentElement = document.documentElement, - getComputedStyle = window.getComputedStyle, - supports; - - if (!("pointerEvents" in element.style)) { - return false; - } - - element.style.pointerEvents = "auto"; - element.style.pointerEvents = "x"; - documentElement.appendChild(element); - supports = getComputedStyle && - getComputedStyle(element, "").pointerEvents === "auto"; - documentElement.removeChild(element); - return !!supports; - } - - function boundingRect() { - var div = document.createElement("div"); - return typeof div.getBoundingClientRect !== "undefined"; - } - - // non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683 - // allows for inclusion of IE 6+, including Windows Mobile 7 - $.extend($.mobile, { browser: {} }); - $.mobile.browser.oldIE = (function () { - var v = 3, - div = document.createElement("div"), - a = div.all || []; - - do { - div.innerHTML = ""; - } while (a[0]); - - return v > 4 ? v : !v; - })(); - - $.extend($.support, { - mediaquery: $.mobile.media("only all"), - cssPseudoElement: !!propExists("content"), - touchOverflow: !!propExists("overflowScrolling"), - cssTransform3d: transform3dTest(), - fixedPosition: true, - scrollTop: ("pageXOffset" in window || - "scrollTop" in document.documentElement || - "scrollTop" in fakeBody[0]) && !webos && !operamini, - - dynamicBaseTag: baseTagTest(), - cssPointerEvents: cssPointerEventsTest(), - boundingRect: boundingRect(), - inlineSVG: inlineSVG - }); - - fakeBody.remove(); - - // Support conditions that must be met in order to proceed - // default enhanced qualifications are media query support OR IE 7+ - - $.mobile.gradeA = function () { - return (($.support.mediaquery && $.support.cssPseudoElement) || $.mobile.browser.oldIE && $.mobile.browser.oldIE >= 8) && ($.support.boundingRect || $.fn.jquery.match(/1\.[0-7+]\.[0-9+]?/) !== null); - }; - - $.mobile.ajaxBlacklist = - // BlackBerry browsers, pre-webkit - window.blackberry && !window.WebKitPoint || - // Opera Mini - operamini; - - })(jQuery); - - - (function ($, undefined) { - var $win = $.mobile.window, self, - dummyFnToInitNavigate = function () { - }; - - $.event.special.navigate = self = { - bound: false, - - originalEventName: undefined, - - // TODO a lot of duplication between popstate and hashchange - popstate: function (event) { - var newEvent = new $.Event("navigate"), - state = event.originalEvent.state || {}; - - if (event.historyState) { - $.extend(state, event.historyState); - } - - // Make sure the original event is tracked for the end - // user to inspect incase they want to do something special - newEvent.originalEvent = event; - - // NOTE we let the current stack unwind because any assignment to - // location.hash will stop the world and run this event handler. By - // doing this we create a similar behavior to hashchange on hash - // assignment - setTimeout(function () { - $win.trigger(newEvent, { - state: state - }); - }, 0); - }, - - hashchange: function (event /*, data */) { - var newEvent = new $.Event("navigate"); - - // Make sure the original event is tracked for the end - // user to inspect incase they want to do something special - newEvent.originalEvent = event; - - // Trigger the hashchange with state provided by the user - // that altered the hash - $win.trigger(newEvent, { - // Users that want to fully normalize the two events - // will need to do history management down the stack and - // add the state to the event before this binding is fired - // TODO consider allowing for the explicit addition of callbacks - // to be fired before this value is set to avoid event timing issues - state: event.hashchangeState || {} - }); - }, - - // TODO We really only want to set this up once - // but I'm not clear if there's a beter way to achieve - // this with the jQuery special event structure - setup: function ( /* data, namespaces */) { - if (self.bound) { - return; - } - - self.bound = true; - - self.originalEventName = "popstate"; - $win.bind("popstate.navigate", self.popstate); - } - }; - })(jQuery); - - (function ($, undefined) { - var props = { - "animation": {}, - "transition": {} - }, - testElement = document.createElement("a"), - vendorPrefixes = ["", "webkit-", "moz-", "o-"]; - - $.each(["animation", "transition"], function (i, test) { - - // Get correct name for test - var testName = (i === 0) ? test + "-" + "name" : test; - - $.each(vendorPrefixes, function (j, prefix) { - if (testElement.style[$.camelCase(prefix + testName)] !== undefined) { - props[test]["prefix"] = prefix; - return false; - } - }); - - // Set event and duration names for later use - props[test]["duration"] = - $.camelCase(props[test]["prefix"] + test + "-" + "duration"); - props[test]["event"] = - $.camelCase(props[test]["prefix"] + test + "-" + "end"); - - // All lower case if not a vendor prop - if (props[test]["prefix"] === "") { - props[test]["event"] = props[test]["event"].toLowerCase(); - } - }); - - // If a valid prefix was found then the it is supported by the browser - $.support.cssTransitions = (props["transition"]["prefix"] !== undefined); - $.support.cssAnimations = (props["animation"]["prefix"] !== undefined); - - // Remove the testElement - $(testElement).remove(); - - // Animation complete callback - $.fn.animationComplete = function (callback, type, fallbackTime) { - var timer, duration, - that = this, - eventBinding = function () { - - // Clear the timer so we don't call callback twice - clearTimeout(timer); - callback.apply(this, arguments); - }, - animationType = (!type || type === "animation") ? "animation" : "transition"; - - // Make sure selected type is supported by browser - if (($.support.cssTransitions && animationType === "transition") || - ($.support.cssAnimations && animationType === "animation")) { - - // If a fallback time was not passed set one - if (fallbackTime === undefined) { - - // Make sure the was not bound to document before checking .css - if ($(this).context !== document) { - - // Parse the durration since its in second multiple by 1000 for milliseconds - // Multiply by 3 to make sure we give the animation plenty of time. - duration = parseFloat( - $(this).css(props[animationType].duration) - ) * 3000; - } - - // If we could not read a duration use the default - if (duration === 0 || duration === undefined || isNaN(duration)) { - duration = $.fn.animationComplete.defaultDuration; - } - } - - // Sets up the fallback if event never comes - timer = setTimeout(function () { - $(that).off(props[animationType].event, eventBinding); - callback.apply(that); - }, duration); - - // Bind the event - return $(this).one(props[animationType].event, eventBinding); - } else { - - // CSS animation / transitions not supported - // Defer execution for consistency between webkit/non webkit - setTimeout($.proxy(callback, this), 0); - return $(this); - } - }; - - // Allow default callback to be configured on mobileInit - $.fn.animationComplete.defaultDuration = 1000; - })(jQuery); - - /*! - * jQuery UI Widget c0ab71056b936627e8a7821f03c044aec6280a40 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://api.jqueryui.com/jQuery.widget/ - */ - (function ($, undefined) { - - var uuid = 0, - slice = Array.prototype.slice, - _cleanData = $.cleanData; - $.cleanData = function (elems) { - for (var i = 0, elem; (elem = elems[i]) != null; i++) { - try { - $(elem).triggerHandler("remove"); - // http://bugs.jquery.com/ticket/8235 - } catch (e) { } - } - _cleanData(elems); - }; - - $.widget = function (name, base, prototype) { - var fullName, existingConstructor, constructor, basePrototype, - // proxiedPrototype allows the provided prototype to remain unmodified - // so that it can be used as a mixin for multiple widgets (#8876) - proxiedPrototype = {}, - namespace = name.split(".")[0]; - - name = name.split(".")[1]; - fullName = namespace + "-" + name; - - if (!prototype) { - prototype = base; - base = $.Widget; - } - - // create selector for plugin - $.expr[":"][fullName.toLowerCase()] = function (elem) { - return !!$.data(elem, fullName); - }; - - $[namespace] = $[namespace] || {}; - existingConstructor = $[namespace][name]; - constructor = $[namespace][name] = function (options, element) { - // allow instantiation without "new" keyword - if (!this._createWidget) { - return new constructor(options, element); - } - - // allow instantiation without initializing for simple inheritance - // must use "new" keyword (the code above always passes args) - if (arguments.length) { - this._createWidget(options, element); - } - }; - // extend with the existing constructor to carry over any static properties - $.extend(constructor, existingConstructor, { - version: prototype.version, - // copy the object used to create the prototype in case we need to - // redefine the widget later - _proto: $.extend({}, prototype), - // track widgets that inherit from this widget in case this widget is - // redefined after a widget inherits from it - _childConstructors: [] - }); - - basePrototype = new base(); - // we need to make the options hash a property directly on the new instance - // otherwise we'll modify the options hash on the prototype that we're - // inheriting from - basePrototype.options = $.widget.extend({}, basePrototype.options); - $.each(prototype, function (prop, value) { - if (!$.isFunction(value)) { - proxiedPrototype[prop] = value; - return; - } - proxiedPrototype[prop] = (function () { - var _super = function () { - return base.prototype[prop].apply(this, arguments); - }, - _superApply = function (args) { - return base.prototype[prop].apply(this, args); - }; - return function () { - var __super = this._super, - __superApply = this._superApply, - returnValue; - - this._super = _super; - this._superApply = _superApply; - - returnValue = value.apply(this, arguments); - - this._super = __super; - this._superApply = __superApply; - - return returnValue; - }; - })(); - }); - constructor.prototype = $.widget.extend(basePrototype, { - // TODO: remove support for widgetEventPrefix - // always use the name + a colon as the prefix, e.g., draggable:start - // don't prefix for widgets that aren't DOM-based - widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name - }, proxiedPrototype, { - constructor: constructor, - namespace: namespace, - widgetName: name, - widgetFullName: fullName - }); - - // If this widget is being redefined then we need to find all widgets that - // are inheriting from it and redefine all of them so that they inherit from - // the new version of this widget. We're essentially trying to replace one - // level in the prototype chain. - if (existingConstructor) { - $.each(existingConstructor._childConstructors, function (i, child) { - var childPrototype = child.prototype; - - // redefine the child widget using the same prototype that was - // originally used, but inherit from the new version of the base - $.widget(childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto); - }); - // remove the list of existing child constructors from the old constructor - // so the old child constructors can be garbage collected - delete existingConstructor._childConstructors; - } else { - base._childConstructors.push(constructor); - } - - $.widget.bridge(name, constructor); - - return constructor; - }; - - $.widget.extend = function (target) { - var input = slice.call(arguments, 1), - inputIndex = 0, - inputLength = input.length, - key, - value; - for (; inputIndex < inputLength; inputIndex++) { - for (key in input[inputIndex]) { - value = input[inputIndex][key]; - if (input[inputIndex].hasOwnProperty(key) && value !== undefined) { - // Clone objects - if ($.isPlainObject(value)) { - target[key] = $.isPlainObject(target[key]) ? - $.widget.extend({}, target[key], value) : - // Don't extend strings, arrays, etc. with objects - $.widget.extend({}, value); - // Copy everything else by reference - } else { - target[key] = value; - } - } - } - } - return target; - }; - - $.widget.bridge = function (name, object) { - - var fullName = object.prototype.widgetFullName || name; - $.fn[name] = function (options) { - var isMethodCall = typeof options === "string", - args = slice.call(arguments, 1), - returnValue = this; - - // allow multiple hashes to be passed on init - options = !isMethodCall && args.length ? - $.widget.extend.apply(null, [options].concat(args)) : - options; - - if (isMethodCall) { - this.each(function () { - var methodValue, - instance = $.data(this, fullName); - if (options === "instance") { - returnValue = instance; - return false; - } - if (!instance) { - return $.error("cannot call methods on " + name + " prior to initialization; " + - "attempted to call method '" + options + "'"); - } - if (!$.isFunction(instance[options]) || options.charAt(0) === "_") { - return $.error("no such method '" + options + "' for " + name + " widget instance"); - } - methodValue = instance[options].apply(instance, args); - if (methodValue !== instance && methodValue !== undefined) { - returnValue = methodValue && methodValue.jquery ? - returnValue.pushStack(methodValue.get()) : - methodValue; - return false; - } - }); - } else { - this.each(function () { - var instance = $.data(this, fullName); - if (instance) { - instance.option(options || {})._init(); - } else { - $.data(this, fullName, new object(options, this)); - } - }); - } - - return returnValue; - }; - }; - - $.Widget = function ( /* options, element */) { }; - $.Widget._childConstructors = []; - - $.Widget.prototype = { - widgetName: "widget", - widgetEventPrefix: "", - defaultElement: "
", - options: { - disabled: false, - - // callbacks - create: null - }, - _createWidget: function (options, element) { - element = $(element || this.defaultElement || this)[0]; - this.element = $(element); - this.uuid = uuid++; - this.eventNamespace = "." + this.widgetName + this.uuid; - this.options = $.widget.extend({}, - this.options, - this._getCreateOptions(), - options); - - this.bindings = $(); - this.hoverable = $(); - this.focusable = $(); - - if (element !== this) { - $.data(element, this.widgetFullName, this); - this._on(true, this.element, { - remove: function (event) { - if (event.target === element) { - this.destroy(); - } - } - }); - this.document = $(element.style ? - // element within the document - element.ownerDocument : - // element is window or document - element.document || element); - this.window = $(this.document[0].defaultView || this.document[0].parentWindow); - } - - this._create(); - this._trigger("create", null, this._getCreateEventData()); - this._init(); - }, - _getCreateOptions: $.noop, - _getCreateEventData: $.noop, - _create: $.noop, - _init: $.noop, - - destroy: function () { - this._destroy(); - // we can probably remove the unbind calls in 2.0 - // all event bindings should go through this._on() - this.element - .unbind(this.eventNamespace) - .removeData(this.widgetFullName) - // support: jquery <1.6.3 - // http://bugs.jquery.com/ticket/9413 - .removeData($.camelCase(this.widgetFullName)); - this.widget() - .unbind(this.eventNamespace) - .removeAttr("aria-disabled") - .removeClass( - this.widgetFullName + "-disabled " + - "ui-state-disabled"); - - // clean up events and states - this.bindings.unbind(this.eventNamespace); - this.hoverable.removeClass("ui-state-hover"); - this.focusable.removeClass("ui-state-focus"); - }, - _destroy: $.noop, - - widget: function () { - return this.element; - }, - - option: function (key, value) { - var options = key, - parts, - curOption, - i; - - if (arguments.length === 0) { - // don't return a reference to the internal hash - return $.widget.extend({}, this.options); - } - - if (typeof key === "string") { - // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } } - options = {}; - parts = key.split("."); - key = parts.shift(); - if (parts.length) { - curOption = options[key] = $.widget.extend({}, this.options[key]); - for (i = 0; i < parts.length - 1; i++) { - curOption[parts[i]] = curOption[parts[i]] || {}; - curOption = curOption[parts[i]]; - } - key = parts.pop(); - if (value === undefined) { - return curOption[key] === undefined ? null : curOption[key]; - } - curOption[key] = value; - } else { - if (value === undefined) { - return this.options[key] === undefined ? null : this.options[key]; - } - options[key] = value; - } - } - - this._setOptions(options); - - return this; - }, - _setOptions: function (options) { - var key; - - for (key in options) { - this._setOption(key, options[key]); - } - - return this; - }, - _setOption: function (key, value) { - this.options[key] = value; - - if (key === "disabled") { - this.widget() - .toggleClass(this.widgetFullName + "-disabled", !!value); - this.hoverable.removeClass("ui-state-hover"); - this.focusable.removeClass("ui-state-focus"); - } - - return this; - }, - - enable: function () { - return this._setOptions({ disabled: false }); - }, - disable: function () { - return this._setOptions({ disabled: true }); - }, - - _on: function (suppressDisabledCheck, element, handlers) { - var delegateElement, - instance = this; - - // no suppressDisabledCheck flag, shuffle arguments - if (typeof suppressDisabledCheck !== "boolean") { - handlers = element; - element = suppressDisabledCheck; - suppressDisabledCheck = false; - } - - // no element argument, shuffle and use this.element - if (!handlers) { - handlers = element; - element = this.element; - delegateElement = this.widget(); - } else { - // accept selectors, DOM elements - element = delegateElement = $(element); - this.bindings = this.bindings.add(element); - } - - $.each(handlers, function (event, handler) { - function handlerProxy() { - // allow widgets to customize the disabled handling - // - disabled as an array instead of boolean - // - disabled class as method for disabling individual parts - if (!suppressDisabledCheck && - (instance.options.disabled === true || - $(this).hasClass("ui-state-disabled"))) { - return; - } - return (typeof handler === "string" ? instance[handler] : handler) - .apply(instance, arguments); - } - - // copy the guid so direct unbinding works - if (typeof handler !== "string") { - handlerProxy.guid = handler.guid = - handler.guid || handlerProxy.guid || $.guid++; - } - - var match = event.match(/^(\w+)\s*(.*)$/), - eventName = match[1] + instance.eventNamespace, - selector = match[2]; - if (selector) { - delegateElement.delegate(selector, eventName, handlerProxy); - } else { - element.bind(eventName, handlerProxy); - } - }); - }, - - _off: function (element, eventName) { - eventName = (eventName || "").split(" ").join(this.eventNamespace + " ") + this.eventNamespace; - element.unbind(eventName).undelegate(eventName); - }, - - _delay: function (handler, delay) { - function handlerProxy() { - return (typeof handler === "string" ? instance[handler] : handler) - .apply(instance, arguments); - } - var instance = this; - return setTimeout(handlerProxy, delay || 0); - }, - - _hoverable: function (element) { - this.hoverable = this.hoverable.add(element); - this._on(element, { - mouseenter: function (event) { - $(event.currentTarget).addClass("ui-state-hover"); - }, - mouseleave: function (event) { - $(event.currentTarget).removeClass("ui-state-hover"); - } - }); - }, - - _focusable: function (element) { - this.focusable = this.focusable.add(element); - this._on(element, { - focusin: function (event) { - $(event.currentTarget).addClass("ui-state-focus"); - }, - focusout: function (event) { - $(event.currentTarget).removeClass("ui-state-focus"); - } - }); - }, - - _trigger: function (type, event, data) { - var prop, orig, - callback = this.options[type]; - - data = data || {}; - event = $.Event(event); - event.type = (type === this.widgetEventPrefix ? - type : - this.widgetEventPrefix + type).toLowerCase(); - // the original event may come from any element - // so we need to reset the target on the new event - event.target = this.element[0]; - - // copy original event properties over to the new event - orig = event.originalEvent; - if (orig) { - for (prop in orig) { - if (!(prop in event)) { - event[prop] = orig[prop]; - } - } - } - - this.element.trigger(event, data); - return !($.isFunction(callback) && - callback.apply(this.element[0], [event].concat(data)) === false || - event.isDefaultPrevented()); - } - }; - - $.each({ show: "fadeIn", hide: "fadeOut" }, function (method, defaultEffect) { - $.Widget.prototype["_" + method] = function (element, options, callback) { - if (typeof options === "string") { - options = { effect: options }; - } - var hasOptions, - effectName = !options ? - method : - options === true || typeof options === "number" ? - defaultEffect : - options.effect || defaultEffect; - options = options || {}; - if (typeof options === "number") { - options = { duration: options }; - } - hasOptions = !$.isEmptyObject(options); - options.complete = callback; - if (options.delay) { - element.delay(options.delay); - } - if (hasOptions && $.effects && $.effects.effect[effectName]) { - element[method](options); - } else if (effectName !== method && element[effectName]) { - element[effectName](options.duration, options.easing, callback); - } else { - element.queue(function (next) { - $(this)[method](); - if (callback) { - callback.call(element[0]); - } - next(); - }); - } - }; - }); - - })(jQuery); - - (function ($, undefined) { - - var rcapitals = /[A-Z]/g, - replaceFunction = function (c) { - return "-" + c.toLowerCase(); - }; - - $.extend($.Widget.prototype, { - _getCreateOptions: function () { - var option, value, - elem = this.element[0], - options = {}; - - // - if (!$.mobile.getAttribute(elem, "defaults")) { - for (option in this.options) { - value = $.mobile.getAttribute(elem, option.replace(rcapitals, replaceFunction)); - - if (value != null) { - options[option] = value; - } - } - } - - return options; - } - }); - - //TODO: Remove in 1.5 for backcompat only - $.mobile.widget = $.Widget; - - })(jQuery); - - (function ($, undefined) { - $.mobile.widgets = {}; - - var originalWidget = $.widget, - - // Record the original, non-mobileinit-modified version of $.mobile.keepNative - // so we can later determine whether someone has modified $.mobile.keepNative - keepNativeFactoryDefault = $.mobile.keepNative; - - $.widget = (function (orig) { - return function () { - var constructor = orig.apply(this, arguments), - name = constructor.prototype.widgetName; - - constructor.initSelector = ((constructor.prototype.initSelector !== undefined) ? - constructor.prototype.initSelector : "*[data-role='" + name + "']:not([data-role='none'])"); - - $.mobile.widgets[name] = constructor; - - return constructor; - }; - })($.widget); - - // Make sure $.widget still has bridge and extend methods - $.extend($.widget, originalWidget); - - // For backcompat remove in 1.5 - $.mobile.document.on("create", function (event) { - $(event.target).enhanceWithin(); - }); - - $.widget("mobile.page", { - options: { - theme: "a", - domCache: false, - - // Deprecated in 1.4 remove in 1.5 - keepNativeDefault: $.mobile.keepNative, - - // Deprecated in 1.4 remove in 1.5 - contentTheme: null, - enhanced: false - }, - - // DEPRECATED for > 1.4 - // TODO remove at 1.5 - _createWidget: function () { - - $.Widget.prototype._createWidget.apply(this, arguments); - this._trigger("init"); - }, - - _create: function () { - - if (!this.options.enhanced) { - this._enhance(); - } - - this._on(this.element, { - pagebeforehide: "removeContainerBackground", - pagebeforeshow: "_handlePageBeforeShow" - }); - - this.element.enhanceWithin(); - }, - - _enhance: function () { - var attrPrefix = "data-" + $.mobile.ns, - self = this; - - var element = this.element[0]; - - if (this.options.role) { - element.setAttribute("data-" + $.mobile.ns + "role", this.options.role); - } - - element.setAttribute("tabindex", "0"); - element.classList.add("ui-page"); - element.classList.add("ui-page-theme-" + this.options.theme); - - var contents = element.querySelectorAll("div[data-role='content']"); - - for (var i = 0, length = contents.length; i < length; i++) { - var content = contents[i]; - var theme = content.getAttribute(attrPrefix + "theme") || undefined; - self.options.contentTheme = theme || self.options.contentTheme || (self.options.dialog && self.options.theme) || (self.element.jqmData("role") === "dialog" && self.options.theme); - content.classList.add("ui-content"); - if (self.options.contentTheme) { - content.classList.add("ui-body-" + (self.options.contentTheme)); - } - // Add ARIA role - content.setAttribute("role", "main"); - content.classList.add("ui-content"); - } - }, - - _setOptions: function (o) { - - var elem = this.element[0]; - if (o.theme !== undefined) { - elem.classList.remove("ui-page-theme-" + this.options.theme); - elem.classList.add("ui-page-theme-" + o.theme); - } - - if (o.contentTheme !== undefined) { - var elems = elem.querySelectorAll("*[data-" + $.mobile.ns + "='content']"); - for (var i = 0, length = elems.length; i < length; i++) { - var el = elems[i]; - el.classList.remove("ui-body-" + this.options.contentTheme); - el.classList.add("ui-body-" + o.contentTheme); - } - } - }, - - _handlePageBeforeShow: function (/* e */) { - this.setContainerBackground(); - }, - // Deprecated in 1.4 remove in 1.5 - removeContainerBackground: function () { - $(this.element[0].parentNode).pagecontainer({ "theme": "none" }); - }, - // Deprecated in 1.4 remove in 1.5 - // set the page container background to the page theme - setContainerBackground: function (theme) { - $(this.element[0].parentNode).pagecontainer({ "theme": theme || this.options.theme }); - }, - // Deprecated in 1.4 remove in 1.5 - keepNativeSelector: function () { - var options = this.options, - keepNative = $.trim(options.keepNative || ""), - globalValue = $.trim($.mobile.keepNative), - optionValue = $.trim(options.keepNativeDefault), - - // Check if $.mobile.keepNative has changed from the factory default - newDefault = (keepNativeFactoryDefault === globalValue ? - "" : globalValue), - - // If $.mobile.keepNative has not changed, use options.keepNativeDefault - oldDefault = (newDefault === "" ? optionValue : ""); - - // Concatenate keepNative selectors from all sources where the value has - // changed or, if nothing has changed, return the default - return ((keepNative ? [keepNative] : []) - .concat(newDefault ? [newDefault] : []) - .concat(oldDefault ? [oldDefault] : []) - .join(", ")); - } - }); - })(jQuery); - - - (function ($, undefined) { - var path, $base, dialogHashKey = "&ui-state=dialog"; - - $.mobile.path = path = { - uiStateKey: "&ui-state", - - // This scary looking regular expression parses an absolute URL or its relative - // variants (protocol, site, document, query, and hash), into the various - // components (protocol, host, path, query, fragment, etc that make up the - // URL as well as some other commonly used sub-parts. When used with RegExp.exec() - // or String.match, it parses the URL into a results array that looks like this: - // - // [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content - // [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread - // [2]: http://jblas:password@mycompany.com:8080/mail/inbox - // [3]: http://jblas:password@mycompany.com:8080 - // [4]: http: - // [5]: // - // [6]: jblas:password@mycompany.com:8080 - // [7]: jblas:password - // [8]: jblas - // [9]: password - // [10]: mycompany.com:8080 - // [11]: mycompany.com - // [12]: 8080 - // [13]: /mail/inbox - // [14]: /mail/ - // [15]: inbox - // [16]: ?msg=1234&type=unread - // [17]: #msg-content - // - urlParseRE: /^\s*(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/, - - // Abstraction to address xss (Issue #4787) by removing the authority in - // browsers that auto-decode it. All references to location.href should be - // replaced with a call to this method so that it can be dealt with properly here - getLocation: function (url) { - var parsedUrl = this.parseUrl(url || location.href), - uri = url ? parsedUrl : location, - - // Make sure to parse the url or the location object for the hash because using - // location.hash is autodecoded in firefox, the rest of the url should be from - // the object (location unless we're testing) to avoid the inclusion of the - // authority - hash = parsedUrl.hash; - - // mimic the browser with an empty string when the hash is empty - hash = hash === "#" ? "" : hash; - - return uri.protocol + - parsedUrl.doubleSlash + - uri.host + - - // The pathname must start with a slash if there's a protocol, because you - // can't have a protocol followed by a relative path. Also, it's impossible to - // calculate absolute URLs from relative ones if the absolute one doesn't have - // a leading "/". - ((uri.protocol !== "" && uri.pathname.substring(0, 1) !== "/") ? - "/" : "") + - uri.pathname + - uri.search + - hash; - }, - - //return the original document url - getDocumentUrl: function (asParsedObject) { - return asParsedObject ? $.extend({}, path.documentUrl) : path.documentUrl.href; - }, - - parseLocation: function () { - return this.parseUrl(this.getLocation()); - }, - - //Parse a URL into a structure that allows easy access to - //all of the URL components by name. - parseUrl: function (url) { - // If we're passed an object, we'll assume that it is - // a parsed url object and just return it back to the caller. - if ($.type(url) === "object") { - return url; - } - - var matches = path.urlParseRE.exec(url || "") || []; - - // Create an object that allows the caller to access the sub-matches - // by name. Note that IE returns an empty string instead of undefined, - // like all other browsers do, so we normalize everything so its consistent - // no matter what browser we're running on. - return { - href: matches[0] || "", - hrefNoHash: matches[1] || "", - hrefNoSearch: matches[2] || "", - domain: matches[3] || "", - protocol: matches[4] || "", - doubleSlash: matches[5] || "", - authority: matches[6] || "", - username: matches[8] || "", - password: matches[9] || "", - host: matches[10] || "", - hostname: matches[11] || "", - port: matches[12] || "", - pathname: matches[13] || "", - directory: matches[14] || "", - filename: matches[15] || "", - search: matches[16] || "", - hash: matches[17] || "" - }; - }, - - //Turn relPath into an asbolute path. absPath is - //an optional absolute path which describes what - //relPath is relative to. - makePathAbsolute: function (relPath, absPath) { - var absStack, - relStack, - i, d; - - if (relPath && relPath.charAt(0) === "/") { - return relPath; - } - - relPath = relPath || ""; - absPath = absPath ? absPath.replace(/^\/|(\/[^\/]*|[^\/]+)$/g, "") : ""; - - absStack = absPath ? absPath.split("/") : []; - relStack = relPath.split("/"); - - for (i = 0; i < relStack.length; i++) { - d = relStack[i]; - switch (d) { - case ".": - break; - case "..": - if (absStack.length) { - absStack.pop(); - } - break; - default: - absStack.push(d); - break; - } - } - return "/" + absStack.join("/"); - }, - - //Returns true if both urls have the same domain. - isSameDomain: function (absUrl1, absUrl2) { - return path.parseUrl(absUrl1).domain.toLowerCase() === - path.parseUrl(absUrl2).domain.toLowerCase(); - }, - - //Returns true for any relative variant. - isRelativeUrl: function (url) { - // All relative Url variants have one thing in common, no protocol. - return path.parseUrl(url).protocol === ""; - }, - - //Returns true for an absolute url. - isAbsoluteUrl: function (url) { - return path.parseUrl(url).protocol !== ""; - }, - - //Turn the specified realtive URL into an absolute one. This function - //can handle all relative variants (protocol, site, document, query, fragment). - makeUrlAbsolute: function (relUrl, absUrl) { - if (!path.isRelativeUrl(relUrl)) { - return relUrl; - } - - if (absUrl === undefined) { - absUrl = this.documentBase; - } - - var relObj = path.parseUrl(relUrl), - absObj = path.parseUrl(absUrl), - protocol = relObj.protocol || absObj.protocol, - doubleSlash = relObj.protocol ? relObj.doubleSlash : (relObj.doubleSlash || absObj.doubleSlash), - authority = relObj.authority || absObj.authority, - hasPath = relObj.pathname !== "", - pathname = path.makePathAbsolute(relObj.pathname || absObj.filename, absObj.pathname), - search = relObj.search || (!hasPath && absObj.search) || "", - hash = relObj.hash; - - return protocol + doubleSlash + authority + pathname + search + hash; - }, - - //Add search (aka query) params to the specified url. - addSearchParams: function (url, params) { - var u = path.parseUrl(url), - p = (typeof params === "object") ? $.param(params) : params, - s = u.search || "?"; - return u.hrefNoSearch + s + (s.charAt(s.length - 1) !== "?" ? "&" : "") + p + (u.hash || ""); - }, - - convertUrlToDataUrl: function (absUrl) { - var result = absUrl, - u = path.parseUrl(absUrl); - - if (path.isEmbeddedPage(u)) { - // For embedded pages, remove the dialog hash key as in getFilePath(), - // and remove otherwise the Data Url won't match the id of the embedded Page. - result = u.hash - .split(dialogHashKey)[0] - .replace(/^#/, "") - .replace(/\?.*$/, ""); - } else if (path.isSameDomain(u, this.documentBase)) { - result = u.hrefNoHash.replace(this.documentBase.domain, "").split(dialogHashKey)[0]; - } - - return window.decodeURIComponent(result); - }, - - //get path from current hash, or from a file path - get: function (newPath) { - if (newPath === undefined) { - newPath = path.parseLocation().hash; - } - return path.stripHash(newPath).replace(/[^\/]*\.[^\/*]+$/, ""); - }, - - //set location hash to path - set: function (path) { - location.hash = path; - }, - - //test if a given url (string) is a path - //NOTE might be exceptionally naive - isPath: function (url) { - return (/\//).test(url); - }, - - //return a url path with the window's location protocol/hostname/pathname removed - clean: function (url) { - return url.replace(this.documentBase.domain, ""); - }, - - //just return the url without an initial # - stripHash: function (url) { - return url.replace(/^#/, ""); - }, - - stripQueryParams: function (url) { - return url.replace(/\?.*$/, ""); - }, - - //remove the preceding hash, any query params, and dialog notations - cleanHash: function (hash) { - return path.stripHash(hash.replace(/\?.*$/, "").replace(dialogHashKey, "")); - }, - - isHashValid: function (hash) { - return (/^#[^#]+$/).test(hash); - }, - - //check whether a url is referencing the same domain, or an external domain or different protocol - //could be mailto, etc - isExternal: function (url) { - var u = path.parseUrl(url); - - return !!(u.protocol && - (u.domain.toLowerCase() !== this.documentUrl.domain.toLowerCase())); - }, - - hasProtocol: function (url) { - return (/^(:?\w+:)/).test(url); - }, - - isEmbeddedPage: function (url) { - var u = path.parseUrl(url); - - //if the path is absolute, then we need to compare the url against - //both the this.documentUrl and the documentBase. The main reason for this - //is that links embedded within external documents will refer to the - //application document, whereas links embedded within the application - //document will be resolved against the document base. - if (u.protocol !== "") { - return (!this.isPath(u.hash) && u.hash && (u.hrefNoHash === this.documentUrl.hrefNoHash || (this.documentBaseDiffers && u.hrefNoHash === this.documentBase.hrefNoHash))); - } - return (/^#/).test(u.href); - }, - - squash: function (url, resolutionUrl) { - var href, cleanedUrl, search, stateIndex, docUrl, - isPath = this.isPath(url), - uri = this.parseUrl(url), - preservedHash = uri.hash, - uiState = ""; - - // produce a url against which we can resolve the provided path - if (!resolutionUrl) { - if (isPath) { - resolutionUrl = path.getLocation(); - } else { - docUrl = path.getDocumentUrl(true); - if (path.isPath(docUrl.hash)) { - resolutionUrl = path.squash(docUrl.href); - } else { - resolutionUrl = docUrl.href; - } - } - } - - // If the url is anything but a simple string, remove any preceding hash - // eg #foo/bar -> foo/bar - // #foo -> #foo - cleanedUrl = isPath ? path.stripHash(url) : url; - - // If the url is a full url with a hash check if the parsed hash is a path - // if it is, strip the #, and use it otherwise continue without change - cleanedUrl = path.isPath(uri.hash) ? path.stripHash(uri.hash) : cleanedUrl; - - // Split the UI State keys off the href - stateIndex = cleanedUrl.indexOf(this.uiStateKey); - - // store the ui state keys for use - if (stateIndex > -1) { - uiState = cleanedUrl.slice(stateIndex); - cleanedUrl = cleanedUrl.slice(0, stateIndex); - } - - // make the cleanedUrl absolute relative to the resolution url - href = path.makeUrlAbsolute(cleanedUrl, resolutionUrl); - - // grab the search from the resolved url since parsing from - // the passed url may not yield the correct result - search = this.parseUrl(href).search; - - // TODO all this crap is terrible, clean it up - if (isPath) { - // reject the hash if it's a path or it's just a dialog key - if (path.isPath(preservedHash) || preservedHash.replace("#", "").indexOf(this.uiStateKey) === 0) { - preservedHash = ""; - } - - // Append the UI State keys where it exists and it's been removed - // from the url - if (uiState && preservedHash.indexOf(this.uiStateKey) === -1) { - preservedHash += uiState; - } - - // make sure that pound is on the front of the hash - if (preservedHash.indexOf("#") === -1 && preservedHash !== "") { - preservedHash = "#" + preservedHash; - } - - // reconstruct each of the pieces with the new search string and hash - href = path.parseUrl(href); - href = href.protocol + href.doubleSlash + href.host + href.pathname + search + - preservedHash; - } else { - href += href.indexOf("#") > -1 ? uiState : "#" + uiState; - } - - return href; - }, - - isPreservableHash: function (hash) { - return hash.replace("#", "").indexOf(this.uiStateKey) === 0; - }, - - // Escape weird characters in the hash if it is to be used as a selector - hashToSelector: function (hash) { - var hasHash = (hash.substring(0, 1) === "#"); - if (hasHash) { - hash = hash.substring(1); - } - return (hasHash ? "#" : "") + hash.replace(/([!"#$%&'()*+,./:;<=>?@[\]^`{|}~])/g, "\\$1"); - }, - - // return the substring of a filepath before the dialogHashKey, for making a server - // request - getFilePath: function (path) { - return path && path.split(dialogHashKey)[0]; - }, - - // check if the specified url refers to the first page in the main - // application document. - isFirstPageUrl: function (url) { - // We only deal with absolute paths. - var u = path.parseUrl(path.makeUrlAbsolute(url, this.documentBase)), - - // Does the url have the same path as the document? - samePath = u.hrefNoHash === this.documentUrl.hrefNoHash || - (this.documentBaseDiffers && - u.hrefNoHash === this.documentBase.hrefNoHash), - - // Get the first page element. - fp = $.mobile.firstPage, - - // Get the id of the first page element if it has one. - fpId = fp && fp[0] ? fp[0].id : undefined; - - // The url refers to the first page if the path matches the document and - // it either has no hash value, or the hash is exactly equal to the id - // of the first page element. - return samePath && - (!u.hash || - u.hash === "#" || - (fpId && u.hash.replace(/^#/, "") === fpId)); - }, - - // Some embedded browsers, like the web view in Phone Gap, allow - // cross-domain XHR requests if the document doing the request was loaded - // via the file:// protocol. This is usually to allow the application to - // "phone home" and fetch app specific data. We normally let the browser - // handle external/cross-domain urls, but if the allowCrossDomainPages - // option is true, we will allow cross-domain http/https requests to go - // through our page loading logic. - isPermittedCrossDomainRequest: function (docUrl, reqUrl) { - return $.mobile.allowCrossDomainPages && - (docUrl.protocol === "file:" || docUrl.protocol === "content:") && - reqUrl.search(/^https?:/) !== -1; - } - }; - - path.documentUrl = path.parseLocation(); - - $base = $("head").find("base"); - - path.documentBase = $base.length ? - path.parseUrl(path.makeUrlAbsolute($base.attr("href"), path.documentUrl.href)) : - path.documentUrl; - - path.documentBaseDiffers = (path.documentUrl.hrefNoHash !== path.documentBase.hrefNoHash); - - //return the original document base url - path.getDocumentBase = function (asParsedObject) { - return asParsedObject ? $.extend({}, path.documentBase) : path.documentBase.href; - }; - - // DEPRECATED as of 1.4.0 - remove in 1.5.0 - $.extend($.mobile, { - - //return the original document url - getDocumentUrl: path.getDocumentUrl, - - //return the original document base url - getDocumentBase: path.getDocumentBase - }); - })(jQuery); - - - - (function ($, undefined) { - $.mobile.History = function (stack, index) { - this.stack = stack || []; - this.activeIndex = index || 0; - }; - - $.extend($.mobile.History.prototype, { - getActive: function () { - return this.stack[this.activeIndex]; - }, - - getLast: function () { - return this.stack[this.previousIndex]; - }, - - getNext: function () { - return this.stack[this.activeIndex + 1]; - }, - - getPrev: function () { - return this.stack[this.activeIndex - 1]; - }, - - // addNew is used whenever a new page is added - add: function (url, data) { - data = data || {}; - - //if there's forward history, wipe it - if (this.getNext()) { - this.clearForward(); - } - - // if the hash is included in the data make sure the shape - // is consistent for comparison - if (data.hash && data.hash.indexOf("#") === -1) { - data.hash = "#" + data.hash; - } - - data.url = url; - this.stack.push(data); - this.activeIndex = this.stack.length - 1; - }, - - //wipe urls ahead of active index - clearForward: function () { - this.stack = this.stack.slice(0, this.activeIndex + 1); - }, - - find: function (url, stack, earlyReturn) { - stack = stack || this.stack; - - var entry, i, length = stack.length, index; - - for (i = 0; i < length; i++) { - entry = stack[i]; - - if (decodeURIComponent(url) === decodeURIComponent(entry.url) || - decodeURIComponent(url) === decodeURIComponent(entry.hash)) { - index = i; - - if (earlyReturn) { - return index; - } - } - } - - return index; - }, - - closest: function (url) { - var closest, a = this.activeIndex; - - // First, take the slice of the history stack before the current index and search - // for a url match. If one is found, we'll avoid avoid looking through forward history - // NOTE the preference for backward history movement is driven by the fact that - // most mobile browsers only have a dedicated back button, and users rarely use - // the forward button in desktop browser anyhow - closest = this.find(url, this.stack.slice(0, a)); - - // If nothing was found in backward history check forward. The `true` - // value passed as the third parameter causes the find method to break - // on the first match in the forward history slice. The starting index - // of the slice must then be added to the result to get the element index - // in the original history stack :( :( - // - // TODO this is hyper confusing and should be cleaned up (ugh so bad) - if (closest === undefined) { - closest = this.find(url, this.stack.slice(a), true); - closest = closest === undefined ? closest : closest + a; - } - - return closest; - }, - - direct: function (opts) { - var newActiveIndex = this.closest(opts.url), a = this.activeIndex; - - // save new page index, null check to prevent falsey 0 result - // record the previous index for reference - if (newActiveIndex !== undefined) { - this.activeIndex = newActiveIndex; - this.previousIndex = a; - } - - // invoke callbacks where appropriate - // - // TODO this is also convoluted and confusing - if (newActiveIndex < a) { - (opts.present || opts.back || $.noop)(this.getActive(), "back"); - } else if (newActiveIndex > a) { - (opts.present || opts.forward || $.noop)(this.getActive(), "forward"); - } else if (newActiveIndex === undefined && opts.missing) { - opts.missing(this.getActive()); - } - } - }); - })(jQuery); - - - - (function ($, undefined) { - var path = $.mobile.path, - initialHref = location.href; - - $.mobile.Navigator = function (history) { - this.history = history; - this.ignoreInitialHashChange = true; - - $.mobile.window.bind({ - "popstate.history": $.proxy(this.popstate, this) - }); - }; - - $.extend($.mobile.Navigator.prototype, { - squash: function (url, data) { - var state, href, hash = path.isPath(url) ? path.stripHash(url) : url; - - href = path.squash(url); - - // make sure to provide this information when it isn't explicitly set in the - // data object that was passed to the squash method - state = $.extend({ - hash: hash, - url: href - }, data); - - // replace the current url with the new href and store the state - // Note that in some cases we might be replacing an url with the - // same url. We do this anyways because we need to make sure that - // all of our history entries have a state object associated with - // them. This allows us to work around the case where $.mobile.back() - // is called to transition from an external page to an embedded page. - // In that particular case, a hashchange event is *NOT* generated by the browser. - // Ensuring each history entry has a state object means that onPopState() - // will always trigger our hashchange callback even when a hashchange event - // is not fired. - window.history.replaceState(state, state.title || document.title, href); - - return state; - }, - - hash: function (url, href) { - var parsed, loc, hash, resolved; - - // Grab the hash for recording. If the passed url is a path - // we used the parsed version of the squashed url to reconstruct, - // otherwise we assume it's a hash and store it directly - parsed = path.parseUrl(url); - loc = path.parseLocation(); - - if (loc.pathname + loc.search === parsed.pathname + parsed.search) { - // If the pathname and search of the passed url is identical to the current loc - // then we must use the hash. Otherwise there will be no event - // eg, url = "/foo/bar?baz#bang", location.href = "http://example.com/foo/bar?baz" - hash = parsed.hash ? parsed.hash : parsed.pathname + parsed.search; - } else if (path.isPath(url)) { - resolved = path.parseUrl(href); - // If the passed url is a path, make it domain relative and remove any trailing hash - hash = resolved.pathname + resolved.search + (path.isPreservableHash(resolved.hash) ? resolved.hash.replace("#", "") : ""); - } else { - hash = url; - } - - return hash; - }, - - // TODO reconsider name - go: function (url, data, noEvents) { - var state, href, hash, popstateEvent; - - // Get the url as it would look squashed on to the current resolution url - href = path.squash(url); - - // sort out what the hash sould be from the url - hash = this.hash(url, href); - - // Here we prevent the next hash change or popstate event from doing any - // history management. In the case of hashchange we don't swallow it - // if there will be no hashchange fired (since that won't reset the value) - // and will swallow the following hashchange - if (noEvents && hash !== path.stripHash(path.parseLocation().hash)) { - this.preventNextHashChange = noEvents; - } - - // IMPORTANT in the case where popstate is supported the event will be triggered - // directly, stopping further execution - ie, interupting the flow of this - // method call to fire bindings at this expression. Below the navigate method - // there is a binding to catch this event and stop its propagation. - // - // We then trigger a new popstate event on the window with a null state - // so that the navigate events can conclude their work properly - // - // if the url is a path we want to preserve the query params that are available on - // the current url. - this.preventHashAssignPopState = true; - window.location.hash = hash; - - // If popstate is enabled and the browser triggers `popstate` events when the hash - // is set (this often happens immediately in browsers like Chrome), then the - // this flag will be set to false already. If it's a browser that does not trigger - // a `popstate` on hash assignement or `replaceState` then we need avoid the branch - // that swallows the event created by the popstate generated by the hash assignment - // At the time of this writing this happens with Opera 12 and some version of IE - this.preventHashAssignPopState = false; - - state = $.extend({ - url: href, - hash: hash, - title: document.title - }, data); - - popstateEvent = new $.Event("popstate"); - popstateEvent.originalEvent = { - type: "popstate", - state: null - }; - - this.squash(url, state); - - // Trigger a new faux popstate event to replace the one that we - // caught that was triggered by the hash setting above. - if (!noEvents) { - this.ignorePopState = true; - $.mobile.window.trigger(popstateEvent); - } - - // record the history entry so that the information can be included - // in hashchange event driven navigate events in a similar fashion to - // the state that's provided by popstate - this.history.add(state.url, state); - }, - - // This binding is intended to catch the popstate events that are fired - // when execution of the `$.navigate` method stops at window.location.hash = url; - // and completely prevent them from propagating. The popstate event will then be - // retriggered after execution resumes - // - // TODO grab the original event here and use it for the synthetic event in the - // second half of the navigate execution that will follow this binding - popstate: function (event) { - var hash, state; - - // If this is the popstate triggered by the actual alteration of the hash - // prevent it completely. History is tracked manually - if (this.preventHashAssignPopState) { - this.preventHashAssignPopState = false; - event.stopImmediatePropagation(); - return; - } - - // if this is the popstate triggered after the `replaceState` call in the go - // method, then simply ignore it. The history entry has already been captured - if (this.ignorePopState) { - this.ignorePopState = false; - return; - } - - // If there is no state, and the history stack length is one were - // probably getting the page load popstate fired by browsers like chrome - // avoid it and set the one time flag to false. - // TODO: Do we really need all these conditions? Comparing location hrefs - // should be sufficient. - if (!event.originalEvent.state && - this.history.stack.length === 1 && - this.ignoreInitialHashChange) { - this.ignoreInitialHashChange = false; - - if (location.href === initialHref) { - event.preventDefault(); - return; - } - } - - // account for direct manipulation of the hash. That is, we will receive a popstate - // when the hash is changed by assignment, and it won't have a state associated. We - // then need to squash the hash. See below for handling of hash assignment that - // matches an existing history entry - // TODO it might be better to only add to the history stack - // when the hash is adjacent to the active history entry - hash = path.parseLocation().hash; - if (!event.originalEvent.state && hash) { - // squash the hash that's been assigned on the URL with replaceState - // also grab the resulting state object for storage - state = this.squash(hash); - - // record the new hash as an additional history entry - // to match the browser's treatment of hash assignment - this.history.add(state.url, state); - - // pass the newly created state information - // along with the event - event.historyState = state; - - // do not alter history, we've added a new history entry - // so we know where we are - return; - } - - // If all else fails this is a popstate that comes from the back or forward buttons - // make sure to set the state of our history stack properly, and record the directionality - this.history.direct({ - url: (event.originalEvent.state || {}).url || hash, - - // When the url is either forward or backward in history include the entry - // as data on the event object for merging as data in the navigate event - present: function (historyEntry, direction) { - // make sure to create a new object to pass down as the navigate event data - event.historyState = $.extend({}, historyEntry); - event.historyState.direction = direction; - } - }); - } - }); - })(jQuery); - - - - (function ($, undefined) { - // TODO consider queueing navigation activity until previous activities have completed - // so that end users don't have to think about it. Punting for now - // TODO !! move the event bindings into callbacks on the navigate event - $.mobile.navigate = function (url, data, noEvents) { - $.mobile.navigate.navigator.go(url, data, noEvents); - }; - - // expose the history on the navigate method in anticipation of full integration with - // existing navigation functionalty that is tightly coupled to the history information - $.mobile.navigate.history = new $.mobile.History(); - - // instantiate an instance of the navigator for use within the $.navigate method - $.mobile.navigate.navigator = new $.mobile.Navigator($.mobile.navigate.history); - - var loc = $.mobile.path.parseLocation(); - $.mobile.navigate.history.add(loc.href, { hash: loc.hash }); - })(jQuery); - - - - (function ($, undefined) { - - // existing base tag? - var baseElement = document.querySelector('head base'); - - if (!baseElement) { - baseElement = $("", { href: $.mobile.path.documentBase.hrefNoHash }).prependTo($("head")); - baseElement = baseElement[0]; - } - // base element management, defined depending on dynamic base tag support - // TODO move to external widget - var base = { - - // define base element, for use in routing asset urls that are referenced - // in Ajax-requested markup - element: baseElement, - - linkSelector: "*[src], link[href], a[rel='external'], *[data-ajax='false'], a[target]", - - // set the generated BASE element's href to a new page's base path - set: function (href) { - - // we should do nothing if the user wants to manage their url base - // manually - if (!$.mobile.dynamicBaseEnabled) { - return; - } - - // we should use the base tag if we can manipulate it dynamically - if ($.support.dynamicBaseTag) { - base.element.setAttribute("href", - $.mobile.path.makeUrlAbsolute(href, $.mobile.path.documentBase)); - } - }, - - rewrite: function (href, page) { - }, - - // set the generated BASE element's href to a new page's base path - reset: function (/* href */) { - base.element.setAttribute("href", $.mobile.path.documentBase.hrefNoSearch); - } - }; - - $.mobile.base = base; - - })(jQuery); - - (function ($, undefined) { - - var pageCache = {}; - - $.widget("mobile.pagecontainer", { - options: { - theme: "a" - }, - - initSelector: false, - - _create: function () { - - // TODO consider moving the navigation handler OUT of widget into - // some other object as glue between the navigate event and the - // content widget load and change methods - this._on(this.window, { navigate: "_filterNavigateEvents" }); - }, - - _setOptions: function (options) { - this._super(options); - }, - - _filterNavigateEvents: function (e, data) { - var url; - - if (e.originalEvent && e.originalEvent.isDefaultPrevented()) { - return; - } - - url = e.originalEvent.type.indexOf("hashchange") > -1 ? data.state.hash : data.state.url; - - if (!url) { - url = this._getHash(); - } - - if (!url || url === "#" || url.indexOf("#" + $.mobile.path.uiStateKey) === 0) { - url = location.href; - } - - this._handleNavigate(url, data.state); - }, - - _getHash: function () { - return $.mobile.path.parseLocation().hash; - }, - - // TODO active page should be managed by the container (ie, it should be a property) - getActivePage: function () { - return this.activePage; - }, - - // TODO the first page should be a property set during _create using the logic - // that currently resides in init - _getInitialContent: function () { - return $.mobile.firstPage; - }, - - // TODO each content container should have a history object - _getHistory: function () { - return $.mobile.navigate.history; - }, - - _getActiveHistory: function () { - return this._getHistory().getActive(); - }, - - // TODO the document base should be determined at creation - _getDocumentBase: function () { - return $.mobile.path.documentBase; - }, - - back: function () { - this.go(-1); - }, - - forward: function () { - this.go(1); - }, - - go: function (steps) { - - window.history.go(steps); - }, - - // TODO rename _handleDestination - _handleDestination: function (to) { - var history; - - // clean the hash for comparison if it's a url - if ($.type(to) === "string") { - to = $.mobile.path.stripHash(to); - } - - if (to) { - history = this._getHistory(); - - // At this point, 'to' can be one of 3 things, a cached page - // element from a history stack entry, an id, or site-relative / - // absolute URL. If 'to' is an id, we need to resolve it against - // the documentBase, not the location.href, since the hashchange - // could've been the result of a forward/backward navigation - // that crosses from an external page/dialog to an internal - // page/dialog. - // - // TODO move check to history object or path object? - to = !$.mobile.path.isPath(to) ? ($.mobile.path.makeUrlAbsolute("#" + to, this._getDocumentBase())) : to; - } - return to || this._getInitialContent(); - }, - - _transitionFromHistory: function (direction, defaultTransition) { - var history = this._getHistory(), - entry = (direction === "back" ? history.getLast() : history.getActive()); - - return (entry && entry.transition) || defaultTransition; - }, - - _handleDialog: function (changePageOptions, data) { - var to, active, activeContent = this.getActivePage(); - - // If current active page is not a dialog skip the dialog and continue - // in the same direction - // Note: The dialog widget is deprecated as of 1.4.0 and will be removed in 1.5.0. - // Thus, as of 1.5.0 activeContent.data( "mobile-dialog" ) will always evaluate to - // falsy, so the second condition in the if-statement below can be removed altogether. - if (activeContent && !activeContent.data("mobile-dialog")) { - // determine if we're heading forward or backward and continue - // accordingly past the current dialog - if (data.direction === "back") { - this.back(); - } else { - this.forward(); - } - - // prevent changePage call - return false; - } else { - // if the current active page is a dialog and we're navigating - // to a dialog use the dialog objected saved in the stack - to = data.pageUrl; - active = this._getActiveHistory(); - - // make sure to set the role, transition and reversal - // as most of this is lost by the domCache cleaning - $.extend(changePageOptions, { - role: active.role, - transition: this._transitionFromHistory( - data.direction, - changePageOptions.transition), - reverse: data.direction === "back" - }); - } - - return to; - }, - - _handleNavigate: function (url, data) { - //find first page via hash - // TODO stripping the hash twice with handleUrl - var to = $.mobile.path.stripHash(url), history = this._getHistory(), - - // transition is false if it's the first page, undefined - // otherwise (and may be overridden by default) - transition = history.stack.length === 0 ? "none" : - this._transitionFromHistory(data.direction), - - // default options for the changPage calls made after examining - // the current state of the page and the hash, NOTE that the - // transition is derived from the previous history entry - changePageOptions = { - changeHash: false, - fromHashChange: true, - reverse: data.direction === "back" - }; - - $.extend(changePageOptions, data, { - transition: transition - }); - - // TODO move to _handleDestination ? - // If this isn't the first page, if the current url is a dialog hash - // key, and the initial destination isn't equal to the current target - // page, use the special dialog handling - if (history.activeIndex > 0 && - to.indexOf($.mobile.dialogHashKey) > -1) { - - to = this._handleDialog(changePageOptions, data); - - if (to === false) { - return; - } - } - - this._changeContent(this._handleDestination(to), changePageOptions); - }, - - _changeContent: function (to, opts) { - $.mobile.changePage(to, opts); - }, - - _getBase: function () { - return $.mobile.base; - }, - - _getNs: function () { - return $.mobile.ns; - }, - - _enhance: function (content, role) { - // TODO consider supporting a custom callback, and passing in - // the settings which includes the role - return content.page({ role: role }); - }, - - _include: function (page, jPage, settings) { - - // append to page and enhance - jPage.appendTo(this.element); - //alert(jPage[0].parentNode == this.element[0]); - //this.element[0].appendChild(page); - - // use the page widget to enhance - this._enhance(jPage, settings.role); - }, - - _find: function (absUrl) { - // TODO consider supporting a custom callback - var fileUrl = this._createFileUrl(absUrl), - dataUrl = this._createDataUrl(absUrl), - page, initialContent = this._getInitialContent(); - - // Check to see if the page already exists in the DOM. - // NOTE do _not_ use the :jqmData pseudo selector because parenthesis - // are a valid url char and it breaks on the first occurence - page = this.element - .children("[data-" + this._getNs() + - "url='" + $.mobile.path.hashToSelector(dataUrl) + "']"); - - // If we failed to find the page, check to see if the url is a - // reference to an embedded page. If so, it may have been dynamically - // injected by a developer, in which case it would be lacking a - // data-url attribute and in need of enhancement. - if (page.length === 0 && dataUrl && !$.mobile.path.isPath(dataUrl)) { - page = this.element.children($.mobile.path.hashToSelector("#" + dataUrl)) - .attr("data-" + this._getNs() + "url", dataUrl) - .jqmData("url", dataUrl); - } - - // If we failed to find a page in the DOM, check the URL to see if it - // refers to the first page in the application. Also check to make sure - // our cached-first-page is actually in the DOM. Some user deployed - // apps are pruning the first page from the DOM for various reasons. - // We check for this case here because we don't want a first-page with - // an id falling through to the non-existent embedded page error case. - if (page.length === 0 && - $.mobile.path.isFirstPageUrl(fileUrl) && - initialContent && - initialContent.parent().length) { - page = $(initialContent); - } - - return page; - }, - - _parse: function (html, fileUrl) { - // TODO consider allowing customization of this method. It's very JQM specific - var page, all = document.createElement('div'); - - //workaround to allow scripts to execute when included in page divs - all.innerHTML = html; - - page = all.querySelector("div[data-role='page']"); - - //if page elem couldn't be found, create one and insert the body element's contents - if (!page) { - page = $("
" + - (html.split(/<\/?body[^>]*>/gmi)[1] || "") + - "
")[0]; - } - - // TODO tagging a page with external to make sure that embedded pages aren't - // removed by the various page handling code is bad. Having page handling code - // in many places is bad. Solutions post 1.0 - page.setAttribute("data-" + this._getNs() + "url", this._createDataUrl(fileUrl)); - page.setAttribute("data-" + this._getNs() + "external-page", true); - - return page; - }, - - _setLoadedTitle: function (page, html) { - //page title regexp - if (!page.jqmData("title")) { - - var newPageTitle = html.match(/]*>([^<]*)/) && RegExp.$1; - - if (newPageTitle) { - page.jqmData("title", newPageTitle); - } - } - }, - - _isRewritableBaseTag: function () { - return $.mobile.dynamicBaseEnabled && !$.support.dynamicBaseTag; - }, - - _createDataUrl: function (absoluteUrl) { - return $.mobile.path.convertUrlToDataUrl(absoluteUrl); - }, - - _createFileUrl: function (absoluteUrl) { - return $.mobile.path.getFilePath(absoluteUrl); - }, - - _triggerWithDeprecated: function (name, data, page) { - var deprecatedEvent = $.Event("page" + name), - newEvent = $.Event(this.widgetName + name); - - // DEPRECATED - // trigger the old deprecated event on the page if it's provided - (page || this.element).trigger(deprecatedEvent, data); - - // use the widget trigger method for the new content* event - this._trigger(name, newEvent, data); - - return { - deprecatedEvent: deprecatedEvent, - event: newEvent - }; - }, - - // TODO it would be nice to split this up more but everything appears to be "one off" - // or require ordering such that other bits are sprinkled in between parts that - // could be abstracted out as a group - _loadSuccess: function (absUrl, triggerData, settings, deferred) { - var fileUrl = this._createFileUrl(absUrl); - - return $.proxy(function (html, wasCached) { - - if (!wasCached || typeof (wasCached) != 'boolean') { - if ($.mobile.filterHtml) { - html = $.mobile.filterHtml(html); - } - if (absUrl.toLowerCase().indexOf('/configurationpage?') == -1) { - pageCache[absUrl.split('?')[0]] = html; - } - } - - //dont update the base tag if we are prefetching - if (settings.prefetch === undefined) { - this._getBase().set(fileUrl); - } - - var contentElem = this._parse(html, fileUrl); - var content = $(contentElem); - - this._setLoadedTitle(content, html); - - // DEPRECATED - triggerData.page = content; - - triggerData.content = content; - - triggerData.toPage = content; - - // rewrite src and href attrs to use a base url if the base tag won't work - if (this._isRewritableBaseTag() && content) { - this._getBase().rewrite(fileUrl, content); - } - - var dependencies = contentElem.getAttribute('data-require'); - dependencies = dependencies ? dependencies.split(',') : null; - - if (contentElem.classList.contains('type-interior')) { - dependencies = dependencies || []; - dependencies.push('jqmpopup'); - dependencies.push('jqmlistview'); - dependencies.push('jqmcollapsible'); - dependencies.push('jqmcontrolgroup'); - dependencies.push('jqmcheckbox'); - } - - var currentSelf = this; - - require(dependencies, function () { - currentSelf._include(contentElem, content, settings); - deferred.resolve(absUrl, settings, content); - }); - - }, this); - }, - - _loadDefaults: { - type: "get", - data: undefined, - - // DEPRECATED - reloadPage: false, - - reload: false, - - // By default we rely on the role defined by the @data-role attribute. - role: undefined, - - showLoadMsg: false, - - // This delay allows loads that pull from browser cache to - // occur without showing the loading message. - loadMsgDelay: 50 - }, - - load: function (url, options) { - // This function uses deferred notifications to let callers - // know when the content is done loading, or if an error has occurred. - var deferred = (options && options.deferred) || $.Deferred(), - - // Examining the option "reloadPage" passed by the user is deprecated as of 1.4.0 - // and will be removed in 1.5.0. - // Copy option "reloadPage" to "reload", but only if option "reload" is not present - reloadOptionExtension = - ((options && options.reload === undefined && - options.reloadPage !== undefined) ? - { reload: options.reloadPage } : {}), - - // The default load options with overrides specified by the caller. - settings = $.extend({}, this._loadDefaults, options, reloadOptionExtension), - - // The DOM element for the content after it has been loaded. - content = null, - - // The absolute version of the URL passed into the function. This - // version of the URL may contain dialog/subcontent params in it. - absUrl = $.mobile.path.makeUrlAbsolute(url, this._findBaseWithDefault()), - fileUrl, dataUrl, pblEvent, triggerData; - - // If the caller provided data, and we're using "get" request, - // append the data to the URL. - if (settings.data && settings.type === "get") { - absUrl = $.mobile.path.addSearchParams(absUrl, settings.data); - settings.data = undefined; - } - - // If the caller is using a "post" request, reload must be true - if (settings.data && settings.type === "post") { - settings.reload = true; - } - - // The absolute version of the URL minus any dialog/subcontent params. - // In otherwords the real URL of the content to be loaded. - fileUrl = this._createFileUrl(absUrl); - - // The version of the Url actually stored in the data-url attribute of - // the content. For embedded content, it is just the id of the page. For - // content within the same domain as the document base, it is the site - // relative path. For cross-domain content (Phone Gap only) the entire - // absolute Url is used to load the content. - dataUrl = this._createDataUrl(absUrl); - - content = this._find(absUrl); - - // If it isn't a reference to the first content and refers to missing - // embedded content reject the deferred and return - if (content.length === 0 && - $.mobile.path.isEmbeddedPage(fileUrl) && - !$.mobile.path.isFirstPageUrl(fileUrl)) { - deferred.reject(absUrl, settings); - return deferred.promise(); - } - - // Reset base to the default document base - // TODO figure out why we doe this - this._getBase().reset(); - - // If the content we are interested in is already in the DOM, - // and the caller did not indicate that we should force a - // reload of the file, we are done. Resolve the deferrred so that - // users can bind to .done on the promise - if (content.length && !settings.reload) { - this._enhance(content, settings.role); - deferred.resolve(absUrl, settings, content); - - //if we are reloading the content make sure we update - // the base if its not a prefetch - if (!settings.prefetch) { - this._getBase().set(url); - } - - return deferred.promise(); - } - - triggerData = { - url: url, - absUrl: absUrl, - toPage: url, - prevPage: options ? options.fromPage : undefined, - dataUrl: dataUrl, - deferred: deferred, - options: settings - }; - - // Reset base to the default document base. - // only reset if we are not prefetching - if (settings.prefetch === undefined) { - this._getBase().reset(); - } - - if (!($.mobile.allowCrossDomainPages || - $.mobile.path.isSameDomain($.mobile.path.documentUrl, absUrl))) { - deferred.reject(absUrl, settings); - return deferred.promise(); - } - - var successFn = this._loadSuccess(absUrl, triggerData, settings, deferred); - var cachedResult = pageCache[absUrl.split('?')[0]]; - if (cachedResult) { - successFn(cachedResult, true); - return deferred.promise(); - } - - // Load the new content. - $.ajax({ - url: fileUrl, - type: settings.type, - data: settings.data, - contentType: settings.contentType, - dataType: "html", - success: successFn, - error: this._loadError(absUrl, triggerData, settings, deferred) - }); - - return deferred.promise(); - }, - - _loadError: function (absUrl, triggerData, settings, deferred) { - return $.proxy(function (xhr, textStatus, errorThrown) { - //set base back to current path - this._getBase().set($.mobile.path.get()); - - // Add error info to our triggerData. - triggerData.xhr = xhr; - triggerData.textStatus = textStatus; - triggerData.errorThrown = errorThrown; - - // Let listeners know the page load failed. - var plfEvent = this._triggerWithDeprecated("loadfailed", triggerData); - - // If the default behavior is prevented, stop here! - // Note that it is the responsibility of the listener/handler - // that called preventDefault(), to resolve/reject the - // deferred object within the triggerData. - if (plfEvent.deprecatedEvent.isDefaultPrevented() || - plfEvent.event.isDefaultPrevented()) { - return; - } - - deferred.reject(absUrl, settings); - }, this); - }, - - // TODO move into transition handlers? - _triggerCssTransitionEvents: function (to, from, prefix) { - var samePage = false; - - prefix = prefix || ""; - - // TODO decide if these events should in fact be triggered on the container - if (from) { - - //Check if this is a same page transition and tell the handler in page - if (to[0] === from[0]) { - samePage = true; - } - - //trigger before show/hide events - // TODO deprecate nextPage in favor of next - this._triggerWithDeprecated(prefix + "hide", { - - // Deprecated in 1.4 remove in 1.5 - nextPage: to, - toPage: to, - prevPage: from, - samePage: samePage - }, from); - } - - // TODO deprecate prevPage in favor of previous - if (!prefix && $.browser.msie) { - - // Add a delay for IE because it seems to be having issues with web components - var curr = this; - setTimeout(function () { - curr._triggerWithDeprecated(prefix + "show", { - prevPage: from || $(""), - toPage: to - }, to); - }, 50); - - } else { - this._triggerWithDeprecated(prefix + "show", { - prevPage: from || $(""), - toPage: to - }, to); - } - }, - - // TODO make private once change has been defined in the widget - _cssTransition: function (to, from, options) { - - this._triggerCssTransitionEvents(to, from, "before"); - - if (from) { - from[0].style.display = 'none'; - var pages = this.element[0].childNodes; - for (var i = 0, length = pages.length; i < length; i++) { - var pg = pages[i]; - if (pg.getAttribute && pg.getAttribute('data-role') == 'page') { - pg.style.display = 'none'; - } - } - } - - var toPage = to[0]; - - toPage.style.display = 'block'; - - //var transition = toPage.getAttribute('data-transition'); - //if (transition == 'zoom') { - // zoomIn(toPage); - //} - - this._triggerCssTransitionEvents(to, from); - }, - - _removeActiveLinkClass: function (force) { - //clear out the active button state - $.mobile.removeActiveLinkClass(force); - }, - - _loadUrl: function (to, triggerData, settings) { - // preserve the original target as the dataUrl value will be - // simplified eg, removing ui-state, and removing query params - // from the hash this is so that users who want to use query - // params have access to them in the event bindings for the page - // life cycle See issue #5085 - settings.target = to; - settings.deferred = $.Deferred(); - - this.load(to, settings); - - settings.deferred.done($.proxy(function (url, options, content) { - - // store the original absolute url so that it can be provided - // to events in the triggerData of the subsequent changePage call - options.absUrl = triggerData.absUrl; - - this.transition(content, triggerData, options); - }, this)); - - settings.deferred.fail($.proxy(function (/* url, options */) { - this._removeActiveLinkClass(true); - this._triggerWithDeprecated("changefailed", triggerData); - }, this)); - }, - - change: function (to, options) { - - var settings = $.extend({}, $.mobile.changePage.defaults, options), - triggerData = {}; - - // Make sure we have a fromPage. - settings.fromPage = settings.fromPage || this.activePage; - - triggerData.prevPage = this.activePage; - $.extend(triggerData, { - toPage: to, - options: settings - }); - - // If the caller passed us a url, call loadPage() - // to make sure it is loaded into the DOM. We'll listen - // to the promise object it returns so we know when - // it is done loading or if an error ocurred. - if ($.type(to) === "string") { - // if the toPage is a string simply convert it - triggerData.absUrl = $.mobile.path.makeUrlAbsolute(to, this._findBaseWithDefault()); - - this._loadUrl(to, triggerData, settings); - } else { - // if the toPage is a jQuery object grab the absolute url stored - // in the loadPage callback where it exists - triggerData.absUrl = settings.absUrl; - - this.transition(to, triggerData, settings); - } - }, - - transition: function (toPage, triggerData, settings) { - var fromPage, url, pageUrl, fileUrl, - active, activeIsInitialPage, - historyDir, pageTitle, isDialog, - alreadyThere, newPageTitle, - params; - - triggerData.prevPage = settings.fromPage; - - // If we are going to the first-page of the application, we need to make - // sure settings.dataUrl is set to the application document url. This allows - // us to avoid generating a document url with an id hash in the case where the - // first-page of the document has an id attribute specified. - if (toPage[0] === $.mobile.firstPage[0] && !settings.dataUrl) { - settings.dataUrl = $.mobile.path.documentUrl.hrefNoHash; - } - - // The caller passed us a real page DOM element. Update our - // internal state and then trigger a transition to the page. - fromPage = settings.fromPage; - url = (settings.dataUrl && $.mobile.path.convertUrlToDataUrl(settings.dataUrl)) || - toPage.jqmData("url"); - - // The pageUrl var is usually the same as url, except when url is obscured - // as a dialog url. pageUrl always contains the file path - pageUrl = url; - fileUrl = $.mobile.path.getFilePath(url); - active = $.mobile.navigate.history.getActive(); - activeIsInitialPage = $.mobile.navigate.history.activeIndex === 0; - historyDir = 0; - pageTitle = document.title; - isDialog = (settings.role === "dialog" || - toPage.jqmData("role") === "dialog") && - toPage.jqmData("dialog") !== true; - - // By default, we prevent changePage requests when the fromPage and toPage - // are the same element, but folks that generate content - // manually/dynamically and reuse pages want to be able to transition to - // the same page. To allow this, they will need to change the default - // value of allowSamePageTransition to true, *OR*, pass it in as an - // option when they manually call changePage(). It should be noted that - // our default transition animations assume that the formPage and toPage - // are different elements, so they may behave unexpectedly. It is up to - // the developer that turns on the allowSamePageTransitiona option to - // either turn off transition animations, or make sure that an appropriate - // animation transition is used. - if (fromPage && fromPage[0] === toPage[0]) { - - this._triggerWithDeprecated("transition", triggerData); - this._triggerWithDeprecated("change", triggerData); - - // Even if there is no page change to be done, we should keep the - // urlHistory in sync with the hash changes - if (settings.fromHashChange) { - $.mobile.navigate.history.direct({ url: url }); - } - - return; - } - - // We need to make sure the page we are given has already been enhanced. - toPage.page({ role: settings.role }); - - // If the changePage request was sent from a hashChange event, check to - // see if the page is already within the urlHistory stack. If so, we'll - // assume the user hit the forward/back button and will try to match the - // transition accordingly. - if (settings.fromHashChange) { - historyDir = settings.direction === "back" ? -1 : 1; - } - - // Record whether we are at a place in history where a dialog used to be - - // if so, do not add a new history entry and do not change the hash either - alreadyThere = false; - - // If we're displaying the page as a dialog, we don't want the url - // for the dialog content to be used in the hash. Instead, we want - // to append the dialogHashKey to the url of the current page. - if (isDialog && active) { - // on the initial page load active.url is undefined and in that case - // should be an empty string. Moving the undefined -> empty string back - // into urlHistory.addNew seemed imprudent given undefined better - // represents the url state - - // If we are at a place in history that once belonged to a dialog, reuse - // this state without adding to urlHistory and without modifying the - // hash. However, if a dialog is already displayed at this point, and - // we're about to display another dialog, then we must add another hash - // and history entry on top so that one may navigate back to the - // original dialog - if (active.url && - active.url.indexOf($.mobile.dialogHashKey) > -1 && - this.activePage && - !this.activePage.hasClass("ui-dialog") && - $.mobile.navigate.history.activeIndex > 0) { - - settings.changeHash = false; - alreadyThere = true; - } - - // Normally, we tack on a dialog hash key, but if this is the location - // of a stale dialog, we reuse the URL from the entry - url = (active.url || ""); - - // account for absolute urls instead of just relative urls use as hashes - if (!alreadyThere && url.indexOf("#") > -1) { - url += $.mobile.dialogHashKey; - } else { - url += "#" + $.mobile.dialogHashKey; - } - } - - // if title element wasn't found, try the page div data attr too - // If this is a deep-link or a reload ( active === undefined ) then just - // use pageTitle - newPageTitle = (!active) ? pageTitle : toPage.jqmData("title"); - if (!!newPageTitle && pageTitle === document.title) { - pageTitle = newPageTitle; - } - if (!toPage.jqmData("title")) { - toPage.jqmData("title", pageTitle); - } - - //add page to history stack if it's not back or forward - if (!historyDir && alreadyThere) { - $.mobile.navigate.history.getActive().pageUrl = pageUrl; - } - - // Set the location hash. - if (url && !settings.fromHashChange) { - - // rebuilding the hash here since we loose it earlier on - // TODO preserve the originally passed in path - if (!$.mobile.path.isPath(url) && url.indexOf("#") < 0) { - url = "#" + url; - } - - // TODO the property names here are just silly - params = { - title: pageTitle, - pageUrl: pageUrl, - role: settings.role - }; - - if (settings.changeHash !== false) { - $.mobile.navigate(this.window[0].encodeURI(url), params, true); - } else if (toPage[0] !== $.mobile.firstPage[0]) { - $.mobile.navigate.history.add(url, params); - } - } - - //set page title - document.title = pageTitle; - - //set "toPage" as activePage deprecated in 1.4 remove in 1.5 - $.mobile.activePage = toPage; - - //new way to handle activePage - this.activePage = toPage; - - // If we're navigating back in the URL history, set reverse accordingly. - settings.reverse = settings.reverse || historyDir < 0; - - this._cssTransition(toPage, fromPage, { - transition: settings.transition, - reverse: settings.reverse - }); - - $.mobile.removeActiveLinkClass(); - }, - - // determine the current base url - _findBaseWithDefault: function () { - - var closestBase = (this.activePage && - $.mobile.getClosestBaseUrl(this.activePage[0])); - return closestBase || $.mobile.path.documentBase.hrefNoHash; - } - }); - - function zoomIn(elem) { - var keyframes = [{ transform: 'scale3d(.3, .3, .3) ', opacity: '0', offset: 0 }, - { transform: 'none', opacity: '1', offset: 1 }]; - var timing = { duration: 200, iterations: 1 }; - return elem.animate(keyframes, timing); - } - - // The following handlers should be bound after mobileinit has been triggered - // the following deferred is resolved in the init file - $.mobile.navreadyDeferred = $.Deferred(); - - })(jQuery); - - (function ($, undefined) { - - // resolved on domready - var domreadyDeferred = $.Deferred(), - - // resolved and nulled on window.load() - loadDeferred = $.Deferred(), - - // function that resolves the above deferred - pageIsFullyLoaded = function () { - - // Resolve and null the deferred - loadDeferred.resolve(); - loadDeferred = null; - }, - - documentUrl = $.mobile.path.documentUrl; - - $.mobile.loadPage = function (url, opts) { - var container; - - opts = opts || {}; - container = (opts.pageContainer || $.mobile.pageContainer); - - // create the deferred that will be supplied to loadPage callers - // and resolved by the content widget's load method - opts.deferred = $.Deferred(); - - // Preferring to allow exceptions for uninitialized opts.pageContainer - // widgets so we know if we need to force init here for users - container.pagecontainer("load", url, opts); - - // provide the deferred - return opts.deferred.promise(); - }; - - //define vars for interal use - - /* internal utility functions */ - - // NOTE Issue #4950 Android phonegap doesn't navigate back properly - // when a full page refresh has taken place. It appears that hashchange - // and replacestate history alterations work fine but we need to support - // both forms of history traversal in our code that uses backward history - // movement - $.mobile.back = function () { - var nav = window.navigator; - - // if the setting is on and the navigator object is - // available use the phonegap navigation capability - if (this.phonegapNavigationEnabled && - nav && - nav.app && - nav.app.backHistory) { - nav.app.backHistory(); - } else { - $.mobile.pageContainer.pagecontainer("back"); - } - }; - - // Direct focus to the page title, or otherwise first focusable element - $.mobile.focusPage = function (page) { - }; - - // Exposed $.mobile methods - - $.mobile.changePage = function (to, options) { - $.mobile.pageContainer.pagecontainer("change", to, options); - }; - - $.mobile.changePage.defaults = { - reverse: false, - changeHash: true, - fromHashChange: false, - role: undefined, // By default we rely on the role defined by the @data-role attribute. - duplicateCachedPage: undefined, - pageContainer: undefined, - showLoadMsg: true, //loading message shows by default when pages are being fetched during changePage - dataUrl: undefined, - fromPage: undefined - }; - - function parentWithTag(elem, tagName) { - - while (elem.tagName != tagName) { - elem = elem.parentNode; - - if (!elem) { - return null; - } - } - - return elem; - } - - $.mobile._registerInternalEvents = function () { - - // click routing - direct to HTTP or Ajax, accordingly - $.mobile.document.bind("click", function (event) { - if (!$.mobile.linkBindingEnabled || event.isDefaultPrevented()) { - return; - } - - var link = parentWithTag(event.target, 'A'); - - var $link = $(link), - - baseUrl, href, - useDefaultUrlHandling, isExternal, - reverse, role; - - // If there is no link associated with the click or its not a left - // click we want to ignore the click - // TODO teach $.mobile.hijackable to operate on raw dom elements so the link wrapping - // can be avoided - if (!link || event.which > 1) { - return; - } - - //if there's a data-rel=back attr, go back in history - if (link.getAttribute('data-rel') == 'back') { - $.mobile.back(); - return false; - } - - baseUrl = $.mobile.getClosestBaseUrl(link); - - //get href, if defined, otherwise default to empty hash - href = $.mobile.path.makeUrlAbsolute(link.getAttribute("href") || "#", baseUrl); - - // XXX_jblas: Ideally links to application pages should be specified as - // an url to the application document with a hash that is either - // the site relative path or id to the page. But some of the - // internal code that dynamically generates sub-pages for nested - // lists and select dialogs, just write a hash in the link they - // create. This means the actual URL path is based on whatever - // the current value of the base tag is at the time this code - // is called. - if (href.search("#") !== -1 && - !($.mobile.path.isExternal(href) && $.mobile.path.isAbsoluteUrl(href))) { - - href = href.replace(/[^#]*#/, ""); - if (!href) { - //link was an empty hash meant purely - //for interaction, so we ignore it. - event.preventDefault(); - return; - } else if ($.mobile.path.isPath(href)) { - //we have apath so make it the href we want to load. - href = $.mobile.path.makeUrlAbsolute(href, baseUrl); - } else { - //we have a simple id so use the documentUrl as its base. - href = $.mobile.path.makeUrlAbsolute("#" + href, documentUrl.hrefNoHash); - } - } - - // Should we handle this link, or let the browser deal with it? - useDefaultUrlHandling = link.getAttribute("rel") == "external" || link.getAttribute("data-ajax") == "false" || link.getAttribute('target'); - - // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR - // requests if the document doing the request was loaded via the file:// protocol. - // This is usually to allow the application to "phone home" and fetch app specific - // data. We normally let the browser handle external/cross-domain urls, but if the - // allowCrossDomainPages option is true, we will allow cross-domain http/https - // requests to go through our page loading logic. - - //check for protocol or rel and its not an embedded page - //TODO overlap in logic from isExternal, rel=external check should be - // moved into more comprehensive isExternalLink - isExternal = useDefaultUrlHandling || ($.mobile.path.isExternal(href) && !$.mobile.path.isPermittedCrossDomainRequest(documentUrl, href)); - - if (isExternal) { - //use default click handling - return; - } - - //use ajax - reverse = $link.jqmData("direction") === "reverse" || - // deprecated - remove by 1.0 - $link.jqmData("back"); - - //this may need to be more specific as we use data-rel more - role = link.getAttribute("data-" + $.mobile.ns + "rel") || undefined; - - $.mobile.changePage(href, { reverse: reverse, role: role, link: $link }); - event.preventDefault(); - }); - - // TODO ensure that the navigate binding in the content widget happens at the right time - $.mobile.pageContainer.pagecontainer(); - - function removePage(page) { - - page.parentNode.removeChild(page); - } - - function cleanPages(newPage) { - - var pages = document.querySelectorAll("div[data-role='page']"); - if (pages.length < 5) { - //return; - } - - for (var i = 0, length = pages.length; i < length; i++) { - var page = pages[i]; - if (page != newPage) { - removePage(page); - } - } - } - - //set page min-heights to be device specific - $.mobile.document.bind("pagehide", function (e, data) { - - var toPage = data.toPage ? data.toPage[0] : null; - - if (toPage) { - if (toPage.getAttribute('data-dom-cache')) { - cleanPages(toPage); - } - else if ((toPage.getAttribute('data-url') || '').toLowerCase().indexOf('/configurationpage') != -1) { - // plugin config pages are not built to handle the dom caching - cleanPages(toPage); - } - } - }); - - };//navreadyDeferred done callback - - $(function () { domreadyDeferred.resolve(); }); - - // Account for the possibility that the load event has already fired - if (document.readyState === "complete") { - pageIsFullyLoaded(); +(function ($) { + + /** + * Copyright 2012, Digital Fusion + * Licensed under the MIT license. + * http://teamdf.com/jquery-plugins/license/ + * + * @author Sam Sehnert + * @desc A small plugin that checks whether elements are within + * the user visible viewport of a web browser. + * only accounts for vertical position, not horizontal. + */ + var $w = $(window); + + var thresholdX = Math.max(screen.availWidth); + var thresholdY = Math.max(screen.availHeight); + + function visibleInViewport(elem, partial, hidden, direction) { + + var t = elem, + vpWidth = $w.width(), + vpHeight = $w.height(), + direction = (direction) ? direction : 'both', + clientSize = hidden === true ? t.offsetWidth * t.offsetHeight : true; + + if (typeof t.getBoundingClientRect === 'function') { + + // Use this native browser method, if available. + var rec = t.getBoundingClientRect(), + tViz = rec.top >= 0 && rec.top < vpHeight + thresholdY, + bViz = rec.bottom > 0 && rec.bottom <= vpHeight + thresholdY, + lViz = rec.left >= 0 && rec.left < vpWidth + thresholdX, + rViz = rec.right > 0 && rec.right <= vpWidth + thresholdX, + vVisible = partial ? tViz || bViz : tViz && bViz, + hVisible = partial ? lViz || rViz : lViz && rViz; + + if (direction === 'both') + return clientSize && vVisible && hVisible; + else if (direction === 'vertical') + return clientSize && vVisible; + else if (direction === 'horizontal') + return clientSize && hVisible; } else { - $.mobile.window.load(pageIsFullyLoaded); + + var $t = $(elem); + var viewTop = $w.scrollTop(), + viewBottom = viewTop + vpHeight, + viewLeft = $w.scrollLeft(), + viewRight = viewLeft + vpWidth, + offset = $t.offset(), + _top = offset.top, + _bottom = _top + $t.height(), + _left = offset.left, + _right = _left + $t.width(), + compareTop = partial === true ? _bottom : _top, + compareBottom = partial === true ? _top : _bottom, + compareLeft = partial === true ? _right : _left, + compareRight = partial === true ? _left : _right; + + if (direction === 'both') + return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop)) && ((compareRight <= viewRight) && (compareLeft >= viewLeft)); + else if (direction === 'vertical') + return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop)); + else if (direction === 'horizontal') + return !!clientSize && ((compareRight <= viewRight) && (compareLeft >= viewLeft)); } + } - $.when(domreadyDeferred, $.mobile.navreadyDeferred).done(function () { $.mobile._registerInternalEvents(); }); - })(jQuery); + var unveilId = 0; + function isVisible(elem) { + return visibleInViewport(elem, true, false, 'both'); + } - (function ($, window, undefined) { - var $window = $.mobile.window; + function fillImage(elem) { + var source = elem.getAttribute('data-src'); + if (source) { + ImageStore.setImageInto(elem, source); + elem.setAttribute("data-src", ''); + } + } - // support conditions - // if device support condition(s) aren't met, leave things as they are -> a basic, usable experience, - // otherwise, proceed with the enhancements - if (!$.mobile.gradeA()) { + function unveilElements(elems, parent) { + + if (!elems.length) { return; } - // override ajaxEnabled on platforms that have known conflicts with hash history updates - // or generally work better browsing in regular http for full page refreshes (BB5, Opera Mini) - if ($.mobile.ajaxBlacklist) { - $.mobile.ajaxEnabled = false; + var images = elems; + + unveilId++; + var eventNamespace = 'unveil' + unveilId; + + var parents = []; + if (parent) { + parents = parent.querySelectorAll('.itemsContainer'); + if (!parents.length) { + parents = [parent]; + } } - $.extend($.mobile, { - // find and enhance the pages in the dom and transition to the first page. - initializePage: function () { - // find present pages - var path = $.mobile.path, - $pages = $(document.querySelectorAll("div[data-role='page']")), - hash = path.stripHash(path.stripQueryParams(path.parseLocation().hash)), - theLocation = $.mobile.path.parseLocation(), - hashPage = hash ? document.getElementById(hash) : undefined; + function unveil() { - // add dialogs, set data-url attrs - $pages.each(function () { - var $this = $(this); + var remaining = []; - // unless the data url is already set set it to the pathname - if (!$this[0].getAttribute("data-" + $.mobile.ns + "url")) { - $this.attr("data-" + $.mobile.ns + "url", $this.attr("id") || - path.convertUrlToDataUrl(theLocation.pathname + theLocation.search)); - } - }); - - // define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback) - $.mobile.firstPage = $pages.first(); - - // define page container - $.mobile.pageContainer = $.mobile.firstPage - .parent() - .addClass("ui-mobile-viewport") - .pagecontainer(); - - // initialize navigation events now, after mobileinit has occurred and the page container - // has been created but before the rest of the library is alerted to that fact - $.mobile.navreadyDeferred.resolve(); - - // if hashchange listening is disabled, there's no hash deeplink, - // the hash is not valid (contains more than one # or does not start with #) - // or there is no page with that hash, change to the first page in the DOM - // Remember, however, that the hash can also be a path! - if (!($.mobile.path.isHashValid(location.hash) && - ($(hashPage).is("[data-role='page']") || - $.mobile.path.isPath(hash) || - hash === $.mobile.dialogHashKey))) { - - // make sure to set initial popstate state if it exists - // so that navigation back to the initial page works properly - $.mobile.navigate.navigator.squash(path.parseLocation().href); - - $.mobile.changePage($.mobile.firstPage, { - reverse: true, - changeHash: false, - fromHashChange: true - }); + for (var i = 0, length = images.length; i < length; i++) { + var img = images[i]; + if (isVisible(img)) { + fillImage(img); } else { - // TODO figure out how to simplify this interaction with the initial history entry - // at the bottom js/navigate/navigate.js - $.mobile.navigate.history.stack = []; - $.mobile.navigate($.mobile.path.isPath(location.hash) ? location.hash : location.href); + remaining.push(img); } } - }); - $(function () { - //Run inlineSVG support test - $.support.inlineSVG(); + images = remaining; - // check which scrollTop value should be used by scrolling to 1 immediately at domready - // then check what the scroll top is. Android will report 0... others 1 - // note that this initial scroll won't hide the address bar. It's just for the check. + if (!images.length) { + Events.off(document, 'scroll.' + eventNamespace); + Events.off(window, 'resize.' + eventNamespace); - // hide iOS browser chrome on load if hideUrlBar is true this is to try and do it as soon as possible - if ($.mobile.hideUrlBar) { - window.scrollTo(0, 1); + if (parents.length) { + Events.off($(parents), 'scroll.' + eventNamespace, unveil); + } } + } - // if defaultHomeScroll hasn't been set yet, see if scrollTop is 1 - // it should be 1 in most browsers, but android treats 1 as 0 (for hiding addr bar) - // so if it's 1, use 0 from now on - $.mobile.defaultHomeScroll = (!$.support.scrollTop || $.mobile.window.scrollTop() === 1) ? 0 : 1; + Events.on(document, 'scroll.' + eventNamespace, unveil); + Events.on(window, 'resize.' + eventNamespace, unveil); - // window load event - // hide iOS browser chrome on load if hideUrlBar is true this is as fall back incase we were too early before - if ($.mobile.hideUrlBar) { - $window.load($.mobile.silentScroll); + if (parents.length) { + Events.on($(parents), 'scroll.' + eventNamespace, unveil); + } + + unveil(); + } + + function fillImages(elems) { + + for (var i = 0, length = elems.length; i < length; i++) { + var elem = elems[0]; + var source = elem.getAttribute('data-src'); + if (source) { + ImageStore.setImageInto(elem, source); + elem.setAttribute("data-src", ''); } + } + } - if (!$.support.cssPointerEvents) { - // IE and Opera don't support CSS pointer-events: none that we use to disable link-based buttons - // by adding the 'ui-disabled' class to them. Using a JavaScript workaround for those browser. - // https://github.com/jquery/jquery-mobile/issues/3558 + function lazyChildren(elem) { - // DEPRECATED as of 1.4.0 - remove ui-disabled after 1.4.0 release - // only ui-state-disabled should be present thereafter - $.mobile.document.delegate(".ui-state-disabled,.ui-disabled", "click", - function (e) { - e.preventDefault(); - e.stopImmediatePropagation(); - } - ); + unveilElements(elem.getElementsByClassName('lazy'), elem); + } + + $.fn.lazyChildren = function () { + + if (this.length == 1) { + lazyChildren(this[0]); + } else { + unveilElements($('.lazy', this)); + } + return this; + }; + + function lazyImage(elem, url) { + + elem.setAttribute('data-src', url); + fillImages([elem]); + } + + window.ImageLoader = { + fillImages: fillImages, + lazyImage: lazyImage, + lazyChildren: lazyChildren + }; + +})(window.jQuery || window.Zepto); + +(function () { + + function setImageIntoElement(elem, url) { + + if (elem.tagName !== "IMG") { + + elem.style.backgroundImage = "url('" + url + "')"; + + } else { + elem.setAttribute("src", url); + } + + if ($.browser.chrome && !$.browser.mobile) { + if (!elem.classList.contains('noFade')) { + fadeIn(elem, 1); } - }); - }(jQuery, this)); + } + } - (function ($, undefined) { + function fadeIn(elem, iterations) { - $.fn.selectmenu = function () { - return this; - }; - })(jQuery); + var keyframes = [ + { opacity: '0', offset: 0 }, + { opacity: '1', offset: 1 }]; + var timing = { duration: 200, iterations: iterations }; + return elem.animate(keyframes, timing); + } -})); \ No newline at end of file + function simpleImageStore() { + + var self = this; + + self.setImageInto = setImageIntoElement; + } + + console.log('creating simpleImageStore'); + window.ImageStore = new simpleImageStore(); + +})(); \ No newline at end of file diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js index ba665cfb9..fc31c67fa 100644 --- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js +++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js @@ -8,7 +8,7 @@ * */ -(function ( root, doc, factory ) { +(function (root, doc, factory) { // Browser globals factory(root.jQuery, root, doc); }(this, document, function (jQuery, window, document, undefined) {/*! @@ -20,1769 +20,1769 @@ * http://benalman.com/about/license/ */ -// Script: jQuery hashchange event -// -// *Version: 1.3, Last updated: 7/21/2010* -// -// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/ -// GitHub - http://github.com/cowboy/jquery-hashchange/ -// Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js -// (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped) -// -// About: License -// -// Copyright (c) 2010 "Cowboy" Ben Alman, -// Dual licensed under the MIT and GPL licenses. -// http://benalman.com/about/license/ -// -// About: Examples -// -// These working examples, complete with fully commented code, illustrate a few -// ways in which this plugin can be used. -// -// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/ -// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/ -// -// About: Support and Testing -// -// Information about what version or versions of jQuery this plugin has been -// tested with, what browsers it has been tested in, and where the unit tests -// reside (so you can test it yourself). -// -// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2 -// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5, -// Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5. -// Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/ -// -// About: Known issues -// -// While this jQuery hashchange event implementation is quite stable and -// robust, there are a few unfortunate browser bugs surrounding expected -// hashchange event-based behaviors, independent of any JavaScript -// window.onhashchange abstraction. See the following examples for more -// information: -// -// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/ -// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/ -// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/ -// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/ -// -// Also note that should a browser natively support the window.onhashchange -// event, but not report that it does, the fallback polling loop will be used. -// -// About: Release History -// -// 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more -// "removable" for mobile-only development. Added IE6/7 document.title -// support. Attempted to make Iframe as hidden as possible by using -// techniques from http://www.paciellogroup.com/blog/?p=604. Added -// support for the "shortcut" format $(window).hashchange( fn ) and -// $(window).hashchange() like jQuery provides for built-in events. -// Renamed jQuery.hashchangeDelay to and -// lowered its default value to 50. Added -// and properties plus document-domain.html -// file to address access denied issues when setting document.domain in -// IE6/7. -// 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin -// from a page on another domain would cause an error in Safari 4. Also, -// IE6/7 Iframe is now inserted after the body (this actually works), -// which prevents the page from scrolling when the event is first bound. -// Event can also now be bound before DOM ready, but it won't be usable -// before then in IE6/7. -// 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug -// where browser version is incorrectly reported as 8.0, despite -// inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag. -// 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special -// window.onhashchange functionality into a separate plugin for users -// who want just the basic event & back button support, without all the -// extra awesomeness that BBQ provides. This plugin will be included as -// part of jQuery BBQ, but also be available separately. + // Script: jQuery hashchange event + // + // *Version: 1.3, Last updated: 7/21/2010* + // + // Project Home - http://benalman.com/projects/jquery-hashchange-plugin/ + // GitHub - http://github.com/cowboy/jquery-hashchange/ + // Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js + // (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped) + // + // About: License + // + // Copyright (c) 2010 "Cowboy" Ben Alman, + // Dual licensed under the MIT and GPL licenses. + // http://benalman.com/about/license/ + // + // About: Examples + // + // These working examples, complete with fully commented code, illustrate a few + // ways in which this plugin can be used. + // + // hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/ + // document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/ + // + // About: Support and Testing + // + // Information about what version or versions of jQuery this plugin has been + // tested with, what browsers it has been tested in, and where the unit tests + // reside (so you can test it yourself). + // + // jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2 + // Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5, + // Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5. + // Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/ + // + // About: Known issues + // + // While this jQuery hashchange event implementation is quite stable and + // robust, there are a few unfortunate browser bugs surrounding expected + // hashchange event-based behaviors, independent of any JavaScript + // window.onhashchange abstraction. See the following examples for more + // information: + // + // Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/ + // Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/ + // WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/ + // Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/ + // + // Also note that should a browser natively support the window.onhashchange + // event, but not report that it does, the fallback polling loop will be used. + // + // About: Release History + // + // 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more + // "removable" for mobile-only development. Added IE6/7 document.title + // support. Attempted to make Iframe as hidden as possible by using + // techniques from http://www.paciellogroup.com/blog/?p=604. Added + // support for the "shortcut" format $(window).hashchange( fn ) and + // $(window).hashchange() like jQuery provides for built-in events. + // Renamed jQuery.hashchangeDelay to and + // lowered its default value to 50. Added + // and properties plus document-domain.html + // file to address access denied issues when setting document.domain in + // IE6/7. + // 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin + // from a page on another domain would cause an error in Safari 4. Also, + // IE6/7 Iframe is now inserted after the body (this actually works), + // which prevents the page from scrolling when the event is first bound. + // Event can also now be bound before DOM ready, but it won't be usable + // before then in IE6/7. + // 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug + // where browser version is incorrectly reported as 8.0, despite + // inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag. + // 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special + // window.onhashchange functionality into a separate plugin for users + // who want just the basic event & back button support, without all the + // extra awesomeness that BBQ provides. This plugin will be included as + // part of jQuery BBQ, but also be available separately. -(function($,window,undefined){ - '$:nomunge'; // Used by YUI compressor. - - // Reused string. - var str_hashchange = 'hashchange', - - // Method / object references. - doc = document, - fake_onhashchange, - special = $.event.special, - - // Does the browser support window.onhashchange? Note that IE8 running in - // IE7 compatibility mode reports true for 'onhashchange' in window, even - // though the event isn't supported, so also test document.documentMode. - doc_mode = doc.documentMode, - supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 ); - - // Get location.hash (or what you'd expect location.hash to be) sans any - // leading #. Thanks for making this necessary, Firefox! - function get_fragment( url ) { - url = url || location.href; - return '#' + url.replace( /^[^#]*#?(.*)$/, '$1' ); - }; - - // Method: jQuery.fn.hashchange - // - // Bind a handler to the window.onhashchange event or trigger all bound - // window.onhashchange event handlers. This behavior is consistent with - // jQuery's built-in event handlers. - // - // Usage: - // - // > jQuery(window).hashchange( [ handler ] ); - // - // Arguments: - // - // handler - (Function) Optional handler to be bound to the hashchange - // event. This is a "shortcut" for the more verbose form: - // jQuery(window).bind( 'hashchange', handler ). If handler is omitted, - // all bound window.onhashchange event handlers will be triggered. This - // is a shortcut for the more verbose - // jQuery(window).trigger( 'hashchange' ). These forms are described in - // the section. - // - // Returns: - // - // (jQuery) The initial jQuery collection of elements. - - // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and - // $(elem).hashchange() for triggering, like jQuery does for built-in events. - $.fn[ str_hashchange ] = function( fn ) { - return fn ? this.bind( str_hashchange, fn ) : this.trigger( str_hashchange ); - }; - - // Property: jQuery.fn.hashchange.delay - // - // The numeric interval (in milliseconds) at which the - // polling loop executes. Defaults to 50. - - // Property: jQuery.fn.hashchange.domain - // - // If you're setting document.domain in your JavaScript, and you want hash - // history to work in IE6/7, not only must this property be set, but you must - // also set document.domain BEFORE jQuery is loaded into the page. This - // property is only applicable if you are supporting IE6/7 (or IE8 operating - // in "IE7 compatibility" mode). - // - // In addition, the property must be set to the - // path of the included "document-domain.html" file, which can be renamed or - // modified if necessary (note that the document.domain specified must be the - // same in both your main JavaScript as well as in this file). - // - // Usage: - // - // jQuery.fn.hashchange.domain = document.domain; - - // Property: jQuery.fn.hashchange.src - // - // If, for some reason, you need to specify an Iframe src file (for example, - // when setting document.domain as in ), you can - // do so using this property. Note that when using this property, history - // won't be recorded in IE6/7 until the Iframe src file loads. This property - // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7 - // compatibility" mode). - // - // Usage: - // - // jQuery.fn.hashchange.src = 'path/to/file.html'; - - $.fn[ str_hashchange ].delay = 50; - /* - $.fn[ str_hashchange ].domain = null; - $.fn[ str_hashchange ].src = null; - */ - - // Event: hashchange event - // - // Fired when location.hash changes. In browsers that support it, the native - // HTML5 window.onhashchange event is used, otherwise a polling loop is - // initialized, running every milliseconds to - // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7 - // compatibility" mode), a hidden Iframe is created to allow the back button - // and hash-based history to work. - // - // Usage as described in : - // - // > // Bind an event handler. - // > jQuery(window).hashchange( function(e) { - // > var hash = location.hash; - // > ... - // > }); - // > - // > // Manually trigger the event handler. - // > jQuery(window).hashchange(); - // - // A more verbose usage that allows for event namespacing: - // - // > // Bind an event handler. - // > jQuery(window).bind( 'hashchange', function(e) { - // > var hash = location.hash; - // > ... - // > }); - // > - // > // Manually trigger the event handler. - // > jQuery(window).trigger( 'hashchange' ); - // - // Additional Notes: - // - // * The polling loop and Iframe are not created until at least one handler - // is actually bound to the 'hashchange' event. - // * If you need the bound handler(s) to execute immediately, in cases where - // a location.hash exists on page load, via bookmark or page refresh for - // example, use jQuery(window).hashchange() or the more verbose - // jQuery(window).trigger( 'hashchange' ). - // * The event can be bound before DOM ready, but since it won't be usable - // before then in IE6/7 (due to the necessary Iframe), recommended usage is - // to bind it inside a DOM ready handler. - - // Override existing $.event.special.hashchange methods (allowing this plugin - // to be defined after jQuery BBQ in BBQ's source code). - special[ str_hashchange ] = $.extend( special[ str_hashchange ], { - - // Called only when the first 'hashchange' event is bound to window. - setup: function() { - // If window.onhashchange is supported natively, there's nothing to do.. - if ( supports_onhashchange ) { return false; } - - // Otherwise, we need to create our own. And we don't want to call this - // until the user binds to the event, just in case they never do, since it - // will create a polling loop and possibly even a hidden Iframe. - $( fake_onhashchange.start ); - }, - - // Called only when the last 'hashchange' event is unbound from window. - teardown: function() { - // If window.onhashchange is supported natively, there's nothing to do.. - if ( supports_onhashchange ) { return false; } - - // Otherwise, we need to stop ours (if possible). - $( fake_onhashchange.stop ); - } - - }); - - // fake_onhashchange does all the work of triggering the window.onhashchange - // event for browsers that don't natively support it, including creating a - // polling loop to watch for hash changes and in IE 6/7 creating a hidden - // Iframe to enable back and forward. - fake_onhashchange = (function(){ - var self = {}, - timeout_id, - - // Remember the initial hash so it doesn't get triggered immediately. - last_hash = get_fragment(), - - fn_retval = function(val){ return val; }, - history_set = fn_retval, - history_get = fn_retval; - - // Start the polling loop. - self.start = function() { - timeout_id || poll(); - }; - - // Stop the polling loop. - self.stop = function() { - timeout_id && clearTimeout( timeout_id ); - timeout_id = undefined; - }; - - // This polling loop checks every $.fn.hashchange.delay milliseconds to see - // if location.hash has changed, and triggers the 'hashchange' event on - // window when necessary. - function poll() { - var hash = get_fragment(), - history_hash = history_get( last_hash ); - - if ( hash !== last_hash ) { - history_set( last_hash = hash, history_hash ); - - $(window).trigger( str_hashchange ); - - } else if ( history_hash !== last_hash ) { - location.href = location.href.replace( /#.*/, '' ) + history_hash; - } - - timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay ); - }; - - return self; - })(); - -})(jQuery,this); + (function ($, window, undefined) { + '$:nomunge'; // Used by YUI compressor. -(function( $ ) { - $.mobile = {}; -}( jQuery )); + // Reused string. + var str_hashchange = 'hashchange', -(function( $, window, undefined ) { - $.extend( $.mobile, { + // Method / object references. + doc = document, + fake_onhashchange, + special = $.event.special, - // Version of the jQuery Mobile Framework - version: "1.4.5", + // Does the browser support window.onhashchange? Note that IE8 running in + // IE7 compatibility mode reports true for 'onhashchange' in window, even + // though the event isn't supported, so also test document.documentMode. + doc_mode = doc.documentMode, + supports_onhashchange = 'on' + str_hashchange in window && (doc_mode === undefined || doc_mode > 7); - // Deprecated and no longer used in 1.4 remove in 1.5 - // Define the url parameter used for referencing widget-generated sub-pages. - // Translates to example.html&ui-page=subpageIdentifier - // hash segment before &ui-page= is used to make Ajax request - subPageUrlKey: "ui-page", + // Get location.hash (or what you'd expect location.hash to be) sans any + // leading #. Thanks for making this necessary, Firefox! + function get_fragment(url) { + url = url || location.href; + return '#' + url.replace(/^[^#]*#?(.*)$/, '$1'); + }; - hideUrlBar: true, + // Method: jQuery.fn.hashchange + // + // Bind a handler to the window.onhashchange event or trigger all bound + // window.onhashchange event handlers. This behavior is consistent with + // jQuery's built-in event handlers. + // + // Usage: + // + // > jQuery(window).hashchange( [ handler ] ); + // + // Arguments: + // + // handler - (Function) Optional handler to be bound to the hashchange + // event. This is a "shortcut" for the more verbose form: + // jQuery(window).bind( 'hashchange', handler ). If handler is omitted, + // all bound window.onhashchange event handlers will be triggered. This + // is a shortcut for the more verbose + // jQuery(window).trigger( 'hashchange' ). These forms are described in + // the section. + // + // Returns: + // + // (jQuery) The initial jQuery collection of elements. - // Keepnative Selector - keepNative: "[data-role='none']", + // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and + // $(elem).hashchange() for triggering, like jQuery does for built-in events. + $.fn[str_hashchange] = function (fn) { + return fn ? this.bind(str_hashchange, fn) : this.trigger(str_hashchange); + }; - // Deprecated in 1.4 remove in 1.5 - // Class assigned to page currently in view, and during transitions - activePageClass: "ui-page-active", + // Property: jQuery.fn.hashchange.delay + // + // The numeric interval (in milliseconds) at which the + // polling loop executes. Defaults to 50. - // Deprecated in 1.4 remove in 1.5 - // Class used for "active" button state, from CSS framework - activeBtnClass: "ui-btn-active", + // Property: jQuery.fn.hashchange.domain + // + // If you're setting document.domain in your JavaScript, and you want hash + // history to work in IE6/7, not only must this property be set, but you must + // also set document.domain BEFORE jQuery is loaded into the page. This + // property is only applicable if you are supporting IE6/7 (or IE8 operating + // in "IE7 compatibility" mode). + // + // In addition, the property must be set to the + // path of the included "document-domain.html" file, which can be renamed or + // modified if necessary (note that the document.domain specified must be the + // same in both your main JavaScript as well as in this file). + // + // Usage: + // + // jQuery.fn.hashchange.domain = document.domain; - // Deprecated in 1.4 remove in 1.5 - // Class used for "focus" form element state, from CSS framework - focusClass: "ui-focus", + // Property: jQuery.fn.hashchange.src + // + // If, for some reason, you need to specify an Iframe src file (for example, + // when setting document.domain as in ), you can + // do so using this property. Note that when using this property, history + // won't be recorded in IE6/7 until the Iframe src file loads. This property + // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7 + // compatibility" mode). + // + // Usage: + // + // jQuery.fn.hashchange.src = 'path/to/file.html'; - // Automatically handle clicks and form submissions through Ajax, when same-domain - ajaxEnabled: true, + $.fn[str_hashchange].delay = 50; + /* + $.fn[ str_hashchange ].domain = null; + $.fn[ str_hashchange ].src = null; + */ - // disable to prevent jquery from bothering with links - linkBindingEnabled: true, + // Event: hashchange event + // + // Fired when location.hash changes. In browsers that support it, the native + // HTML5 window.onhashchange event is used, otherwise a polling loop is + // initialized, running every milliseconds to + // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7 + // compatibility" mode), a hidden Iframe is created to allow the back button + // and hash-based history to work. + // + // Usage as described in : + // + // > // Bind an event handler. + // > jQuery(window).hashchange( function(e) { + // > var hash = location.hash; + // > ... + // > }); + // > + // > // Manually trigger the event handler. + // > jQuery(window).hashchange(); + // + // A more verbose usage that allows for event namespacing: + // + // > // Bind an event handler. + // > jQuery(window).bind( 'hashchange', function(e) { + // > var hash = location.hash; + // > ... + // > }); + // > + // > // Manually trigger the event handler. + // > jQuery(window).trigger( 'hashchange' ); + // + // Additional Notes: + // + // * The polling loop and Iframe are not created until at least one handler + // is actually bound to the 'hashchange' event. + // * If you need the bound handler(s) to execute immediately, in cases where + // a location.hash exists on page load, via bookmark or page refresh for + // example, use jQuery(window).hashchange() or the more verbose + // jQuery(window).trigger( 'hashchange' ). + // * The event can be bound before DOM ready, but since it won't be usable + // before then in IE6/7 (due to the necessary Iframe), recommended usage is + // to bind it inside a DOM ready handler. - // Set default page transition - 'none' for no transitions - defaultPageTransition: "fade", + // Override existing $.event.special.hashchange methods (allowing this plugin + // to be defined after jQuery BBQ in BBQ's source code). + special[str_hashchange] = $.extend(special[str_hashchange], { - // Set maximum window width for transitions to apply - 'false' for no limit - maxTransitionWidth: false, + // Called only when the first 'hashchange' event is bound to window. + setup: function () { + // If window.onhashchange is supported natively, there's nothing to do.. + if (supports_onhashchange) { return false; } - // Minimum scroll distance that will be remembered when returning to a page - // Deprecated remove in 1.5 - minScrollBack: 0, + // Otherwise, we need to create our own. And we don't want to call this + // until the user binds to the event, just in case they never do, since it + // will create a polling loop and possibly even a hidden Iframe. + $(fake_onhashchange.start); + }, - // Set default dialog transition - 'none' for no transitions - defaultDialogTransition: "pop", + // Called only when the last 'hashchange' event is unbound from window. + teardown: function () { + // If window.onhashchange is supported natively, there's nothing to do.. + if (supports_onhashchange) { return false; } - // For error messages, which theme does the box use? - pageLoadErrorMessageTheme: "a", + // Otherwise, we need to stop ours (if possible). + $(fake_onhashchange.stop); + } - // replace calls to window.history.back with phonegaps navigation helper - // where it is provided on the window object - phonegapNavigationEnabled: false, + }); - // allows users to opt in to ignoring content by marking a parent element as - // data-ignored - ignoreContentEnabled: false, + // fake_onhashchange does all the work of triggering the window.onhashchange + // event for browsers that don't natively support it, including creating a + // polling loop to watch for hash changes and in IE 6/7 creating a hidden + // Iframe to enable back and forward. + fake_onhashchange = (function () { + var self = {}, + timeout_id, - // disable the alteration of the dynamic base tag or links in the case - // that a dynamic base tag isn't supported - dynamicBaseEnabled: true, + // Remember the initial hash so it doesn't get triggered immediately. + last_hash = get_fragment(), - // default the property to remove dependency on assignment in init module - pageContainer: $(), + fn_retval = function (val) { return val; }, + history_set = fn_retval, + history_get = fn_retval; - //enable cross-domain page support - allowCrossDomainPages: false, + // Start the polling loop. + self.start = function () { + timeout_id || poll(); + }; - dialogHashKey: "&ui-state=dialog" - }); -})( jQuery, this ); + // Stop the polling loop. + self.stop = function () { + timeout_id && clearTimeout(timeout_id); + timeout_id = undefined; + }; -(function( $, window, undefined ) { - var nsNormalizeDict = {}, - oldFind = $.find, - rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/, - jqmDataRE = /:jqmData\(([^)]*)\)/g; + // This polling loop checks every $.fn.hashchange.delay milliseconds to see + // if location.hash has changed, and triggers the 'hashchange' event on + // window when necessary. + function poll() { + var hash = get_fragment(), + history_hash = history_get(last_hash); - $.extend( $.mobile, { + if (hash !== last_hash) { + history_set(last_hash = hash, history_hash); - // Namespace used framework-wide for data-attrs. Default is no namespace + $(window).trigger(str_hashchange); - ns: "", + } else if (history_hash !== last_hash) { + location.href = location.href.replace(/#.*/, '') + history_hash; + } - // Retrieve an attribute from an element and perform some massaging of the value + timeout_id = setTimeout(poll, $.fn[str_hashchange].delay); + }; - getAttribute: function( element, key ) { - var data; + return self; + })(); - element = element.jquery ? element[0] : element; + })(jQuery, this); - if ( element && element.getAttribute ) { - data = element.getAttribute( "data-" + $.mobile.ns + key ); - } + (function ($) { + $.mobile = {}; + }(jQuery)); - // Copied from core's src/data.js:dataAttr() - // Convert from a string to a proper data type - try { - data = data === "true" ? true : - data === "false" ? false : - data === "null" ? null : - // Only convert to a number if it doesn't change the string - +data + "" === data ? +data : - rbrace.test( data ) ? JSON.parse( data ) : - data; - } catch( err ) {} + (function ($, window, undefined) { + $.extend($.mobile, { - return data; - }, + // Version of the jQuery Mobile Framework + version: "1.4.5", - // Expose our cache for testing purposes. - nsNormalizeDict: nsNormalizeDict, + // Deprecated and no longer used in 1.4 remove in 1.5 + // Define the url parameter used for referencing widget-generated sub-pages. + // Translates to example.html&ui-page=subpageIdentifier + // hash segment before &ui-page= is used to make Ajax request + subPageUrlKey: "ui-page", - // Take a data attribute property, prepend the namespace - // and then camel case the attribute string. Add the result - // to our nsNormalizeDict so we don't have to do this again. - nsNormalize: function( prop ) { - return nsNormalizeDict[ prop ] || - ( nsNormalizeDict[ prop ] = $.camelCase( $.mobile.ns + prop ) ); - } + hideUrlBar: true, - }); + // Keepnative Selector + keepNative: "[data-role='none']", - // Mobile version of data and removeData and hasData methods - // ensures all data is set and retrieved using jQuery Mobile's data namespace - $.fn.jqmData = function( prop, value ) { - var result; - if ( typeof prop !== "undefined" ) { - if ( prop ) { - prop = $.mobile.nsNormalize( prop ); - } + // Deprecated in 1.4 remove in 1.5 + // Class assigned to page currently in view, and during transitions + activePageClass: "ui-page-active", - // undefined is permitted as an explicit input for the second param - // in this case it returns the value and does not set it to undefined - if ( arguments.length < 2 || value === undefined ) { - result = this.data( prop ); - } else { - result = this.data( prop, value ); - } - } - return result; - }; + // Deprecated in 1.4 remove in 1.5 + // Class used for "active" button state, from CSS framework + activeBtnClass: "ui-btn-active", - $.jqmData = function( elem, prop, value ) { - var result; - if ( typeof prop !== "undefined" ) { - result = $.data( elem, prop ? $.mobile.nsNormalize( prop ) : prop, value ); - } - return result; - }; + // Deprecated in 1.4 remove in 1.5 + // Class used for "focus" form element state, from CSS framework + focusClass: "ui-focus", - $.fn.jqmRemoveData = function( prop ) { - return this.removeData( $.mobile.nsNormalize( prop ) ); - }; + // Automatically handle clicks and form submissions through Ajax, when same-domain + ajaxEnabled: true, - $.jqmRemoveData = function( elem, prop ) { - return $.removeData( elem, $.mobile.nsNormalize( prop ) ); - }; + // disable to prevent jquery from bothering with links + linkBindingEnabled: true, - $.find = function( selector, context, ret, extra ) { - if ( selector.indexOf( ":jqmData" ) > -1 ) { - selector = selector.replace( jqmDataRE, "[data-" + ( $.mobile.ns || "" ) + "$1]" ); - } + // Set default page transition - 'none' for no transitions + defaultPageTransition: "fade", - return oldFind.call( this, selector, context, ret, extra ); - }; + // Set maximum window width for transitions to apply - 'false' for no limit + maxTransitionWidth: false, - $.extend( $.find, oldFind ); + // Minimum scroll distance that will be remembered when returning to a page + // Deprecated remove in 1.5 + minScrollBack: 0, -})( jQuery, this ); + // Set default dialog transition - 'none' for no transitions + defaultDialogTransition: "pop", -/*! - * jQuery UI Core c0ab71056b936627e8a7821f03c044aec6280a40 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://api.jqueryui.com/category/ui-core/ - */ -(function( $, undefined ) { + // For error messages, which theme does the box use? + pageLoadErrorMessageTheme: "a", -// $.ui might exist from components with no dependencies, e.g., $.ui.position -$.ui = $.ui || {}; + // replace calls to window.history.back with phonegaps navigation helper + // where it is provided on the window object + phonegapNavigationEnabled: false, -$.extend( $.ui, { - version: "c0ab71056b936627e8a7821f03c044aec6280a40", + // allows users to opt in to ignoring content by marking a parent element as + // data-ignored + ignoreContentEnabled: false, - keyCode: { - BACKSPACE: 8, - COMMA: 188, - DELETE: 46, - DOWN: 40, - END: 35, - ENTER: 13, - ESCAPE: 27, - HOME: 36, - LEFT: 37, - PAGE_DOWN: 34, - PAGE_UP: 33, - PERIOD: 190, - RIGHT: 39, - SPACE: 32, - TAB: 9, - UP: 38 - } -}); + // disable the alteration of the dynamic base tag or links in the case + // that a dynamic base tag isn't supported + dynamicBaseEnabled: true, -// deprecated -$.ui.ie = !!/msie [\w.]+/.exec( navigator.userAgent.toLowerCase() ); + // default the property to remove dependency on assignment in init module + pageContainer: $(), -})( jQuery ); + //enable cross-domain page support + allowCrossDomainPages: false, -(function( $, window, undefined ) { + dialogHashKey: "&ui-state=dialog" + }); + })(jQuery, this); - function parentWithClass(elem, className) { + (function ($, window, undefined) { + var nsNormalizeDict = {}, + oldFind = $.find, + rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/, + jqmDataRE = /:jqmData\(([^)]*)\)/g; - while (!elem.classList || !elem.classList.contains(className)) { - elem = elem.parentNode; + $.extend($.mobile, { - if (!elem) { - return null; + // Namespace used framework-wide for data-attrs. Default is no namespace + + ns: "", + + // Retrieve an attribute from an element and perform some massaging of the value + + getAttribute: function (element, key) { + var data; + + element = element.jquery ? element[0] : element; + + if (element && element.getAttribute) { + data = element.getAttribute("data-" + $.mobile.ns + key); + } + + // Copied from core's src/data.js:dataAttr() + // Convert from a string to a proper data type + try { + data = data === "true" ? true : + data === "false" ? false : + data === "null" ? null : + // Only convert to a number if it doesn't change the string + +data + "" === data ? +data : + rbrace.test(data) ? JSON.parse(data) : + data; + } catch (err) { } + + return data; + }, + + // Expose our cache for testing purposes. + nsNormalizeDict: nsNormalizeDict, + + // Take a data attribute property, prepend the namespace + // and then camel case the attribute string. Add the result + // to our nsNormalizeDict so we don't have to do this again. + nsNormalize: function (prop) { + return nsNormalizeDict[prop] || + (nsNormalizeDict[prop] = $.camelCase($.mobile.ns + prop)); + } + + }); + + // Mobile version of data and removeData and hasData methods + // ensures all data is set and retrieved using jQuery Mobile's data namespace + $.fn.jqmData = function (prop, value) { + var result; + if (typeof prop !== "undefined") { + if (prop) { + prop = $.mobile.nsNormalize(prop); + } + + // undefined is permitted as an explicit input for the second param + // in this case it returns the value and does not set it to undefined + if (arguments.length < 2 || value === undefined) { + result = this.data(prop); + } else { + result = this.data(prop, value); + } + } + return result; + }; + + $.jqmData = function (elem, prop, value) { + var result; + if (typeof prop !== "undefined") { + result = $.data(elem, prop ? $.mobile.nsNormalize(prop) : prop, value); + } + return result; + }; + + $.fn.jqmRemoveData = function (prop) { + return this.removeData($.mobile.nsNormalize(prop)); + }; + + $.jqmRemoveData = function (elem, prop) { + return $.removeData(elem, $.mobile.nsNormalize(prop)); + }; + + $.find = function (selector, context, ret, extra) { + if (selector.indexOf(":jqmData") > -1) { + selector = selector.replace(jqmDataRE, "[data-" + ($.mobile.ns || "") + "$1]"); + } + + return oldFind.call(this, selector, context, ret, extra); + }; + + $.extend($.find, oldFind); + + })(jQuery, this); + + /*! + * jQuery UI Core c0ab71056b936627e8a7821f03c044aec6280a40 + * http://jqueryui.com + * + * Copyright 2013 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/category/ui-core/ + */ + (function ($, undefined) { + + // $.ui might exist from components with no dependencies, e.g., $.ui.position + $.ui = $.ui || {}; + + $.extend($.ui, { + version: "c0ab71056b936627e8a7821f03c044aec6280a40", + + keyCode: { + BACKSPACE: 8, + COMMA: 188, + DELETE: 46, + DOWN: 40, + END: 35, + ENTER: 13, + ESCAPE: 27, + HOME: 36, + LEFT: 37, + PAGE_DOWN: 34, + PAGE_UP: 33, + PERIOD: 190, + RIGHT: 39, + SPACE: 32, + TAB: 9, + UP: 38 + } + }); + + // deprecated + $.ui.ie = !!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase()); + + })(jQuery); + + (function ($, window, undefined) { + + function parentWithClass(elem, className) { + + while (!elem.classList || !elem.classList.contains(className)) { + elem = elem.parentNode; + + if (!elem) { + return null; + } + } + + return elem; + } + + $.extend($.mobile, { + // define the window and the document objects + window: $(window), + document: $(document), + + // TODO: Remove and use $.ui.keyCode directly + keyCode: $.ui.keyCode, + + // Place to store various widget extensions + behaviors: {}, + + // Scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value + silentScroll: function (ypos) { + if ($.type(ypos) !== "number") { + ypos = $.mobile.defaultHomeScroll; + } + + window.scrollTo(0, ypos); + }, + + getClosestBaseUrl: function (ele) { + + var page = parentWithClass(ele, 'ui-page'); + + // Find the closest page and extract out its url. + var url = (page ? page.getAttribute("data-url") : null), + base = $.mobile.path.documentBase.hrefNoHash; + + if (!$.mobile.dynamicBaseEnabled || !url || !$.mobile.path.isPath(url)) { + url = base; + } + + return $.mobile.path.makeUrlAbsolute(url, base); + }, + removeActiveLinkClass: function (forceRemoval) { + }, + + getScreenHeight: function () { + // Native innerHeight returns more accurate value for this across platforms, + // jQuery version is here as a normalized fallback for platforms like Symbian + return window.innerHeight || $.mobile.window.height(); + }, + + //simply set the active page's minimum height to screen height, depending on orientation + resetActivePageHeight: function (height) { + + } + }); + + // plugins + $.fn.extend({ + // Enhance child elements + enhanceWithin: function () { + var index, + widgetElements = {}, + that = this; + + // Enhance widgets + $.each($.mobile.widgets, function (name, constructor) { + + // If initSelector not false find elements + if (constructor.initSelector) { + + // Filter elements that should not be enhanced based on parents + var elements = that[0].querySelectorAll(constructor.initSelector); + + // Enhance whatever is left + if (elements.length > 0) { + widgetElements[constructor.prototype.widgetName] = $(elements); + } + } + }); + + for (index in widgetElements) { + widgetElements[index][index](); + } + + return this; + }, + + // note that this helper doesn't attempt to handle the callback + // or setting of an html element's text, its only purpose is + // to return the html encoded version of the text in all cases. (thus the name) + getEncodedText: function () { + return $("").text(this.text()).html(); + } + }); + + $.find.matches = function (expr, set) { + return $.find(expr, null, null, set); + }; + + $.find.matchesSelector = function (node, expr) { + return $.find(expr, null, null, [node]).length > 0; + }; + + })(jQuery, this); + + + (function ($, undefined) { + + /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */ + window.matchMedia = window.matchMedia || (function (doc, undefined) { + + var bool, + docElem = doc.documentElement, + refNode = docElem.firstElementChild || docElem.firstChild, + // fakeBody required for + fakeBody = doc.createElement("body"), + div = doc.createElement("div"); + + div.id = "mq-test-1"; + div.style.cssText = "position:absolute;top:-100em"; + fakeBody.style.background = "none"; + fakeBody.appendChild(div); + + return function (q) { + + div.innerHTML = "­"; + + docElem.insertBefore(fakeBody, refNode); + bool = div.offsetWidth === 42; + docElem.removeChild(fakeBody); + + return { + matches: bool, + media: q + }; + + }; + + }(document)); + + // $.mobile.media uses matchMedia to return a boolean. + $.mobile.media = function (q) { + return window.matchMedia(q).matches; + }; + + })(jQuery); + + (function ($, undefined) { + var support = { + touch: "ontouchend" in document + }; + + $.mobile.support = $.mobile.support || {}; + $.extend($.support, support); + $.extend($.mobile.support, support); + }(jQuery)); + + (function ($, undefined) { + $.extend($.support, { + orientation: "orientation" in window && "onorientationchange" in window + }); + }(jQuery)); + + (function ($, undefined) { + + // thx Modernizr + function propExists(prop) { + var uc_prop = prop.charAt(0).toUpperCase() + prop.substr(1), + props = (prop + " " + vendors.join(uc_prop + " ") + uc_prop).split(" "), + v; + + for (v in props) { + if (fbCSS[props[v]] !== undefined) { + return true; + } } } - return elem; - } - - $.extend($.mobile, { - // define the window and the document objects - window: $( window ), - document: $( document ), - - // TODO: Remove and use $.ui.keyCode directly - keyCode: $.ui.keyCode, - - // Place to store various widget extensions - behaviors: {}, - - // Scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value - silentScroll: function( ypos ) { - if ( $.type( ypos ) !== "number" ) { - ypos = $.mobile.defaultHomeScroll; - } - - window.scrollTo(0, ypos); - }, - - getClosestBaseUrl: function (ele) { - - var page = parentWithClass(ele, 'ui-page'); - - // Find the closest page and extract out its url. - var url = (page ? page.getAttribute("data-url") : null), - base = $.mobile.path.documentBase.hrefNoHash; - - if ( !$.mobile.dynamicBaseEnabled || !url || !$.mobile.path.isPath( url ) ) { - url = base; - } - - return $.mobile.path.makeUrlAbsolute( url, base ); - }, - removeActiveLinkClass: function( forceRemoval ) { - }, - - getScreenHeight: function() { - // Native innerHeight returns more accurate value for this across platforms, - // jQuery version is here as a normalized fallback for platforms like Symbian - return window.innerHeight || $.mobile.window.height(); - }, - - //simply set the active page's minimum height to screen height, depending on orientation - resetActivePageHeight: function( height ) { - - } - }); - - // plugins - $.fn.extend({ - // Enhance child elements - enhanceWithin: function() { - var index, - widgetElements = {}, - that = this; - - // Enhance widgets - $.each( $.mobile.widgets, function( name, constructor ) { - - // If initSelector not false find elements - if ( constructor.initSelector ) { - - // Filter elements that should not be enhanced based on parents - var elements = that[0].querySelectorAll(constructor.initSelector); - - // Enhance whatever is left - if ( elements.length > 0 ) { - widgetElements[ constructor.prototype.widgetName ] = $(elements); - } - } - }); - - for ( index in widgetElements ) { - widgetElements[ index ][ index ](); - } - - return this; - }, - - // note that this helper doesn't attempt to handle the callback - // or setting of an html element's text, its only purpose is - // to return the html encoded version of the text in all cases. (thus the name) - getEncodedText: function() { - return $( "" ).text( this.text() ).html(); - } - }); - - $.find.matches = function( expr, set ) { - return $.find( expr, null, null, set ); - }; - - $.find.matchesSelector = function( node, expr ) { - return $.find( expr, null, null, [ node ] ).length > 0; - }; - -})( jQuery, this ); - - -(function( $, undefined ) { - - /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */ - window.matchMedia = window.matchMedia || (function( doc, undefined ) { - - var bool, - docElem = doc.documentElement, - refNode = docElem.firstElementChild || docElem.firstChild, - // fakeBody required for - fakeBody = doc.createElement( "body" ), - div = doc.createElement( "div" ); - - div.id = "mq-test-1"; - div.style.cssText = "position:absolute;top:-100em"; - fakeBody.style.background = "none"; - fakeBody.appendChild(div); - - return function(q){ - - div.innerHTML = "­"; - - docElem.insertBefore( fakeBody, refNode ); - bool = div.offsetWidth === 42; - docElem.removeChild( fakeBody ); - - return { - matches: bool, - media: q - }; - - }; - - }( document )); - - // $.mobile.media uses matchMedia to return a boolean. - $.mobile.media = function( q ) { - return window.matchMedia( q ).matches; - }; - -})(jQuery); - - (function( $, undefined ) { - var support = { - touch: "ontouchend" in document - }; - - $.mobile.support = $.mobile.support || {}; - $.extend( $.support, support ); - $.extend( $.mobile.support, support ); - }( jQuery )); - - (function( $, undefined ) { - $.extend( $.support, { - orientation: "orientation" in window && "onorientationchange" in window - }); - }( jQuery )); - -(function( $, undefined ) { - -// thx Modernizr -function propExists( prop ) { - var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ), - props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " ), - v; - - for ( v in props ) { - if ( fbCSS[ props[ v ] ] !== undefined ) { - return true; - } - } -} - -var fakeBody = $( "" ).prependTo( "html" ), - fbCSS = fakeBody[ 0 ].style, - vendors = [ "Webkit", "Moz", "O" ], - webos = "palmGetResource" in window, //only used to rule out scrollTop - operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]", - bb = window.blackberry && !propExists( "-webkit-transform" ), //only used to rule out box shadow, as it's filled opaque on BB 5 and lower - nokiaLTE7_3; - -// inline SVG support test -function inlineSVG() { - // Thanks Modernizr & Erik Dahlstrom - var w = window, - svg = !!w.document.createElementNS && !!w.document.createElementNS( "http://www.w3.org/2000/svg", "svg" ).createSVGRect && !( w.opera && navigator.userAgent.indexOf( "Chrome" ) === -1 ), - support = function( data ) { - if ( !( data && svg ) ) { - $( "html" ).addClass( "ui-nosvg" ); - } - }, - img = new w.Image(); - - img.onerror = function() { - support( false ); - }; - img.onload = function() { - support( img.width === 1 && img.height === 1 ); - }; - img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; -} - -function transform3dTest() { - var mqProp = "transform-3d", - // Because the `translate3d` test below throws false positives in Android: - ret = $.mobile.media( "(-" + vendors.join( "-" + mqProp + "),(-" ) + "-" + mqProp + "),(" + mqProp + ")" ), - el, transforms, t; - - if ( ret ) { - return !!ret; - } - - el = document.createElement( "div" ); - transforms = { - // We’re omitting Opera for the time being; MS uses unprefixed. - "MozTransform": "-moz-transform", - "transform": "transform" - }; - - fakeBody.append( el ); - - for ( t in transforms ) { - if ( el.style[ t ] !== undefined ) { - el.style[ t ] = "translate3d( 100px, 1px, 1px )"; - ret = window.getComputedStyle( el ).getPropertyValue( transforms[ t ] ); - } - } - return ( !!ret && ret !== "none" ); -} - -// Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting ) -function baseTagTest() { - var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/", - base = $( "head base" ), - fauxEle = null, - href = "", - link, rebase; - - if ( !base.length ) { - base = fauxEle = $( "", { "href": fauxBase }).appendTo( "head" ); - } else { - href = base.attr( "href" ); - } - - link = $( "" ).prependTo( fakeBody ); - rebase = link[ 0 ].href; - base[ 0 ].href = href || location.pathname; - - if ( fauxEle ) { - fauxEle.remove(); - } - return rebase.indexOf( fauxBase ) === 0; -} - -// Thanks Modernizr -function cssPointerEventsTest() { - var element = document.createElement( "x" ), - documentElement = document.documentElement, - getComputedStyle = window.getComputedStyle, - supports; - - if ( !( "pointerEvents" in element.style ) ) { - return false; - } - - element.style.pointerEvents = "auto"; - element.style.pointerEvents = "x"; - documentElement.appendChild( element ); - supports = getComputedStyle && - getComputedStyle( element, "" ).pointerEvents === "auto"; - documentElement.removeChild( element ); - return !!supports; -} - -function boundingRect() { - var div = document.createElement( "div" ); - return typeof div.getBoundingClientRect !== "undefined"; -} - -// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683 -// allows for inclusion of IE 6+, including Windows Mobile 7 -$.extend( $.mobile, { browser: {} } ); -$.mobile.browser.oldIE = (function() { - var v = 3, - div = document.createElement( "div" ), - a = div.all || []; - - do { - div.innerHTML = ""; - } while( a[0] ); - - return v > 4 ? v : !v; -})(); - -$.extend( $.support, { - mediaquery: $.mobile.media( "only all" ), - cssPseudoElement: !!propExists( "content" ), - touchOverflow: !!propExists( "overflowScrolling" ), - cssTransform3d: transform3dTest(), - fixedPosition: true, - scrollTop: ("pageXOffset" in window || - "scrollTop" in document.documentElement || - "scrollTop" in fakeBody[ 0 ]) && !webos && !operamini, - - dynamicBaseTag: baseTagTest(), - cssPointerEvents: cssPointerEventsTest(), - boundingRect: boundingRect(), - inlineSVG: inlineSVG -}); - -fakeBody.remove(); - -// Support conditions that must be met in order to proceed -// default enhanced qualifications are media query support OR IE 7+ - -$.mobile.gradeA = function() { - return ( ( $.support.mediaquery && $.support.cssPseudoElement ) || $.mobile.browser.oldIE && $.mobile.browser.oldIE >= 8 ) && ( $.support.boundingRect || $.fn.jquery.match(/1\.[0-7+]\.[0-9+]?/) !== null ); -}; - -$.mobile.ajaxBlacklist = - // BlackBerry browsers, pre-webkit - window.blackberry && !window.WebKitPoint || - // Opera Mini - operamini; - -})( jQuery ); - - -(function( $, undefined ) { - var $win = $.mobile.window, self, - dummyFnToInitNavigate = function() { - }; - - $.event.special.navigate = self = { - bound: false, - - originalEventName: undefined, - - // TODO a lot of duplication between popstate and hashchange - popstate: function( event ) { - var newEvent = new $.Event( "navigate" ), - state = event.originalEvent.state || {}; - - if ( event.historyState ) { - $.extend(state, event.historyState); - } - - // Make sure the original event is tracked for the end - // user to inspect incase they want to do something special - newEvent.originalEvent = event; - - // NOTE we let the current stack unwind because any assignment to - // location.hash will stop the world and run this event handler. By - // doing this we create a similar behavior to hashchange on hash - // assignment - setTimeout(function() { - $win.trigger( newEvent, { - state: state - }); - }, 0); - }, - - hashchange: function( event /*, data */ ) { - var newEvent = new $.Event( "navigate" ); - - // Make sure the original event is tracked for the end - // user to inspect incase they want to do something special - newEvent.originalEvent = event; - - // Trigger the hashchange with state provided by the user - // that altered the hash - $win.trigger( newEvent, { - // Users that want to fully normalize the two events - // will need to do history management down the stack and - // add the state to the event before this binding is fired - // TODO consider allowing for the explicit addition of callbacks - // to be fired before this value is set to avoid event timing issues - state: event.hashchangeState || {} - }); - }, - - // TODO We really only want to set this up once - // but I'm not clear if there's a beter way to achieve - // this with the jQuery special event structure - setup: function( /* data, namespaces */ ) { - if ( self.bound ) { - return; - } - - self.bound = true; - - self.originalEventName = "popstate"; - $win.bind("popstate.navigate", self.popstate); - } - }; -})( jQuery ); - -(function( $, undefined ) { - var props = { - "animation": {}, - "transition": {} - }, - testElement = document.createElement( "a" ), - vendorPrefixes = [ "", "webkit-", "moz-", "o-" ]; - - $.each( [ "animation", "transition" ], function( i, test ) { - - // Get correct name for test - var testName = ( i === 0 ) ? test + "-" + "name" : test; - - $.each( vendorPrefixes, function( j, prefix ) { - if ( testElement.style[ $.camelCase( prefix + testName ) ] !== undefined ) { - props[ test ][ "prefix" ] = prefix; - return false; - } - }); - - // Set event and duration names for later use - props[ test ][ "duration" ] = - $.camelCase( props[ test ][ "prefix" ] + test + "-" + "duration" ); - props[ test ][ "event" ] = - $.camelCase( props[ test ][ "prefix" ] + test + "-" + "end" ); - - // All lower case if not a vendor prop - if ( props[ test ][ "prefix" ] === "" ) { - props[ test ][ "event" ] = props[ test ][ "event" ].toLowerCase(); - } - }); - - // If a valid prefix was found then the it is supported by the browser - $.support.cssTransitions = ( props[ "transition" ][ "prefix" ] !== undefined ); - $.support.cssAnimations = ( props[ "animation" ][ "prefix" ] !== undefined ); - - // Remove the testElement - $( testElement ).remove(); - - // Animation complete callback - $.fn.animationComplete = function( callback, type, fallbackTime ) { - var timer, duration, - that = this, - eventBinding = function() { - - // Clear the timer so we don't call callback twice - clearTimeout( timer ); - callback.apply( this, arguments ); - }, - animationType = ( !type || type === "animation" ) ? "animation" : "transition"; - - // Make sure selected type is supported by browser - if ( ( $.support.cssTransitions && animationType === "transition" ) || - ( $.support.cssAnimations && animationType === "animation" ) ) { - - // If a fallback time was not passed set one - if ( fallbackTime === undefined ) { - - // Make sure the was not bound to document before checking .css - if ( $( this ).context !== document ) { - - // Parse the durration since its in second multiple by 1000 for milliseconds - // Multiply by 3 to make sure we give the animation plenty of time. - duration = parseFloat( - $( this ).css( props[ animationType ].duration ) - ) * 3000; - } - - // If we could not read a duration use the default - if ( duration === 0 || duration === undefined || isNaN( duration ) ) { - duration = $.fn.animationComplete.defaultDuration; - } - } - - // Sets up the fallback if event never comes - timer = setTimeout( function() { - $( that ).off( props[ animationType ].event, eventBinding ); - callback.apply( that ); - }, duration ); - - // Bind the event - return $( this ).one( props[ animationType ].event, eventBinding ); - } else { - - // CSS animation / transitions not supported - // Defer execution for consistency between webkit/non webkit - setTimeout( $.proxy( callback, this ), 0 ); - return $( this ); - } - }; - - // Allow default callback to be configured on mobileInit - $.fn.animationComplete.defaultDuration = 1000; -})( jQuery ); - -/*! - * jQuery UI Widget c0ab71056b936627e8a7821f03c044aec6280a40 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://api.jqueryui.com/jQuery.widget/ - */ -(function( $, undefined ) { - -var uuid = 0, - slice = Array.prototype.slice, - _cleanData = $.cleanData; -$.cleanData = function( elems ) { - for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) { - try { - $( elem ).triggerHandler( "remove" ); - // http://bugs.jquery.com/ticket/8235 - } catch( e ) {} - } - _cleanData( elems ); -}; - -$.widget = function( name, base, prototype ) { - var fullName, existingConstructor, constructor, basePrototype, - // proxiedPrototype allows the provided prototype to remain unmodified - // so that it can be used as a mixin for multiple widgets (#8876) - proxiedPrototype = {}, - namespace = name.split( "." )[ 0 ]; - - name = name.split( "." )[ 1 ]; - fullName = namespace + "-" + name; - - if ( !prototype ) { - prototype = base; - base = $.Widget; - } - - // create selector for plugin - $.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) { - return !!$.data( elem, fullName ); - }; - - $[ namespace ] = $[ namespace ] || {}; - existingConstructor = $[ namespace ][ name ]; - constructor = $[ namespace ][ name ] = function( options, element ) { - // allow instantiation without "new" keyword - if ( !this._createWidget ) { - return new constructor( options, element ); - } - - // allow instantiation without initializing for simple inheritance - // must use "new" keyword (the code above always passes args) - if ( arguments.length ) { - this._createWidget( options, element ); - } - }; - // extend with the existing constructor to carry over any static properties - $.extend( constructor, existingConstructor, { - version: prototype.version, - // copy the object used to create the prototype in case we need to - // redefine the widget later - _proto: $.extend( {}, prototype ), - // track widgets that inherit from this widget in case this widget is - // redefined after a widget inherits from it - _childConstructors: [] - }); - - basePrototype = new base(); - // we need to make the options hash a property directly on the new instance - // otherwise we'll modify the options hash on the prototype that we're - // inheriting from - basePrototype.options = $.widget.extend( {}, basePrototype.options ); - $.each( prototype, function( prop, value ) { - if ( !$.isFunction( value ) ) { - proxiedPrototype[ prop ] = value; - return; - } - proxiedPrototype[ prop ] = (function() { - var _super = function() { - return base.prototype[ prop ].apply( this, arguments ); - }, - _superApply = function( args ) { - return base.prototype[ prop ].apply( this, args ); - }; - return function() { - var __super = this._super, - __superApply = this._superApply, - returnValue; - - this._super = _super; - this._superApply = _superApply; - - returnValue = value.apply( this, arguments ); - - this._super = __super; - this._superApply = __superApply; - - return returnValue; - }; - })(); - }); - constructor.prototype = $.widget.extend( basePrototype, { - // TODO: remove support for widgetEventPrefix - // always use the name + a colon as the prefix, e.g., draggable:start - // don't prefix for widgets that aren't DOM-based - widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name - }, proxiedPrototype, { - constructor: constructor, - namespace: namespace, - widgetName: name, - widgetFullName: fullName - }); - - // If this widget is being redefined then we need to find all widgets that - // are inheriting from it and redefine all of them so that they inherit from - // the new version of this widget. We're essentially trying to replace one - // level in the prototype chain. - if ( existingConstructor ) { - $.each( existingConstructor._childConstructors, function( i, child ) { - var childPrototype = child.prototype; - - // redefine the child widget using the same prototype that was - // originally used, but inherit from the new version of the base - $.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto ); - }); - // remove the list of existing child constructors from the old constructor - // so the old child constructors can be garbage collected - delete existingConstructor._childConstructors; - } else { - base._childConstructors.push( constructor ); - } - - $.widget.bridge( name, constructor ); - - return constructor; -}; - -$.widget.extend = function( target ) { - var input = slice.call( arguments, 1 ), - inputIndex = 0, - inputLength = input.length, - key, - value; - for ( ; inputIndex < inputLength; inputIndex++ ) { - for ( key in input[ inputIndex ] ) { - value = input[ inputIndex ][ key ]; - if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) { - // Clone objects - if ( $.isPlainObject( value ) ) { - target[ key ] = $.isPlainObject( target[ key ] ) ? - $.widget.extend( {}, target[ key ], value ) : - // Don't extend strings, arrays, etc. with objects - $.widget.extend( {}, value ); - // Copy everything else by reference - } else { - target[ key ] = value; - } - } - } - } - return target; -}; - -$.widget.bridge = function (name, object) { - - var fullName = object.prototype.widgetFullName || name; - $.fn[ name ] = function( options ) { - var isMethodCall = typeof options === "string", - args = slice.call( arguments, 1 ), - returnValue = this; - - // allow multiple hashes to be passed on init - options = !isMethodCall && args.length ? - $.widget.extend.apply( null, [ options ].concat(args) ) : - options; - - if ( isMethodCall ) { - this.each(function() { - var methodValue, - instance = $.data( this, fullName ); - if ( options === "instance" ) { - returnValue = instance; - return false; - } - if ( !instance ) { - return $.error( "cannot call methods on " + name + " prior to initialization; " + - "attempted to call method '" + options + "'" ); - } - if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) { - return $.error( "no such method '" + options + "' for " + name + " widget instance" ); - } - methodValue = instance[ options ].apply( instance, args ); - if ( methodValue !== instance && methodValue !== undefined ) { - returnValue = methodValue && methodValue.jquery ? - returnValue.pushStack( methodValue.get() ) : - methodValue; - return false; - } - }); - } else { - this.each(function() { - var instance = $.data( this, fullName ); - if ( instance ) { - instance.option( options || {} )._init(); - } else { - $.data( this, fullName, new object( options, this ) ); - } - }); - } - - return returnValue; - }; -}; - -$.Widget = function( /* options, element */ ) {}; -$.Widget._childConstructors = []; - -$.Widget.prototype = { - widgetName: "widget", - widgetEventPrefix: "", - defaultElement: "
", - options: { - disabled: false, - - // callbacks - create: null - }, - _createWidget: function( options, element ) { - element = $( element || this.defaultElement || this )[ 0 ]; - this.element = $( element ); - this.uuid = uuid++; - this.eventNamespace = "." + this.widgetName + this.uuid; - this.options = $.widget.extend( {}, - this.options, - this._getCreateOptions(), - options ); - - this.bindings = $(); - this.hoverable = $(); - this.focusable = $(); - - if ( element !== this ) { - $.data( element, this.widgetFullName, this ); - this._on( true, this.element, { - remove: function( event ) { - if ( event.target === element ) { - this.destroy(); - } - } - }); - this.document = $( element.style ? - // element within the document - element.ownerDocument : - // element is window or document - element.document || element ); - this.window = $( this.document[0].defaultView || this.document[0].parentWindow ); - } - - this._create(); - this._trigger( "create", null, this._getCreateEventData() ); - this._init(); - }, - _getCreateOptions: $.noop, - _getCreateEventData: $.noop, - _create: $.noop, - _init: $.noop, - - destroy: function() { - this._destroy(); - // we can probably remove the unbind calls in 2.0 - // all event bindings should go through this._on() - this.element - .unbind( this.eventNamespace ) - .removeData( this.widgetFullName ) - // support: jquery <1.6.3 - // http://bugs.jquery.com/ticket/9413 - .removeData( $.camelCase( this.widgetFullName ) ); - this.widget() - .unbind( this.eventNamespace ) - .removeAttr( "aria-disabled" ) - .removeClass( - this.widgetFullName + "-disabled " + - "ui-state-disabled" ); - - // clean up events and states - this.bindings.unbind( this.eventNamespace ); - this.hoverable.removeClass( "ui-state-hover" ); - this.focusable.removeClass( "ui-state-focus" ); - }, - _destroy: $.noop, - - widget: function() { - return this.element; - }, - - option: function( key, value ) { - var options = key, - parts, - curOption, - i; - - if ( arguments.length === 0 ) { - // don't return a reference to the internal hash - return $.widget.extend( {}, this.options ); - } - - if ( typeof key === "string" ) { - // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } } - options = {}; - parts = key.split( "." ); - key = parts.shift(); - if ( parts.length ) { - curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] ); - for ( i = 0; i < parts.length - 1; i++ ) { - curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {}; - curOption = curOption[ parts[ i ] ]; - } - key = parts.pop(); - if ( value === undefined ) { - return curOption[ key ] === undefined ? null : curOption[ key ]; - } - curOption[ key ] = value; - } else { - if ( value === undefined ) { - return this.options[ key ] === undefined ? null : this.options[ key ]; - } - options[ key ] = value; - } - } - - this._setOptions( options ); - - return this; - }, - _setOptions: function( options ) { - var key; - - for ( key in options ) { - this._setOption( key, options[ key ] ); - } - - return this; - }, - _setOption: function( key, value ) { - this.options[ key ] = value; - - if ( key === "disabled" ) { - this.widget() - .toggleClass( this.widgetFullName + "-disabled", !!value ); - this.hoverable.removeClass( "ui-state-hover" ); - this.focusable.removeClass( "ui-state-focus" ); - } - - return this; - }, - - enable: function() { - return this._setOptions({ disabled: false }); - }, - disable: function() { - return this._setOptions({ disabled: true }); - }, - - _on: function( suppressDisabledCheck, element, handlers ) { - var delegateElement, - instance = this; - - // no suppressDisabledCheck flag, shuffle arguments - if ( typeof suppressDisabledCheck !== "boolean" ) { - handlers = element; - element = suppressDisabledCheck; - suppressDisabledCheck = false; - } - - // no element argument, shuffle and use this.element - if ( !handlers ) { - handlers = element; - element = this.element; - delegateElement = this.widget(); - } else { - // accept selectors, DOM elements - element = delegateElement = $( element ); - this.bindings = this.bindings.add( element ); - } - - $.each( handlers, function( event, handler ) { - function handlerProxy() { - // allow widgets to customize the disabled handling - // - disabled as an array instead of boolean - // - disabled class as method for disabling individual parts - if ( !suppressDisabledCheck && - ( instance.options.disabled === true || - $( this ).hasClass( "ui-state-disabled" ) ) ) { - return; - } - return ( typeof handler === "string" ? instance[ handler ] : handler ) - .apply( instance, arguments ); - } - - // copy the guid so direct unbinding works - if ( typeof handler !== "string" ) { - handlerProxy.guid = handler.guid = - handler.guid || handlerProxy.guid || $.guid++; - } - - var match = event.match( /^(\w+)\s*(.*)$/ ), - eventName = match[1] + instance.eventNamespace, - selector = match[2]; - if ( selector ) { - delegateElement.delegate( selector, eventName, handlerProxy ); - } else { - element.bind( eventName, handlerProxy ); - } - }); - }, - - _off: function( element, eventName ) { - eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + this.eventNamespace; - element.unbind( eventName ).undelegate( eventName ); - }, - - _delay: function( handler, delay ) { - function handlerProxy() { - return ( typeof handler === "string" ? instance[ handler ] : handler ) - .apply( instance, arguments ); - } - var instance = this; - return setTimeout( handlerProxy, delay || 0 ); - }, - - _hoverable: function( element ) { - this.hoverable = this.hoverable.add( element ); - this._on( element, { - mouseenter: function( event ) { - $( event.currentTarget ).addClass( "ui-state-hover" ); - }, - mouseleave: function( event ) { - $( event.currentTarget ).removeClass( "ui-state-hover" ); - } - }); - }, - - _focusable: function( element ) { - this.focusable = this.focusable.add( element ); - this._on( element, { - focusin: function( event ) { - $( event.currentTarget ).addClass( "ui-state-focus" ); - }, - focusout: function( event ) { - $( event.currentTarget ).removeClass( "ui-state-focus" ); - } - }); - }, - - _trigger: function( type, event, data ) { - var prop, orig, - callback = this.options[ type ]; - - data = data || {}; - event = $.Event( event ); - event.type = ( type === this.widgetEventPrefix ? - type : - this.widgetEventPrefix + type ).toLowerCase(); - // the original event may come from any element - // so we need to reset the target on the new event - event.target = this.element[ 0 ]; - - // copy original event properties over to the new event - orig = event.originalEvent; - if ( orig ) { - for ( prop in orig ) { - if ( !( prop in event ) ) { - event[ prop ] = orig[ prop ]; - } - } - } - - this.element.trigger( event, data ); - return !( $.isFunction( callback ) && - callback.apply( this.element[0], [ event ].concat( data ) ) === false || - event.isDefaultPrevented() ); - } -}; - -$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) { - $.Widget.prototype[ "_" + method ] = function( element, options, callback ) { - if ( typeof options === "string" ) { - options = { effect: options }; - } - var hasOptions, - effectName = !options ? - method : - options === true || typeof options === "number" ? - defaultEffect : - options.effect || defaultEffect; - options = options || {}; - if ( typeof options === "number" ) { - options = { duration: options }; - } - hasOptions = !$.isEmptyObject( options ); - options.complete = callback; - if ( options.delay ) { - element.delay( options.delay ); - } - if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) { - element[ method ]( options ); - } else if ( effectName !== method && element[ effectName ] ) { - element[ effectName ]( options.duration, options.easing, callback ); - } else { - element.queue(function( next ) { - $( this )[ method ](); - if ( callback ) { - callback.call( element[ 0 ] ); - } - next(); - }); - } - }; -}); - -})( jQuery ); - -(function( $, undefined ) { - -var rcapitals = /[A-Z]/g, - replaceFunction = function( c ) { - return "-" + c.toLowerCase(); - }; - -$.extend( $.Widget.prototype, { - _getCreateOptions: function() { - var option, value, - elem = this.element[ 0 ], - options = {}; - - // - if ( !$.mobile.getAttribute( elem, "defaults" ) ) { - for ( option in this.options ) { - value = $.mobile.getAttribute( elem, option.replace( rcapitals, replaceFunction ) ); - - if ( value != null ) { - options[ option ] = value; - } - } - } - - return options; - } -}); - -//TODO: Remove in 1.5 for backcompat only -$.mobile.widget = $.Widget; - -})( jQuery ); - -(function( $, undefined ) { -$.mobile.widgets = {}; - -var originalWidget = $.widget, - - // Record the original, non-mobileinit-modified version of $.mobile.keepNative - // so we can later determine whether someone has modified $.mobile.keepNative - keepNativeFactoryDefault = $.mobile.keepNative; - -$.widget = (function( orig ) { - return function() { - var constructor = orig.apply( this, arguments ), - name = constructor.prototype.widgetName; - - constructor.initSelector = ( ( constructor.prototype.initSelector !== undefined ) ? - constructor.prototype.initSelector : "*[data-role='" + name + "']:not([data-role='none'])" ); - - $.mobile.widgets[ name ] = constructor; - - return constructor; - }; -})( $.widget ); - -// Make sure $.widget still has bridge and extend methods -$.extend( $.widget, originalWidget ); - -// For backcompat remove in 1.5 -$.mobile.document.on( "create", function( event ) { - $( event.target ).enhanceWithin(); -}); - -$.widget( "mobile.page", { - options: { - theme: "a", - domCache: false, - - // Deprecated in 1.4 remove in 1.5 - keepNativeDefault: $.mobile.keepNative, - - // Deprecated in 1.4 remove in 1.5 - contentTheme: null, - enhanced: false - }, - - // DEPRECATED for > 1.4 - // TODO remove at 1.5 - _createWidget: function () { - - $.Widget.prototype._createWidget.apply(this, arguments); - this._trigger("init"); - }, - - _create: function () { - - if (!this.options.enhanced) { - this._enhance(); - } - - this._on( this.element, { - pagebeforehide: "removeContainerBackground", - pagebeforeshow: "_handlePageBeforeShow" - }); - - this.element.enhanceWithin(); - }, - - _enhance: function () { - var attrPrefix = "data-" + $.mobile.ns, - self = this; - - var element = this.element[0]; - - if ( this.options.role ) { - element.setAttribute("data-" + $.mobile.ns + "role", this.options.role); - } - - element.setAttribute("tabindex", "0"); - element.classList.add("ui-page"); - element.classList.add("ui-page-theme-" + this.options.theme); - - var contents = element.querySelectorAll("div[data-role='content']"); - - for (var i = 0, length = contents.length; i < length; i++) { - var content = contents[i]; - var theme = content.getAttribute(attrPrefix + "theme") || undefined; - self.options.contentTheme = theme || self.options.contentTheme || (self.options.dialog && self.options.theme) || (self.element.jqmData("role") === "dialog" && self.options.theme); - content.classList.add("ui-content"); - if (self.options.contentTheme) { - content.classList.add("ui-body-" + (self.options.contentTheme)); - } - // Add ARIA role - content.setAttribute("role", "main"); - content.classList.add("ui-content"); + var fakeBody = $("").prependTo("html"), + fbCSS = fakeBody[0].style, + vendors = ["Webkit", "Moz", "O"], + webos = "palmGetResource" in window, //only used to rule out scrollTop + operamini = window.operamini && ({}).toString.call(window.operamini) === "[object OperaMini]", + bb = window.blackberry && !propExists("-webkit-transform"), //only used to rule out box shadow, as it's filled opaque on BB 5 and lower + nokiaLTE7_3; + + // inline SVG support test + function inlineSVG() { + // Thanks Modernizr & Erik Dahlstrom + var w = window, + svg = !!w.document.createElementNS && !!w.document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect && !(w.opera && navigator.userAgent.indexOf("Chrome") === -1), + support = function (data) { + if (!(data && svg)) { + $("html").addClass("ui-nosvg"); + } + }, + img = new w.Image(); + + img.onerror = function () { + support(false); + }; + img.onload = function () { + support(img.width === 1 && img.height === 1); + }; + img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; } - }, - _setOptions: function (o) { + function transform3dTest() { + var mqProp = "transform-3d", + // Because the `translate3d` test below throws false positives in Android: + ret = $.mobile.media("(-" + vendors.join("-" + mqProp + "),(-") + "-" + mqProp + "),(" + mqProp + ")"), + el, transforms, t; - var elem = this.element[0]; - if ( o.theme !== undefined ) { - elem.classList.remove("ui-page-theme-" + this.options.theme); - elem.classList.add("ui-page-theme-" + o.theme); - } - - if (o.contentTheme !== undefined) { - var elems = elem.querySelectorAll("*[data-" + $.mobile.ns + "='content']"); - for (var i = 0, length = elems.length; i < length; i++) { - var el = elems[i]; - el.classList.remove("ui-body-" + this.options.contentTheme); - el.classList.add("ui-body-" + o.contentTheme); + if (ret) { + return !!ret; } - } - }, - _handlePageBeforeShow: function(/* e */) { - this.setContainerBackground(); - }, - // Deprecated in 1.4 remove in 1.5 - removeContainerBackground: function () { - $(this.element[0].parentNode).pagecontainer({ "theme": "none" }); - }, - // Deprecated in 1.4 remove in 1.5 - // set the page container background to the page theme - setContainerBackground: function( theme ) { - $(this.element[0].parentNode).pagecontainer({ "theme": theme || this.options.theme }); - }, - // Deprecated in 1.4 remove in 1.5 - keepNativeSelector: function() { - var options = this.options, - keepNative = $.trim( options.keepNative || "" ), - globalValue = $.trim( $.mobile.keepNative ), - optionValue = $.trim( options.keepNativeDefault ), + el = document.createElement("div"); + transforms = { + // We’re omitting Opera for the time being; MS uses unprefixed. + "MozTransform": "-moz-transform", + "transform": "transform" + }; - // Check if $.mobile.keepNative has changed from the factory default - newDefault = ( keepNativeFactoryDefault === globalValue ? - "" : globalValue ), + fakeBody.append(el); - // If $.mobile.keepNative has not changed, use options.keepNativeDefault - oldDefault = ( newDefault === "" ? optionValue : "" ); + for (t in transforms) { + if (el.style[t] !== undefined) { + el.style[t] = "translate3d( 100px, 1px, 1px )"; + ret = window.getComputedStyle(el).getPropertyValue(transforms[t]); + } + } + return (!!ret && ret !== "none"); + } - // Concatenate keepNative selectors from all sources where the value has - // changed or, if nothing has changed, return the default - return ( ( keepNative ? [ keepNative ] : [] ) - .concat( newDefault ? [ newDefault ] : [] ) - .concat( oldDefault ? [ oldDefault ] : [] ) - .join( ", " ) ); - } -}); -})( jQuery ); + // Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting ) + function baseTagTest() { + var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/", + base = $("head base"), + fauxEle = null, + href = "", + link, rebase; + + if (!base.length) { + base = fauxEle = $("", { "href": fauxBase }).appendTo("head"); + } else { + href = base.attr("href"); + } + + link = $("").prependTo(fakeBody); + rebase = link[0].href; + base[0].href = href || location.pathname; + + if (fauxEle) { + fauxEle.remove(); + } + return rebase.indexOf(fauxBase) === 0; + } + + // Thanks Modernizr + function cssPointerEventsTest() { + var element = document.createElement("x"), + documentElement = document.documentElement, + getComputedStyle = window.getComputedStyle, + supports; + + if (!("pointerEvents" in element.style)) { + return false; + } + + element.style.pointerEvents = "auto"; + element.style.pointerEvents = "x"; + documentElement.appendChild(element); + supports = getComputedStyle && + getComputedStyle(element, "").pointerEvents === "auto"; + documentElement.removeChild(element); + return !!supports; + } + + function boundingRect() { + var div = document.createElement("div"); + return typeof div.getBoundingClientRect !== "undefined"; + } + + // non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683 + // allows for inclusion of IE 6+, including Windows Mobile 7 + $.extend($.mobile, { browser: {} }); + $.mobile.browser.oldIE = (function () { + var v = 3, + div = document.createElement("div"), + a = div.all || []; + + do { + div.innerHTML = ""; + } while (a[0]); + + return v > 4 ? v : !v; + })(); + + $.extend($.support, { + mediaquery: $.mobile.media("only all"), + cssPseudoElement: !!propExists("content"), + touchOverflow: !!propExists("overflowScrolling"), + cssTransform3d: transform3dTest(), + fixedPosition: true, + scrollTop: ("pageXOffset" in window || + "scrollTop" in document.documentElement || + "scrollTop" in fakeBody[0]) && !webos && !operamini, + + dynamicBaseTag: baseTagTest(), + cssPointerEvents: cssPointerEventsTest(), + boundingRect: boundingRect(), + inlineSVG: inlineSVG + }); + + fakeBody.remove(); + + // Support conditions that must be met in order to proceed + // default enhanced qualifications are media query support OR IE 7+ + + $.mobile.gradeA = function () { + return (($.support.mediaquery && $.support.cssPseudoElement) || $.mobile.browser.oldIE && $.mobile.browser.oldIE >= 8) && ($.support.boundingRect || $.fn.jquery.match(/1\.[0-7+]\.[0-9+]?/) !== null); + }; + + $.mobile.ajaxBlacklist = + // BlackBerry browsers, pre-webkit + window.blackberry && !window.WebKitPoint || + // Opera Mini + operamini; + + })(jQuery); -(function( $, undefined ) { - var path, $base, dialogHashKey = "&ui-state=dialog"; + (function ($, undefined) { + var $win = $.mobile.window, self, + dummyFnToInitNavigate = function () { + }; - $.mobile.path = path = { - uiStateKey: "&ui-state", + $.event.special.navigate = self = { + bound: false, - // This scary looking regular expression parses an absolute URL or its relative - // variants (protocol, site, document, query, and hash), into the various - // components (protocol, host, path, query, fragment, etc that make up the - // URL as well as some other commonly used sub-parts. When used with RegExp.exec() - // or String.match, it parses the URL into a results array that looks like this: - // - // [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content - // [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread - // [2]: http://jblas:password@mycompany.com:8080/mail/inbox - // [3]: http://jblas:password@mycompany.com:8080 - // [4]: http: - // [5]: // - // [6]: jblas:password@mycompany.com:8080 - // [7]: jblas:password - // [8]: jblas - // [9]: password - // [10]: mycompany.com:8080 - // [11]: mycompany.com - // [12]: 8080 - // [13]: /mail/inbox - // [14]: /mail/ - // [15]: inbox - // [16]: ?msg=1234&type=unread - // [17]: #msg-content - // - urlParseRE: /^\s*(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/, + originalEventName: undefined, - // Abstraction to address xss (Issue #4787) by removing the authority in - // browsers that auto-decode it. All references to location.href should be - // replaced with a call to this method so that it can be dealt with properly here - getLocation: function( url ) { - var parsedUrl = this.parseUrl( url || location.href ), + // TODO a lot of duplication between popstate and hashchange + popstate: function (event) { + var newEvent = new $.Event("navigate"), + state = event.originalEvent.state || {}; + + if (event.historyState) { + $.extend(state, event.historyState); + } + + // Make sure the original event is tracked for the end + // user to inspect incase they want to do something special + newEvent.originalEvent = event; + + // NOTE we let the current stack unwind because any assignment to + // location.hash will stop the world and run this event handler. By + // doing this we create a similar behavior to hashchange on hash + // assignment + setTimeout(function () { + $win.trigger(newEvent, { + state: state + }); + }, 0); + }, + + hashchange: function (event /*, data */) { + var newEvent = new $.Event("navigate"); + + // Make sure the original event is tracked for the end + // user to inspect incase they want to do something special + newEvent.originalEvent = event; + + // Trigger the hashchange with state provided by the user + // that altered the hash + $win.trigger(newEvent, { + // Users that want to fully normalize the two events + // will need to do history management down the stack and + // add the state to the event before this binding is fired + // TODO consider allowing for the explicit addition of callbacks + // to be fired before this value is set to avoid event timing issues + state: event.hashchangeState || {} + }); + }, + + // TODO We really only want to set this up once + // but I'm not clear if there's a beter way to achieve + // this with the jQuery special event structure + setup: function ( /* data, namespaces */) { + if (self.bound) { + return; + } + + self.bound = true; + + self.originalEventName = "popstate"; + $win.bind("popstate.navigate", self.popstate); + } + }; + })(jQuery); + + (function ($, undefined) { + var props = { + "animation": {}, + "transition": {} + }, + testElement = document.createElement("a"), + vendorPrefixes = ["", "webkit-", "moz-", "o-"]; + + $.each(["animation", "transition"], function (i, test) { + + // Get correct name for test + var testName = (i === 0) ? test + "-" + "name" : test; + + $.each(vendorPrefixes, function (j, prefix) { + if (testElement.style[$.camelCase(prefix + testName)] !== undefined) { + props[test]["prefix"] = prefix; + return false; + } + }); + + // Set event and duration names for later use + props[test]["duration"] = + $.camelCase(props[test]["prefix"] + test + "-" + "duration"); + props[test]["event"] = + $.camelCase(props[test]["prefix"] + test + "-" + "end"); + + // All lower case if not a vendor prop + if (props[test]["prefix"] === "") { + props[test]["event"] = props[test]["event"].toLowerCase(); + } + }); + + // If a valid prefix was found then the it is supported by the browser + $.support.cssTransitions = (props["transition"]["prefix"] !== undefined); + $.support.cssAnimations = (props["animation"]["prefix"] !== undefined); + + // Remove the testElement + $(testElement).remove(); + + // Animation complete callback + $.fn.animationComplete = function (callback, type, fallbackTime) { + var timer, duration, + that = this, + eventBinding = function () { + + // Clear the timer so we don't call callback twice + clearTimeout(timer); + callback.apply(this, arguments); + }, + animationType = (!type || type === "animation") ? "animation" : "transition"; + + // Make sure selected type is supported by browser + if (($.support.cssTransitions && animationType === "transition") || + ($.support.cssAnimations && animationType === "animation")) { + + // If a fallback time was not passed set one + if (fallbackTime === undefined) { + + // Make sure the was not bound to document before checking .css + if ($(this).context !== document) { + + // Parse the durration since its in second multiple by 1000 for milliseconds + // Multiply by 3 to make sure we give the animation plenty of time. + duration = parseFloat( + $(this).css(props[animationType].duration) + ) * 3000; + } + + // If we could not read a duration use the default + if (duration === 0 || duration === undefined || isNaN(duration)) { + duration = $.fn.animationComplete.defaultDuration; + } + } + + // Sets up the fallback if event never comes + timer = setTimeout(function () { + $(that).off(props[animationType].event, eventBinding); + callback.apply(that); + }, duration); + + // Bind the event + return $(this).one(props[animationType].event, eventBinding); + } else { + + // CSS animation / transitions not supported + // Defer execution for consistency between webkit/non webkit + setTimeout($.proxy(callback, this), 0); + return $(this); + } + }; + + // Allow default callback to be configured on mobileInit + $.fn.animationComplete.defaultDuration = 1000; + })(jQuery); + + /*! + * jQuery UI Widget c0ab71056b936627e8a7821f03c044aec6280a40 + * http://jqueryui.com + * + * Copyright 2013 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/jQuery.widget/ + */ + (function ($, undefined) { + + var uuid = 0, + slice = Array.prototype.slice, + _cleanData = $.cleanData; + $.cleanData = function (elems) { + for (var i = 0, elem; (elem = elems[i]) != null; i++) { + try { + $(elem).triggerHandler("remove"); + // http://bugs.jquery.com/ticket/8235 + } catch (e) { } + } + _cleanData(elems); + }; + + $.widget = function (name, base, prototype) { + var fullName, existingConstructor, constructor, basePrototype, + // proxiedPrototype allows the provided prototype to remain unmodified + // so that it can be used as a mixin for multiple widgets (#8876) + proxiedPrototype = {}, + namespace = name.split(".")[0]; + + name = name.split(".")[1]; + fullName = namespace + "-" + name; + + if (!prototype) { + prototype = base; + base = $.Widget; + } + + // create selector for plugin + $.expr[":"][fullName.toLowerCase()] = function (elem) { + return !!$.data(elem, fullName); + }; + + $[namespace] = $[namespace] || {}; + existingConstructor = $[namespace][name]; + constructor = $[namespace][name] = function (options, element) { + // allow instantiation without "new" keyword + if (!this._createWidget) { + return new constructor(options, element); + } + + // allow instantiation without initializing for simple inheritance + // must use "new" keyword (the code above always passes args) + if (arguments.length) { + this._createWidget(options, element); + } + }; + // extend with the existing constructor to carry over any static properties + $.extend(constructor, existingConstructor, { + version: prototype.version, + // copy the object used to create the prototype in case we need to + // redefine the widget later + _proto: $.extend({}, prototype), + // track widgets that inherit from this widget in case this widget is + // redefined after a widget inherits from it + _childConstructors: [] + }); + + basePrototype = new base(); + // we need to make the options hash a property directly on the new instance + // otherwise we'll modify the options hash on the prototype that we're + // inheriting from + basePrototype.options = $.widget.extend({}, basePrototype.options); + $.each(prototype, function (prop, value) { + if (!$.isFunction(value)) { + proxiedPrototype[prop] = value; + return; + } + proxiedPrototype[prop] = (function () { + var _super = function () { + return base.prototype[prop].apply(this, arguments); + }, + _superApply = function (args) { + return base.prototype[prop].apply(this, args); + }; + return function () { + var __super = this._super, + __superApply = this._superApply, + returnValue; + + this._super = _super; + this._superApply = _superApply; + + returnValue = value.apply(this, arguments); + + this._super = __super; + this._superApply = __superApply; + + return returnValue; + }; + })(); + }); + constructor.prototype = $.widget.extend(basePrototype, { + // TODO: remove support for widgetEventPrefix + // always use the name + a colon as the prefix, e.g., draggable:start + // don't prefix for widgets that aren't DOM-based + widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name + }, proxiedPrototype, { + constructor: constructor, + namespace: namespace, + widgetName: name, + widgetFullName: fullName + }); + + // If this widget is being redefined then we need to find all widgets that + // are inheriting from it and redefine all of them so that they inherit from + // the new version of this widget. We're essentially trying to replace one + // level in the prototype chain. + if (existingConstructor) { + $.each(existingConstructor._childConstructors, function (i, child) { + var childPrototype = child.prototype; + + // redefine the child widget using the same prototype that was + // originally used, but inherit from the new version of the base + $.widget(childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto); + }); + // remove the list of existing child constructors from the old constructor + // so the old child constructors can be garbage collected + delete existingConstructor._childConstructors; + } else { + base._childConstructors.push(constructor); + } + + $.widget.bridge(name, constructor); + + return constructor; + }; + + $.widget.extend = function (target) { + var input = slice.call(arguments, 1), + inputIndex = 0, + inputLength = input.length, + key, + value; + for (; inputIndex < inputLength; inputIndex++) { + for (key in input[inputIndex]) { + value = input[inputIndex][key]; + if (input[inputIndex].hasOwnProperty(key) && value !== undefined) { + // Clone objects + if ($.isPlainObject(value)) { + target[key] = $.isPlainObject(target[key]) ? + $.widget.extend({}, target[key], value) : + // Don't extend strings, arrays, etc. with objects + $.widget.extend({}, value); + // Copy everything else by reference + } else { + target[key] = value; + } + } + } + } + return target; + }; + + $.widget.bridge = function (name, object) { + + var fullName = object.prototype.widgetFullName || name; + $.fn[name] = function (options) { + var isMethodCall = typeof options === "string", + args = slice.call(arguments, 1), + returnValue = this; + + // allow multiple hashes to be passed on init + options = !isMethodCall && args.length ? + $.widget.extend.apply(null, [options].concat(args)) : + options; + + if (isMethodCall) { + this.each(function () { + var methodValue, + instance = $.data(this, fullName); + if (options === "instance") { + returnValue = instance; + return false; + } + if (!instance) { + return $.error("cannot call methods on " + name + " prior to initialization; " + + "attempted to call method '" + options + "'"); + } + if (!$.isFunction(instance[options]) || options.charAt(0) === "_") { + return $.error("no such method '" + options + "' for " + name + " widget instance"); + } + methodValue = instance[options].apply(instance, args); + if (methodValue !== instance && methodValue !== undefined) { + returnValue = methodValue && methodValue.jquery ? + returnValue.pushStack(methodValue.get()) : + methodValue; + return false; + } + }); + } else { + this.each(function () { + var instance = $.data(this, fullName); + if (instance) { + instance.option(options || {})._init(); + } else { + $.data(this, fullName, new object(options, this)); + } + }); + } + + return returnValue; + }; + }; + + $.Widget = function ( /* options, element */) { }; + $.Widget._childConstructors = []; + + $.Widget.prototype = { + widgetName: "widget", + widgetEventPrefix: "", + defaultElement: "
", + options: { + disabled: false, + + // callbacks + create: null + }, + _createWidget: function (options, element) { + element = $(element || this.defaultElement || this)[0]; + this.element = $(element); + this.uuid = uuid++; + this.eventNamespace = "." + this.widgetName + this.uuid; + this.options = $.widget.extend({}, + this.options, + this._getCreateOptions(), + options); + + this.bindings = $(); + this.hoverable = $(); + this.focusable = $(); + + if (element !== this) { + $.data(element, this.widgetFullName, this); + this._on(true, this.element, { + remove: function (event) { + if (event.target === element) { + this.destroy(); + } + } + }); + this.document = $(element.style ? + // element within the document + element.ownerDocument : + // element is window or document + element.document || element); + this.window = $(this.document[0].defaultView || this.document[0].parentWindow); + } + + this._create(); + this._trigger("create", null, this._getCreateEventData()); + this._init(); + }, + _getCreateOptions: $.noop, + _getCreateEventData: $.noop, + _create: $.noop, + _init: $.noop, + + destroy: function () { + this._destroy(); + // we can probably remove the unbind calls in 2.0 + // all event bindings should go through this._on() + this.element + .unbind(this.eventNamespace) + .removeData(this.widgetFullName) + // support: jquery <1.6.3 + // http://bugs.jquery.com/ticket/9413 + .removeData($.camelCase(this.widgetFullName)); + this.widget() + .unbind(this.eventNamespace) + .removeAttr("aria-disabled") + .removeClass( + this.widgetFullName + "-disabled " + + "ui-state-disabled"); + + // clean up events and states + this.bindings.unbind(this.eventNamespace); + this.hoverable.removeClass("ui-state-hover"); + this.focusable.removeClass("ui-state-focus"); + }, + _destroy: $.noop, + + widget: function () { + return this.element; + }, + + option: function (key, value) { + var options = key, + parts, + curOption, + i; + + if (arguments.length === 0) { + // don't return a reference to the internal hash + return $.widget.extend({}, this.options); + } + + if (typeof key === "string") { + // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } } + options = {}; + parts = key.split("."); + key = parts.shift(); + if (parts.length) { + curOption = options[key] = $.widget.extend({}, this.options[key]); + for (i = 0; i < parts.length - 1; i++) { + curOption[parts[i]] = curOption[parts[i]] || {}; + curOption = curOption[parts[i]]; + } + key = parts.pop(); + if (value === undefined) { + return curOption[key] === undefined ? null : curOption[key]; + } + curOption[key] = value; + } else { + if (value === undefined) { + return this.options[key] === undefined ? null : this.options[key]; + } + options[key] = value; + } + } + + this._setOptions(options); + + return this; + }, + _setOptions: function (options) { + var key; + + for (key in options) { + this._setOption(key, options[key]); + } + + return this; + }, + _setOption: function (key, value) { + this.options[key] = value; + + if (key === "disabled") { + this.widget() + .toggleClass(this.widgetFullName + "-disabled", !!value); + this.hoverable.removeClass("ui-state-hover"); + this.focusable.removeClass("ui-state-focus"); + } + + return this; + }, + + enable: function () { + return this._setOptions({ disabled: false }); + }, + disable: function () { + return this._setOptions({ disabled: true }); + }, + + _on: function (suppressDisabledCheck, element, handlers) { + var delegateElement, + instance = this; + + // no suppressDisabledCheck flag, shuffle arguments + if (typeof suppressDisabledCheck !== "boolean") { + handlers = element; + element = suppressDisabledCheck; + suppressDisabledCheck = false; + } + + // no element argument, shuffle and use this.element + if (!handlers) { + handlers = element; + element = this.element; + delegateElement = this.widget(); + } else { + // accept selectors, DOM elements + element = delegateElement = $(element); + this.bindings = this.bindings.add(element); + } + + $.each(handlers, function (event, handler) { + function handlerProxy() { + // allow widgets to customize the disabled handling + // - disabled as an array instead of boolean + // - disabled class as method for disabling individual parts + if (!suppressDisabledCheck && + (instance.options.disabled === true || + $(this).hasClass("ui-state-disabled"))) { + return; + } + return (typeof handler === "string" ? instance[handler] : handler) + .apply(instance, arguments); + } + + // copy the guid so direct unbinding works + if (typeof handler !== "string") { + handlerProxy.guid = handler.guid = + handler.guid || handlerProxy.guid || $.guid++; + } + + var match = event.match(/^(\w+)\s*(.*)$/), + eventName = match[1] + instance.eventNamespace, + selector = match[2]; + if (selector) { + delegateElement.delegate(selector, eventName, handlerProxy); + } else { + element.bind(eventName, handlerProxy); + } + }); + }, + + _off: function (element, eventName) { + eventName = (eventName || "").split(" ").join(this.eventNamespace + " ") + this.eventNamespace; + element.unbind(eventName).undelegate(eventName); + }, + + _delay: function (handler, delay) { + function handlerProxy() { + return (typeof handler === "string" ? instance[handler] : handler) + .apply(instance, arguments); + } + var instance = this; + return setTimeout(handlerProxy, delay || 0); + }, + + _hoverable: function (element) { + this.hoverable = this.hoverable.add(element); + this._on(element, { + mouseenter: function (event) { + $(event.currentTarget).addClass("ui-state-hover"); + }, + mouseleave: function (event) { + $(event.currentTarget).removeClass("ui-state-hover"); + } + }); + }, + + _focusable: function (element) { + this.focusable = this.focusable.add(element); + this._on(element, { + focusin: function (event) { + $(event.currentTarget).addClass("ui-state-focus"); + }, + focusout: function (event) { + $(event.currentTarget).removeClass("ui-state-focus"); + } + }); + }, + + _trigger: function (type, event, data) { + var prop, orig, + callback = this.options[type]; + + data = data || {}; + event = $.Event(event); + event.type = (type === this.widgetEventPrefix ? + type : + this.widgetEventPrefix + type).toLowerCase(); + // the original event may come from any element + // so we need to reset the target on the new event + event.target = this.element[0]; + + // copy original event properties over to the new event + orig = event.originalEvent; + if (orig) { + for (prop in orig) { + if (!(prop in event)) { + event[prop] = orig[prop]; + } + } + } + + this.element.trigger(event, data); + return !($.isFunction(callback) && + callback.apply(this.element[0], [event].concat(data)) === false || + event.isDefaultPrevented()); + } + }; + + $.each({ show: "fadeIn", hide: "fadeOut" }, function (method, defaultEffect) { + $.Widget.prototype["_" + method] = function (element, options, callback) { + if (typeof options === "string") { + options = { effect: options }; + } + var hasOptions, + effectName = !options ? + method : + options === true || typeof options === "number" ? + defaultEffect : + options.effect || defaultEffect; + options = options || {}; + if (typeof options === "number") { + options = { duration: options }; + } + hasOptions = !$.isEmptyObject(options); + options.complete = callback; + if (options.delay) { + element.delay(options.delay); + } + if (hasOptions && $.effects && $.effects.effect[effectName]) { + element[method](options); + } else if (effectName !== method && element[effectName]) { + element[effectName](options.duration, options.easing, callback); + } else { + element.queue(function (next) { + $(this)[method](); + if (callback) { + callback.call(element[0]); + } + next(); + }); + } + }; + }); + + })(jQuery); + + (function ($, undefined) { + + var rcapitals = /[A-Z]/g, + replaceFunction = function (c) { + return "-" + c.toLowerCase(); + }; + + $.extend($.Widget.prototype, { + _getCreateOptions: function () { + var option, value, + elem = this.element[0], + options = {}; + + // + if (!$.mobile.getAttribute(elem, "defaults")) { + for (option in this.options) { + value = $.mobile.getAttribute(elem, option.replace(rcapitals, replaceFunction)); + + if (value != null) { + options[option] = value; + } + } + } + + return options; + } + }); + + //TODO: Remove in 1.5 for backcompat only + $.mobile.widget = $.Widget; + + })(jQuery); + + (function ($, undefined) { + $.mobile.widgets = {}; + + var originalWidget = $.widget, + + // Record the original, non-mobileinit-modified version of $.mobile.keepNative + // so we can later determine whether someone has modified $.mobile.keepNative + keepNativeFactoryDefault = $.mobile.keepNative; + + $.widget = (function (orig) { + return function () { + var constructor = orig.apply(this, arguments), + name = constructor.prototype.widgetName; + + constructor.initSelector = ((constructor.prototype.initSelector !== undefined) ? + constructor.prototype.initSelector : "*[data-role='" + name + "']:not([data-role='none'])"); + + $.mobile.widgets[name] = constructor; + + return constructor; + }; + })($.widget); + + // Make sure $.widget still has bridge and extend methods + $.extend($.widget, originalWidget); + + // For backcompat remove in 1.5 + $.mobile.document.on("create", function (event) { + $(event.target).enhanceWithin(); + }); + + $.widget("mobile.page", { + options: { + theme: "a", + domCache: false, + + // Deprecated in 1.4 remove in 1.5 + keepNativeDefault: $.mobile.keepNative, + + // Deprecated in 1.4 remove in 1.5 + contentTheme: null, + enhanced: false + }, + + // DEPRECATED for > 1.4 + // TODO remove at 1.5 + _createWidget: function () { + + $.Widget.prototype._createWidget.apply(this, arguments); + this._trigger("init"); + }, + + _create: function () { + + if (!this.options.enhanced) { + this._enhance(); + } + + this._on(this.element, { + pagebeforehide: "removeContainerBackground", + pagebeforeshow: "_handlePageBeforeShow" + }); + + this.element.enhanceWithin(); + }, + + _enhance: function () { + var attrPrefix = "data-" + $.mobile.ns, + self = this; + + var element = this.element[0]; + + if (this.options.role) { + element.setAttribute("data-" + $.mobile.ns + "role", this.options.role); + } + + element.setAttribute("tabindex", "0"); + element.classList.add("ui-page"); + element.classList.add("ui-page-theme-" + this.options.theme); + + var contents = element.querySelectorAll("div[data-role='content']"); + + for (var i = 0, length = contents.length; i < length; i++) { + var content = contents[i]; + var theme = content.getAttribute(attrPrefix + "theme") || undefined; + self.options.contentTheme = theme || self.options.contentTheme || (self.options.dialog && self.options.theme) || (self.element.jqmData("role") === "dialog" && self.options.theme); + content.classList.add("ui-content"); + if (self.options.contentTheme) { + content.classList.add("ui-body-" + (self.options.contentTheme)); + } + // Add ARIA role + content.setAttribute("role", "main"); + content.classList.add("ui-content"); + } + }, + + _setOptions: function (o) { + + var elem = this.element[0]; + if (o.theme !== undefined) { + elem.classList.remove("ui-page-theme-" + this.options.theme); + elem.classList.add("ui-page-theme-" + o.theme); + } + + if (o.contentTheme !== undefined) { + var elems = elem.querySelectorAll("*[data-" + $.mobile.ns + "='content']"); + for (var i = 0, length = elems.length; i < length; i++) { + var el = elems[i]; + el.classList.remove("ui-body-" + this.options.contentTheme); + el.classList.add("ui-body-" + o.contentTheme); + } + } + }, + + _handlePageBeforeShow: function (/* e */) { + this.setContainerBackground(); + }, + // Deprecated in 1.4 remove in 1.5 + removeContainerBackground: function () { + $(this.element[0].parentNode).pagecontainer({ "theme": "none" }); + }, + // Deprecated in 1.4 remove in 1.5 + // set the page container background to the page theme + setContainerBackground: function (theme) { + $(this.element[0].parentNode).pagecontainer({ "theme": theme || this.options.theme }); + }, + // Deprecated in 1.4 remove in 1.5 + keepNativeSelector: function () { + var options = this.options, + keepNative = $.trim(options.keepNative || ""), + globalValue = $.trim($.mobile.keepNative), + optionValue = $.trim(options.keepNativeDefault), + + // Check if $.mobile.keepNative has changed from the factory default + newDefault = (keepNativeFactoryDefault === globalValue ? + "" : globalValue), + + // If $.mobile.keepNative has not changed, use options.keepNativeDefault + oldDefault = (newDefault === "" ? optionValue : ""); + + // Concatenate keepNative selectors from all sources where the value has + // changed or, if nothing has changed, return the default + return ((keepNative ? [keepNative] : []) + .concat(newDefault ? [newDefault] : []) + .concat(oldDefault ? [oldDefault] : []) + .join(", ")); + } + }); + })(jQuery); + + + (function ($, undefined) { + var path, $base, dialogHashKey = "&ui-state=dialog"; + + $.mobile.path = path = { + uiStateKey: "&ui-state", + + // This scary looking regular expression parses an absolute URL or its relative + // variants (protocol, site, document, query, and hash), into the various + // components (protocol, host, path, query, fragment, etc that make up the + // URL as well as some other commonly used sub-parts. When used with RegExp.exec() + // or String.match, it parses the URL into a results array that looks like this: + // + // [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content + // [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread + // [2]: http://jblas:password@mycompany.com:8080/mail/inbox + // [3]: http://jblas:password@mycompany.com:8080 + // [4]: http: + // [5]: // + // [6]: jblas:password@mycompany.com:8080 + // [7]: jblas:password + // [8]: jblas + // [9]: password + // [10]: mycompany.com:8080 + // [11]: mycompany.com + // [12]: 8080 + // [13]: /mail/inbox + // [14]: /mail/ + // [15]: inbox + // [16]: ?msg=1234&type=unread + // [17]: #msg-content + // + urlParseRE: /^\s*(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/, + + // Abstraction to address xss (Issue #4787) by removing the authority in + // browsers that auto-decode it. All references to location.href should be + // replaced with a call to this method so that it can be dealt with properly here + getLocation: function (url) { + var parsedUrl = this.parseUrl(url || location.href), uri = url ? parsedUrl : location, // Make sure to parse the url or the location object for the hash because using @@ -1791,10 +1791,10 @@ $.widget( "mobile.page", { // authority hash = parsedUrl.hash; - // mimic the browser with an empty string when the hash is empty - hash = hash === "#" ? "" : hash; + // mimic the browser with an empty string when the hash is empty + hash = hash === "#" ? "" : hash; - return uri.protocol + + return uri.protocol + parsedUrl.doubleSlash + uri.host + @@ -1802,334 +1802,334 @@ $.widget( "mobile.page", { // can't have a protocol followed by a relative path. Also, it's impossible to // calculate absolute URLs from relative ones if the absolute one doesn't have // a leading "/". - ( ( uri.protocol !== "" && uri.pathname.substring( 0, 1 ) !== "/" ) ? - "/" : "" ) + + ((uri.protocol !== "" && uri.pathname.substring(0, 1) !== "/") ? + "/" : "") + uri.pathname + uri.search + hash; - }, + }, - //return the original document url - getDocumentUrl: function( asParsedObject ) { - return asParsedObject ? $.extend( {}, path.documentUrl ) : path.documentUrl.href; - }, + //return the original document url + getDocumentUrl: function (asParsedObject) { + return asParsedObject ? $.extend({}, path.documentUrl) : path.documentUrl.href; + }, - parseLocation: function() { - return this.parseUrl( this.getLocation() ); - }, + parseLocation: function () { + return this.parseUrl(this.getLocation()); + }, - //Parse a URL into a structure that allows easy access to - //all of the URL components by name. - parseUrl: function( url ) { - // If we're passed an object, we'll assume that it is - // a parsed url object and just return it back to the caller. - if ( $.type( url ) === "object" ) { - return url; - } + //Parse a URL into a structure that allows easy access to + //all of the URL components by name. + parseUrl: function (url) { + // If we're passed an object, we'll assume that it is + // a parsed url object and just return it back to the caller. + if ($.type(url) === "object") { + return url; + } - var matches = path.urlParseRE.exec( url || "" ) || []; + var matches = path.urlParseRE.exec(url || "") || []; - // Create an object that allows the caller to access the sub-matches - // by name. Note that IE returns an empty string instead of undefined, - // like all other browsers do, so we normalize everything so its consistent - // no matter what browser we're running on. - return { - href: matches[ 0 ] || "", - hrefNoHash: matches[ 1 ] || "", - hrefNoSearch: matches[ 2 ] || "", - domain: matches[ 3 ] || "", - protocol: matches[ 4 ] || "", - doubleSlash: matches[ 5 ] || "", - authority: matches[ 6 ] || "", - username: matches[ 8 ] || "", - password: matches[ 9 ] || "", - host: matches[ 10 ] || "", - hostname: matches[ 11 ] || "", - port: matches[ 12 ] || "", - pathname: matches[ 13 ] || "", - directory: matches[ 14 ] || "", - filename: matches[ 15 ] || "", - search: matches[ 16 ] || "", - hash: matches[ 17 ] || "" - }; - }, + // Create an object that allows the caller to access the sub-matches + // by name. Note that IE returns an empty string instead of undefined, + // like all other browsers do, so we normalize everything so its consistent + // no matter what browser we're running on. + return { + href: matches[0] || "", + hrefNoHash: matches[1] || "", + hrefNoSearch: matches[2] || "", + domain: matches[3] || "", + protocol: matches[4] || "", + doubleSlash: matches[5] || "", + authority: matches[6] || "", + username: matches[8] || "", + password: matches[9] || "", + host: matches[10] || "", + hostname: matches[11] || "", + port: matches[12] || "", + pathname: matches[13] || "", + directory: matches[14] || "", + filename: matches[15] || "", + search: matches[16] || "", + hash: matches[17] || "" + }; + }, - //Turn relPath into an asbolute path. absPath is - //an optional absolute path which describes what - //relPath is relative to. - makePathAbsolute: function( relPath, absPath ) { - var absStack, + //Turn relPath into an asbolute path. absPath is + //an optional absolute path which describes what + //relPath is relative to. + makePathAbsolute: function (relPath, absPath) { + var absStack, relStack, i, d; - if ( relPath && relPath.charAt( 0 ) === "/" ) { - return relPath; - } + if (relPath && relPath.charAt(0) === "/") { + return relPath; + } - relPath = relPath || ""; - absPath = absPath ? absPath.replace( /^\/|(\/[^\/]*|[^\/]+)$/g, "" ) : ""; + relPath = relPath || ""; + absPath = absPath ? absPath.replace(/^\/|(\/[^\/]*|[^\/]+)$/g, "") : ""; - absStack = absPath ? absPath.split( "/" ) : []; - relStack = relPath.split( "/" ); + absStack = absPath ? absPath.split("/") : []; + relStack = relPath.split("/"); - for ( i = 0; i < relStack.length; i++ ) { - d = relStack[ i ]; - switch ( d ) { - case ".": - break; - case "..": - if ( absStack.length ) { - absStack.pop(); - } - break; - default: - absStack.push( d ); - break; - } - } - return "/" + absStack.join( "/" ); - }, + for (i = 0; i < relStack.length; i++) { + d = relStack[i]; + switch (d) { + case ".": + break; + case "..": + if (absStack.length) { + absStack.pop(); + } + break; + default: + absStack.push(d); + break; + } + } + return "/" + absStack.join("/"); + }, - //Returns true if both urls have the same domain. - isSameDomain: function( absUrl1, absUrl2 ) { - return path.parseUrl( absUrl1 ).domain.toLowerCase() === - path.parseUrl( absUrl2 ).domain.toLowerCase(); - }, + //Returns true if both urls have the same domain. + isSameDomain: function (absUrl1, absUrl2) { + return path.parseUrl(absUrl1).domain.toLowerCase() === + path.parseUrl(absUrl2).domain.toLowerCase(); + }, - //Returns true for any relative variant. - isRelativeUrl: function( url ) { - // All relative Url variants have one thing in common, no protocol. - return path.parseUrl( url ).protocol === ""; - }, + //Returns true for any relative variant. + isRelativeUrl: function (url) { + // All relative Url variants have one thing in common, no protocol. + return path.parseUrl(url).protocol === ""; + }, - //Returns true for an absolute url. - isAbsoluteUrl: function( url ) { - return path.parseUrl( url ).protocol !== ""; - }, + //Returns true for an absolute url. + isAbsoluteUrl: function (url) { + return path.parseUrl(url).protocol !== ""; + }, - //Turn the specified realtive URL into an absolute one. This function - //can handle all relative variants (protocol, site, document, query, fragment). - makeUrlAbsolute: function( relUrl, absUrl ) { - if ( !path.isRelativeUrl( relUrl ) ) { - return relUrl; - } + //Turn the specified realtive URL into an absolute one. This function + //can handle all relative variants (protocol, site, document, query, fragment). + makeUrlAbsolute: function (relUrl, absUrl) { + if (!path.isRelativeUrl(relUrl)) { + return relUrl; + } - if ( absUrl === undefined ) { - absUrl = this.documentBase; - } + if (absUrl === undefined) { + absUrl = this.documentBase; + } - var relObj = path.parseUrl( relUrl ), - absObj = path.parseUrl( absUrl ), + var relObj = path.parseUrl(relUrl), + absObj = path.parseUrl(absUrl), protocol = relObj.protocol || absObj.protocol, - doubleSlash = relObj.protocol ? relObj.doubleSlash : ( relObj.doubleSlash || absObj.doubleSlash ), + doubleSlash = relObj.protocol ? relObj.doubleSlash : (relObj.doubleSlash || absObj.doubleSlash), authority = relObj.authority || absObj.authority, hasPath = relObj.pathname !== "", - pathname = path.makePathAbsolute( relObj.pathname || absObj.filename, absObj.pathname ), - search = relObj.search || ( !hasPath && absObj.search ) || "", + pathname = path.makePathAbsolute(relObj.pathname || absObj.filename, absObj.pathname), + search = relObj.search || (!hasPath && absObj.search) || "", hash = relObj.hash; - return protocol + doubleSlash + authority + pathname + search + hash; - }, + return protocol + doubleSlash + authority + pathname + search + hash; + }, - //Add search (aka query) params to the specified url. - addSearchParams: function( url, params ) { - var u = path.parseUrl( url ), - p = ( typeof params === "object" ) ? $.param( params ) : params, + //Add search (aka query) params to the specified url. + addSearchParams: function (url, params) { + var u = path.parseUrl(url), + p = (typeof params === "object") ? $.param(params) : params, s = u.search || "?"; - return u.hrefNoSearch + s + ( s.charAt( s.length - 1 ) !== "?" ? "&" : "" ) + p + ( u.hash || "" ); - }, + return u.hrefNoSearch + s + (s.charAt(s.length - 1) !== "?" ? "&" : "") + p + (u.hash || ""); + }, - convertUrlToDataUrl: function( absUrl ) { - var result = absUrl, - u = path.parseUrl( absUrl ); + convertUrlToDataUrl: function (absUrl) { + var result = absUrl, + u = path.parseUrl(absUrl); - if ( path.isEmbeddedPage( u ) ) { - // For embedded pages, remove the dialog hash key as in getFilePath(), - // and remove otherwise the Data Url won't match the id of the embedded Page. - result = u.hash - .split( dialogHashKey )[0] - .replace( /^#/, "" ) - .replace( /\?.*$/, "" ); - } else if ( path.isSameDomain( u, this.documentBase ) ) { - result = u.hrefNoHash.replace( this.documentBase.domain, "" ).split( dialogHashKey )[0]; - } + if (path.isEmbeddedPage(u)) { + // For embedded pages, remove the dialog hash key as in getFilePath(), + // and remove otherwise the Data Url won't match the id of the embedded Page. + result = u.hash + .split(dialogHashKey)[0] + .replace(/^#/, "") + .replace(/\?.*$/, ""); + } else if (path.isSameDomain(u, this.documentBase)) { + result = u.hrefNoHash.replace(this.documentBase.domain, "").split(dialogHashKey)[0]; + } - return window.decodeURIComponent( result ); - }, + return window.decodeURIComponent(result); + }, - //get path from current hash, or from a file path - get: function( newPath ) { - if ( newPath === undefined ) { - newPath = path.parseLocation().hash; - } - return path.stripHash( newPath ).replace( /[^\/]*\.[^\/*]+$/, "" ); - }, + //get path from current hash, or from a file path + get: function (newPath) { + if (newPath === undefined) { + newPath = path.parseLocation().hash; + } + return path.stripHash(newPath).replace(/[^\/]*\.[^\/*]+$/, ""); + }, - //set location hash to path - set: function( path ) { - location.hash = path; - }, + //set location hash to path + set: function (path) { + location.hash = path; + }, - //test if a given url (string) is a path - //NOTE might be exceptionally naive - isPath: function( url ) { - return ( /\// ).test( url ); - }, + //test if a given url (string) is a path + //NOTE might be exceptionally naive + isPath: function (url) { + return (/\//).test(url); + }, - //return a url path with the window's location protocol/hostname/pathname removed - clean: function( url ) { - return url.replace( this.documentBase.domain, "" ); - }, + //return a url path with the window's location protocol/hostname/pathname removed + clean: function (url) { + return url.replace(this.documentBase.domain, ""); + }, - //just return the url without an initial # - stripHash: function( url ) { - return url.replace( /^#/, "" ); - }, + //just return the url without an initial # + stripHash: function (url) { + return url.replace(/^#/, ""); + }, - stripQueryParams: function( url ) { - return url.replace( /\?.*$/, "" ); - }, + stripQueryParams: function (url) { + return url.replace(/\?.*$/, ""); + }, - //remove the preceding hash, any query params, and dialog notations - cleanHash: function( hash ) { - return path.stripHash( hash.replace( /\?.*$/, "" ).replace( dialogHashKey, "" ) ); - }, + //remove the preceding hash, any query params, and dialog notations + cleanHash: function (hash) { + return path.stripHash(hash.replace(/\?.*$/, "").replace(dialogHashKey, "")); + }, - isHashValid: function( hash ) { - return ( /^#[^#]+$/ ).test( hash ); - }, + isHashValid: function (hash) { + return (/^#[^#]+$/).test(hash); + }, - //check whether a url is referencing the same domain, or an external domain or different protocol - //could be mailto, etc - isExternal: function( url ) { - var u = path.parseUrl( url ); + //check whether a url is referencing the same domain, or an external domain or different protocol + //could be mailto, etc + isExternal: function (url) { + var u = path.parseUrl(url); - return !!( u.protocol && - ( u.domain.toLowerCase() !== this.documentUrl.domain.toLowerCase() ) ); - }, + return !!(u.protocol && + (u.domain.toLowerCase() !== this.documentUrl.domain.toLowerCase())); + }, - hasProtocol: function( url ) { - return ( /^(:?\w+:)/ ).test( url ); - }, + hasProtocol: function (url) { + return (/^(:?\w+:)/).test(url); + }, - isEmbeddedPage: function( url ) { - var u = path.parseUrl( url ); + isEmbeddedPage: function (url) { + var u = path.parseUrl(url); - //if the path is absolute, then we need to compare the url against - //both the this.documentUrl and the documentBase. The main reason for this - //is that links embedded within external documents will refer to the - //application document, whereas links embedded within the application - //document will be resolved against the document base. - if ( u.protocol !== "" ) { - return ( !this.isPath(u.hash) && u.hash && ( u.hrefNoHash === this.documentUrl.hrefNoHash || ( this.documentBaseDiffers && u.hrefNoHash === this.documentBase.hrefNoHash ) ) ); - } - return ( /^#/ ).test( u.href ); - }, + //if the path is absolute, then we need to compare the url against + //both the this.documentUrl and the documentBase. The main reason for this + //is that links embedded within external documents will refer to the + //application document, whereas links embedded within the application + //document will be resolved against the document base. + if (u.protocol !== "") { + return (!this.isPath(u.hash) && u.hash && (u.hrefNoHash === this.documentUrl.hrefNoHash || (this.documentBaseDiffers && u.hrefNoHash === this.documentBase.hrefNoHash))); + } + return (/^#/).test(u.href); + }, - squash: function( url, resolutionUrl ) { - var href, cleanedUrl, search, stateIndex, docUrl, - isPath = this.isPath( url ), - uri = this.parseUrl( url ), + squash: function (url, resolutionUrl) { + var href, cleanedUrl, search, stateIndex, docUrl, + isPath = this.isPath(url), + uri = this.parseUrl(url), preservedHash = uri.hash, uiState = ""; - // produce a url against which we can resolve the provided path - if ( !resolutionUrl ) { - if ( isPath ) { - resolutionUrl = path.getLocation(); - } else { - docUrl = path.getDocumentUrl( true ); - if ( path.isPath( docUrl.hash ) ) { - resolutionUrl = path.squash( docUrl.href ); - } else { - resolutionUrl = docUrl.href; - } - } - } + // produce a url against which we can resolve the provided path + if (!resolutionUrl) { + if (isPath) { + resolutionUrl = path.getLocation(); + } else { + docUrl = path.getDocumentUrl(true); + if (path.isPath(docUrl.hash)) { + resolutionUrl = path.squash(docUrl.href); + } else { + resolutionUrl = docUrl.href; + } + } + } - // If the url is anything but a simple string, remove any preceding hash - // eg #foo/bar -> foo/bar - // #foo -> #foo - cleanedUrl = isPath ? path.stripHash( url ) : url; + // If the url is anything but a simple string, remove any preceding hash + // eg #foo/bar -> foo/bar + // #foo -> #foo + cleanedUrl = isPath ? path.stripHash(url) : url; - // If the url is a full url with a hash check if the parsed hash is a path - // if it is, strip the #, and use it otherwise continue without change - cleanedUrl = path.isPath( uri.hash ) ? path.stripHash( uri.hash ) : cleanedUrl; + // If the url is a full url with a hash check if the parsed hash is a path + // if it is, strip the #, and use it otherwise continue without change + cleanedUrl = path.isPath(uri.hash) ? path.stripHash(uri.hash) : cleanedUrl; - // Split the UI State keys off the href - stateIndex = cleanedUrl.indexOf( this.uiStateKey ); + // Split the UI State keys off the href + stateIndex = cleanedUrl.indexOf(this.uiStateKey); - // store the ui state keys for use - if ( stateIndex > -1 ) { - uiState = cleanedUrl.slice( stateIndex ); - cleanedUrl = cleanedUrl.slice( 0, stateIndex ); - } + // store the ui state keys for use + if (stateIndex > -1) { + uiState = cleanedUrl.slice(stateIndex); + cleanedUrl = cleanedUrl.slice(0, stateIndex); + } - // make the cleanedUrl absolute relative to the resolution url - href = path.makeUrlAbsolute( cleanedUrl, resolutionUrl ); + // make the cleanedUrl absolute relative to the resolution url + href = path.makeUrlAbsolute(cleanedUrl, resolutionUrl); - // grab the search from the resolved url since parsing from - // the passed url may not yield the correct result - search = this.parseUrl( href ).search; + // grab the search from the resolved url since parsing from + // the passed url may not yield the correct result + search = this.parseUrl(href).search; - // TODO all this crap is terrible, clean it up - if ( isPath ) { - // reject the hash if it's a path or it's just a dialog key - if ( path.isPath( preservedHash ) || preservedHash.replace("#", "").indexOf( this.uiStateKey ) === 0) { - preservedHash = ""; - } + // TODO all this crap is terrible, clean it up + if (isPath) { + // reject the hash if it's a path or it's just a dialog key + if (path.isPath(preservedHash) || preservedHash.replace("#", "").indexOf(this.uiStateKey) === 0) { + preservedHash = ""; + } - // Append the UI State keys where it exists and it's been removed - // from the url - if ( uiState && preservedHash.indexOf( this.uiStateKey ) === -1) { - preservedHash += uiState; - } + // Append the UI State keys where it exists and it's been removed + // from the url + if (uiState && preservedHash.indexOf(this.uiStateKey) === -1) { + preservedHash += uiState; + } - // make sure that pound is on the front of the hash - if ( preservedHash.indexOf( "#" ) === -1 && preservedHash !== "" ) { - preservedHash = "#" + preservedHash; - } + // make sure that pound is on the front of the hash + if (preservedHash.indexOf("#") === -1 && preservedHash !== "") { + preservedHash = "#" + preservedHash; + } - // reconstruct each of the pieces with the new search string and hash - href = path.parseUrl( href ); - href = href.protocol + href.doubleSlash + href.host + href.pathname + search + + // reconstruct each of the pieces with the new search string and hash + href = path.parseUrl(href); + href = href.protocol + href.doubleSlash + href.host + href.pathname + search + preservedHash; - } else { - href += href.indexOf( "#" ) > -1 ? uiState : "#" + uiState; - } + } else { + href += href.indexOf("#") > -1 ? uiState : "#" + uiState; + } - return href; - }, + return href; + }, - isPreservableHash: function( hash ) { - return hash.replace( "#", "" ).indexOf( this.uiStateKey ) === 0; - }, + isPreservableHash: function (hash) { + return hash.replace("#", "").indexOf(this.uiStateKey) === 0; + }, - // Escape weird characters in the hash if it is to be used as a selector - hashToSelector: function( hash ) { - var hasHash = ( hash.substring( 0, 1 ) === "#" ); - if ( hasHash ) { - hash = hash.substring( 1 ); - } - return ( hasHash ? "#" : "" ) + hash.replace( /([!"#$%&'()*+,./:;<=>?@[\]^`{|}~])/g, "\\$1" ); - }, + // Escape weird characters in the hash if it is to be used as a selector + hashToSelector: function (hash) { + var hasHash = (hash.substring(0, 1) === "#"); + if (hasHash) { + hash = hash.substring(1); + } + return (hasHash ? "#" : "") + hash.replace(/([!"#$%&'()*+,./:;<=>?@[\]^`{|}~])/g, "\\$1"); + }, - // return the substring of a filepath before the dialogHashKey, for making a server - // request - getFilePath: function( path ) { - return path && path.split( dialogHashKey )[0]; - }, + // return the substring of a filepath before the dialogHashKey, for making a server + // request + getFilePath: function (path) { + return path && path.split(dialogHashKey)[0]; + }, - // check if the specified url refers to the first page in the main - // application document. - isFirstPageUrl: function( url ) { - // We only deal with absolute paths. - var u = path.parseUrl( path.makeUrlAbsolute( url, this.documentBase ) ), + // check if the specified url refers to the first page in the main + // application document. + isFirstPageUrl: function (url) { + // We only deal with absolute paths. + var u = path.parseUrl(path.makeUrlAbsolute(url, this.documentBase)), // Does the url have the same path as the document? samePath = u.hrefNoHash === this.documentUrl.hrefNoHash || - ( this.documentBaseDiffers && - u.hrefNoHash === this.documentBase.hrefNoHash ), + (this.documentBaseDiffers && + u.hrefNoHash === this.documentBase.hrefNoHash), // Get the first page element. fp = $.mobile.firstPage, @@ -2137,1711 +2137,1717 @@ $.widget( "mobile.page", { // Get the id of the first page element if it has one. fpId = fp && fp[0] ? fp[0].id : undefined; - // The url refers to the first page if the path matches the document and - // it either has no hash value, or the hash is exactly equal to the id - // of the first page element. - return samePath && - ( !u.hash || + // The url refers to the first page if the path matches the document and + // it either has no hash value, or the hash is exactly equal to the id + // of the first page element. + return samePath && + (!u.hash || u.hash === "#" || - ( fpId && u.hash.replace( /^#/, "" ) === fpId ) ); - }, + (fpId && u.hash.replace(/^#/, "") === fpId)); + }, - // Some embedded browsers, like the web view in Phone Gap, allow - // cross-domain XHR requests if the document doing the request was loaded - // via the file:// protocol. This is usually to allow the application to - // "phone home" and fetch app specific data. We normally let the browser - // handle external/cross-domain urls, but if the allowCrossDomainPages - // option is true, we will allow cross-domain http/https requests to go - // through our page loading logic. - isPermittedCrossDomainRequest: function( docUrl, reqUrl ) { - return $.mobile.allowCrossDomainPages && + // Some embedded browsers, like the web view in Phone Gap, allow + // cross-domain XHR requests if the document doing the request was loaded + // via the file:// protocol. This is usually to allow the application to + // "phone home" and fetch app specific data. We normally let the browser + // handle external/cross-domain urls, but if the allowCrossDomainPages + // option is true, we will allow cross-domain http/https requests to go + // through our page loading logic. + isPermittedCrossDomainRequest: function (docUrl, reqUrl) { + return $.mobile.allowCrossDomainPages && (docUrl.protocol === "file:" || docUrl.protocol === "content:") && - reqUrl.search( /^https?:/ ) !== -1; - } - }; + reqUrl.search(/^https?:/) !== -1; + } + }; - path.documentUrl = path.parseLocation(); + path.documentUrl = path.parseLocation(); - $base = $( "head" ).find( "base" ); + $base = $("head").find("base"); - path.documentBase = $base.length ? - path.parseUrl( path.makeUrlAbsolute( $base.attr( "href" ), path.documentUrl.href ) ) : + path.documentBase = $base.length ? + path.parseUrl(path.makeUrlAbsolute($base.attr("href"), path.documentUrl.href)) : path.documentUrl; - path.documentBaseDiffers = (path.documentUrl.hrefNoHash !== path.documentBase.hrefNoHash); + path.documentBaseDiffers = (path.documentUrl.hrefNoHash !== path.documentBase.hrefNoHash); - //return the original document base url - path.getDocumentBase = function( asParsedObject ) { - return asParsedObject ? $.extend( {}, path.documentBase ) : path.documentBase.href; - }; + //return the original document base url + path.getDocumentBase = function (asParsedObject) { + return asParsedObject ? $.extend({}, path.documentBase) : path.documentBase.href; + }; - // DEPRECATED as of 1.4.0 - remove in 1.5.0 - $.extend( $.mobile, { + // DEPRECATED as of 1.4.0 - remove in 1.5.0 + $.extend($.mobile, { - //return the original document url - getDocumentUrl: path.getDocumentUrl, + //return the original document url + getDocumentUrl: path.getDocumentUrl, - //return the original document base url - getDocumentBase: path.getDocumentBase - }); -})( jQuery ); + //return the original document base url + getDocumentBase: path.getDocumentBase + }); + })(jQuery); -(function( $, undefined ) { - $.mobile.History = function( stack, index ) { - this.stack = stack || []; - this.activeIndex = index || 0; - }; + (function ($, undefined) { + $.mobile.History = function (stack, index) { + this.stack = stack || []; + this.activeIndex = index || 0; + }; - $.extend($.mobile.History.prototype, { - getActive: function() { - return this.stack[ this.activeIndex ]; - }, + $.extend($.mobile.History.prototype, { + getActive: function () { + return this.stack[this.activeIndex]; + }, - getLast: function() { - return this.stack[ this.previousIndex ]; - }, + getLast: function () { + return this.stack[this.previousIndex]; + }, - getNext: function() { - return this.stack[ this.activeIndex + 1 ]; - }, + getNext: function () { + return this.stack[this.activeIndex + 1]; + }, - getPrev: function() { - return this.stack[ this.activeIndex - 1 ]; - }, + getPrev: function () { + return this.stack[this.activeIndex - 1]; + }, - // addNew is used whenever a new page is added - add: function( url, data ) { - data = data || {}; + // addNew is used whenever a new page is added + add: function (url, data) { + data = data || {}; - //if there's forward history, wipe it - if ( this.getNext() ) { - this.clearForward(); - } + //if there's forward history, wipe it + if (this.getNext()) { + this.clearForward(); + } - // if the hash is included in the data make sure the shape - // is consistent for comparison - if ( data.hash && data.hash.indexOf( "#" ) === -1) { - data.hash = "#" + data.hash; - } + // if the hash is included in the data make sure the shape + // is consistent for comparison + if (data.hash && data.hash.indexOf("#") === -1) { + data.hash = "#" + data.hash; + } - data.url = url; - this.stack.push( data ); - this.activeIndex = this.stack.length - 1; - }, + data.url = url; + this.stack.push(data); + this.activeIndex = this.stack.length - 1; + }, - //wipe urls ahead of active index - clearForward: function() { - this.stack = this.stack.slice( 0, this.activeIndex + 1 ); - }, + //wipe urls ahead of active index + clearForward: function () { + this.stack = this.stack.slice(0, this.activeIndex + 1); + }, - find: function( url, stack, earlyReturn ) { - stack = stack || this.stack; + find: function (url, stack, earlyReturn) { + stack = stack || this.stack; - var entry, i, length = stack.length, index; + var entry, i, length = stack.length, index; - for ( i = 0; i < length; i++ ) { - entry = stack[i]; + for (i = 0; i < length; i++) { + entry = stack[i]; - if ( decodeURIComponent(url) === decodeURIComponent(entry.url) || - decodeURIComponent(url) === decodeURIComponent(entry.hash) ) { - index = i; + if (decodeURIComponent(url) === decodeURIComponent(entry.url) || + decodeURIComponent(url) === decodeURIComponent(entry.hash)) { + index = i; - if ( earlyReturn ) { - return index; - } - } - } - - return index; - }, - - closest: function( url ) { - var closest, a = this.activeIndex; - - // First, take the slice of the history stack before the current index and search - // for a url match. If one is found, we'll avoid avoid looking through forward history - // NOTE the preference for backward history movement is driven by the fact that - // most mobile browsers only have a dedicated back button, and users rarely use - // the forward button in desktop browser anyhow - closest = this.find( url, this.stack.slice(0, a) ); - - // If nothing was found in backward history check forward. The `true` - // value passed as the third parameter causes the find method to break - // on the first match in the forward history slice. The starting index - // of the slice must then be added to the result to get the element index - // in the original history stack :( :( - // - // TODO this is hyper confusing and should be cleaned up (ugh so bad) - if ( closest === undefined ) { - closest = this.find( url, this.stack.slice(a), true ); - closest = closest === undefined ? closest : closest + a; - } - - return closest; - }, - - direct: function( opts ) { - var newActiveIndex = this.closest( opts.url ), a = this.activeIndex; - - // save new page index, null check to prevent falsey 0 result - // record the previous index for reference - if ( newActiveIndex !== undefined ) { - this.activeIndex = newActiveIndex; - this.previousIndex = a; - } - - // invoke callbacks where appropriate - // - // TODO this is also convoluted and confusing - if ( newActiveIndex < a ) { - ( opts.present || opts.back || $.noop )( this.getActive(), "back" ); - } else if ( newActiveIndex > a ) { - ( opts.present || opts.forward || $.noop )( this.getActive(), "forward" ); - } else if ( newActiveIndex === undefined && opts.missing ) { - opts.missing( this.getActive() ); - } - } - }); -})( jQuery ); - - - -(function( $, undefined ) { - var path = $.mobile.path, - initialHref = location.href; - - $.mobile.Navigator = function( history ) { - this.history = history; - this.ignoreInitialHashChange = true; - - $.mobile.window.bind({ - "popstate.history": $.proxy( this.popstate, this ) - }); - }; - - $.extend($.mobile.Navigator.prototype, { - squash: function( url, data ) { - var state, href, hash = path.isPath(url) ? path.stripHash(url) : url; - - href = path.squash( url ); - - // make sure to provide this information when it isn't explicitly set in the - // data object that was passed to the squash method - state = $.extend({ - hash: hash, - url: href - }, data); - - // replace the current url with the new href and store the state - // Note that in some cases we might be replacing an url with the - // same url. We do this anyways because we need to make sure that - // all of our history entries have a state object associated with - // them. This allows us to work around the case where $.mobile.back() - // is called to transition from an external page to an embedded page. - // In that particular case, a hashchange event is *NOT* generated by the browser. - // Ensuring each history entry has a state object means that onPopState() - // will always trigger our hashchange callback even when a hashchange event - // is not fired. - window.history.replaceState( state, state.title || document.title, href ); - - return state; - }, - - hash: function( url, href ) { - var parsed, loc, hash, resolved; - - // Grab the hash for recording. If the passed url is a path - // we used the parsed version of the squashed url to reconstruct, - // otherwise we assume it's a hash and store it directly - parsed = path.parseUrl( url ); - loc = path.parseLocation(); - - if ( loc.pathname + loc.search === parsed.pathname + parsed.search ) { - // If the pathname and search of the passed url is identical to the current loc - // then we must use the hash. Otherwise there will be no event - // eg, url = "/foo/bar?baz#bang", location.href = "http://example.com/foo/bar?baz" - hash = parsed.hash ? parsed.hash : parsed.pathname + parsed.search; - } else if ( path.isPath(url) ) { - resolved = path.parseUrl( href ); - // If the passed url is a path, make it domain relative and remove any trailing hash - hash = resolved.pathname + resolved.search + (path.isPreservableHash( resolved.hash )? resolved.hash.replace( "#", "" ) : ""); - } else { - hash = url; - } - - return hash; - }, - - // TODO reconsider name - go: function( url, data, noEvents ) { - var state, href, hash, popstateEvent; - - // Get the url as it would look squashed on to the current resolution url - href = path.squash( url ); - - // sort out what the hash sould be from the url - hash = this.hash( url, href ); - - // Here we prevent the next hash change or popstate event from doing any - // history management. In the case of hashchange we don't swallow it - // if there will be no hashchange fired (since that won't reset the value) - // and will swallow the following hashchange - if ( noEvents && hash !== path.stripHash(path.parseLocation().hash) ) { - this.preventNextHashChange = noEvents; - } - - // IMPORTANT in the case where popstate is supported the event will be triggered - // directly, stopping further execution - ie, interupting the flow of this - // method call to fire bindings at this expression. Below the navigate method - // there is a binding to catch this event and stop its propagation. - // - // We then trigger a new popstate event on the window with a null state - // so that the navigate events can conclude their work properly - // - // if the url is a path we want to preserve the query params that are available on - // the current url. - this.preventHashAssignPopState = true; - window.location.hash = hash; - - // If popstate is enabled and the browser triggers `popstate` events when the hash - // is set (this often happens immediately in browsers like Chrome), then the - // this flag will be set to false already. If it's a browser that does not trigger - // a `popstate` on hash assignement or `replaceState` then we need avoid the branch - // that swallows the event created by the popstate generated by the hash assignment - // At the time of this writing this happens with Opera 12 and some version of IE - this.preventHashAssignPopState = false; - - state = $.extend({ - url: href, - hash: hash, - title: document.title - }, data); - - popstateEvent = new $.Event("popstate"); - popstateEvent.originalEvent = { - type: "popstate", - state: null - }; - - this.squash(url, state); - - // Trigger a new faux popstate event to replace the one that we - // caught that was triggered by the hash setting above. - if (!noEvents) { - this.ignorePopState = true; - $.mobile.window.trigger(popstateEvent); - } - - // record the history entry so that the information can be included - // in hashchange event driven navigate events in a similar fashion to - // the state that's provided by popstate - this.history.add( state.url, state ); - }, - - // This binding is intended to catch the popstate events that are fired - // when execution of the `$.navigate` method stops at window.location.hash = url; - // and completely prevent them from propagating. The popstate event will then be - // retriggered after execution resumes - // - // TODO grab the original event here and use it for the synthetic event in the - // second half of the navigate execution that will follow this binding - popstate: function( event ) { - var hash, state; - - // If this is the popstate triggered by the actual alteration of the hash - // prevent it completely. History is tracked manually - if ( this.preventHashAssignPopState ) { - this.preventHashAssignPopState = false; - event.stopImmediatePropagation(); - return; - } - - // if this is the popstate triggered after the `replaceState` call in the go - // method, then simply ignore it. The history entry has already been captured - if ( this.ignorePopState ) { - this.ignorePopState = false; - return; - } - - // If there is no state, and the history stack length is one were - // probably getting the page load popstate fired by browsers like chrome - // avoid it and set the one time flag to false. - // TODO: Do we really need all these conditions? Comparing location hrefs - // should be sufficient. - if ( !event.originalEvent.state && - this.history.stack.length === 1 && - this.ignoreInitialHashChange ) { - this.ignoreInitialHashChange = false; - - if ( location.href === initialHref ) { - event.preventDefault(); - return; - } - } - - // account for direct manipulation of the hash. That is, we will receive a popstate - // when the hash is changed by assignment, and it won't have a state associated. We - // then need to squash the hash. See below for handling of hash assignment that - // matches an existing history entry - // TODO it might be better to only add to the history stack - // when the hash is adjacent to the active history entry - hash = path.parseLocation().hash; - if ( !event.originalEvent.state && hash ) { - // squash the hash that's been assigned on the URL with replaceState - // also grab the resulting state object for storage - state = this.squash( hash ); - - // record the new hash as an additional history entry - // to match the browser's treatment of hash assignment - this.history.add( state.url, state ); - - // pass the newly created state information - // along with the event - event.historyState = state; - - // do not alter history, we've added a new history entry - // so we know where we are - return; - } - - // If all else fails this is a popstate that comes from the back or forward buttons - // make sure to set the state of our history stack properly, and record the directionality - this.history.direct({ - url: (event.originalEvent.state || {}).url || hash, - - // When the url is either forward or backward in history include the entry - // as data on the event object for merging as data in the navigate event - present: function( historyEntry, direction ) { - // make sure to create a new object to pass down as the navigate event data - event.historyState = $.extend({}, historyEntry); - event.historyState.direction = direction; - } - }); - } - }); -})( jQuery ); - - - -(function( $, undefined ) { - // TODO consider queueing navigation activity until previous activities have completed - // so that end users don't have to think about it. Punting for now - // TODO !! move the event bindings into callbacks on the navigate event - $.mobile.navigate = function( url, data, noEvents ) { - $.mobile.navigate.navigator.go( url, data, noEvents ); - }; - - // expose the history on the navigate method in anticipation of full integration with - // existing navigation functionalty that is tightly coupled to the history information - $.mobile.navigate.history = new $.mobile.History(); - - // instantiate an instance of the navigator for use within the $.navigate method - $.mobile.navigate.navigator = new $.mobile.Navigator( $.mobile.navigate.history ); - - var loc = $.mobile.path.parseLocation(); - $.mobile.navigate.history.add( loc.href, {hash: loc.hash} ); -})( jQuery ); - - - -(function( $, undefined ) { - - // existing base tag? - var baseElement = document.querySelector('head base'); - - if (!baseElement) { - baseElement = $( "", { href: $.mobile.path.documentBase.hrefNoHash } ).prependTo( $( "head" ) ) ; - baseElement = baseElement[0]; - } - // base element management, defined depending on dynamic base tag support - // TODO move to external widget - var base = { - - // define base element, for use in routing asset urls that are referenced - // in Ajax-requested markup - element: baseElement, - - linkSelector: "*[src], link[href], a[rel='external'], *[data-ajax='false'], a[target]", - - // set the generated BASE element's href to a new page's base path - set: function( href ) { - - // we should do nothing if the user wants to manage their url base - // manually - if ( !$.mobile.dynamicBaseEnabled ) { - return; - } - - // we should use the base tag if we can manipulate it dynamically - if ( $.support.dynamicBaseTag ) { - base.element.setAttribute("href", - $.mobile.path.makeUrlAbsolute( href, $.mobile.path.documentBase ) ); - } - }, - - rewrite: function( href, page ) { - }, - - // set the generated BASE element's href to a new page's base path - reset: function(/* href */) { - base.element.setAttribute( "href", $.mobile.path.documentBase.hrefNoSearch ); - } - }; - - $.mobile.base = base; - -})( jQuery ); - -(function( $, undefined ) { - - var pageCache = {}; - - $.widget( "mobile.pagecontainer", { - options: { - theme: "a" - }, - - initSelector: false, - - _create: function() { - - // TODO consider moving the navigation handler OUT of widget into - // some other object as glue between the navigate event and the - // content widget load and change methods - this._on( this.window, { navigate: "_filterNavigateEvents" }); - }, - - _setOptions: function (options) { - this._super( options ); - }, - - _filterNavigateEvents: function( e, data ) { - var url; - - if ( e.originalEvent && e.originalEvent.isDefaultPrevented() ) { - return; - } - - url = e.originalEvent.type.indexOf( "hashchange" ) > -1 ? data.state.hash : data.state.url; - - if ( !url ) { - url = this._getHash(); - } - - if ( !url || url === "#" || url.indexOf( "#" + $.mobile.path.uiStateKey ) === 0 ) { - url = location.href; - } - - this._handleNavigate( url, data.state ); - }, - - _getHash: function() { - return $.mobile.path.parseLocation().hash; - }, - - // TODO active page should be managed by the container (ie, it should be a property) - getActivePage: function() { - return this.activePage; - }, - - // TODO the first page should be a property set during _create using the logic - // that currently resides in init - _getInitialContent: function() { - return $.mobile.firstPage; - }, - - // TODO each content container should have a history object - _getHistory: function() { - return $.mobile.navigate.history; - }, - - _getActiveHistory: function() { - return this._getHistory().getActive(); - }, - - // TODO the document base should be determined at creation - _getDocumentBase: function() { - return $.mobile.path.documentBase; - }, - - back: function() { - this.go( -1 ); - }, - - forward: function() { - this.go( 1 ); - }, - - go: function( steps ) { - - window.history.go(steps); - }, - - // TODO rename _handleDestination - _handleDestination: function( to ) { - var history; - - // clean the hash for comparison if it's a url - if ( $.type(to) === "string" ) { - to = $.mobile.path.stripHash( to ); - } - - if ( to ) { - history = this._getHistory(); - - // At this point, 'to' can be one of 3 things, a cached page - // element from a history stack entry, an id, or site-relative / - // absolute URL. If 'to' is an id, we need to resolve it against - // the documentBase, not the location.href, since the hashchange - // could've been the result of a forward/backward navigation - // that crosses from an external page/dialog to an internal - // page/dialog. - // - // TODO move check to history object or path object? - to = !$.mobile.path.isPath( to ) ? ( $.mobile.path.makeUrlAbsolute( "#" + to, this._getDocumentBase() ) ) : to; - } - return to || this._getInitialContent(); - }, - - _transitionFromHistory: function( direction, defaultTransition ) { - var history = this._getHistory(), - entry = ( direction === "back" ? history.getLast() : history.getActive() ); - - return ( entry && entry.transition ) || defaultTransition; - }, - - _handleDialog: function( changePageOptions, data ) { - var to, active, activeContent = this.getActivePage(); - - // If current active page is not a dialog skip the dialog and continue - // in the same direction - // Note: The dialog widget is deprecated as of 1.4.0 and will be removed in 1.5.0. - // Thus, as of 1.5.0 activeContent.data( "mobile-dialog" ) will always evaluate to - // falsy, so the second condition in the if-statement below can be removed altogether. - if ( activeContent && !activeContent.data( "mobile-dialog" ) ) { - // determine if we're heading forward or backward and continue - // accordingly past the current dialog - if ( data.direction === "back" ) { - this.back(); - } else { - this.forward(); - } - - // prevent changePage call - return false; - } else { - // if the current active page is a dialog and we're navigating - // to a dialog use the dialog objected saved in the stack - to = data.pageUrl; - active = this._getActiveHistory(); - - // make sure to set the role, transition and reversal - // as most of this is lost by the domCache cleaning - $.extend( changePageOptions, { - role: active.role, - transition: this._transitionFromHistory( - data.direction, - changePageOptions.transition ), - reverse: data.direction === "back" - }); - } - - return to; - }, - - _handleNavigate: function( url, data ) { - //find first page via hash - // TODO stripping the hash twice with handleUrl - var to = $.mobile.path.stripHash( url ), history = this._getHistory(), - - // transition is false if it's the first page, undefined - // otherwise (and may be overridden by default) - transition = history.stack.length === 0 ? "none" : - this._transitionFromHistory( data.direction ), - - // default options for the changPage calls made after examining - // the current state of the page and the hash, NOTE that the - // transition is derived from the previous history entry - changePageOptions = { - changeHash: false, - fromHashChange: true, - reverse: data.direction === "back" - }; - - $.extend( changePageOptions, data, { - transition: transition - }); - - // TODO move to _handleDestination ? - // If this isn't the first page, if the current url is a dialog hash - // key, and the initial destination isn't equal to the current target - // page, use the special dialog handling - if ( history.activeIndex > 0 && - to.indexOf( $.mobile.dialogHashKey ) > -1 ) { - - to = this._handleDialog( changePageOptions, data ); - - if ( to === false ) { - return; - } - } - - this._changeContent( this._handleDestination( to ), changePageOptions ); - }, - - _changeContent: function( to, opts ) { - $.mobile.changePage( to, opts ); - }, - - _getBase: function() { - return $.mobile.base; - }, - - _getNs: function() { - return $.mobile.ns; - }, - - _enhance: function( content, role ) { - // TODO consider supporting a custom callback, and passing in - // the settings which includes the role - return content.page({ role: role }); - }, - - _include: function (page, jPage, settings) { - - // append to page and enhance - jPage.appendTo(this.element); - //alert(jPage[0].parentNode == this.element[0]); - //this.element[0].appendChild(page); - - // use the page widget to enhance - this._enhance(jPage, settings.role); - }, - - _find: function( absUrl ) { - // TODO consider supporting a custom callback - var fileUrl = this._createFileUrl( absUrl ), - dataUrl = this._createDataUrl( absUrl ), - page, initialContent = this._getInitialContent(); - - // Check to see if the page already exists in the DOM. - // NOTE do _not_ use the :jqmData pseudo selector because parenthesis - // are a valid url char and it breaks on the first occurence - page = this.element - .children( "[data-" + this._getNs() + - "url='" + $.mobile.path.hashToSelector( dataUrl ) + "']" ); - - // If we failed to find the page, check to see if the url is a - // reference to an embedded page. If so, it may have been dynamically - // injected by a developer, in which case it would be lacking a - // data-url attribute and in need of enhancement. - if ( page.length === 0 && dataUrl && !$.mobile.path.isPath( dataUrl ) ) { - page = this.element.children( $.mobile.path.hashToSelector("#" + dataUrl) ) - .attr( "data-" + this._getNs() + "url", dataUrl ) - .jqmData( "url", dataUrl ); - } - - // If we failed to find a page in the DOM, check the URL to see if it - // refers to the first page in the application. Also check to make sure - // our cached-first-page is actually in the DOM. Some user deployed - // apps are pruning the first page from the DOM for various reasons. - // We check for this case here because we don't want a first-page with - // an id falling through to the non-existent embedded page error case. - if ( page.length === 0 && - $.mobile.path.isFirstPageUrl( fileUrl ) && - initialContent && - initialContent.parent().length ) { - page = $( initialContent ); - } - - return page; - }, - - _parse: function( html, fileUrl ) { - // TODO consider allowing customization of this method. It's very JQM specific - var page, all = document.createElement('div'); - - //workaround to allow scripts to execute when included in page divs - all.innerHTML = html; - - page = all.querySelector("div[data-role='page']"); - - //if page elem couldn't be found, create one and insert the body element's contents - if ( !page ) { - page = $( "
" + - ( html.split( /<\/?body[^>]*>/gmi )[1] || "" ) + - "
" )[0]; - } - - // TODO tagging a page with external to make sure that embedded pages aren't - // removed by the various page handling code is bad. Having page handling code - // in many places is bad. Solutions post 1.0 - page.setAttribute("data-" + this._getNs() + "url", this._createDataUrl(fileUrl)); - page.setAttribute("data-" + this._getNs() + "external-page", true); - - return page; - }, - - _setLoadedTitle: function( page, html ) { - //page title regexp - if ( !page.jqmData("title") ) { - - var newPageTitle = html.match(/]*>([^<]*)/) && RegExp.$1; - - if (newPageTitle) { - page.jqmData("title", newPageTitle); - } - } - }, - - _isRewritableBaseTag: function() { - return $.mobile.dynamicBaseEnabled && !$.support.dynamicBaseTag; - }, - - _createDataUrl: function( absoluteUrl ) { - return $.mobile.path.convertUrlToDataUrl( absoluteUrl ); - }, - - _createFileUrl: function( absoluteUrl ) { - return $.mobile.path.getFilePath( absoluteUrl ); - }, - - _triggerWithDeprecated: function( name, data, page ) { - var deprecatedEvent = $.Event( "page" + name ), - newEvent = $.Event( this.widgetName + name ); - - // DEPRECATED - // trigger the old deprecated event on the page if it's provided - ( page || this.element ).trigger( deprecatedEvent, data ); - - // use the widget trigger method for the new content* event - this._trigger( name, newEvent, data ); - - return { - deprecatedEvent: deprecatedEvent, - event: newEvent - }; - }, - - // TODO it would be nice to split this up more but everything appears to be "one off" - // or require ordering such that other bits are sprinkled in between parts that - // could be abstracted out as a group - _loadSuccess: function( absUrl, triggerData, settings, deferred ) { - var fileUrl = this._createFileUrl( absUrl ); - - return $.proxy(function (html, wasCached) { - - if (!wasCached || typeof (wasCached) != 'boolean') { - if ($.mobile.filterHtml) { - html = $.mobile.filterHtml(html); - } - if (absUrl.toLowerCase().indexOf('/configurationpage?') == -1) { - pageCache[absUrl.split('?')[0]] = html; + if (earlyReturn) { + return index; + } } } - //dont update the base tag if we are prefetching - if ( settings.prefetch === undefined ) { - this._getBase().set( fileUrl ); - } + return index; + }, - var contentElem = this._parse(html, fileUrl); - var content = $(contentElem); + closest: function (url) { + var closest, a = this.activeIndex; - this._setLoadedTitle( content, html ); + // First, take the slice of the history stack before the current index and search + // for a url match. If one is found, we'll avoid avoid looking through forward history + // NOTE the preference for backward history movement is driven by the fact that + // most mobile browsers only have a dedicated back button, and users rarely use + // the forward button in desktop browser anyhow + closest = this.find(url, this.stack.slice(0, a)); - // DEPRECATED - triggerData.page = content; - - triggerData.content = content; - - triggerData.toPage = content; - - // rewrite src and href attrs to use a base url if the base tag won't work - if ( this._isRewritableBaseTag() && content ) { - this._getBase().rewrite( fileUrl, content ); - } - - var dependencies = contentElem.getAttribute('data-require'); - dependencies = dependencies ? dependencies.split(',') : null; - - if (contentElem.classList.contains('type-interior')) { - dependencies = dependencies || []; - dependencies.push('jqmpopup'); - dependencies.push('jqmlistview'); - dependencies.push('jqmcollapsible'); - dependencies.push('jqmcontrolgroup'); - dependencies.push('jqmcheckbox'); + // If nothing was found in backward history check forward. The `true` + // value passed as the third parameter causes the find method to break + // on the first match in the forward history slice. The starting index + // of the slice must then be added to the result to get the element index + // in the original history stack :( :( + // + // TODO this is hyper confusing and should be cleaned up (ugh so bad) + if (closest === undefined) { + closest = this.find(url, this.stack.slice(a), true); + closest = closest === undefined ? closest : closest + a; } - var currentSelf = this; + return closest; + }, - require(dependencies, function () { - currentSelf._include(contentElem, content, settings); - deferred.resolve(absUrl, settings, content); - }); + direct: function (opts) { + var newActiveIndex = this.closest(opts.url), a = this.activeIndex; - }, this); - }, + // save new page index, null check to prevent falsey 0 result + // record the previous index for reference + if (newActiveIndex !== undefined) { + this.activeIndex = newActiveIndex; + this.previousIndex = a; + } - _loadDefaults: { - type: "get", - data: undefined, - - // DEPRECATED - reloadPage: false, - - reload: false, - - // By default we rely on the role defined by the @data-role attribute. - role: undefined, - - showLoadMsg: false, - - // This delay allows loads that pull from browser cache to - // occur without showing the loading message. - loadMsgDelay: 50 - }, - - load: function( url, options ) { - // This function uses deferred notifications to let callers - // know when the content is done loading, or if an error has occurred. - var deferred = ( options && options.deferred ) || $.Deferred(), - - // Examining the option "reloadPage" passed by the user is deprecated as of 1.4.0 - // and will be removed in 1.5.0. - // Copy option "reloadPage" to "reload", but only if option "reload" is not present - reloadOptionExtension = - ( ( options && options.reload === undefined && - options.reloadPage !== undefined ) ? - { reload: options.reloadPage } : {} ), - - // The default load options with overrides specified by the caller. - settings = $.extend( {}, this._loadDefaults, options, reloadOptionExtension ), - - // The DOM element for the content after it has been loaded. - content = null, - - // The absolute version of the URL passed into the function. This - // version of the URL may contain dialog/subcontent params in it. - absUrl = $.mobile.path.makeUrlAbsolute( url, this._findBaseWithDefault() ), - fileUrl, dataUrl, pblEvent, triggerData; - - // If the caller provided data, and we're using "get" request, - // append the data to the URL. - if ( settings.data && settings.type === "get" ) { - absUrl = $.mobile.path.addSearchParams( absUrl, settings.data ); - settings.data = undefined; - } - - // If the caller is using a "post" request, reload must be true - if ( settings.data && settings.type === "post" ) { - settings.reload = true; - } - - // The absolute version of the URL minus any dialog/subcontent params. - // In otherwords the real URL of the content to be loaded. - fileUrl = this._createFileUrl( absUrl ); - - // The version of the Url actually stored in the data-url attribute of - // the content. For embedded content, it is just the id of the page. For - // content within the same domain as the document base, it is the site - // relative path. For cross-domain content (Phone Gap only) the entire - // absolute Url is used to load the content. - dataUrl = this._createDataUrl( absUrl ); - - content = this._find( absUrl ); - - // If it isn't a reference to the first content and refers to missing - // embedded content reject the deferred and return - if ( content.length === 0 && - $.mobile.path.isEmbeddedPage(fileUrl) && - !$.mobile.path.isFirstPageUrl(fileUrl) ) { - deferred.reject( absUrl, settings ); - return deferred.promise(); - } - - // Reset base to the default document base - // TODO figure out why we doe this - this._getBase().reset(); - - // If the content we are interested in is already in the DOM, - // and the caller did not indicate that we should force a - // reload of the file, we are done. Resolve the deferrred so that - // users can bind to .done on the promise - if ( content.length && !settings.reload ) { - this._enhance( content, settings.role ); - deferred.resolve( absUrl, settings, content ); - - //if we are reloading the content make sure we update - // the base if its not a prefetch - if ( !settings.prefetch ) { - this._getBase().set(url); - } - - return deferred.promise(); - } - - triggerData = { - url: url, - absUrl: absUrl, - toPage: url, - prevPage: options ? options.fromPage : undefined, - dataUrl: dataUrl, - deferred: deferred, - options: settings - }; - - // Reset base to the default document base. - // only reset if we are not prefetching - if ( settings.prefetch === undefined ) { - this._getBase().reset(); - } - - if ( !( $.mobile.allowCrossDomainPages || - $.mobile.path.isSameDomain($.mobile.path.documentUrl, absUrl ) ) ) { - deferred.reject( absUrl, settings ); - return deferred.promise(); - } - - var successFn = this._loadSuccess(absUrl, triggerData, settings, deferred); - var cachedResult = pageCache[absUrl.split('?')[0]]; - if (cachedResult) { - successFn(cachedResult, true); - return deferred.promise(); + // invoke callbacks where appropriate + // + // TODO this is also convoluted and confusing + if (newActiveIndex < a) { + (opts.present || opts.back || $.noop)(this.getActive(), "back"); + } else if (newActiveIndex > a) { + (opts.present || opts.forward || $.noop)(this.getActive(), "forward"); + } else if (newActiveIndex === undefined && opts.missing) { + opts.missing(this.getActive()); + } } + }); + })(jQuery); - // Load the new content. - $.ajax({ - url: fileUrl, - type: settings.type, - data: settings.data, - contentType: settings.contentType, - dataType: "html", - success: successFn, - error: this._loadError( absUrl, triggerData, settings, deferred ) - }); - return deferred.promise(); - }, - _loadError: function( absUrl, triggerData, settings, deferred ) { - return $.proxy(function( xhr, textStatus, errorThrown ) { - //set base back to current path - this._getBase().set( $.mobile.path.get() ); + (function ($, undefined) { + var path = $.mobile.path, + initialHref = location.href; - // Add error info to our triggerData. - triggerData.xhr = xhr; - triggerData.textStatus = textStatus; - triggerData.errorThrown = errorThrown; + $.mobile.Navigator = function (history) { + this.history = history; + this.ignoreInitialHashChange = true; - // Let listeners know the page load failed. - var plfEvent = this._triggerWithDeprecated( "loadfailed", triggerData ); + $.mobile.window.bind({ + "popstate.history": $.proxy(this.popstate, this) + }); + }; - // If the default behavior is prevented, stop here! - // Note that it is the responsibility of the listener/handler - // that called preventDefault(), to resolve/reject the - // deferred object within the triggerData. - if ( plfEvent.deprecatedEvent.isDefaultPrevented() || - plfEvent.event.isDefaultPrevented() ) { - return; - } + $.extend($.mobile.Navigator.prototype, { + squash: function (url, data) { + var state, href, hash = path.isPath(url) ? path.stripHash(url) : url; - deferred.reject( absUrl, settings ); - }, this); - }, + href = path.squash(url); - // TODO move into transition handlers? - _triggerCssTransitionEvents: function( to, from, prefix ) { - var samePage = false; + // make sure to provide this information when it isn't explicitly set in the + // data object that was passed to the squash method + state = $.extend({ + hash: hash, + url: href + }, data); - prefix = prefix || ""; + // replace the current url with the new href and store the state + // Note that in some cases we might be replacing an url with the + // same url. We do this anyways because we need to make sure that + // all of our history entries have a state object associated with + // them. This allows us to work around the case where $.mobile.back() + // is called to transition from an external page to an embedded page. + // In that particular case, a hashchange event is *NOT* generated by the browser. + // Ensuring each history entry has a state object means that onPopState() + // will always trigger our hashchange callback even when a hashchange event + // is not fired. + window.history.replaceState(state, state.title || document.title, href); - // TODO decide if these events should in fact be triggered on the container - if ( from ) { + return state; + }, - //Check if this is a same page transition and tell the handler in page - if( to[0] === from[0] ){ - samePage = true; - } + hash: function (url, href) { + var parsed, loc, hash, resolved; - //trigger before show/hide events - // TODO deprecate nextPage in favor of next - this._triggerWithDeprecated( prefix + "hide", { + // Grab the hash for recording. If the passed url is a path + // we used the parsed version of the squashed url to reconstruct, + // otherwise we assume it's a hash and store it directly + parsed = path.parseUrl(url); + loc = path.parseLocation(); - // Deprecated in 1.4 remove in 1.5 - nextPage: to, - toPage: to, - prevPage: from, - samePage: samePage - }, from ); - } + if (loc.pathname + loc.search === parsed.pathname + parsed.search) { + // If the pathname and search of the passed url is identical to the current loc + // then we must use the hash. Otherwise there will be no event + // eg, url = "/foo/bar?baz#bang", location.href = "http://example.com/foo/bar?baz" + hash = parsed.hash ? parsed.hash : parsed.pathname + parsed.search; + } else if (path.isPath(url)) { + resolved = path.parseUrl(href); + // If the passed url is a path, make it domain relative and remove any trailing hash + hash = resolved.pathname + resolved.search + (path.isPreservableHash(resolved.hash) ? resolved.hash.replace("#", "") : ""); + } else { + hash = url; + } - // TODO deprecate prevPage in favor of previous - if (!prefix && $.browser.msie) { + return hash; + }, - // Add a delay for IE because it seems to be having issues with web components - var curr = this; - setTimeout(function() { - curr._triggerWithDeprecated(prefix + "show", { + // TODO reconsider name + go: function (url, data, noEvents) { + var state, href, hash, popstateEvent; + + // Get the url as it would look squashed on to the current resolution url + href = path.squash(url); + + // sort out what the hash sould be from the url + hash = this.hash(url, href); + + // Here we prevent the next hash change or popstate event from doing any + // history management. In the case of hashchange we don't swallow it + // if there will be no hashchange fired (since that won't reset the value) + // and will swallow the following hashchange + if (noEvents && hash !== path.stripHash(path.parseLocation().hash)) { + this.preventNextHashChange = noEvents; + } + + // IMPORTANT in the case where popstate is supported the event will be triggered + // directly, stopping further execution - ie, interupting the flow of this + // method call to fire bindings at this expression. Below the navigate method + // there is a binding to catch this event and stop its propagation. + // + // We then trigger a new popstate event on the window with a null state + // so that the navigate events can conclude their work properly + // + // if the url is a path we want to preserve the query params that are available on + // the current url. + this.preventHashAssignPopState = true; + window.location.hash = hash; + + // If popstate is enabled and the browser triggers `popstate` events when the hash + // is set (this often happens immediately in browsers like Chrome), then the + // this flag will be set to false already. If it's a browser that does not trigger + // a `popstate` on hash assignement or `replaceState` then we need avoid the branch + // that swallows the event created by the popstate generated by the hash assignment + // At the time of this writing this happens with Opera 12 and some version of IE + this.preventHashAssignPopState = false; + + state = $.extend({ + url: href, + hash: hash, + title: document.title + }, data); + + popstateEvent = new $.Event("popstate"); + popstateEvent.originalEvent = { + type: "popstate", + state: null + }; + + this.squash(url, state); + + // Trigger a new faux popstate event to replace the one that we + // caught that was triggered by the hash setting above. + if (!noEvents) { + this.ignorePopState = true; + $.mobile.window.trigger(popstateEvent); + } + + // record the history entry so that the information can be included + // in hashchange event driven navigate events in a similar fashion to + // the state that's provided by popstate + this.history.add(state.url, state); + }, + + // This binding is intended to catch the popstate events that are fired + // when execution of the `$.navigate` method stops at window.location.hash = url; + // and completely prevent them from propagating. The popstate event will then be + // retriggered after execution resumes + // + // TODO grab the original event here and use it for the synthetic event in the + // second half of the navigate execution that will follow this binding + popstate: function (event) { + var hash, state; + + // If this is the popstate triggered by the actual alteration of the hash + // prevent it completely. History is tracked manually + if (this.preventHashAssignPopState) { + this.preventHashAssignPopState = false; + event.stopImmediatePropagation(); + return; + } + + // if this is the popstate triggered after the `replaceState` call in the go + // method, then simply ignore it. The history entry has already been captured + if (this.ignorePopState) { + this.ignorePopState = false; + return; + } + + // If there is no state, and the history stack length is one were + // probably getting the page load popstate fired by browsers like chrome + // avoid it and set the one time flag to false. + // TODO: Do we really need all these conditions? Comparing location hrefs + // should be sufficient. + if (!event.originalEvent.state && + this.history.stack.length === 1 && + this.ignoreInitialHashChange) { + this.ignoreInitialHashChange = false; + + if (location.href === initialHref) { + event.preventDefault(); + return; + } + } + + // account for direct manipulation of the hash. That is, we will receive a popstate + // when the hash is changed by assignment, and it won't have a state associated. We + // then need to squash the hash. See below for handling of hash assignment that + // matches an existing history entry + // TODO it might be better to only add to the history stack + // when the hash is adjacent to the active history entry + hash = path.parseLocation().hash; + if (!event.originalEvent.state && hash) { + // squash the hash that's been assigned on the URL with replaceState + // also grab the resulting state object for storage + state = this.squash(hash); + + // record the new hash as an additional history entry + // to match the browser's treatment of hash assignment + this.history.add(state.url, state); + + // pass the newly created state information + // along with the event + event.historyState = state; + + // do not alter history, we've added a new history entry + // so we know where we are + return; + } + + // If all else fails this is a popstate that comes from the back or forward buttons + // make sure to set the state of our history stack properly, and record the directionality + this.history.direct({ + url: (event.originalEvent.state || {}).url || hash, + + // When the url is either forward or backward in history include the entry + // as data on the event object for merging as data in the navigate event + present: function (historyEntry, direction) { + // make sure to create a new object to pass down as the navigate event data + event.historyState = $.extend({}, historyEntry); + event.historyState.direction = direction; + } + }); + } + }); + })(jQuery); + + + + (function ($, undefined) { + // TODO consider queueing navigation activity until previous activities have completed + // so that end users don't have to think about it. Punting for now + // TODO !! move the event bindings into callbacks on the navigate event + $.mobile.navigate = function (url, data, noEvents) { + $.mobile.navigate.navigator.go(url, data, noEvents); + }; + + // expose the history on the navigate method in anticipation of full integration with + // existing navigation functionalty that is tightly coupled to the history information + $.mobile.navigate.history = new $.mobile.History(); + + // instantiate an instance of the navigator for use within the $.navigate method + $.mobile.navigate.navigator = new $.mobile.Navigator($.mobile.navigate.history); + + var loc = $.mobile.path.parseLocation(); + $.mobile.navigate.history.add(loc.href, { hash: loc.hash }); + })(jQuery); + + + + (function ($, undefined) { + + // existing base tag? + var baseElement = document.querySelector('head base'); + + if (!baseElement) { + baseElement = $("", { href: $.mobile.path.documentBase.hrefNoHash }).prependTo($("head")); + baseElement = baseElement[0]; + } + // base element management, defined depending on dynamic base tag support + // TODO move to external widget + var base = { + + // define base element, for use in routing asset urls that are referenced + // in Ajax-requested markup + element: baseElement, + + linkSelector: "*[src], link[href], a[rel='external'], *[data-ajax='false'], a[target]", + + // set the generated BASE element's href to a new page's base path + set: function (href) { + + // we should do nothing if the user wants to manage their url base + // manually + if (!$.mobile.dynamicBaseEnabled) { + return; + } + + // we should use the base tag if we can manipulate it dynamically + if ($.support.dynamicBaseTag) { + base.element.setAttribute("href", + $.mobile.path.makeUrlAbsolute(href, $.mobile.path.documentBase)); + } + }, + + rewrite: function (href, page) { + }, + + // set the generated BASE element's href to a new page's base path + reset: function (/* href */) { + base.element.setAttribute("href", $.mobile.path.documentBase.hrefNoSearch); + } + }; + + $.mobile.base = base; + + })(jQuery); + + (function ($, undefined) { + + var pageCache = {}; + + $.widget("mobile.pagecontainer", { + options: { + theme: "a" + }, + + initSelector: false, + + _create: function () { + + // TODO consider moving the navigation handler OUT of widget into + // some other object as glue between the navigate event and the + // content widget load and change methods + this._on(this.window, { navigate: "_filterNavigateEvents" }); + }, + + _setOptions: function (options) { + this._super(options); + }, + + _filterNavigateEvents: function (e, data) { + var url; + + if (e.originalEvent && e.originalEvent.isDefaultPrevented()) { + return; + } + + url = e.originalEvent.type.indexOf("hashchange") > -1 ? data.state.hash : data.state.url; + + if (!url) { + url = this._getHash(); + } + + if (!url || url === "#" || url.indexOf("#" + $.mobile.path.uiStateKey) === 0) { + url = location.href; + } + + this._handleNavigate(url, data.state); + }, + + _getHash: function () { + return $.mobile.path.parseLocation().hash; + }, + + // TODO active page should be managed by the container (ie, it should be a property) + getActivePage: function () { + return this.activePage; + }, + + // TODO the first page should be a property set during _create using the logic + // that currently resides in init + _getInitialContent: function () { + return $.mobile.firstPage; + }, + + // TODO each content container should have a history object + _getHistory: function () { + return $.mobile.navigate.history; + }, + + _getActiveHistory: function () { + return this._getHistory().getActive(); + }, + + // TODO the document base should be determined at creation + _getDocumentBase: function () { + return $.mobile.path.documentBase; + }, + + back: function () { + this.go(-1); + }, + + forward: function () { + this.go(1); + }, + + go: function (steps) { + + window.history.go(steps); + }, + + // TODO rename _handleDestination + _handleDestination: function (to) { + var history; + + // clean the hash for comparison if it's a url + if ($.type(to) === "string") { + to = $.mobile.path.stripHash(to); + } + + if (to) { + history = this._getHistory(); + + // At this point, 'to' can be one of 3 things, a cached page + // element from a history stack entry, an id, or site-relative / + // absolute URL. If 'to' is an id, we need to resolve it against + // the documentBase, not the location.href, since the hashchange + // could've been the result of a forward/backward navigation + // that crosses from an external page/dialog to an internal + // page/dialog. + // + // TODO move check to history object or path object? + to = !$.mobile.path.isPath(to) ? ($.mobile.path.makeUrlAbsolute("#" + to, this._getDocumentBase())) : to; + } + return to || this._getInitialContent(); + }, + + _transitionFromHistory: function (direction, defaultTransition) { + var history = this._getHistory(), + entry = (direction === "back" ? history.getLast() : history.getActive()); + + return (entry && entry.transition) || defaultTransition; + }, + + _handleDialog: function (changePageOptions, data) { + var to, active, activeContent = this.getActivePage(); + + // If current active page is not a dialog skip the dialog and continue + // in the same direction + // Note: The dialog widget is deprecated as of 1.4.0 and will be removed in 1.5.0. + // Thus, as of 1.5.0 activeContent.data( "mobile-dialog" ) will always evaluate to + // falsy, so the second condition in the if-statement below can be removed altogether. + if (activeContent && !activeContent.data("mobile-dialog")) { + // determine if we're heading forward or backward and continue + // accordingly past the current dialog + if (data.direction === "back") { + this.back(); + } else { + this.forward(); + } + + // prevent changePage call + return false; + } else { + // if the current active page is a dialog and we're navigating + // to a dialog use the dialog objected saved in the stack + to = data.pageUrl; + active = this._getActiveHistory(); + + // make sure to set the role, transition and reversal + // as most of this is lost by the domCache cleaning + $.extend(changePageOptions, { + role: active.role, + transition: this._transitionFromHistory( + data.direction, + changePageOptions.transition), + reverse: data.direction === "back" + }); + } + + return to; + }, + + _handleNavigate: function (url, data) { + //find first page via hash + // TODO stripping the hash twice with handleUrl + var to = $.mobile.path.stripHash(url), history = this._getHistory(), + + // transition is false if it's the first page, undefined + // otherwise (and may be overridden by default) + transition = history.stack.length === 0 ? "none" : + this._transitionFromHistory(data.direction), + + // default options for the changPage calls made after examining + // the current state of the page and the hash, NOTE that the + // transition is derived from the previous history entry + changePageOptions = { + changeHash: false, + fromHashChange: true, + reverse: data.direction === "back" + }; + + $.extend(changePageOptions, data, { + transition: transition + }); + + // TODO move to _handleDestination ? + // If this isn't the first page, if the current url is a dialog hash + // key, and the initial destination isn't equal to the current target + // page, use the special dialog handling + if (history.activeIndex > 0 && + to.indexOf($.mobile.dialogHashKey) > -1) { + + to = this._handleDialog(changePageOptions, data); + + if (to === false) { + return; + } + } + + this._changeContent(this._handleDestination(to), changePageOptions); + }, + + _changeContent: function (to, opts) { + $.mobile.changePage(to, opts); + }, + + _getBase: function () { + return $.mobile.base; + }, + + _getNs: function () { + return $.mobile.ns; + }, + + _enhance: function (content, role) { + // TODO consider supporting a custom callback, and passing in + // the settings which includes the role + return content.page({ role: role }); + }, + + _include: function (page, jPage, settings) { + + // append to page and enhance + jPage.appendTo(this.element); + //alert(jPage[0].parentNode == this.element[0]); + //this.element[0].appendChild(page); + + // use the page widget to enhance + this._enhance(jPage, settings.role); + }, + + _find: function (absUrl) { + // TODO consider supporting a custom callback + var fileUrl = this._createFileUrl(absUrl), + dataUrl = this._createDataUrl(absUrl), + page, initialContent = this._getInitialContent(); + + // Check to see if the page already exists in the DOM. + // NOTE do _not_ use the :jqmData pseudo selector because parenthesis + // are a valid url char and it breaks on the first occurence + page = this.element + .children("[data-" + this._getNs() + + "url='" + $.mobile.path.hashToSelector(dataUrl) + "']"); + + // If we failed to find the page, check to see if the url is a + // reference to an embedded page. If so, it may have been dynamically + // injected by a developer, in which case it would be lacking a + // data-url attribute and in need of enhancement. + if (page.length === 0 && dataUrl && !$.mobile.path.isPath(dataUrl)) { + page = this.element.children($.mobile.path.hashToSelector("#" + dataUrl)) + .attr("data-" + this._getNs() + "url", dataUrl) + .jqmData("url", dataUrl); + } + + // If we failed to find a page in the DOM, check the URL to see if it + // refers to the first page in the application. Also check to make sure + // our cached-first-page is actually in the DOM. Some user deployed + // apps are pruning the first page from the DOM for various reasons. + // We check for this case here because we don't want a first-page with + // an id falling through to the non-existent embedded page error case. + if (page.length === 0 && + $.mobile.path.isFirstPageUrl(fileUrl) && + initialContent && + initialContent.parent().length) { + page = $(initialContent); + } + + return page; + }, + + _parse: function (html, fileUrl) { + // TODO consider allowing customization of this method. It's very JQM specific + var page, all = document.createElement('div'); + + //workaround to allow scripts to execute when included in page divs + all.innerHTML = html; + + page = all.querySelector("div[data-role='page']"); + + //if page elem couldn't be found, create one and insert the body element's contents + if (!page) { + page = $("
" + + (html.split(/<\/?body[^>]*>/gmi)[1] || "") + + "
")[0]; + } + + // TODO tagging a page with external to make sure that embedded pages aren't + // removed by the various page handling code is bad. Having page handling code + // in many places is bad. Solutions post 1.0 + page.setAttribute("data-" + this._getNs() + "url", this._createDataUrl(fileUrl)); + page.setAttribute("data-" + this._getNs() + "external-page", true); + + return page; + }, + + _setLoadedTitle: function (page, html) { + //page title regexp + if (!page.jqmData("title")) { + + var newPageTitle = html.match(/]*>([^<]*)/) && RegExp.$1; + + if (newPageTitle) { + page.jqmData("title", newPageTitle); + } + } + }, + + _isRewritableBaseTag: function () { + return $.mobile.dynamicBaseEnabled && !$.support.dynamicBaseTag; + }, + + _createDataUrl: function (absoluteUrl) { + return $.mobile.path.convertUrlToDataUrl(absoluteUrl); + }, + + _createFileUrl: function (absoluteUrl) { + return $.mobile.path.getFilePath(absoluteUrl); + }, + + _triggerWithDeprecated: function (name, data, page) { + var deprecatedEvent = $.Event("page" + name), + newEvent = $.Event(this.widgetName + name); + + // DEPRECATED + // trigger the old deprecated event on the page if it's provided + (page || this.element).trigger(deprecatedEvent, data); + + // use the widget trigger method for the new content* event + this._trigger(name, newEvent, data); + + return { + deprecatedEvent: deprecatedEvent, + event: newEvent + }; + }, + + // TODO it would be nice to split this up more but everything appears to be "one off" + // or require ordering such that other bits are sprinkled in between parts that + // could be abstracted out as a group + _loadSuccess: function (absUrl, triggerData, settings, deferred) { + var fileUrl = this._createFileUrl(absUrl); + + return $.proxy(function (html, wasCached) { + + if (!wasCached || typeof (wasCached) != 'boolean') { + if ($.mobile.filterHtml) { + html = $.mobile.filterHtml(html); + } + if (absUrl.toLowerCase().indexOf('/configurationpage?') == -1) { + pageCache[absUrl.split('?')[0]] = html; + } + } + + //dont update the base tag if we are prefetching + if (settings.prefetch === undefined) { + this._getBase().set(fileUrl); + } + + var contentElem = this._parse(html, fileUrl); + var content = $(contentElem); + + this._setLoadedTitle(content, html); + + // DEPRECATED + triggerData.page = content; + + triggerData.content = content; + + triggerData.toPage = content; + + // rewrite src and href attrs to use a base url if the base tag won't work + if (this._isRewritableBaseTag() && content) { + this._getBase().rewrite(fileUrl, content); + } + + var dependencies = contentElem.getAttribute('data-require'); + dependencies = dependencies ? dependencies.split(',') : null; + + if (contentElem.classList.contains('type-interior')) { + dependencies = dependencies || []; + dependencies.push('jqmpopup'); + dependencies.push('jqmlistview'); + dependencies.push('jqmcollapsible'); + dependencies.push('jqmcontrolgroup'); + dependencies.push('jqmcheckbox'); + } + + var currentSelf = this; + + require(dependencies, function () { + currentSelf._include(contentElem, content, settings); + deferred.resolve(absUrl, settings, content); + }); + + }, this); + }, + + _loadDefaults: { + type: "get", + data: undefined, + + // DEPRECATED + reloadPage: false, + + reload: false, + + // By default we rely on the role defined by the @data-role attribute. + role: undefined, + + showLoadMsg: false, + + // This delay allows loads that pull from browser cache to + // occur without showing the loading message. + loadMsgDelay: 50 + }, + + load: function (url, options) { + // This function uses deferred notifications to let callers + // know when the content is done loading, or if an error has occurred. + var deferred = (options && options.deferred) || $.Deferred(), + + // Examining the option "reloadPage" passed by the user is deprecated as of 1.4.0 + // and will be removed in 1.5.0. + // Copy option "reloadPage" to "reload", but only if option "reload" is not present + reloadOptionExtension = + ((options && options.reload === undefined && + options.reloadPage !== undefined) ? + { reload: options.reloadPage } : {}), + + // The default load options with overrides specified by the caller. + settings = $.extend({}, this._loadDefaults, options, reloadOptionExtension), + + // The DOM element for the content after it has been loaded. + content = null, + + // The absolute version of the URL passed into the function. This + // version of the URL may contain dialog/subcontent params in it. + absUrl = $.mobile.path.makeUrlAbsolute(url, this._findBaseWithDefault()), + fileUrl, dataUrl, pblEvent, triggerData; + + // If the caller provided data, and we're using "get" request, + // append the data to the URL. + if (settings.data && settings.type === "get") { + absUrl = $.mobile.path.addSearchParams(absUrl, settings.data); + settings.data = undefined; + } + + // If the caller is using a "post" request, reload must be true + if (settings.data && settings.type === "post") { + settings.reload = true; + } + + // The absolute version of the URL minus any dialog/subcontent params. + // In otherwords the real URL of the content to be loaded. + fileUrl = this._createFileUrl(absUrl); + + // The version of the Url actually stored in the data-url attribute of + // the content. For embedded content, it is just the id of the page. For + // content within the same domain as the document base, it is the site + // relative path. For cross-domain content (Phone Gap only) the entire + // absolute Url is used to load the content. + dataUrl = this._createDataUrl(absUrl); + + content = this._find(absUrl); + + // If it isn't a reference to the first content and refers to missing + // embedded content reject the deferred and return + if (content.length === 0 && + $.mobile.path.isEmbeddedPage(fileUrl) && + !$.mobile.path.isFirstPageUrl(fileUrl)) { + deferred.reject(absUrl, settings); + return deferred.promise(); + } + + // Reset base to the default document base + // TODO figure out why we doe this + this._getBase().reset(); + + // If the content we are interested in is already in the DOM, + // and the caller did not indicate that we should force a + // reload of the file, we are done. Resolve the deferrred so that + // users can bind to .done on the promise + if (content.length && !settings.reload) { + this._enhance(content, settings.role); + deferred.resolve(absUrl, settings, content); + + //if we are reloading the content make sure we update + // the base if its not a prefetch + if (!settings.prefetch) { + this._getBase().set(url); + } + + return deferred.promise(); + } + + triggerData = { + url: url, + absUrl: absUrl, + toPage: url, + prevPage: options ? options.fromPage : undefined, + dataUrl: dataUrl, + deferred: deferred, + options: settings + }; + + // Reset base to the default document base. + // only reset if we are not prefetching + if (settings.prefetch === undefined) { + this._getBase().reset(); + } + + if (!($.mobile.allowCrossDomainPages || + $.mobile.path.isSameDomain($.mobile.path.documentUrl, absUrl))) { + deferred.reject(absUrl, settings); + return deferred.promise(); + } + + var successFn = this._loadSuccess(absUrl, triggerData, settings, deferred); + var cachedResult = pageCache[absUrl.split('?')[0]]; + if (cachedResult) { + successFn(cachedResult, true); + return deferred.promise(); + } + + // Load the new content. + $.ajax({ + url: fileUrl, + type: settings.type, + data: settings.data, + contentType: settings.contentType, + dataType: "html", + success: successFn, + error: this._loadError(absUrl, triggerData, settings, deferred) + }); + + return deferred.promise(); + }, + + _loadError: function (absUrl, triggerData, settings, deferred) { + return $.proxy(function (xhr, textStatus, errorThrown) { + //set base back to current path + this._getBase().set($.mobile.path.get()); + + // Add error info to our triggerData. + triggerData.xhr = xhr; + triggerData.textStatus = textStatus; + triggerData.errorThrown = errorThrown; + + // Let listeners know the page load failed. + var plfEvent = this._triggerWithDeprecated("loadfailed", triggerData); + + // If the default behavior is prevented, stop here! + // Note that it is the responsibility of the listener/handler + // that called preventDefault(), to resolve/reject the + // deferred object within the triggerData. + if (plfEvent.deprecatedEvent.isDefaultPrevented() || + plfEvent.event.isDefaultPrevented()) { + return; + } + + deferred.reject(absUrl, settings); + }, this); + }, + + // TODO move into transition handlers? + _triggerCssTransitionEvents: function (to, from, prefix) { + var samePage = false; + + prefix = prefix || ""; + + // TODO decide if these events should in fact be triggered on the container + if (from) { + + //Check if this is a same page transition and tell the handler in page + if (to[0] === from[0]) { + samePage = true; + } + + //trigger before show/hide events + // TODO deprecate nextPage in favor of next + this._triggerWithDeprecated(prefix + "hide", { + + // Deprecated in 1.4 remove in 1.5 + nextPage: to, + toPage: to, + prevPage: from, + samePage: samePage + }, from); + } + + // TODO deprecate prevPage in favor of previous + if (!prefix && $.browser.msie) { + + // Add a delay for IE because it seems to be having issues with web components + var curr = this; + setTimeout(function () { + curr._triggerWithDeprecated(prefix + "show", { + prevPage: from || $(""), + toPage: to + }, to); + }, 50); + + } else { + this._triggerWithDeprecated(prefix + "show", { prevPage: from || $(""), toPage: to }, to); - }, 50); + } + }, - } else { - this._triggerWithDeprecated(prefix + "show", { - prevPage: from || $(""), - toPage: to - }, to); - } - }, + // TODO make private once change has been defined in the widget + _cssTransition: function (to, from, options) { - // TODO make private once change has been defined in the widget - _cssTransition: function( to, from, options ) { + this._triggerCssTransitionEvents(to, from, "before"); - this._triggerCssTransitionEvents(to, from, "before"); - - if (from) { - from[0].style.display = 'none'; - var pages = this.element[0].childNodes; - for (var i = 0, length = pages.length; i < length; i++) { - var pg = pages[i]; - if (pg.getAttribute && pg.getAttribute('data-role') == 'page') { - pg.style.display = 'none'; + if (from) { + from[0].style.display = 'none'; + var pages = this.element[0].childNodes; + for (var i = 0, length = pages.length; i < length; i++) { + var pg = pages[i]; + if (pg.getAttribute && pg.getAttribute('data-role') == 'page') { + pg.style.display = 'none'; + } } } - } - - var toPage = to[0]; - - toPage.style.display = 'block'; - - //var transition = toPage.getAttribute('data-transition'); - //if (transition == 'zoom') { - // zoomIn(toPage); - //} - - this._triggerCssTransitionEvents(to, from); - }, - - _removeActiveLinkClass: function( force ) { - //clear out the active button state - $.mobile.removeActiveLinkClass( force ); - }, - - _loadUrl: function( to, triggerData, settings ) { - // preserve the original target as the dataUrl value will be - // simplified eg, removing ui-state, and removing query params - // from the hash this is so that users who want to use query - // params have access to them in the event bindings for the page - // life cycle See issue #5085 - settings.target = to; - settings.deferred = $.Deferred(); - - this.load( to, settings ); - - settings.deferred.done($.proxy(function( url, options, content ) { - - // store the original absolute url so that it can be provided - // to events in the triggerData of the subsequent changePage call - options.absUrl = triggerData.absUrl; - - this.transition( content, triggerData, options ); - }, this)); - - settings.deferred.fail($.proxy(function(/* url, options */) { - this._removeActiveLinkClass( true ); - this._triggerWithDeprecated( "changefailed", triggerData ); - }, this)); - }, - - change: function( to, options ) { - - var settings = $.extend({}, $.mobile.changePage.defaults, options), - triggerData = {}; - - // Make sure we have a fromPage. - settings.fromPage = settings.fromPage || this.activePage; - - triggerData.prevPage = this.activePage; - $.extend(triggerData, { - toPage: to, - options: settings - }); - - // If the caller passed us a url, call loadPage() - // to make sure it is loaded into the DOM. We'll listen - // to the promise object it returns so we know when - // it is done loading or if an error ocurred. - if ( $.type(to) === "string" ) { - // if the toPage is a string simply convert it - triggerData.absUrl = $.mobile.path.makeUrlAbsolute(to, this._findBaseWithDefault()); - - this._loadUrl(to, triggerData, settings); - } else { - // if the toPage is a jQuery object grab the absolute url stored - // in the loadPage callback where it exists - triggerData.absUrl = settings.absUrl; - - this.transition(to, triggerData, settings); - } - }, - - transition: function( toPage, triggerData, settings ) { - var fromPage, url, pageUrl, fileUrl, - active, activeIsInitialPage, - historyDir, pageTitle, isDialog, - alreadyThere, newPageTitle, - params; - - triggerData.prevPage = settings.fromPage; - - // If we are going to the first-page of the application, we need to make - // sure settings.dataUrl is set to the application document url. This allows - // us to avoid generating a document url with an id hash in the case where the - // first-page of the document has an id attribute specified. - if ( toPage[ 0 ] === $.mobile.firstPage[ 0 ] && !settings.dataUrl ) { - settings.dataUrl = $.mobile.path.documentUrl.hrefNoHash; - } - - // The caller passed us a real page DOM element. Update our - // internal state and then trigger a transition to the page. - fromPage = settings.fromPage; - url = ( settings.dataUrl && $.mobile.path.convertUrlToDataUrl(settings.dataUrl) ) || - toPage.jqmData( "url" ); - - // The pageUrl var is usually the same as url, except when url is obscured - // as a dialog url. pageUrl always contains the file path - pageUrl = url; - fileUrl = $.mobile.path.getFilePath( url ); - active = $.mobile.navigate.history.getActive(); - activeIsInitialPage = $.mobile.navigate.history.activeIndex === 0; - historyDir = 0; - pageTitle = document.title; - isDialog = ( settings.role === "dialog" || - toPage.jqmData( "role" ) === "dialog" ) && - toPage.jqmData( "dialog" ) !== true; - - // By default, we prevent changePage requests when the fromPage and toPage - // are the same element, but folks that generate content - // manually/dynamically and reuse pages want to be able to transition to - // the same page. To allow this, they will need to change the default - // value of allowSamePageTransition to true, *OR*, pass it in as an - // option when they manually call changePage(). It should be noted that - // our default transition animations assume that the formPage and toPage - // are different elements, so they may behave unexpectedly. It is up to - // the developer that turns on the allowSamePageTransitiona option to - // either turn off transition animations, or make sure that an appropriate - // animation transition is used. - if ( fromPage && fromPage[0] === toPage[0] ) { - - this._triggerWithDeprecated( "transition", triggerData ); - this._triggerWithDeprecated( "change", triggerData ); - - // Even if there is no page change to be done, we should keep the - // urlHistory in sync with the hash changes - if ( settings.fromHashChange ) { - $.mobile.navigate.history.direct({ url: url }); - } - - return; - } - - // We need to make sure the page we are given has already been enhanced. - toPage.page({ role: settings.role }); - - // If the changePage request was sent from a hashChange event, check to - // see if the page is already within the urlHistory stack. If so, we'll - // assume the user hit the forward/back button and will try to match the - // transition accordingly. - if ( settings.fromHashChange ) { - historyDir = settings.direction === "back" ? -1 : 1; - } - - // Record whether we are at a place in history where a dialog used to be - - // if so, do not add a new history entry and do not change the hash either - alreadyThere = false; - - // If we're displaying the page as a dialog, we don't want the url - // for the dialog content to be used in the hash. Instead, we want - // to append the dialogHashKey to the url of the current page. - if ( isDialog && active ) { - // on the initial page load active.url is undefined and in that case - // should be an empty string. Moving the undefined -> empty string back - // into urlHistory.addNew seemed imprudent given undefined better - // represents the url state - - // If we are at a place in history that once belonged to a dialog, reuse - // this state without adding to urlHistory and without modifying the - // hash. However, if a dialog is already displayed at this point, and - // we're about to display another dialog, then we must add another hash - // and history entry on top so that one may navigate back to the - // original dialog - if ( active.url && - active.url.indexOf( $.mobile.dialogHashKey ) > -1 && - this.activePage && - !this.activePage.hasClass( "ui-dialog" ) && - $.mobile.navigate.history.activeIndex > 0 ) { - - settings.changeHash = false; - alreadyThere = true; - } - - // Normally, we tack on a dialog hash key, but if this is the location - // of a stale dialog, we reuse the URL from the entry - url = ( active.url || "" ); - - // account for absolute urls instead of just relative urls use as hashes - if ( !alreadyThere && url.indexOf("#") > -1 ) { - url += $.mobile.dialogHashKey; - } else { - url += "#" + $.mobile.dialogHashKey; - } - } - - // if title element wasn't found, try the page div data attr too - // If this is a deep-link or a reload ( active === undefined ) then just - // use pageTitle - newPageTitle = ( !active ) ? pageTitle : toPage.jqmData( "title" ); - if ( !!newPageTitle && pageTitle === document.title ) { - pageTitle = newPageTitle; - } - if ( !toPage.jqmData( "title" ) ) { - toPage.jqmData( "title", pageTitle ); - } - - //add page to history stack if it's not back or forward - if ( !historyDir && alreadyThere ) { - $.mobile.navigate.history.getActive().pageUrl = pageUrl; - } - - // Set the location hash. - if ( url && !settings.fromHashChange ) { - - // rebuilding the hash here since we loose it earlier on - // TODO preserve the originally passed in path - if ( !$.mobile.path.isPath( url ) && url.indexOf( "#" ) < 0 ) { - url = "#" + url; - } - - // TODO the property names here are just silly - params = { - title: pageTitle, - pageUrl: pageUrl, - role: settings.role - }; - - if ( settings.changeHash !== false ) { - $.mobile.navigate( this.window[ 0 ].encodeURI( url ), params, true); - } else if ( toPage[ 0 ] !== $.mobile.firstPage[ 0 ] ) { - $.mobile.navigate.history.add( url, params ); - } - } - - //set page title - document.title = pageTitle; - - //set "toPage" as activePage deprecated in 1.4 remove in 1.5 - $.mobile.activePage = toPage; - - //new way to handle activePage - this.activePage = toPage; - - // If we're navigating back in the URL history, set reverse accordingly. - settings.reverse = settings.reverse || historyDir < 0; - - this._cssTransition(toPage, fromPage, { - transition: settings.transition, - reverse: settings.reverse - }); - - $.mobile.removeActiveLinkClass(); - }, - - // determine the current base url - _findBaseWithDefault: function () { - - var closestBase = (this.activePage && - $.mobile.getClosestBaseUrl( this.activePage[0] ) ); - return closestBase || $.mobile.path.documentBase.hrefNoHash; - } - }); - - function zoomIn(elem) { - var keyframes = [{ transform: 'scale3d(.3, .3, .3) ', opacity: '0', offset: 0 }, - { transform: 'none', opacity: '1', offset: 1 }]; - var timing = { duration: 200, iterations: 1 }; - return elem.animate(keyframes, timing); - } - - // The following handlers should be bound after mobileinit has been triggered - // the following deferred is resolved in the init file - $.mobile.navreadyDeferred = $.Deferred(); - -})( jQuery ); - -(function( $, undefined ) { - - // resolved on domready - var domreadyDeferred = $.Deferred(), - - // resolved and nulled on window.load() - loadDeferred = $.Deferred(), - - // function that resolves the above deferred - pageIsFullyLoaded = function() { - - // Resolve and null the deferred - loadDeferred.resolve(); - loadDeferred = null; - }, - - documentUrl = $.mobile.path.documentUrl; - - $.mobile.loadPage = function( url, opts ) { - var container; - - opts = opts || {}; - container = ( opts.pageContainer || $.mobile.pageContainer ); - - // create the deferred that will be supplied to loadPage callers - // and resolved by the content widget's load method - opts.deferred = $.Deferred(); - - // Preferring to allow exceptions for uninitialized opts.pageContainer - // widgets so we know if we need to force init here for users - container.pagecontainer( "load", url, opts ); - - // provide the deferred - return opts.deferred.promise(); - }; - - //define vars for interal use - - /* internal utility functions */ - - // NOTE Issue #4950 Android phonegap doesn't navigate back properly - // when a full page refresh has taken place. It appears that hashchange - // and replacestate history alterations work fine but we need to support - // both forms of history traversal in our code that uses backward history - // movement - $.mobile.back = function() { - var nav = window.navigator; - - // if the setting is on and the navigator object is - // available use the phonegap navigation capability - if ( this.phonegapNavigationEnabled && - nav && - nav.app && - nav.app.backHistory ) { - nav.app.backHistory(); - } else { - $.mobile.pageContainer.pagecontainer( "back" ); - } - }; - - // Direct focus to the page title, or otherwise first focusable element - $.mobile.focusPage = function ( page ) { - }; - - // Exposed $.mobile methods - - $.mobile.changePage = function( to, options ) { - $.mobile.pageContainer.pagecontainer( "change", to, options ); - }; - - $.mobile.changePage.defaults = { - reverse: false, - changeHash: true, - fromHashChange: false, - role: undefined, // By default we rely on the role defined by the @data-role attribute. - duplicateCachedPage: undefined, - pageContainer: undefined, - showLoadMsg: true, //loading message shows by default when pages are being fetched during changePage - dataUrl: undefined, - fromPage: undefined - }; - - function parentWithTag(elem, tagName) { - - while (elem.tagName != tagName) { - elem = elem.parentNode; - - if (!elem) { - return null; - } - } - - return elem; - } - - $.mobile._registerInternalEvents = function () { - - // click routing - direct to HTTP or Ajax, accordingly - $.mobile.document.bind( "click", function( event ) { - if ( !$.mobile.linkBindingEnabled || event.isDefaultPrevented() ) { - return; - } - - var link = parentWithTag(event.target, 'A'); - - var $link = $( link ), - - baseUrl, href, - useDefaultUrlHandling, isExternal, - reverse, role; - - // If there is no link associated with the click or its not a left - // click we want to ignore the click - // TODO teach $.mobile.hijackable to operate on raw dom elements so the link wrapping - // can be avoided - if ( !link || event.which > 1 ) { - return; - } - - //if there's a data-rel=back attr, go back in history - if ( link.getAttribute('data-rel') == 'back' ) { - $.mobile.back(); - return false; - } - - baseUrl = $.mobile.getClosestBaseUrl(link); - - //get href, if defined, otherwise default to empty hash - href = $.mobile.path.makeUrlAbsolute( link.getAttribute( "href" ) || "#", baseUrl ); - - // XXX_jblas: Ideally links to application pages should be specified as - // an url to the application document with a hash that is either - // the site relative path or id to the page. But some of the - // internal code that dynamically generates sub-pages for nested - // lists and select dialogs, just write a hash in the link they - // create. This means the actual URL path is based on whatever - // the current value of the base tag is at the time this code - // is called. - if ( href.search( "#" ) !== -1 && - !( $.mobile.path.isExternal( href ) && $.mobile.path.isAbsoluteUrl( href ) ) ) { - - href = href.replace( /[^#]*#/, "" ); - if ( !href ) { - //link was an empty hash meant purely - //for interaction, so we ignore it. - event.preventDefault(); - return; - } else if ( $.mobile.path.isPath( href ) ) { - //we have apath so make it the href we want to load. - href = $.mobile.path.makeUrlAbsolute( href, baseUrl ); - } else { - //we have a simple id so use the documentUrl as its base. - href = $.mobile.path.makeUrlAbsolute( "#" + href, documentUrl.hrefNoHash ); - } - } - - // Should we handle this link, or let the browser deal with it? - useDefaultUrlHandling = link.getAttribute("rel") == "external" || link.getAttribute("data-ajax") == "false" || link.getAttribute('target'); - - // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR - // requests if the document doing the request was loaded via the file:// protocol. - // This is usually to allow the application to "phone home" and fetch app specific - // data. We normally let the browser handle external/cross-domain urls, but if the - // allowCrossDomainPages option is true, we will allow cross-domain http/https - // requests to go through our page loading logic. - - //check for protocol or rel and its not an embedded page - //TODO overlap in logic from isExternal, rel=external check should be - // moved into more comprehensive isExternalLink - isExternal = useDefaultUrlHandling || ( $.mobile.path.isExternal( href ) && !$.mobile.path.isPermittedCrossDomainRequest( documentUrl, href ) ); - - if (isExternal) { - //use default click handling - return; - } - - //use ajax - reverse = $link.jqmData( "direction" ) === "reverse" || - // deprecated - remove by 1.0 - $link.jqmData( "back" ); - - //this may need to be more specific as we use data-rel more - role = link.getAttribute("data-" + $.mobile.ns + "rel") || undefined; - - $.mobile.changePage( href, { reverse: reverse, role: role, link: $link } ); - event.preventDefault(); - }); - - // TODO ensure that the navigate binding in the content widget happens at the right time - $.mobile.pageContainer.pagecontainer(); - - function removePage(page) { - - page.parentNode.removeChild(page); + + var toPage = to[0]; + + toPage.style.display = 'block'; + + //var transition = toPage.getAttribute('data-transition'); + //if (transition == 'zoom') { + // zoomIn(toPage); + //} + + this._triggerCssTransitionEvents(to, from); + }, + + _removeActiveLinkClass: function (force) { + //clear out the active button state + $.mobile.removeActiveLinkClass(force); + }, + + _loadUrl: function (to, triggerData, settings) { + // preserve the original target as the dataUrl value will be + // simplified eg, removing ui-state, and removing query params + // from the hash this is so that users who want to use query + // params have access to them in the event bindings for the page + // life cycle See issue #5085 + settings.target = to; + settings.deferred = $.Deferred(); + + this.load(to, settings); + + settings.deferred.done($.proxy(function (url, options, content) { + + // store the original absolute url so that it can be provided + // to events in the triggerData of the subsequent changePage call + options.absUrl = triggerData.absUrl; + + this.transition(content, triggerData, options); + }, this)); + + settings.deferred.fail($.proxy(function (/* url, options */) { + this._removeActiveLinkClass(true); + this._triggerWithDeprecated("changefailed", triggerData); + }, this)); + }, + + change: function (to, options) { + + var settings = $.extend({}, $.mobile.changePage.defaults, options), + triggerData = {}; + + // Make sure we have a fromPage. + settings.fromPage = settings.fromPage || this.activePage; + + triggerData.prevPage = this.activePage; + $.extend(triggerData, { + toPage: to, + options: settings + }); + + // If the caller passed us a url, call loadPage() + // to make sure it is loaded into the DOM. We'll listen + // to the promise object it returns so we know when + // it is done loading or if an error ocurred. + if ($.type(to) === "string") { + // if the toPage is a string simply convert it + triggerData.absUrl = $.mobile.path.makeUrlAbsolute(to, this._findBaseWithDefault()); + + this._loadUrl(to, triggerData, settings); + } else { + // if the toPage is a jQuery object grab the absolute url stored + // in the loadPage callback where it exists + triggerData.absUrl = settings.absUrl; + + this.transition(to, triggerData, settings); + } + }, + + transition: function (toPage, triggerData, settings) { + var fromPage, url, pageUrl, fileUrl, + active, activeIsInitialPage, + historyDir, pageTitle, isDialog, + alreadyThere, newPageTitle, + params; + + triggerData.prevPage = settings.fromPage; + + // If we are going to the first-page of the application, we need to make + // sure settings.dataUrl is set to the application document url. This allows + // us to avoid generating a document url with an id hash in the case where the + // first-page of the document has an id attribute specified. + if (toPage[0] === $.mobile.firstPage[0] && !settings.dataUrl) { + settings.dataUrl = $.mobile.path.documentUrl.hrefNoHash; + } + + // The caller passed us a real page DOM element. Update our + // internal state and then trigger a transition to the page. + fromPage = settings.fromPage; + url = (settings.dataUrl && $.mobile.path.convertUrlToDataUrl(settings.dataUrl)) || + toPage.jqmData("url"); + + // The pageUrl var is usually the same as url, except when url is obscured + // as a dialog url. pageUrl always contains the file path + pageUrl = url; + fileUrl = $.mobile.path.getFilePath(url); + active = $.mobile.navigate.history.getActive(); + activeIsInitialPage = $.mobile.navigate.history.activeIndex === 0; + historyDir = 0; + pageTitle = document.title; + isDialog = (settings.role === "dialog" || + toPage.jqmData("role") === "dialog") && + toPage.jqmData("dialog") !== true; + + // By default, we prevent changePage requests when the fromPage and toPage + // are the same element, but folks that generate content + // manually/dynamically and reuse pages want to be able to transition to + // the same page. To allow this, they will need to change the default + // value of allowSamePageTransition to true, *OR*, pass it in as an + // option when they manually call changePage(). It should be noted that + // our default transition animations assume that the formPage and toPage + // are different elements, so they may behave unexpectedly. It is up to + // the developer that turns on the allowSamePageTransitiona option to + // either turn off transition animations, or make sure that an appropriate + // animation transition is used. + if (fromPage && fromPage[0] === toPage[0]) { + + this._triggerWithDeprecated("transition", triggerData); + this._triggerWithDeprecated("change", triggerData); + + // Even if there is no page change to be done, we should keep the + // urlHistory in sync with the hash changes + if (settings.fromHashChange) { + $.mobile.navigate.history.direct({ url: url }); + } + + return; + } + + // We need to make sure the page we are given has already been enhanced. + toPage.page({ role: settings.role }); + + // If the changePage request was sent from a hashChange event, check to + // see if the page is already within the urlHistory stack. If so, we'll + // assume the user hit the forward/back button and will try to match the + // transition accordingly. + if (settings.fromHashChange) { + historyDir = settings.direction === "back" ? -1 : 1; + } + + // Record whether we are at a place in history where a dialog used to be - + // if so, do not add a new history entry and do not change the hash either + alreadyThere = false; + + // If we're displaying the page as a dialog, we don't want the url + // for the dialog content to be used in the hash. Instead, we want + // to append the dialogHashKey to the url of the current page. + if (isDialog && active) { + // on the initial page load active.url is undefined and in that case + // should be an empty string. Moving the undefined -> empty string back + // into urlHistory.addNew seemed imprudent given undefined better + // represents the url state + + // If we are at a place in history that once belonged to a dialog, reuse + // this state without adding to urlHistory and without modifying the + // hash. However, if a dialog is already displayed at this point, and + // we're about to display another dialog, then we must add another hash + // and history entry on top so that one may navigate back to the + // original dialog + if (active.url && + active.url.indexOf($.mobile.dialogHashKey) > -1 && + this.activePage && + !this.activePage.hasClass("ui-dialog") && + $.mobile.navigate.history.activeIndex > 0) { + + settings.changeHash = false; + alreadyThere = true; + } + + // Normally, we tack on a dialog hash key, but if this is the location + // of a stale dialog, we reuse the URL from the entry + url = (active.url || ""); + + // account for absolute urls instead of just relative urls use as hashes + if (!alreadyThere && url.indexOf("#") > -1) { + url += $.mobile.dialogHashKey; + } else { + url += "#" + $.mobile.dialogHashKey; + } + } + + // if title element wasn't found, try the page div data attr too + // If this is a deep-link or a reload ( active === undefined ) then just + // use pageTitle + newPageTitle = (!active) ? pageTitle : toPage.jqmData("title"); + if (!!newPageTitle && pageTitle === document.title) { + pageTitle = newPageTitle; + } + if (!toPage.jqmData("title")) { + toPage.jqmData("title", pageTitle); + } + + //add page to history stack if it's not back or forward + if (!historyDir && alreadyThere) { + $.mobile.navigate.history.getActive().pageUrl = pageUrl; + } + + // Set the location hash. + if (url && !settings.fromHashChange) { + + // rebuilding the hash here since we loose it earlier on + // TODO preserve the originally passed in path + if (!$.mobile.path.isPath(url) && url.indexOf("#") < 0) { + url = "#" + url; + } + + // TODO the property names here are just silly + params = { + title: pageTitle, + pageUrl: pageUrl, + role: settings.role + }; + + if (settings.changeHash !== false) { + $.mobile.navigate(this.window[0].encodeURI(url), params, true); + } else if (toPage[0] !== $.mobile.firstPage[0]) { + $.mobile.navigate.history.add(url, params); + } + } + + //set page title + document.title = pageTitle; + + //set "toPage" as activePage deprecated in 1.4 remove in 1.5 + $.mobile.activePage = toPage; + + //new way to handle activePage + this.activePage = toPage; + + // If we're navigating back in the URL history, set reverse accordingly. + settings.reverse = settings.reverse || historyDir < 0; + + this._cssTransition(toPage, fromPage, { + transition: settings.transition, + reverse: settings.reverse + }); + + $.mobile.removeActiveLinkClass(); + }, + + // determine the current base url + _findBaseWithDefault: function () { + + var closestBase = (this.activePage && + $.mobile.getClosestBaseUrl(this.activePage[0])); + return closestBase || $.mobile.path.documentBase.hrefNoHash; + } + }); + + function zoomIn(elem) { + var keyframes = [{ transform: 'scale3d(.3, .3, .3) ', opacity: '0', offset: 0 }, + { transform: 'none', opacity: '1', offset: 1 }]; + var timing = { duration: 200, iterations: 1 }; + return elem.animate(keyframes, timing); } - function cleanPages(newPage) { + // The following handlers should be bound after mobileinit has been triggered + // the following deferred is resolved in the init file + $.mobile.navreadyDeferred = $.Deferred(); - var pages = document.querySelectorAll("div[data-role='page']"); - if (pages.length < 5) { - //return; + })(jQuery); + + (function ($, undefined) { + + // resolved on domready + var domreadyDeferred = $.Deferred(), + + // resolved and nulled on window.load() + loadDeferred = $.Deferred(), + + // function that resolves the above deferred + pageIsFullyLoaded = function () { + + // Resolve and null the deferred + loadDeferred.resolve(); + loadDeferred = null; + }, + + documentUrl = $.mobile.path.documentUrl; + + $.mobile.loadPage = function (url, opts) { + var container; + + opts = opts || {}; + container = (opts.pageContainer || $.mobile.pageContainer); + + // create the deferred that will be supplied to loadPage callers + // and resolved by the content widget's load method + opts.deferred = $.Deferred(); + + // Preferring to allow exceptions for uninitialized opts.pageContainer + // widgets so we know if we need to force init here for users + container.pagecontainer("load", url, opts); + + // provide the deferred + return opts.deferred.promise(); + }; + + //define vars for interal use + + /* internal utility functions */ + + // NOTE Issue #4950 Android phonegap doesn't navigate back properly + // when a full page refresh has taken place. It appears that hashchange + // and replacestate history alterations work fine but we need to support + // both forms of history traversal in our code that uses backward history + // movement + $.mobile.back = function () { + var nav = window.navigator; + + // if the setting is on and the navigator object is + // available use the phonegap navigation capability + if (this.phonegapNavigationEnabled && + nav && + nav.app && + nav.app.backHistory) { + nav.app.backHistory(); + } else { + $.mobile.pageContainer.pagecontainer("back"); } + }; - for (var i = 0, length = pages.length; i < length; i++) { - var page = pages[i]; - if (page != newPage) { - removePage(page); + // Direct focus to the page title, or otherwise first focusable element + $.mobile.focusPage = function (page) { + }; + + // Exposed $.mobile methods + + $.mobile.changePage = function (to, options) { + $.mobile.pageContainer.pagecontainer("change", to, options); + }; + + $.mobile.changePage.defaults = { + reverse: false, + changeHash: true, + fromHashChange: false, + role: undefined, // By default we rely on the role defined by the @data-role attribute. + duplicateCachedPage: undefined, + pageContainer: undefined, + showLoadMsg: true, //loading message shows by default when pages are being fetched during changePage + dataUrl: undefined, + fromPage: undefined + }; + + function parentWithTag(elem, tagName) { + + while (elem.tagName != tagName) { + elem = elem.parentNode; + + if (!elem) { + return null; } } + + return elem; } - //set page min-heights to be device specific - $.mobile.document.bind("pagehide", function (e,data) { + $.mobile._registerInternalEvents = function () { - var toPage = data.toPage ? data.toPage[0] : null; + // click routing - direct to HTTP or Ajax, accordingly + $.mobile.document.bind("click", function (event) { + if (!$.mobile.linkBindingEnabled || event.isDefaultPrevented()) { + return; + } - if (toPage && toPage.getAttribute('data-dom-cache')) { - cleanPages(toPage); + var link = parentWithTag(event.target, 'A'); + + var $link = $(link), + + baseUrl, href, + useDefaultUrlHandling, isExternal, + reverse, role; + + // If there is no link associated with the click or its not a left + // click we want to ignore the click + // TODO teach $.mobile.hijackable to operate on raw dom elements so the link wrapping + // can be avoided + if (!link || event.which > 1) { + return; + } + + //if there's a data-rel=back attr, go back in history + if (link.getAttribute('data-rel') == 'back') { + $.mobile.back(); + return false; + } + + baseUrl = $.mobile.getClosestBaseUrl(link); + + //get href, if defined, otherwise default to empty hash + href = $.mobile.path.makeUrlAbsolute(link.getAttribute("href") || "#", baseUrl); + + // XXX_jblas: Ideally links to application pages should be specified as + // an url to the application document with a hash that is either + // the site relative path or id to the page. But some of the + // internal code that dynamically generates sub-pages for nested + // lists and select dialogs, just write a hash in the link they + // create. This means the actual URL path is based on whatever + // the current value of the base tag is at the time this code + // is called. + if (href.search("#") !== -1 && + !($.mobile.path.isExternal(href) && $.mobile.path.isAbsoluteUrl(href))) { + + href = href.replace(/[^#]*#/, ""); + if (!href) { + //link was an empty hash meant purely + //for interaction, so we ignore it. + event.preventDefault(); + return; + } else if ($.mobile.path.isPath(href)) { + //we have apath so make it the href we want to load. + href = $.mobile.path.makeUrlAbsolute(href, baseUrl); + } else { + //we have a simple id so use the documentUrl as its base. + href = $.mobile.path.makeUrlAbsolute("#" + href, documentUrl.hrefNoHash); + } + } + + // Should we handle this link, or let the browser deal with it? + useDefaultUrlHandling = link.getAttribute("rel") == "external" || link.getAttribute("data-ajax") == "false" || link.getAttribute('target'); + + // Some embedded browsers, like the web view in Phone Gap, allow cross-domain XHR + // requests if the document doing the request was loaded via the file:// protocol. + // This is usually to allow the application to "phone home" and fetch app specific + // data. We normally let the browser handle external/cross-domain urls, but if the + // allowCrossDomainPages option is true, we will allow cross-domain http/https + // requests to go through our page loading logic. + + //check for protocol or rel and its not an embedded page + //TODO overlap in logic from isExternal, rel=external check should be + // moved into more comprehensive isExternalLink + isExternal = useDefaultUrlHandling || ($.mobile.path.isExternal(href) && !$.mobile.path.isPermittedCrossDomainRequest(documentUrl, href)); + + if (isExternal) { + //use default click handling + return; + } + + //use ajax + reverse = $link.jqmData("direction") === "reverse" || + // deprecated - remove by 1.0 + $link.jqmData("back"); + + //this may need to be more specific as we use data-rel more + role = link.getAttribute("data-" + $.mobile.ns + "rel") || undefined; + + $.mobile.changePage(href, { reverse: reverse, role: role, link: $link }); + event.preventDefault(); + }); + + // TODO ensure that the navigate binding in the content widget happens at the right time + $.mobile.pageContainer.pagecontainer(); + + function removePage(page) { + + page.parentNode.removeChild(page); } - }); - };//navreadyDeferred done callback + function cleanPages(newPage) { - $( function() { domreadyDeferred.resolve(); } ); + var pages = document.querySelectorAll("div[data-role='page']"); + if (pages.length < 5) { + //return; + } - // Account for the possibility that the load event has already fired - if ( document.readyState === "complete" ) { - pageIsFullyLoaded(); - } else { - $.mobile.window.load( pageIsFullyLoaded ); - } + for (var i = 0, length = pages.length; i < length; i++) { + var page = pages[i]; + if (page != newPage) { + removePage(page); + } + } + } - $.when( domreadyDeferred, $.mobile.navreadyDeferred ).done( function() { $.mobile._registerInternalEvents(); } ); -})( jQuery ); + //set page min-heights to be device specific + $.mobile.document.bind("pagehide", function (e, data) { + + var toPage = data.toPage ? data.toPage[0] : null; + + if (toPage) { + if (toPage.getAttribute('data-dom-cache')) { + cleanPages(toPage); + } + else if ((toPage.getAttribute('data-url') || '').toLowerCase().indexOf('/configurationpage') != -1) { + // plugin config pages are not built to handle the dom caching + cleanPages(toPage); + } + } + }); + + };//navreadyDeferred done callback + + $(function () { domreadyDeferred.resolve(); }); + + // Account for the possibility that the load event has already fired + if (document.readyState === "complete") { + pageIsFullyLoaded(); + } else { + $.mobile.window.load(pageIsFullyLoaded); + } + + $.when(domreadyDeferred, $.mobile.navreadyDeferred).done(function () { $.mobile._registerInternalEvents(); }); + })(jQuery); -(function( $, window, undefined ) { - var $window = $.mobile.window; + (function ($, window, undefined) { + var $window = $.mobile.window; - // support conditions - // if device support condition(s) aren't met, leave things as they are -> a basic, usable experience, - // otherwise, proceed with the enhancements - if ( !$.mobile.gradeA() ) { - return; - } + // support conditions + // if device support condition(s) aren't met, leave things as they are -> a basic, usable experience, + // otherwise, proceed with the enhancements + if (!$.mobile.gradeA()) { + return; + } - // override ajaxEnabled on platforms that have known conflicts with hash history updates - // or generally work better browsing in regular http for full page refreshes (BB5, Opera Mini) - if ( $.mobile.ajaxBlacklist ) { - $.mobile.ajaxEnabled = false; - } + // override ajaxEnabled on platforms that have known conflicts with hash history updates + // or generally work better browsing in regular http for full page refreshes (BB5, Opera Mini) + if ($.mobile.ajaxBlacklist) { + $.mobile.ajaxEnabled = false; + } - $.extend( $.mobile, { - // find and enhance the pages in the dom and transition to the first page. - initializePage: function() { - // find present pages - var path = $.mobile.path, - $pages = $(document.querySelectorAll("div[data-role='page']")), - hash = path.stripHash( path.stripQueryParams(path.parseLocation().hash) ), - theLocation = $.mobile.path.parseLocation(), - hashPage = hash ? document.getElementById( hash ) : undefined; + $.extend($.mobile, { + // find and enhance the pages in the dom and transition to the first page. + initializePage: function () { + // find present pages + var path = $.mobile.path, + $pages = $(document.querySelectorAll("div[data-role='page']")), + hash = path.stripHash(path.stripQueryParams(path.parseLocation().hash)), + theLocation = $.mobile.path.parseLocation(), + hashPage = hash ? document.getElementById(hash) : undefined; - // add dialogs, set data-url attrs - $pages.each(function() { - var $this = $( this ); + // add dialogs, set data-url attrs + $pages.each(function () { + var $this = $(this); - // unless the data url is already set set it to the pathname - if ( !$this[ 0 ].getAttribute( "data-" + $.mobile.ns + "url" ) ) { - $this.attr( "data-" + $.mobile.ns + "url", $this.attr( "id" ) || - path.convertUrlToDataUrl( theLocation.pathname + theLocation.search ) ); - } - }); + // unless the data url is already set set it to the pathname + if (!$this[0].getAttribute("data-" + $.mobile.ns + "url")) { + $this.attr("data-" + $.mobile.ns + "url", $this.attr("id") || + path.convertUrlToDataUrl(theLocation.pathname + theLocation.search)); + } + }); - // define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback) - $.mobile.firstPage = $pages.first(); + // define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback) + $.mobile.firstPage = $pages.first(); - // define page container - $.mobile.pageContainer = $.mobile.firstPage - .parent() - .addClass( "ui-mobile-viewport" ) - .pagecontainer(); + // define page container + $.mobile.pageContainer = $.mobile.firstPage + .parent() + .addClass("ui-mobile-viewport") + .pagecontainer(); - // initialize navigation events now, after mobileinit has occurred and the page container - // has been created but before the rest of the library is alerted to that fact - $.mobile.navreadyDeferred.resolve(); + // initialize navigation events now, after mobileinit has occurred and the page container + // has been created but before the rest of the library is alerted to that fact + $.mobile.navreadyDeferred.resolve(); - // if hashchange listening is disabled, there's no hash deeplink, - // the hash is not valid (contains more than one # or does not start with #) - // or there is no page with that hash, change to the first page in the DOM - // Remember, however, that the hash can also be a path! - if ( ! ( $.mobile.path.isHashValid( location.hash ) && - ( $( hashPage ).is( "[data-role='page']" ) || - $.mobile.path.isPath( hash ) || - hash === $.mobile.dialogHashKey ) ) ) { + // if hashchange listening is disabled, there's no hash deeplink, + // the hash is not valid (contains more than one # or does not start with #) + // or there is no page with that hash, change to the first page in the DOM + // Remember, however, that the hash can also be a path! + if (!($.mobile.path.isHashValid(location.hash) && + ($(hashPage).is("[data-role='page']") || + $.mobile.path.isPath(hash) || + hash === $.mobile.dialogHashKey))) { - // make sure to set initial popstate state if it exists - // so that navigation back to the initial page works properly - $.mobile.navigate.navigator.squash(path.parseLocation().href); + // make sure to set initial popstate state if it exists + // so that navigation back to the initial page works properly + $.mobile.navigate.navigator.squash(path.parseLocation().href); - $.mobile.changePage( $.mobile.firstPage, { - reverse: true, - changeHash: false, - fromHashChange: true - }); - } else { - // TODO figure out how to simplify this interaction with the initial history entry - // at the bottom js/navigate/navigate.js - $.mobile.navigate.history.stack = []; - $.mobile.navigate($.mobile.path.isPath(location.hash) ? location.hash : location.href); - } - } - }); + $.mobile.changePage($.mobile.firstPage, { + reverse: true, + changeHash: false, + fromHashChange: true + }); + } else { + // TODO figure out how to simplify this interaction with the initial history entry + // at the bottom js/navigate/navigate.js + $.mobile.navigate.history.stack = []; + $.mobile.navigate($.mobile.path.isPath(location.hash) ? location.hash : location.href); + } + } + }); - $(function() { - //Run inlineSVG support test - $.support.inlineSVG(); + $(function () { + //Run inlineSVG support test + $.support.inlineSVG(); - // check which scrollTop value should be used by scrolling to 1 immediately at domready - // then check what the scroll top is. Android will report 0... others 1 - // note that this initial scroll won't hide the address bar. It's just for the check. + // check which scrollTop value should be used by scrolling to 1 immediately at domready + // then check what the scroll top is. Android will report 0... others 1 + // note that this initial scroll won't hide the address bar. It's just for the check. - // hide iOS browser chrome on load if hideUrlBar is true this is to try and do it as soon as possible - if ( $.mobile.hideUrlBar ) { - window.scrollTo( 0, 1 ); - } + // hide iOS browser chrome on load if hideUrlBar is true this is to try and do it as soon as possible + if ($.mobile.hideUrlBar) { + window.scrollTo(0, 1); + } - // if defaultHomeScroll hasn't been set yet, see if scrollTop is 1 - // it should be 1 in most browsers, but android treats 1 as 0 (for hiding addr bar) - // so if it's 1, use 0 from now on - $.mobile.defaultHomeScroll = ( !$.support.scrollTop || $.mobile.window.scrollTop() === 1 ) ? 0 : 1; + // if defaultHomeScroll hasn't been set yet, see if scrollTop is 1 + // it should be 1 in most browsers, but android treats 1 as 0 (for hiding addr bar) + // so if it's 1, use 0 from now on + $.mobile.defaultHomeScroll = (!$.support.scrollTop || $.mobile.window.scrollTop() === 1) ? 0 : 1; - // window load event - // hide iOS browser chrome on load if hideUrlBar is true this is as fall back incase we were too early before - if ( $.mobile.hideUrlBar ) { - $window.load( $.mobile.silentScroll ); - } + // window load event + // hide iOS browser chrome on load if hideUrlBar is true this is as fall back incase we were too early before + if ($.mobile.hideUrlBar) { + $window.load($.mobile.silentScroll); + } - if ( !$.support.cssPointerEvents ) { - // IE and Opera don't support CSS pointer-events: none that we use to disable link-based buttons - // by adding the 'ui-disabled' class to them. Using a JavaScript workaround for those browser. - // https://github.com/jquery/jquery-mobile/issues/3558 + if (!$.support.cssPointerEvents) { + // IE and Opera don't support CSS pointer-events: none that we use to disable link-based buttons + // by adding the 'ui-disabled' class to them. Using a JavaScript workaround for those browser. + // https://github.com/jquery/jquery-mobile/issues/3558 - // DEPRECATED as of 1.4.0 - remove ui-disabled after 1.4.0 release - // only ui-state-disabled should be present thereafter - $.mobile.document.delegate( ".ui-state-disabled,.ui-disabled", "click", - function( e ) { - e.preventDefault(); - e.stopImmediatePropagation(); - } - ); - } - }); -}( jQuery, this )); + // DEPRECATED as of 1.4.0 - remove ui-disabled after 1.4.0 release + // only ui-state-disabled should be present thereafter + $.mobile.document.delegate(".ui-state-disabled,.ui-disabled", "click", + function (e) { + e.preventDefault(); + e.stopImmediatePropagation(); + } + ); + } + }); + }(jQuery, this)); -(function( $, undefined ) { + (function ($, undefined) { - $.fn.selectmenu = function() { - return this; - }; -})( jQuery ); + $.fn.selectmenu = function () { + return this; + }; + })(jQuery); })); \ No newline at end of file