\n \n
\n\n \n form = {{user | json}}\n master = {{master | json}}\n ').append(element).html();\n try {\n return element[0].nodeType === NODE_TYPE_TEXT ? lowercase(elemHtml) :\n elemHtml.\n match(/^(<[^>]+>)/)[1].\n replace(/^<([\\w\\-]+)/, function(match, nodeName) { return '<' + lowercase(nodeName); });\n } catch (e) {\n return lowercase(elemHtml);\n }\n\n}\n\n\n/////////////////////////////////////////////////\n\n/**\n * Tries to decode the URI component without throwing an exception.\n *\n * @private\n * @param str value potential URI component to check.\n * @returns {boolean} True if `value` can be decoded\n * with the decodeURIComponent function.\n */\nfunction tryDecodeURIComponent(value) {\n try {\n return decodeURIComponent(value);\n } catch (e) {\n // Ignore any invalid uri component\n }\n}\n\n\n/**\n * Parses an escaped url query string into key-value pairs.\n * @returns {Object.}\n */\nfunction parseKeyValue(/**string*/keyValue) {\n var obj = {}, key_value, key;\n forEach((keyValue || \"\").split('&'), function(keyValue) {\n if (keyValue) {\n key_value = keyValue.replace(/\\+/g,'%20').split('=');\n key = tryDecodeURIComponent(key_value[0]);\n if (isDefined(key)) {\n var val = isDefined(key_value[1]) ? tryDecodeURIComponent(key_value[1]) : true;\n if (!hasOwnProperty.call(obj, key)) {\n obj[key] = val;\n } else if (isArray(obj[key])) {\n obj[key].push(val);\n } else {\n obj[key] = [obj[key],val];\n }\n }\n }\n });\n return obj;\n}\n\nfunction toKeyValue(obj) {\n var parts = [];\n forEach(obj, function(value, key) {\n if (isArray(value)) {\n forEach(value, function(arrayValue) {\n parts.push(encodeUriQuery(key, true) +\n (arrayValue === true ? '' : '=' + encodeUriQuery(arrayValue, true)));\n });\n } else {\n parts.push(encodeUriQuery(key, true) +\n (value === true ? '' : '=' + encodeUriQuery(value, true)));\n }\n });\n return parts.length ? parts.join('&') : '';\n}\n\n\n/**\n * We need our custom method because encodeURIComponent is too aggressive and doesn't follow\n * http://www.ietf.org/rfc/rfc3986.txt with regards to the character set (pchar) allowed in path\n * segments:\n * segment = *pchar\n * pchar = unreserved / pct-encoded / sub-delims / \":\" / \"@\"\n * pct-encoded = \"%\" HEXDIG HEXDIG\n * unreserved = ALPHA / DIGIT / \"-\" / \".\" / \"_\" / \"~\"\n * sub-delims = \"!\" / \"$\" / \"&\" / \"'\" / \"(\" / \")\"\n * / \"*\" / \"+\" / \",\" / \";\" / \"=\"\n */\nfunction encodeUriSegment(val) {\n return encodeUriQuery(val, true).\n replace(/%26/gi, '&').\n replace(/%3D/gi, '=').\n replace(/%2B/gi, '+');\n}\n\n\n/**\n * This method is intended for encoding *key* or *value* parts of query component. We need a custom\n * method because encodeURIComponent is too aggressive and encodes stuff that doesn't have to be\n * encoded per http://tools.ietf.org/html/rfc3986:\n * query = *( pchar / \"/\" / \"?\" )\n * pchar = unreserved / pct-encoded / sub-delims / \":\" / \"@\"\n * unreserved = ALPHA / DIGIT / \"-\" / \".\" / \"_\" / \"~\"\n * pct-encoded = \"%\" HEXDIG HEXDIG\n * sub-delims = \"!\" / \"$\" / \"&\" / \"'\" / \"(\" / \")\"\n * / \"*\" / \"+\" / \",\" / \";\" / \"=\"\n */\nfunction encodeUriQuery(val, pctEncodeSpaces) {\n return encodeURIComponent(val).\n replace(/%40/gi, '@').\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%3B/gi, ';').\n replace(/%20/g, (pctEncodeSpaces ? '%20' : '+'));\n}\n\nvar ngAttrPrefixes = ['ng-', 'data-ng-', 'ng:', 'x-ng-'];\n\nfunction getNgAttribute(element, ngAttr) {\n var attr, i, ii = ngAttrPrefixes.length;\n element = jqLite(element);\n for (i = 0; i < ii; ++i) {\n attr = ngAttrPrefixes[i] + ngAttr;\n if (isString(attr = element.attr(attr))) {\n return attr;\n }\n }\n return null;\n}\n\n/**\n * @ngdoc directive\n * @name ngApp\n * @module ng\n *\n * @element ANY\n * @param {angular.Module} ngApp an optional application\n * {@link angular.module module} name to load.\n * @param {boolean=} ngStrictDi if this attribute is present on the app element, the injector will be\n * created in \"strict-di\" mode. This means that the application will fail to invoke functions which\n * do not use explicit function annotation (and are thus unsuitable for minification), as described\n * in {@link guide/di the Dependency Injection guide}, and useful debugging info will assist in\n * tracking down the root of these bugs.\n *\n * @description\n *\n * Use this directive to **auto-bootstrap** an AngularJS application. The `ngApp` directive\n * designates the **root element** of the application and is typically placed near the root element\n * of the page - e.g. on the `` or `` tags.\n *\n * Only one AngularJS application can be auto-bootstrapped per HTML document. The first `ngApp`\n * found in the document will be used to define the root element to auto-bootstrap as an\n * application. To run multiple applications in an HTML document you must manually bootstrap them using\n * {@link angular.bootstrap} instead. AngularJS applications cannot be nested within each other.\n *\n * You can specify an **AngularJS module** to be used as the root module for the application. This\n * module will be loaded into the {@link auto.$injector} when the application is bootstrapped. It\n * should contain the application code needed or have dependencies on other modules that will\n * contain the code. See {@link angular.module} for more information.\n *\n * In the example below if the `ngApp` directive were not placed on the `html` element then the\n * document would not be compiled, the `AppController` would not be instantiated and the `{{ a+b }}`\n * would not be resolved to `3`.\n *\n * `ngApp` is the easiest, and most common way to bootstrap an application.\n *\n \n \n \n \n angular.module('ngAppDemo', []).controller('ngAppDemoController', function($scope) {\n $scope.a = 1;\n $scope.b = 2;\n });\n \n \n *\n * Using `ngStrictDi`, you would see something like this:\n *\n \n \n \n \n angular.module('ngAppStrictDemo', [])\n // BadController will fail to instantiate, due to relying on automatic function annotation,\n // rather than an explicit annotation\n .controller('BadController', function($scope) {\n $scope.a = 1;\n $scope.b = 2;\n })\n // Unlike BadController, GoodController1 and GoodController2 will not fail to be instantiated,\n // due to using explicit annotations using the array style and $inject property, respectively.\n .controller('GoodController1', ['$scope', function($scope) {\n $scope.a = 1;\n $scope.b = 2;\n }])\n .controller('GoodController2', GoodController2);\n function GoodController2($scope) {\n $scope.name = \"World\";\n }\n GoodController2.$inject = ['$scope'];\n \n \n div[ng-controller] {\n margin-bottom: 1em;\n -webkit-border-radius: 4px;\n border-radius: 4px;\n border: 1px solid;\n padding: .5em;\n }\n div[ng-controller^=Good] {\n border-color: #d6e9c6;\n background-color: #dff0d8;\n color: #3c763d;\n }\n div[ng-controller^=Bad] {\n border-color: #ebccd1;\n background-color: #f2dede;\n color: #a94442;\n margin-bottom: 0;\n }\n \n \n */\nfunction angularInit(element, bootstrap) {\n var appElement,\n module,\n config = {};\n\n // The element `element` has priority over any other element\n forEach(ngAttrPrefixes, function(prefix) {\n var name = prefix + 'app';\n\n if (!appElement && element.hasAttribute && element.hasAttribute(name)) {\n appElement = element;\n module = element.getAttribute(name);\n }\n });\n forEach(ngAttrPrefixes, function(prefix) {\n var name = prefix + 'app';\n var candidate;\n\n if (!appElement && (candidate = element.querySelector('[' + name.replace(':', '\\\\:') + ']'))) {\n appElement = candidate;\n module = candidate.getAttribute(name);\n }\n });\n if (appElement) {\n config.strictDi = getNgAttribute(appElement, \"strict-di\") !== null;\n bootstrap(appElement, module ? [module] : [], config);\n }\n}\n\n/**\n * @ngdoc function\n * @name angular.bootstrap\n * @module ng\n * @description\n * Use this function to manually start up angular application.\n *\n * See: {@link guide/bootstrap Bootstrap}\n *\n * Note that Protractor based end-to-end tests cannot use this function to bootstrap manually.\n * They must use {@link ng.directive:ngApp ngApp}.\n *\n * Angular will detect if it has been loaded into the browser more than once and only allow the\n * first loaded script to be bootstrapped and will report a warning to the browser console for\n * each of the subsequent scripts. This prevents strange results in applications, where otherwise\n * multiple instances of Angular try to work on the DOM.\n *\n * ```html\n * \n * \n * \n * =} modules an array of modules to load into the application.\n * Each item in the array should be the name of a predefined module or a (DI annotated)\n * function that will be invoked by the injector as a `config` block.\n * See: {@link angular.module modules}\n * @param {Object=} config an object for defining configuration options for the application. The\n * following keys are supported:\n *\n * * `strictDi` - disable automatic function annotation for the application. This is meant to\n * assist in finding bugs which break minified code. Defaults to `false`.\n *\n * @returns {auto.$injector} Returns the newly created injector for this app.\n */\nfunction bootstrap(element, modules, config) {\n if (!isObject(config)) config = {};\n var defaultConfig = {\n strictDi: false\n };\n config = extend(defaultConfig, config);\n var doBootstrap = function() {\n element = jqLite(element);\n\n if (element.injector()) {\n var tag = (element[0] === document) ? 'document' : startingTag(element);\n //Encode angle brackets to prevent input from being sanitized to empty string #8683\n throw ngMinErr(\n 'btstrpd',\n \"App Already Bootstrapped with this Element '{0}'\",\n tag.replace(//,'>'));\n }\n\n modules = modules || [];\n modules.unshift(['$provide', function($provide) {\n $provide.value('$rootElement', element);\n }]);\n\n if (config.debugInfoEnabled) {\n // Pushing so that this overrides `debugInfoEnabled` setting defined in user's `modules`.\n modules.push(['$compileProvider', function($compileProvider) {\n $compileProvider.debugInfoEnabled(true);\n }]);\n }\n\n modules.unshift('ng');\n var injector = createInjector(modules, config.strictDi);\n injector.invoke(['$rootScope', '$rootElement', '$compile', '$injector',\n function bootstrapApply(scope, element, compile, injector) {\n scope.$apply(function() {\n element.data('$injector', injector);\n compile(element)(scope);\n });\n }]\n );\n return injector;\n };\n\n var NG_ENABLE_DEBUG_INFO = /^NG_ENABLE_DEBUG_INFO!/;\n var NG_DEFER_BOOTSTRAP = /^NG_DEFER_BOOTSTRAP!/;\n\n if (window && NG_ENABLE_DEBUG_INFO.test(window.name)) {\n config.debugInfoEnabled = true;\n window.name = window.name.replace(NG_ENABLE_DEBUG_INFO, '');\n }\n\n if (window && !NG_DEFER_BOOTSTRAP.test(window.name)) {\n return doBootstrap();\n }\n\n window.name = window.name.replace(NG_DEFER_BOOTSTRAP, '');\n angular.resumeBootstrap = function(extraModules) {\n forEach(extraModules, function(module) {\n modules.push(module);\n });\n return doBootstrap();\n };\n\n if (isFunction(angular.resumeDeferredBootstrap)) {\n angular.resumeDeferredBootstrap();\n }\n}\n\n/**\n * @ngdoc function\n * @name angular.reloadWithDebugInfo\n * @module ng\n * @description\n * Use this function to reload the current application with debug information turned on.\n * This takes precedence over a call to `$compileProvider.debugInfoEnabled(false)`.\n *\n * See {@link ng.$compileProvider#debugInfoEnabled} for more.\n */\nfunction reloadWithDebugInfo() {\n window.name = 'NG_ENABLE_DEBUG_INFO!' + window.name;\n window.location.reload();\n}\n\n/**\n * @name angular.getTestability\n * @module ng\n * @description\n * Get the testability service for the instance of Angular on the given\n * element.\n * @param {DOMElement} element DOM element which is the root of angular application.\n */\nfunction getTestability(rootElement) {\n var injector = angular.element(rootElement).injector();\n if (!injector) {\n throw ngMinErr('test',\n 'no injector found for element argument to getTestability');\n }\n return injector.get('$$testability');\n}\n\nvar SNAKE_CASE_REGEXP = /[A-Z]/g;\nfunction snake_case(name, separator) {\n separator = separator || '_';\n return name.replace(SNAKE_CASE_REGEXP, function(letter, pos) {\n return (pos ? separator : '') + letter.toLowerCase();\n });\n}\n\nvar bindJQueryFired = false;\nvar skipDestroyOnNextJQueryCleanData;\nfunction bindJQuery() {\n var originalCleanData;\n\n if (bindJQueryFired) {\n return;\n }\n\n // bind to jQuery if present;\n jQuery = window.jQuery;\n // Use jQuery if it exists with proper functionality, otherwise default to us.\n // Angular 1.2+ requires jQuery 1.7+ for on()/off() support.\n // Angular 1.3+ technically requires at least jQuery 2.1+ but it may work with older\n // versions. It will not work for sure with jQuery <1.7, though.\n if (jQuery && jQuery.fn.on) {\n jqLite = jQuery;\n extend(jQuery.fn, {\n scope: JQLitePrototype.scope,\n isolateScope: JQLitePrototype.isolateScope,\n controller: JQLitePrototype.controller,\n injector: JQLitePrototype.injector,\n inheritedData: JQLitePrototype.inheritedData\n });\n\n // All nodes removed from the DOM via various jQuery APIs like .remove()\n // are passed through jQuery.cleanData. Monkey-patch this method to fire\n // the $destroy event on all removed nodes.\n originalCleanData = jQuery.cleanData;\n jQuery.cleanData = function(elems) {\n var events;\n if (!skipDestroyOnNextJQueryCleanData) {\n for (var i = 0, elem; (elem = elems[i]) != null; i++) {\n events = jQuery._data(elem, \"events\");\n if (events && events.$destroy) {\n jQuery(elem).triggerHandler('$destroy');\n }\n }\n } else {\n skipDestroyOnNextJQueryCleanData = false;\n }\n originalCleanData(elems);\n };\n } else {\n jqLite = JQLite;\n }\n\n angular.element = jqLite;\n\n // Prevent double-proxying.\n bindJQueryFired = true;\n}\n\n/**\n * throw error if the argument is falsy.\n */\nfunction assertArg(arg, name, reason) {\n if (!arg) {\n throw ngMinErr('areq', \"Argument '{0}' is {1}\", (name || '?'), (reason || \"required\"));\n }\n return arg;\n}\n\nfunction assertArgFn(arg, name, acceptArrayAnnotation) {\n if (acceptArrayAnnotation && isArray(arg)) {\n arg = arg[arg.length - 1];\n }\n\n assertArg(isFunction(arg), name, 'not a function, got ' +\n (arg && typeof arg === 'object' ? arg.constructor.name || 'Object' : typeof arg));\n return arg;\n}\n\n/**\n * throw error if the name given is hasOwnProperty\n * @param {String} name the name to test\n * @param {String} context the context in which the name is used, such as module or directive\n */\nfunction assertNotHasOwnProperty(name, context) {\n if (name === 'hasOwnProperty') {\n throw ngMinErr('badname', \"hasOwnProperty is not a valid {0} name\", context);\n }\n}\n\n/**\n * Return the value accessible from the object by path. Any undefined traversals are ignored\n * @param {Object} obj starting object\n * @param {String} path path to traverse\n * @param {boolean} [bindFnToScope=true]\n * @returns {Object} value as accessible by path\n */\n//TODO(misko): this function needs to be removed\nfunction getter(obj, path, bindFnToScope) {\n if (!path) return obj;\n var keys = path.split('.');\n var key;\n var lastInstance = obj;\n var len = keys.length;\n\n for (var i = 0; i < len; i++) {\n key = keys[i];\n if (obj) {\n obj = (lastInstance = obj)[key];\n }\n }\n if (!bindFnToScope && isFunction(obj)) {\n return bind(lastInstance, obj);\n }\n return obj;\n}\n\n/**\n * Return the DOM siblings between the first and last node in the given array.\n * @param {Array} array like object\n * @returns {jqLite} jqLite collection containing the nodes\n */\nfunction getBlockNodes(nodes) {\n // TODO(perf): just check if all items in `nodes` are siblings and if they are return the original\n // collection, otherwise update the original collection.\n var node = nodes[0];\n var endNode = nodes[nodes.length - 1];\n var blockNodes = [node];\n\n do {\n node = node.nextSibling;\n if (!node) break;\n blockNodes.push(node);\n } while (node !== endNode);\n\n return jqLite(blockNodes);\n}\n\n\n/**\n * Creates a new object without a prototype. This object is useful for lookup without having to\n * guard against prototypically inherited properties via hasOwnProperty.\n *\n * Related micro-benchmarks:\n * - http://jsperf.com/object-create2\n * - http://jsperf.com/proto-map-lookup/2\n * - http://jsperf.com/for-in-vs-object-keys2\n *\n * @returns {Object}\n */\nfunction createMap() {\n return Object.create(null);\n}\n\nvar NODE_TYPE_ELEMENT = 1;\nvar NODE_TYPE_TEXT = 3;\nvar NODE_TYPE_COMMENT = 8;\nvar NODE_TYPE_DOCUMENT = 9;\nvar NODE_TYPE_DOCUMENT_FRAGMENT = 11;\n\n/**\n * @ngdoc type\n * @name angular.Module\n * @module ng\n * @description\n *\n * Interface for configuring angular {@link angular.module modules}.\n */\n\nfunction setupModuleLoader(window) {\n\n var $injectorMinErr = minErr('$injector');\n var ngMinErr = minErr('ng');\n\n function ensure(obj, name, factory) {\n return obj[name] || (obj[name] = factory());\n }\n\n var angular = ensure(window, 'angular', Object);\n\n // We need to expose `angular.$$minErr` to modules such as `ngResource` that reference it during bootstrap\n angular.$$minErr = angular.$$minErr || minErr;\n\n return ensure(angular, 'module', function() {\n /** @type {Object.} */\n var modules = {};\n\n /**\n * @ngdoc function\n * @name angular.module\n * @module ng\n * @description\n *\n * The `angular.module` is a global place for creating, registering and retrieving Angular\n * modules.\n * All modules (angular core or 3rd party) that should be available to an application must be\n * registered using this mechanism.\n *\n * When passed two or more arguments, a new module is created. If passed only one argument, an\n * existing module (the name passed as the first argument to `module`) is retrieved.\n *\n *\n * # Module\n *\n * A module is a collection of services, directives, controllers, filters, and configuration information.\n * `angular.module` is used to configure the {@link auto.$injector $injector}.\n *\n * ```js\n * // Create a new module\n * var myModule = angular.module('myModule', []);\n *\n * // register a new service\n * myModule.value('appName', 'MyCoolApp');\n *\n * // configure existing services inside initialization blocks.\n * myModule.config(['$locationProvider', function($locationProvider) {\n * // Configure existing providers\n * $locationProvider.hashPrefix('!');\n * }]);\n * ```\n *\n * Then you can create an injector and load your modules like this:\n *\n * ```js\n * var injector = angular.injector(['ng', 'myModule'])\n * ```\n *\n * However it's more likely that you'll just use\n * {@link ng.directive:ngApp ngApp} or\n * {@link angular.bootstrap} to simplify this process for you.\n *\n * @param {!string} name The name of the module to create or retrieve.\n * @param {!Array.=} requires If specified then new module is being created. If\n * unspecified then the module is being retrieved for further configuration.\n * @param {Function=} configFn Optional configuration function for the module. Same as\n * {@link angular.Module#config Module#config()}.\n * @returns {module} new module with the {@link angular.Module} api.\n */\n return function module(name, requires, configFn) {\n var assertNotHasOwnProperty = function(name, context) {\n if (name === 'hasOwnProperty') {\n throw ngMinErr('badname', 'hasOwnProperty is not a valid {0} name', context);\n }\n };\n\n assertNotHasOwnProperty(name, 'module');\n if (requires && modules.hasOwnProperty(name)) {\n modules[name] = null;\n }\n return ensure(modules, name, function() {\n if (!requires) {\n throw $injectorMinErr('nomod', \"Module '{0}' is not available! You either misspelled \" +\n \"the module name or forgot to load it. If registering a module ensure that you \" +\n \"specify the dependencies as the second argument.\", name);\n }\n\n /** @type {!Array.>} */\n var invokeQueue = [];\n\n /** @type {!Array.} */\n var configBlocks = [];\n\n /** @type {!Array.} */\n var runBlocks = [];\n\n var config = invokeLater('$injector', 'invoke', 'push', configBlocks);\n\n /** @type {angular.Module} */\n var moduleInstance = {\n // Private state\n _invokeQueue: invokeQueue,\n _configBlocks: configBlocks,\n _runBlocks: runBlocks,\n\n /**\n * @ngdoc property\n * @name angular.Module#requires\n * @module ng\n *\n * @description\n * Holds the list of modules which the injector will load before the current module is\n * loaded.\n */\n requires: requires,\n\n /**\n * @ngdoc property\n * @name angular.Module#name\n * @module ng\n *\n * @description\n * Name of the module.\n */\n name: name,\n\n\n /**\n * @ngdoc method\n * @name angular.Module#provider\n * @module ng\n * @param {string} name service name\n * @param {Function} providerType Construction function for creating new instance of the\n * service.\n * @description\n * See {@link auto.$provide#provider $provide.provider()}.\n */\n provider: invokeLater('$provide', 'provider'),\n\n /**\n * @ngdoc method\n * @name angular.Module#factory\n * @module ng\n * @param {string} name service name\n * @param {Function} providerFunction Function for creating new instance of the service.\n * @description\n * See {@link auto.$provide#factory $provide.factory()}.\n */\n factory: invokeLater('$provide', 'factory'),\n\n /**\n * @ngdoc method\n * @name angular.Module#service\n * @module ng\n * @param {string} name service name\n * @param {Function} constructor A constructor function that will be instantiated.\n * @description\n * See {@link auto.$provide#service $provide.service()}.\n */\n service: invokeLater('$provide', 'service'),\n\n /**\n * @ngdoc method\n * @name angular.Module#value\n * @module ng\n * @param {string} name service name\n * @param {*} object Service instance object.\n * @description\n * See {@link auto.$provide#value $provide.value()}.\n */\n value: invokeLater('$provide', 'value'),\n\n /**\n * @ngdoc method\n * @name angular.Module#constant\n * @module ng\n * @param {string} name constant name\n * @param {*} object Constant value.\n * @description\n * Because the constant are fixed, they get applied before other provide methods.\n * See {@link auto.$provide#constant $provide.constant()}.\n */\n constant: invokeLater('$provide', 'constant', 'unshift'),\n\n /**\n * @ngdoc method\n * @name angular.Module#animation\n * @module ng\n * @param {string} name animation name\n * @param {Function} animationFactory Factory function for creating new instance of an\n * animation.\n * @description\n *\n * **NOTE**: animations take effect only if the **ngAnimate** module is loaded.\n *\n *\n * Defines an animation hook that can be later used with\n * {@link ngAnimate.$animate $animate} service and directives that use this service.\n *\n * ```js\n * module.animation('.animation-name', function($inject1, $inject2) {\n * return {\n * eventName : function(element, done) {\n * //code to run the animation\n * //once complete, then run done()\n * return function cancellationFunction(element) {\n * //code to cancel the animation\n * }\n * }\n * }\n * })\n * ```\n *\n * See {@link ng.$animateProvider#register $animateProvider.register()} and\n * {@link ngAnimate ngAnimate module} for more information.\n */\n animation: invokeLater('$animateProvider', 'register'),\n\n /**\n * @ngdoc method\n * @name angular.Module#filter\n * @module ng\n * @param {string} name Filter name.\n * @param {Function} filterFactory Factory function for creating new instance of filter.\n * @description\n * See {@link ng.$filterProvider#register $filterProvider.register()}.\n */\n filter: invokeLater('$filterProvider', 'register'),\n\n /**\n * @ngdoc method\n * @name angular.Module#controller\n * @module ng\n * @param {string|Object} name Controller name, or an object map of controllers where the\n * keys are the names and the values are the constructors.\n * @param {Function} constructor Controller constructor function.\n * @description\n * See {@link ng.$controllerProvider#register $controllerProvider.register()}.\n */\n controller: invokeLater('$controllerProvider', 'register'),\n\n /**\n * @ngdoc method\n * @name angular.Module#directive\n * @module ng\n * @param {string|Object} name Directive name, or an object map of directives where the\n * keys are the names and the values are the factories.\n * @param {Function} directiveFactory Factory function for creating new instance of\n * directives.\n * @description\n * See {@link ng.$compileProvider#directive $compileProvider.directive()}.\n */\n directive: invokeLater('$compileProvider', 'directive'),\n\n /**\n * @ngdoc method\n * @name angular.Module#config\n * @module ng\n * @param {Function} configFn Execute this function on module load. Useful for service\n * configuration.\n * @description\n * Use this method to register work which needs to be performed on module loading.\n * For more about how to configure services, see\n * {@link providers#provider-recipe Provider Recipe}.\n */\n config: config,\n\n /**\n * @ngdoc method\n * @name angular.Module#run\n * @module ng\n * @param {Function} initializationFn Execute this function after injector creation.\n * Useful for application initialization.\n * @description\n * Use this method to register work which should be performed when the injector is done\n * loading all modules.\n */\n run: function(block) {\n runBlocks.push(block);\n return this;\n }\n };\n\n if (configFn) {\n config(configFn);\n }\n\n return moduleInstance;\n\n /**\n * @param {string} provider\n * @param {string} method\n * @param {String=} insertMethod\n * @returns {angular.Module}\n */\n function invokeLater(provider, method, insertMethod, queue) {\n if (!queue) queue = invokeQueue;\n return function() {\n queue[insertMethod || 'push']([provider, method, arguments]);\n return moduleInstance;\n };\n }\n });\n };\n });\n\n}\n\n/* global: toDebugString: true */\n\nfunction serializeObject(obj) {\n var seen = [];\n\n return JSON.stringify(obj, function(key, val) {\n val = toJsonReplacer(key, val);\n if (isObject(val)) {\n\n if (seen.indexOf(val) >= 0) return '<>';\n\n seen.push(val);\n }\n return val;\n });\n}\n\nfunction toDebugString(obj) {\n if (typeof obj === 'function') {\n return obj.toString().replace(/ \\{[\\s\\S]*$/, '');\n } else if (typeof obj === 'undefined') {\n return 'undefined';\n } else if (typeof obj !== 'string') {\n return serializeObject(obj);\n }\n return obj;\n}\n\n/* global angularModule: true,\n version: true,\n\n $LocaleProvider,\n $CompileProvider,\n\n htmlAnchorDirective,\n inputDirective,\n inputDirective,\n formDirective,\n scriptDirective,\n selectDirective,\n styleDirective,\n optionDirective,\n ngBindDirective,\n ngBindHtmlDirective,\n ngBindTemplateDirective,\n ngClassDirective,\n ngClassEvenDirective,\n ngClassOddDirective,\n ngCspDirective,\n ngCloakDirective,\n ngControllerDirective,\n ngFormDirective,\n ngHideDirective,\n ngIfDirective,\n ngIncludeDirective,\n ngIncludeFillContentDirective,\n ngInitDirective,\n ngNonBindableDirective,\n ngPluralizeDirective,\n ngRepeatDirective,\n ngShowDirective,\n ngStyleDirective,\n ngSwitchDirective,\n ngSwitchWhenDirective,\n ngSwitchDefaultDirective,\n ngOptionsDirective,\n ngTranscludeDirective,\n ngModelDirective,\n ngListDirective,\n ngChangeDirective,\n patternDirective,\n patternDirective,\n requiredDirective,\n requiredDirective,\n minlengthDirective,\n minlengthDirective,\n maxlengthDirective,\n maxlengthDirective,\n ngValueDirective,\n ngModelOptionsDirective,\n ngAttributeAliasDirectives,\n ngEventDirectives,\n\n $AnchorScrollProvider,\n $AnimateProvider,\n $BrowserProvider,\n $CacheFactoryProvider,\n $ControllerProvider,\n $DocumentProvider,\n $ExceptionHandlerProvider,\n $FilterProvider,\n $InterpolateProvider,\n $IntervalProvider,\n $HttpProvider,\n $HttpBackendProvider,\n $LocationProvider,\n $LogProvider,\n $ParseProvider,\n $RootScopeProvider,\n $QProvider,\n $$QProvider,\n $$SanitizeUriProvider,\n $SceProvider,\n $SceDelegateProvider,\n $SnifferProvider,\n $TemplateCacheProvider,\n $TemplateRequestProvider,\n $$TestabilityProvider,\n $TimeoutProvider,\n $$RAFProvider,\n $$AsyncCallbackProvider,\n $WindowProvider,\n $$jqLiteProvider\n*/\n\n\n/**\n * @ngdoc object\n * @name angular.version\n * @module ng\n * @description\n * An object that contains information about the current AngularJS version. This object has the\n * following properties:\n *\n * - `full` – `{string}` – Full version string, such as \"0.9.18\".\n * - `major` – `{number}` – Major version number, such as \"0\".\n * - `minor` – `{number}` – Minor version number, such as \"9\".\n * - `dot` – `{number}` – Dot version number, such as \"18\".\n * - `codeName` – `{string}` – Code name of the release, such as \"jiggling-armfat\".\n */\nvar version = {\n full: '1.3.13', // all of these placeholder strings will be replaced by grunt's\n major: 1, // package task\n minor: 3,\n dot: 13,\n codeName: 'meticulous-riffleshuffle'\n};\n\n\nfunction publishExternalAPI(angular) {\n extend(angular, {\n 'bootstrap': bootstrap,\n 'copy': copy,\n 'extend': extend,\n 'equals': equals,\n 'element': jqLite,\n 'forEach': forEach,\n 'injector': createInjector,\n 'noop': noop,\n 'bind': bind,\n 'toJson': toJson,\n 'fromJson': fromJson,\n 'identity': identity,\n 'isUndefined': isUndefined,\n 'isDefined': isDefined,\n 'isString': isString,\n 'isFunction': isFunction,\n 'isObject': isObject,\n 'isNumber': isNumber,\n 'isElement': isElement,\n 'isArray': isArray,\n 'version': version,\n 'isDate': isDate,\n 'lowercase': lowercase,\n 'uppercase': uppercase,\n 'callbacks': {counter: 0},\n 'getTestability': getTestability,\n '$$minErr': minErr,\n '$$csp': csp,\n 'reloadWithDebugInfo': reloadWithDebugInfo\n });\n\n angularModule = setupModuleLoader(window);\n try {\n angularModule('ngLocale');\n } catch (e) {\n angularModule('ngLocale', []).provider('$locale', $LocaleProvider);\n }\n\n angularModule('ng', ['ngLocale'], ['$provide',\n function ngModule($provide) {\n // $$sanitizeUriProvider needs to be before $compileProvider as it is used by it.\n $provide.provider({\n $$sanitizeUri: $$SanitizeUriProvider\n });\n $provide.provider('$compile', $CompileProvider).\n directive({\n a: htmlAnchorDirective,\n input: inputDirective,\n textarea: inputDirective,\n form: formDirective,\n script: scriptDirective,\n select: selectDirective,\n style: styleDirective,\n option: optionDirective,\n ngBind: ngBindDirective,\n ngBindHtml: ngBindHtmlDirective,\n ngBindTemplate: ngBindTemplateDirective,\n ngClass: ngClassDirective,\n ngClassEven: ngClassEvenDirective,\n ngClassOdd: ngClassOddDirective,\n ngCloak: ngCloakDirective,\n ngController: ngControllerDirective,\n ngForm: ngFormDirective,\n ngHide: ngHideDirective,\n ngIf: ngIfDirective,\n ngInclude: ngIncludeDirective,\n ngInit: ngInitDirective,\n ngNonBindable: ngNonBindableDirective,\n ngPluralize: ngPluralizeDirective,\n ngRepeat: ngRepeatDirective,\n ngShow: ngShowDirective,\n ngStyle: ngStyleDirective,\n ngSwitch: ngSwitchDirective,\n ngSwitchWhen: ngSwitchWhenDirective,\n ngSwitchDefault: ngSwitchDefaultDirective,\n ngOptions: ngOptionsDirective,\n ngTransclude: ngTranscludeDirective,\n ngModel: ngModelDirective,\n ngList: ngListDirective,\n ngChange: ngChangeDirective,\n pattern: patternDirective,\n ngPattern: patternDirective,\n required: requiredDirective,\n ngRequired: requiredDirective,\n minlength: minlengthDirective,\n ngMinlength: minlengthDirective,\n maxlength: maxlengthDirective,\n ngMaxlength: maxlengthDirective,\n ngValue: ngValueDirective,\n ngModelOptions: ngModelOptionsDirective\n }).\n directive({\n ngInclude: ngIncludeFillContentDirective\n }).\n directive(ngAttributeAliasDirectives).\n directive(ngEventDirectives);\n $provide.provider({\n $anchorScroll: $AnchorScrollProvider,\n $animate: $AnimateProvider,\n $browser: $BrowserProvider,\n $cacheFactory: $CacheFactoryProvider,\n $controller: $ControllerProvider,\n $document: $DocumentProvider,\n $exceptionHandler: $ExceptionHandlerProvider,\n $filter: $FilterProvider,\n $interpolate: $InterpolateProvider,\n $interval: $IntervalProvider,\n $http: $HttpProvider,\n $httpBackend: $HttpBackendProvider,\n $location: $LocationProvider,\n $log: $LogProvider,\n $parse: $ParseProvider,\n $rootScope: $RootScopeProvider,\n $q: $QProvider,\n $$q: $$QProvider,\n $sce: $SceProvider,\n $sceDelegate: $SceDelegateProvider,\n $sniffer: $SnifferProvider,\n $templateCache: $TemplateCacheProvider,\n $templateRequest: $TemplateRequestProvider,\n $$testability: $$TestabilityProvider,\n $timeout: $TimeoutProvider,\n $window: $WindowProvider,\n $$rAF: $$RAFProvider,\n $$asyncCallback: $$AsyncCallbackProvider,\n $$jqLite: $$jqLiteProvider\n });\n }\n ]);\n}\n\n/* global JQLitePrototype: true,\n addEventListenerFn: true,\n removeEventListenerFn: true,\n BOOLEAN_ATTR: true,\n ALIASED_ATTR: true,\n*/\n\n//////////////////////////////////\n//JQLite\n//////////////////////////////////\n\n/**\n * @ngdoc function\n * @name angular.element\n * @module ng\n * @kind function\n *\n * @description\n * Wraps a raw DOM element or HTML string as a [jQuery](http://jquery.com) element.\n *\n * If jQuery is available, `angular.element` is an alias for the\n * [jQuery](http://api.jquery.com/jQuery/) function. If jQuery is not available, `angular.element`\n * delegates to Angular's built-in subset of jQuery, called \"jQuery lite\" or \"jqLite.\"\n *\n * ', '
'],\n 'col': [2, '
'],\n 'tr': [2, '', '
'],\n 'td': [3, '
'],\n '_default': [0, \"\", \"\"]\n};\n\nwrapMap.optgroup = wrapMap.option;\nwrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;\nwrapMap.th = wrapMap.td;\n\n\nfunction jqLiteIsTextNode(html) {\n return !HTML_REGEXP.test(html);\n}\n\nfunction jqLiteAcceptsData(node) {\n // The window object can accept data but has no nodeType\n // Otherwise we are only interested in elements (1) and documents (9)\n var nodeType = node.nodeType;\n return nodeType === NODE_TYPE_ELEMENT || !nodeType || nodeType === NODE_TYPE_DOCUMENT;\n}\n\nfunction jqLiteBuildFragment(html, context) {\n var tmp, tag, wrap,\n fragment = context.createDocumentFragment(),\n nodes = [], i;\n\n if (jqLiteIsTextNode(html)) {\n // Convert non-html into a text node\n nodes.push(context.createTextNode(html));\n } else {\n // Convert html into DOM nodes\n tmp = tmp || fragment.appendChild(context.createElement(\"div\"));\n tag = (TAG_NAME_REGEXP.exec(html) || [\"\", \"\"])[1].toLowerCase();\n wrap = wrapMap[tag] || wrapMap._default;\n tmp.innerHTML = wrap[1] + html.replace(XHTML_TAG_REGEXP, \"<$1>\") + wrap[2];\n\n // Descend through wrappers to the right content\n i = wrap[0];\n while (i--) {\n tmp = tmp.lastChild;\n }\n\n nodes = concat(nodes, tmp.childNodes);\n\n tmp = fragment.firstChild;\n tmp.textContent = \"\";\n }\n\n // Remove wrapper from fragment\n fragment.textContent = \"\";\n fragment.innerHTML = \"\"; // Clear inner HTML\n forEach(nodes, function(node) {\n fragment.appendChild(node);\n });\n\n return fragment;\n}\n\nfunction jqLiteParseHTML(html, context) {\n context = context || document;\n var parsed;\n\n if ((parsed = SINGLE_TAG_REGEXP.exec(html))) {\n return [context.createElement(parsed[1])];\n }\n\n if ((parsed = jqLiteBuildFragment(html, context))) {\n return parsed.childNodes;\n }\n\n return [];\n}\n\n/////////////////////////////////////////////\nfunction JQLite(element) {\n if (element instanceof JQLite) {\n return element;\n }\n\n var argIsString;\n\n if (isString(element)) {\n element = trim(element);\n argIsString = true;\n }\n if (!(this instanceof JQLite)) {\n if (argIsString && element.charAt(0) != '<') {\n throw jqLiteMinErr('nosel', 'Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element');\n }\n return new JQLite(element);\n }\n\n if (argIsString) {\n jqLiteAddNodes(this, jqLiteParseHTML(element));\n } else {\n jqLiteAddNodes(this, element);\n }\n}\n\nfunction jqLiteClone(element) {\n return element.cloneNode(true);\n}\n\nfunction jqLiteDealoc(element, onlyDescendants) {\n if (!onlyDescendants) jqLiteRemoveData(element);\n\n if (element.querySelectorAll) {\n var descendants = element.querySelectorAll('*');\n for (var i = 0, l = descendants.length; i < l; i++) {\n jqLiteRemoveData(descendants[i]);\n }\n }\n}\n\nfunction jqLiteOff(element, type, fn, unsupported) {\n if (isDefined(unsupported)) throw jqLiteMinErr('offargs', 'jqLite#off() does not support the `selector` argument');\n\n var expandoStore = jqLiteExpandoStore(element);\n var events = expandoStore && expandoStore.events;\n var handle = expandoStore && expandoStore.handle;\n\n if (!handle) return; //no listeners registered\n\n if (!type) {\n for (type in events) {\n if (type !== '$destroy') {\n removeEventListenerFn(element, type, handle);\n }\n delete events[type];\n }\n } else {\n forEach(type.split(' '), function(type) {\n if (isDefined(fn)) {\n var listenerFns = events[type];\n arrayRemove(listenerFns || [], fn);\n if (listenerFns && listenerFns.length > 0) {\n return;\n }\n }\n\n removeEventListenerFn(element, type, handle);\n delete events[type];\n });\n }\n}\n\nfunction jqLiteRemoveData(element, name) {\n var expandoId = element.ng339;\n var expandoStore = expandoId && jqCache[expandoId];\n\n if (expandoStore) {\n if (name) {\n delete expandoStore.data[name];\n return;\n }\n\n if (expandoStore.handle) {\n if (expandoStore.events.$destroy) {\n expandoStore.handle({}, '$destroy');\n }\n jqLiteOff(element);\n }\n delete jqCache[expandoId];\n element.ng339 = undefined; // don't delete DOM expandos. IE and Chrome don't like it\n }\n}\n\n\nfunction jqLiteExpandoStore(element, createIfNecessary) {\n var expandoId = element.ng339,\n expandoStore = expandoId && jqCache[expandoId];\n\n if (createIfNecessary && !expandoStore) {\n element.ng339 = expandoId = jqNextId();\n expandoStore = jqCache[expandoId] = {events: {}, data: {}, handle: undefined};\n }\n\n return expandoStore;\n}\n\n\nfunction jqLiteData(element, key, value) {\n if (jqLiteAcceptsData(element)) {\n\n var isSimpleSetter = isDefined(value);\n var isSimpleGetter = !isSimpleSetter && key && !isObject(key);\n var massGetter = !key;\n var expandoStore = jqLiteExpandoStore(element, !isSimpleGetter);\n var data = expandoStore && expandoStore.data;\n\n if (isSimpleSetter) { // data('key', value)\n data[key] = value;\n } else {\n if (massGetter) { // data()\n return data;\n } else {\n if (isSimpleGetter) { // data('key')\n // don't force creation of expandoStore if it doesn't exist yet\n return data && data[key];\n } else { // mass-setter: data({key1: val1, key2: val2})\n extend(data, key);\n }\n }\n }\n }\n}\n\nfunction jqLiteHasClass(element, selector) {\n if (!element.getAttribute) return false;\n return ((\" \" + (element.getAttribute('class') || '') + \" \").replace(/[\\n\\t]/g, \" \").\n indexOf(\" \" + selector + \" \") > -1);\n}\n\nfunction jqLiteRemoveClass(element, cssClasses) {\n if (cssClasses && element.setAttribute) {\n forEach(cssClasses.split(' '), function(cssClass) {\n element.setAttribute('class', trim(\n (\" \" + (element.getAttribute('class') || '') + \" \")\n .replace(/[\\n\\t]/g, \" \")\n .replace(\" \" + trim(cssClass) + \" \", \" \"))\n );\n });\n }\n}\n\nfunction jqLiteAddClass(element, cssClasses) {\n if (cssClasses && element.setAttribute) {\n var existingClasses = (' ' + (element.getAttribute('class') || '') + ' ')\n .replace(/[\\n\\t]/g, \" \");\n\n forEach(cssClasses.split(' '), function(cssClass) {\n cssClass = trim(cssClass);\n if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {\n existingClasses += cssClass + ' ';\n }\n });\n\n element.setAttribute('class', trim(existingClasses));\n }\n}\n\n\nfunction jqLiteAddNodes(root, elements) {\n // THIS CODE IS VERY HOT. Don't make changes without benchmarking.\n\n if (elements) {\n\n // if a Node (the most common case)\n if (elements.nodeType) {\n root[root.length++] = elements;\n } else {\n var length = elements.length;\n\n // if an Array or NodeList and not a Window\n if (typeof length === 'number' && elements.window !== elements) {\n if (length) {\n for (var i = 0; i < length; i++) {\n root[root.length++] = elements[i];\n }\n }\n } else {\n root[root.length++] = elements;\n }\n }\n }\n}\n\n\nfunction jqLiteController(element, name) {\n return jqLiteInheritedData(element, '$' + (name || 'ngController') + 'Controller');\n}\n\nfunction jqLiteInheritedData(element, name, value) {\n // if element is the document object work with the html element instead\n // this makes $(document).scope() possible\n if (element.nodeType == NODE_TYPE_DOCUMENT) {\n element = element.documentElement;\n }\n var names = isArray(name) ? name : [name];\n\n while (element) {\n for (var i = 0, ii = names.length; i < ii; i++) {\n if ((value = jqLite.data(element, names[i])) !== undefined) return value;\n }\n\n // If dealing with a document fragment node with a host element, and no parent, use the host\n // element as the parent. This enables directives within a Shadow DOM or polyfilled Shadow DOM\n // to lookup parent controllers.\n element = element.parentNode || (element.nodeType === NODE_TYPE_DOCUMENT_FRAGMENT && element.host);\n }\n}\n\nfunction jqLiteEmpty(element) {\n jqLiteDealoc(element, true);\n while (element.firstChild) {\n element.removeChild(element.firstChild);\n }\n}\n\nfunction jqLiteRemove(element, keepData) {\n if (!keepData) jqLiteDealoc(element);\n var parent = element.parentNode;\n if (parent) parent.removeChild(element);\n}\n\n\nfunction jqLiteDocumentLoaded(action, win) {\n win = win || window;\n if (win.document.readyState === 'complete') {\n // Force the action to be run async for consistent behaviour\n // from the action's point of view\n // i.e. it will definitely not be in a $apply\n win.setTimeout(action);\n } else {\n // No need to unbind this handler as load is only ever called once\n jqLite(win).on('load', action);\n }\n}\n\n//////////////////////////////////////////\n// Functions which are declared directly.\n//////////////////////////////////////////\nvar JQLitePrototype = JQLite.prototype = {\n ready: function(fn) {\n var fired = false;\n\n function trigger() {\n if (fired) return;\n fired = true;\n fn();\n }\n\n // check if document is already loaded\n if (document.readyState === 'complete') {\n setTimeout(trigger);\n } else {\n this.on('DOMContentLoaded', trigger); // works for modern browsers and IE9\n // we can not use jqLite since we are not done loading and jQuery could be loaded later.\n // jshint -W064\n JQLite(window).on('load', trigger); // fallback to window.onload for others\n // jshint +W064\n }\n },\n toString: function() {\n var value = [];\n forEach(this, function(e) { value.push('' + e);});\n return '[' + value.join(', ') + ']';\n },\n\n eq: function(index) {\n return (index >= 0) ? jqLite(this[index]) : jqLite(this[this.length + index]);\n },\n\n length: 0,\n push: push,\n sort: [].sort,\n splice: [].splice\n};\n\n//////////////////////////////////////////\n// Functions iterating getter/setters.\n// these functions return self on setter and\n// value on get.\n//////////////////////////////////////////\nvar BOOLEAN_ATTR = {};\nforEach('multiple,selected,checked,disabled,readOnly,required,open'.split(','), function(value) {\n BOOLEAN_ATTR[lowercase(value)] = value;\n});\nvar BOOLEAN_ELEMENTS = {};\nforEach('input,select,option,textarea,button,form,details'.split(','), function(value) {\n BOOLEAN_ELEMENTS[value] = true;\n});\nvar ALIASED_ATTR = {\n 'ngMinlength': 'minlength',\n 'ngMaxlength': 'maxlength',\n 'ngMin': 'min',\n 'ngMax': 'max',\n 'ngPattern': 'pattern'\n};\n\nfunction getBooleanAttrName(element, name) {\n // check dom last since we will most likely fail on name\n var booleanAttr = BOOLEAN_ATTR[name.toLowerCase()];\n\n // booleanAttr is here twice to minimize DOM access\n return booleanAttr && BOOLEAN_ELEMENTS[nodeName_(element)] && booleanAttr;\n}\n\nfunction getAliasedAttrName(element, name) {\n var nodeName = element.nodeName;\n return (nodeName === 'INPUT' || nodeName === 'TEXTAREA') && ALIASED_ATTR[name];\n}\n\nforEach({\n data: jqLiteData,\n removeData: jqLiteRemoveData\n}, function(fn, name) {\n JQLite[name] = fn;\n});\n\nforEach({\n data: jqLiteData,\n inheritedData: jqLiteInheritedData,\n\n scope: function(element) {\n // Can't use jqLiteData here directly so we stay compatible with jQuery!\n return jqLite.data(element, '$scope') || jqLiteInheritedData(element.parentNode || element, ['$isolateScope', '$scope']);\n },\n\n isolateScope: function(element) {\n // Can't use jqLiteData here directly so we stay compatible with jQuery!\n return jqLite.data(element, '$isolateScope') || jqLite.data(element, '$isolateScopeNoTemplate');\n },\n\n controller: jqLiteController,\n\n injector: function(element) {\n return jqLiteInheritedData(element, '$injector');\n },\n\n removeAttr: function(element, name) {\n element.removeAttribute(name);\n },\n\n hasClass: jqLiteHasClass,\n\n css: function(element, name, value) {\n name = camelCase(name);\n\n if (isDefined(value)) {\n element.style[name] = value;\n } else {\n return element.style[name];\n }\n },\n\n attr: function(element, name, value) {\n var lowercasedName = lowercase(name);\n if (BOOLEAN_ATTR[lowercasedName]) {\n if (isDefined(value)) {\n if (!!value) {\n element[name] = true;\n element.setAttribute(name, lowercasedName);\n } else {\n element[name] = false;\n element.removeAttribute(lowercasedName);\n }\n } else {\n return (element[name] ||\n (element.attributes.getNamedItem(name) || noop).specified)\n ? lowercasedName\n : undefined;\n }\n } else if (isDefined(value)) {\n element.setAttribute(name, value);\n } else if (element.getAttribute) {\n // the extra argument \"2\" is to get the right thing for a.href in IE, see jQuery code\n // some elements (e.g. Document) don't have get attribute, so return undefined\n var ret = element.getAttribute(name, 2);\n // normalize non-existing attributes to undefined (as jQuery)\n return ret === null ? undefined : ret;\n }\n },\n\n prop: function(element, name, value) {\n if (isDefined(value)) {\n element[name] = value;\n } else {\n return element[name];\n }\n },\n\n text: (function() {\n getText.$dv = '';\n return getText;\n\n function getText(element, value) {\n if (isUndefined(value)) {\n var nodeType = element.nodeType;\n return (nodeType === NODE_TYPE_ELEMENT || nodeType === NODE_TYPE_TEXT) ? element.textContent : '';\n }\n element.textContent = value;\n }\n })(),\n\n val: function(element, value) {\n if (isUndefined(value)) {\n if (element.multiple && nodeName_(element) === 'select') {\n var result = [];\n forEach(element.options, function(option) {\n if (option.selected) {\n result.push(option.value || option.text);\n }\n });\n return result.length === 0 ? null : result;\n }\n return element.value;\n }\n element.value = value;\n },\n\n html: function(element, value) {\n if (isUndefined(value)) {\n return element.innerHTML;\n }\n jqLiteDealoc(element, true);\n element.innerHTML = value;\n },\n\n empty: jqLiteEmpty\n}, function(fn, name) {\n /**\n * Properties: writes return selection, reads return first value\n */\n JQLite.prototype[name] = function(arg1, arg2) {\n var i, key;\n var nodeCount = this.length;\n\n // jqLiteHasClass has only two arguments, but is a getter-only fn, so we need to special-case it\n // in a way that survives minification.\n // jqLiteEmpty takes no arguments but is a setter.\n if (fn !== jqLiteEmpty &&\n (((fn.length == 2 && (fn !== jqLiteHasClass && fn !== jqLiteController)) ? arg1 : arg2) === undefined)) {\n if (isObject(arg1)) {\n\n // we are a write, but the object properties are the key/values\n for (i = 0; i < nodeCount; i++) {\n if (fn === jqLiteData) {\n // data() takes the whole object in jQuery\n fn(this[i], arg1);\n } else {\n for (key in arg1) {\n fn(this[i], key, arg1[key]);\n }\n }\n }\n // return self for chaining\n return this;\n } else {\n // we are a read, so read the first child.\n // TODO: do we still need this?\n var value = fn.$dv;\n // Only if we have $dv do we iterate over all, otherwise it is just the first element.\n var jj = (value === undefined) ? Math.min(nodeCount, 1) : nodeCount;\n for (var j = 0; j < jj; j++) {\n var nodeValue = fn(this[j], arg1, arg2);\n value = value ? value + nodeValue : nodeValue;\n }\n return value;\n }\n } else {\n // we are a write, so apply to all children\n for (i = 0; i < nodeCount; i++) {\n fn(this[i], arg1, arg2);\n }\n // return self for chaining\n return this;\n }\n };\n});\n\nfunction createEventHandler(element, events) {\n var eventHandler = function(event, type) {\n // jQuery specific api\n event.isDefaultPrevented = function() {\n return event.defaultPrevented;\n };\n\n var eventFns = events[type || event.type];\n var eventFnsLength = eventFns ? eventFns.length : 0;\n\n if (!eventFnsLength) return;\n\n if (isUndefined(event.immediatePropagationStopped)) {\n var originalStopImmediatePropagation = event.stopImmediatePropagation;\n event.stopImmediatePropagation = function() {\n event.immediatePropagationStopped = true;\n\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n\n if (originalStopImmediatePropagation) {\n originalStopImmediatePropagation.call(event);\n }\n };\n }\n\n event.isImmediatePropagationStopped = function() {\n return event.immediatePropagationStopped === true;\n };\n\n // Copy event handlers in case event handlers array is modified during execution.\n if ((eventFnsLength > 1)) {\n eventFns = shallowCopy(eventFns);\n }\n\n for (var i = 0; i < eventFnsLength; i++) {\n if (!event.isImmediatePropagationStopped()) {\n eventFns[i].call(element, event);\n }\n }\n };\n\n // TODO: this is a hack for angularMocks/clearDataCache that makes it possible to deregister all\n // events on `element`\n eventHandler.elem = element;\n return eventHandler;\n}\n\n//////////////////////////////////////////\n// Functions iterating traversal.\n// These functions chain results into a single\n// selector.\n//////////////////////////////////////////\nforEach({\n removeData: jqLiteRemoveData,\n\n on: function jqLiteOn(element, type, fn, unsupported) {\n if (isDefined(unsupported)) throw jqLiteMinErr('onargs', 'jqLite#on() does not support the `selector` or `eventData` parameters');\n\n // Do not add event handlers to non-elements because they will not be cleaned up.\n if (!jqLiteAcceptsData(element)) {\n return;\n }\n\n var expandoStore = jqLiteExpandoStore(element, true);\n var events = expandoStore.events;\n var handle = expandoStore.handle;\n\n if (!handle) {\n handle = expandoStore.handle = createEventHandler(element, events);\n }\n\n // http://jsperf.com/string-indexof-vs-split\n var types = type.indexOf(' ') >= 0 ? type.split(' ') : [type];\n var i = types.length;\n\n while (i--) {\n type = types[i];\n var eventFns = events[type];\n\n if (!eventFns) {\n events[type] = [];\n\n if (type === 'mouseenter' || type === 'mouseleave') {\n // Refer to jQuery's implementation of mouseenter & mouseleave\n // Read about mouseenter and mouseleave:\n // http://www.quirksmode.org/js/events_mouse.html#link8\n\n jqLiteOn(element, MOUSE_EVENT_MAP[type], function(event) {\n var target = this, related = event.relatedTarget;\n // For mousenter/leave call the handler if related is outside the target.\n // NB: No relatedTarget if the mouse left/entered the browser window\n if (!related || (related !== target && !target.contains(related))) {\n handle(event, type);\n }\n });\n\n } else {\n if (type !== '$destroy') {\n addEventListenerFn(element, type, handle);\n }\n }\n eventFns = events[type];\n }\n eventFns.push(fn);\n }\n },\n\n off: jqLiteOff,\n\n one: function(element, type, fn) {\n element = jqLite(element);\n\n //add the listener twice so that when it is called\n //you can remove the original function and still be\n //able to call element.off(ev, fn) normally\n element.on(type, function onFn() {\n element.off(type, fn);\n element.off(type, onFn);\n });\n element.on(type, fn);\n },\n\n replaceWith: function(element, replaceNode) {\n var index, parent = element.parentNode;\n jqLiteDealoc(element);\n forEach(new JQLite(replaceNode), function(node) {\n if (index) {\n parent.insertBefore(node, index.nextSibling);\n } else {\n parent.replaceChild(node, element);\n }\n index = node;\n });\n },\n\n children: function(element) {\n var children = [];\n forEach(element.childNodes, function(element) {\n if (element.nodeType === NODE_TYPE_ELEMENT)\n children.push(element);\n });\n return children;\n },\n\n contents: function(element) {\n return element.contentDocument || element.childNodes || [];\n },\n\n append: function(element, node) {\n var nodeType = element.nodeType;\n if (nodeType !== NODE_TYPE_ELEMENT && nodeType !== NODE_TYPE_DOCUMENT_FRAGMENT) return;\n\n node = new JQLite(node);\n\n for (var i = 0, ii = node.length; i < ii; i++) {\n var child = node[i];\n element.appendChild(child);\n }\n },\n\n prepend: function(element, node) {\n if (element.nodeType === NODE_TYPE_ELEMENT) {\n var index = element.firstChild;\n forEach(new JQLite(node), function(child) {\n element.insertBefore(child, index);\n });\n }\n },\n\n wrap: function(element, wrapNode) {\n wrapNode = jqLite(wrapNode).eq(0).clone()[0];\n var parent = element.parentNode;\n if (parent) {\n parent.replaceChild(wrapNode, element);\n }\n wrapNode.appendChild(element);\n },\n\n remove: jqLiteRemove,\n\n detach: function(element) {\n jqLiteRemove(element, true);\n },\n\n after: function(element, newElement) {\n var index = element, parent = element.parentNode;\n newElement = new JQLite(newElement);\n\n for (var i = 0, ii = newElement.length; i < ii; i++) {\n var node = newElement[i];\n parent.insertBefore(node, index.nextSibling);\n index = node;\n }\n },\n\n addClass: jqLiteAddClass,\n removeClass: jqLiteRemoveClass,\n\n toggleClass: function(element, selector, condition) {\n if (selector) {\n forEach(selector.split(' '), function(className) {\n var classCondition = condition;\n if (isUndefined(classCondition)) {\n classCondition = !jqLiteHasClass(element, className);\n }\n (classCondition ? jqLiteAddClass : jqLiteRemoveClass)(element, className);\n });\n }\n },\n\n parent: function(element) {\n var parent = element.parentNode;\n return parent && parent.nodeType !== NODE_TYPE_DOCUMENT_FRAGMENT ? parent : null;\n },\n\n next: function(element) {\n return element.nextElementSibling;\n },\n\n find: function(element, selector) {\n if (element.getElementsByTagName) {\n return element.getElementsByTagName(selector);\n } else {\n return [];\n }\n },\n\n clone: jqLiteClone,\n\n triggerHandler: function(element, event, extraParameters) {\n\n var dummyEvent, eventFnsCopy, handlerArgs;\n var eventName = event.type || event;\n var expandoStore = jqLiteExpandoStore(element);\n var events = expandoStore && expandoStore.events;\n var eventFns = events && events[eventName];\n\n if (eventFns) {\n // Create a dummy event to pass to the handlers\n dummyEvent = {\n preventDefault: function() { this.defaultPrevented = true; },\n isDefaultPrevented: function() { return this.defaultPrevented === true; },\n stopImmediatePropagation: function() { this.immediatePropagationStopped = true; },\n isImmediatePropagationStopped: function() { return this.immediatePropagationStopped === true; },\n stopPropagation: noop,\n type: eventName,\n target: element\n };\n\n // If a custom event was provided then extend our dummy event with it\n if (event.type) {\n dummyEvent = extend(dummyEvent, event);\n }\n\n // Copy event handlers in case event handlers array is modified during execution.\n eventFnsCopy = shallowCopy(eventFns);\n handlerArgs = extraParameters ? [dummyEvent].concat(extraParameters) : [dummyEvent];\n\n forEach(eventFnsCopy, function(fn) {\n if (!dummyEvent.isImmediatePropagationStopped()) {\n fn.apply(element, handlerArgs);\n }\n });\n }\n }\n}, function(fn, name) {\n /**\n * chaining functions\n */\n JQLite.prototype[name] = function(arg1, arg2, arg3) {\n var value;\n\n for (var i = 0, ii = this.length; i < ii; i++) {\n if (isUndefined(value)) {\n value = fn(this[i], arg1, arg2, arg3);\n if (isDefined(value)) {\n // any function which returns a value needs to be wrapped\n value = jqLite(value);\n }\n } else {\n jqLiteAddNodes(value, fn(this[i], arg1, arg2, arg3));\n }\n }\n return isDefined(value) ? value : this;\n };\n\n // bind legacy bind/unbind to on/off\n JQLite.prototype.bind = JQLite.prototype.on;\n JQLite.prototype.unbind = JQLite.prototype.off;\n});\n\n\n// Provider for private $$jqLite service\nfunction $$jqLiteProvider() {\n this.$get = function $$jqLite() {\n return extend(JQLite, {\n hasClass: function(node, classes) {\n if (node.attr) node = node[0];\n return jqLiteHasClass(node, classes);\n },\n addClass: function(node, classes) {\n if (node.attr) node = node[0];\n return jqLiteAddClass(node, classes);\n },\n removeClass: function(node, classes) {\n if (node.attr) node = node[0];\n return jqLiteRemoveClass(node, classes);\n }\n });\n };\n}\n\n/**\n * Computes a hash of an 'obj'.\n * Hash of a:\n * string is string\n * number is number as string\n * object is either result of calling $$hashKey function on the object or uniquely generated id,\n * that is also assigned to the $$hashKey property of the object.\n *\n * @param obj\n * @returns {string} hash string such that the same input will have the same hash string.\n * The resulting string key is in 'type:hashKey' format.\n */\nfunction hashKey(obj, nextUidFn) {\n var key = obj && obj.$$hashKey;\n\n if (key) {\n if (typeof key === 'function') {\n key = obj.$$hashKey();\n }\n return key;\n }\n\n var objType = typeof obj;\n if (objType == 'function' || (objType == 'object' && obj !== null)) {\n key = obj.$$hashKey = objType + ':' + (nextUidFn || nextUid)();\n } else {\n key = objType + ':' + obj;\n }\n\n return key;\n}\n\n/**\n * HashMap which can use objects as keys\n */\nfunction HashMap(array, isolatedUid) {\n if (isolatedUid) {\n var uid = 0;\n this.nextUid = function() {\n return ++uid;\n };\n }\n forEach(array, this.put, this);\n}\nHashMap.prototype = {\n /**\n * Store key value pair\n * @param key key to store can be any type\n * @param value value to store can be any type\n */\n put: function(key, value) {\n this[hashKey(key, this.nextUid)] = value;\n },\n\n /**\n * @param key\n * @returns {Object} the value for the key\n */\n get: function(key) {\n return this[hashKey(key, this.nextUid)];\n },\n\n /**\n * Remove the key/value pair\n * @param key\n */\n remove: function(key) {\n var value = this[key = hashKey(key, this.nextUid)];\n delete this[key];\n return value;\n }\n};\n\n/**\n * @ngdoc function\n * @module ng\n * @name angular.injector\n * @kind function\n *\n * @description\n * Creates an injector object that can be used for retrieving services as well as for\n * dependency injection (see {@link guide/di dependency injection}).\n *\n * @param {Array.} modules A list of module functions or their aliases. See\n * {@link angular.module}. The `ng` module must be explicitly added.\n * @param {boolean=} [strictDi=false] Whether the injector should be in strict mode, which\n * disallows argument name annotation inference.\n * @returns {injector} Injector object. See {@link auto.$injector $injector}.\n *\n * @example\n * Typical usage\n * ```js\n * // create an injector\n * var $injector = angular.injector(['ng']);\n *\n * // use the injector to kick off your application\n * // use the type inference to auto inject arguments, or use implicit injection\n * $injector.invoke(function($rootScope, $compile, $document) {\n * $compile($document)($rootScope);\n * $rootScope.$digest();\n * });\n * ```\n *\n * Sometimes you want to get access to the injector of a currently running Angular app\n * from outside Angular. Perhaps, you want to inject and compile some markup after the\n * application has been bootstrapped. You can do this using the extra `injector()` added\n * to JQuery/jqLite elements. See {@link angular.element}.\n *\n * *This is fairly rare but could be the case if a third party library is injecting the\n * markup.*\n *\n * In the following example a new block of HTML containing a `ng-controller`\n * directive is added to the end of the document body by JQuery. We then compile and link\n * it into the current AngularJS scope.\n *\n * ```js\n * var $div = $('} fn Function for which dependent service names need to\n * be retrieved as described above.\n *\n * @param {boolean=} [strictDi=false] Disallow argument name annotation inference.\n *\n * @returns {Array.} The names of the services which the function requires.\n */\n\n\n\n\n/**\n * @ngdoc service\n * @name $provide\n *\n * @description\n *\n * The {@link auto.$provide $provide} service has a number of methods for registering components\n * with the {@link auto.$injector $injector}. Many of these functions are also exposed on\n * {@link angular.Module}.\n *\n * An Angular **service** is a singleton object created by a **service factory**. These **service\n * factories** are functions which, in turn, are created by a **service provider**.\n * The **service providers** are constructor functions. When instantiated they must contain a\n * property called `$get`, which holds the **service factory** function.\n *\n * When you request a service, the {@link auto.$injector $injector} is responsible for finding the\n * correct **service provider**, instantiating it and then calling its `$get` **service factory**\n * function to get the instance of the **service**.\n *\n * Often services have no configuration options and there is no need to add methods to the service\n * provider. The provider will be no more than a constructor function with a `$get` property. For\n * these cases the {@link auto.$provide $provide} service has additional helper methods to register\n * services without specifying a provider.\n *\n * * {@link auto.$provide#provider provider(provider)} - registers a **service provider** with the\n * {@link auto.$injector $injector}\n * * {@link auto.$provide#constant constant(obj)} - registers a value/object that can be accessed by\n * providers and services.\n * * {@link auto.$provide#value value(obj)} - registers a value/object that can only be accessed by\n * services, not providers.\n * * {@link auto.$provide#factory factory(fn)} - registers a service **factory function**, `fn`,\n * that will be wrapped in a **service provider** object, whose `$get` property will contain the\n * given factory function.\n * * {@link auto.$provide#service service(class)} - registers a **constructor function**, `class`\n * that will be wrapped in a **service provider** object, whose `$get` property will instantiate\n * a new object using the given constructor function.\n *\n * See the individual methods for more information and examples.\n */\n\n/**\n * @ngdoc method\n * @name $provide#provider\n * @description\n *\n * Register a **provider function** with the {@link auto.$injector $injector}. Provider functions\n * are constructor functions, whose instances are responsible for \"providing\" a factory for a\n * service.\n *\n * Service provider names start with the name of the service they provide followed by `Provider`.\n * For example, the {@link ng.$log $log} service has a provider called\n * {@link ng.$logProvider $logProvider}.\n *\n * Service provider objects can have additional methods which allow configuration of the provider\n * and its service. Importantly, you can configure what kind of service is created by the `$get`\n * method, or how that service will act. For example, the {@link ng.$logProvider $logProvider} has a\n * method {@link ng.$logProvider#debugEnabled debugEnabled}\n * which lets you specify whether the {@link ng.$log $log} service will log debug messages to the\n * console or not.\n *\n * @param {string} name The name of the instance. NOTE: the provider will be available under `name +\n 'Provider'` key.\n * @param {(Object|function())} provider If the provider is:\n *\n * - `Object`: then it should have a `$get` method. The `$get` method will be invoked using\n * {@link auto.$injector#invoke $injector.invoke()} when an instance needs to be created.\n * - `Constructor`: a new instance of the provider will be created using\n * {@link auto.$injector#instantiate $injector.instantiate()}, then treated as `object`.\n *\n * @returns {Object} registered provider instance\n\n * @example\n *\n * The following example shows how to create a simple event tracking service and register it using\n * {@link auto.$provide#provider $provide.provider()}.\n *\n * ```js\n * // Define the eventTracker provider\n * function EventTrackerProvider() {\n * var trackingUrl = '/track';\n *\n * // A provider method for configuring where the tracked events should been saved\n * this.setTrackingUrl = function(url) {\n * trackingUrl = url;\n * };\n *\n * // The service factory function\n * this.$get = ['$http', function($http) {\n * var trackedEvents = {};\n * return {\n * // Call this to track an event\n * event: function(event) {\n * var count = trackedEvents[event] || 0;\n * count += 1;\n * trackedEvents[event] = count;\n * return count;\n * },\n * // Call this to save the tracked events to the trackingUrl\n * save: function() {\n * $http.post(trackingUrl, trackedEvents);\n * }\n * };\n * }];\n * }\n *\n * describe('eventTracker', function() {\n * var postSpy;\n *\n * beforeEach(module(function($provide) {\n * // Register the eventTracker provider\n * $provide.provider('eventTracker', EventTrackerProvider);\n * }));\n *\n * beforeEach(module(function(eventTrackerProvider) {\n * // Configure eventTracker provider\n * eventTrackerProvider.setTrackingUrl('/custom-track');\n * }));\n *\n * it('tracks events', inject(function(eventTracker) {\n * expect(eventTracker.event('login')).toEqual(1);\n * expect(eventTracker.event('login')).toEqual(2);\n * }));\n *\n * it('saves to the tracking url', inject(function(eventTracker, $http) {\n * postSpy = spyOn($http, 'post');\n * eventTracker.event('login');\n * eventTracker.save();\n * expect(postSpy).toHaveBeenCalled();\n * expect(postSpy.mostRecentCall.args[0]).not.toEqual('/track');\n * expect(postSpy.mostRecentCall.args[0]).toEqual('/custom-track');\n * expect(postSpy.mostRecentCall.args[1]).toEqual({ 'login': 1 });\n * }));\n * });\n * ```\n */\n\n/**\n * @ngdoc method\n * @name $provide#factory\n * @description\n *\n * Register a **service factory**, which will be called to return the service instance.\n * This is short for registering a service where its provider consists of only a `$get` property,\n * which is the given service factory function.\n * You should use {@link auto.$provide#factory $provide.factory(getFn)} if you do not need to\n * configure your service in a provider.\n *\n * @param {string} name The name of the instance.\n * @param {function()} $getFn The $getFn for the instance creation. Internally this is a short hand\n * for `$provide.provider(name, {$get: $getFn})`.\n * @returns {Object} registered provider instance\n *\n * @example\n * Here is an example of registering a service\n * ```js\n * $provide.factory('ping', ['$http', function($http) {\n * return function ping() {\n * return $http.send('/ping');\n * };\n * }]);\n * ```\n * You would then inject and use this service like this:\n * ```js\n * someModule.controller('Ctrl', ['ping', function(ping) {\n * ping();\n * }]);\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#service\n * @description\n *\n * Register a **service constructor**, which will be invoked with `new` to create the service\n * instance.\n * This is short for registering a service where its provider's `$get` property is the service\n * constructor function that will be used to instantiate the service instance.\n *\n * You should use {@link auto.$provide#service $provide.service(class)} if you define your service\n * as a type/class.\n *\n * @param {string} name The name of the instance.\n * @param {Function} constructor A class (constructor function) that will be instantiated.\n * @returns {Object} registered provider instance\n *\n * @example\n * Here is an example of registering a service using\n * {@link auto.$provide#service $provide.service(class)}.\n * ```js\n * var Ping = function($http) {\n * this.$http = $http;\n * };\n *\n * Ping.$inject = ['$http'];\n *\n * Ping.prototype.send = function() {\n * return this.$http.get('/ping');\n * };\n * $provide.service('ping', Ping);\n * ```\n * You would then inject and use this service like this:\n * ```js\n * someModule.controller('Ctrl', ['ping', function(ping) {\n * ping.send();\n * }]);\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#value\n * @description\n *\n * Register a **value service** with the {@link auto.$injector $injector}, such as a string, a\n * number, an array, an object or a function. This is short for registering a service where its\n * provider's `$get` property is a factory function that takes no arguments and returns the **value\n * service**.\n *\n * Value services are similar to constant services, except that they cannot be injected into a\n * module configuration function (see {@link angular.Module#config}) but they can be overridden by\n * an Angular\n * {@link auto.$provide#decorator decorator}.\n *\n * @param {string} name The name of the instance.\n * @param {*} value The value.\n * @returns {Object} registered provider instance\n *\n * @example\n * Here are some examples of creating value services.\n * ```js\n * $provide.value('ADMIN_USER', 'admin');\n *\n * $provide.value('RoleLookup', { admin: 0, writer: 1, reader: 2 });\n *\n * $provide.value('halfOf', function(value) {\n * return value / 2;\n * });\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#constant\n * @description\n *\n * Register a **constant service**, such as a string, a number, an array, an object or a function,\n * with the {@link auto.$injector $injector}. Unlike {@link auto.$provide#value value} it can be\n * injected into a module configuration function (see {@link angular.Module#config}) and it cannot\n * be overridden by an Angular {@link auto.$provide#decorator decorator}.\n *\n * @param {string} name The name of the constant.\n * @param {*} value The constant value.\n * @returns {Object} registered instance\n *\n * @example\n * Here a some examples of creating constants:\n * ```js\n * $provide.constant('SHARD_HEIGHT', 306);\n *\n * $provide.constant('MY_COLOURS', ['red', 'blue', 'grey']);\n *\n * $provide.constant('double', function(value) {\n * return value * 2;\n * });\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#decorator\n * @description\n *\n * Register a **service decorator** with the {@link auto.$injector $injector}. A service decorator\n * intercepts the creation of a service, allowing it to override or modify the behaviour of the\n * service. The object returned by the decorator may be the original service, or a new service\n * object which replaces or wraps and delegates to the original service.\n *\n * @param {string} name The name of the service to decorate.\n * @param {function()} decorator This function will be invoked when the service needs to be\n * instantiated and should return the decorated service instance. The function is called using\n * the {@link auto.$injector#invoke injector.invoke} method and is therefore fully injectable.\n * Local injection arguments:\n *\n * * `$delegate` - The original service instance, which can be monkey patched, configured,\n * decorated or delegated to.\n *\n * @example\n * Here we decorate the {@link ng.$log $log} service to convert warnings to errors by intercepting\n * calls to {@link ng.$log#error $log.warn()}.\n * ```js\n * $provide.decorator('$log', ['$delegate', function($delegate) {\n * $delegate.warn = $delegate.error;\n * return $delegate;\n * }]);\n * ```\n */\n\n\nfunction createInjector(modulesToLoad, strictDi) {\n strictDi = (strictDi === true);\n var INSTANTIATING = {},\n providerSuffix = 'Provider',\n path = [],\n loadedModules = new HashMap([], true),\n providerCache = {\n $provide: {\n provider: supportObject(provider),\n factory: supportObject(factory),\n service: supportObject(service),\n value: supportObject(value),\n constant: supportObject(constant),\n decorator: decorator\n }\n },\n providerInjector = (providerCache.$injector =\n createInternalInjector(providerCache, function(serviceName, caller) {\n if (angular.isString(caller)) {\n path.push(caller);\n }\n throw $injectorMinErr('unpr', \"Unknown provider: {0}\", path.join(' <- '));\n })),\n instanceCache = {},\n instanceInjector = (instanceCache.$injector =\n createInternalInjector(instanceCache, function(serviceName, caller) {\n var provider = providerInjector.get(serviceName + providerSuffix, caller);\n return instanceInjector.invoke(provider.$get, provider, undefined, serviceName);\n }));\n\n\n forEach(loadModules(modulesToLoad), function(fn) { instanceInjector.invoke(fn || noop); });\n\n return instanceInjector;\n\n ////////////////////////////////////\n // $provider\n ////////////////////////////////////\n\n function supportObject(delegate) {\n return function(key, value) {\n if (isObject(key)) {\n forEach(key, reverseParams(delegate));\n } else {\n return delegate(key, value);\n }\n };\n }\n\n function provider(name, provider_) {\n assertNotHasOwnProperty(name, 'service');\n if (isFunction(provider_) || isArray(provider_)) {\n provider_ = providerInjector.instantiate(provider_);\n }\n if (!provider_.$get) {\n throw $injectorMinErr('pget', \"Provider '{0}' must define $get factory method.\", name);\n }\n return providerCache[name + providerSuffix] = provider_;\n }\n\n function enforceReturnValue(name, factory) {\n return function enforcedReturnValue() {\n var result = instanceInjector.invoke(factory, this);\n if (isUndefined(result)) {\n throw $injectorMinErr('undef', \"Provider '{0}' must return a value from $get factory method.\", name);\n }\n return result;\n };\n }\n\n function factory(name, factoryFn, enforce) {\n return provider(name, {\n $get: enforce !== false ? enforceReturnValue(name, factoryFn) : factoryFn\n });\n }\n\n function service(name, constructor) {\n return factory(name, ['$injector', function($injector) {\n return $injector.instantiate(constructor);\n }]);\n }\n\n function value(name, val) { return factory(name, valueFn(val), false); }\n\n function constant(name, value) {\n assertNotHasOwnProperty(name, 'constant');\n providerCache[name] = value;\n instanceCache[name] = value;\n }\n\n function decorator(serviceName, decorFn) {\n var origProvider = providerInjector.get(serviceName + providerSuffix),\n orig$get = origProvider.$get;\n\n origProvider.$get = function() {\n var origInstance = instanceInjector.invoke(orig$get, origProvider);\n return instanceInjector.invoke(decorFn, null, {$delegate: origInstance});\n };\n }\n\n ////////////////////////////////////\n // Module Loading\n ////////////////////////////////////\n function loadModules(modulesToLoad) {\n var runBlocks = [], moduleFn;\n forEach(modulesToLoad, function(module) {\n if (loadedModules.get(module)) return;\n loadedModules.put(module, true);\n\n function runInvokeQueue(queue) {\n var i, ii;\n for (i = 0, ii = queue.length; i < ii; i++) {\n var invokeArgs = queue[i],\n provider = providerInjector.get(invokeArgs[0]);\n\n provider[invokeArgs[1]].apply(provider, invokeArgs[2]);\n }\n }\n\n try {\n if (isString(module)) {\n moduleFn = angularModule(module);\n runBlocks = runBlocks.concat(loadModules(moduleFn.requires)).concat(moduleFn._runBlocks);\n runInvokeQueue(moduleFn._invokeQueue);\n runInvokeQueue(moduleFn._configBlocks);\n } else if (isFunction(module)) {\n runBlocks.push(providerInjector.invoke(module));\n } else if (isArray(module)) {\n runBlocks.push(providerInjector.invoke(module));\n } else {\n assertArgFn(module, 'module');\n }\n } catch (e) {\n if (isArray(module)) {\n module = module[module.length - 1];\n }\n if (e.message && e.stack && e.stack.indexOf(e.message) == -1) {\n // Safari & FF's stack traces don't contain error.message content\n // unlike those of Chrome and IE\n // So if stack doesn't contain message, we create a new string that contains both.\n // Since error.stack is read-only in Safari, I'm overriding e and not e.stack here.\n /* jshint -W022 */\n e = e.message + '\\n' + e.stack;\n }\n throw $injectorMinErr('modulerr', \"Failed to instantiate module {0} due to:\\n{1}\",\n module, e.stack || e.message || e);\n }\n });\n return runBlocks;\n }\n\n ////////////////////////////////////\n // internal Injector\n ////////////////////////////////////\n\n function createInternalInjector(cache, factory) {\n\n function getService(serviceName, caller) {\n if (cache.hasOwnProperty(serviceName)) {\n if (cache[serviceName] === INSTANTIATING) {\n throw $injectorMinErr('cdep', 'Circular dependency found: {0}',\n serviceName + ' <- ' + path.join(' <- '));\n }\n return cache[serviceName];\n } else {\n try {\n path.unshift(serviceName);\n cache[serviceName] = INSTANTIATING;\n return cache[serviceName] = factory(serviceName, caller);\n } catch (err) {\n if (cache[serviceName] === INSTANTIATING) {\n delete cache[serviceName];\n }\n throw err;\n } finally {\n path.shift();\n }\n }\n }\n\n function invoke(fn, self, locals, serviceName) {\n if (typeof locals === 'string') {\n serviceName = locals;\n locals = null;\n }\n\n var args = [],\n $inject = createInjector.$$annotate(fn, strictDi, serviceName),\n length, i,\n key;\n\n for (i = 0, length = $inject.length; i < length; i++) {\n key = $inject[i];\n if (typeof key !== 'string') {\n throw $injectorMinErr('itkn',\n 'Incorrect injection token! Expected service name as string, got {0}', key);\n }\n args.push(\n locals && locals.hasOwnProperty(key)\n ? locals[key]\n : getService(key, serviceName)\n );\n }\n if (isArray(fn)) {\n fn = fn[length];\n }\n\n // http://jsperf.com/angularjs-invoke-apply-vs-switch\n // #5388\n return fn.apply(self, args);\n }\n\n function instantiate(Type, locals, serviceName) {\n // Check if Type is annotated and use just the given function at n-1 as parameter\n // e.g. someModule.factory('greeter', ['$window', function(renamed$window) {}]);\n // Object creation: http://jsperf.com/create-constructor/2\n var instance = Object.create((isArray(Type) ? Type[Type.length - 1] : Type).prototype || null);\n var returnedValue = invoke(Type, instance, locals, serviceName);\n\n return isObject(returnedValue) || isFunction(returnedValue) ? returnedValue : instance;\n }\n\n return {\n invoke: invoke,\n instantiate: instantiate,\n get: getService,\n annotate: createInjector.$$annotate,\n has: function(name) {\n return providerCache.hasOwnProperty(name + providerSuffix) || cache.hasOwnProperty(name);\n }\n };\n }\n}\n\ncreateInjector.$$annotate = annotate;\n\n/**\n * @ngdoc provider\n * @name $anchorScrollProvider\n *\n * @description\n * Use `$anchorScrollProvider` to disable automatic scrolling whenever\n * {@link ng.$location#hash $location.hash()} changes.\n */\nfunction $AnchorScrollProvider() {\n\n var autoScrollingEnabled = true;\n\n /**\n * @ngdoc method\n * @name $anchorScrollProvider#disableAutoScrolling\n *\n * @description\n * By default, {@link ng.$anchorScroll $anchorScroll()} will automatically detect changes to\n * {@link ng.$location#hash $location.hash()} and scroll to the element matching the new hash.
\n * Use this method to disable automatic scrolling.\n *\n * If automatic scrolling is disabled, one must explicitly call\n * {@link ng.$anchorScroll $anchorScroll()} in order to scroll to the element related to the\n * current hash.\n */\n this.disableAutoScrolling = function() {\n autoScrollingEnabled = false;\n };\n\n /**\n * @ngdoc service\n * @name $anchorScroll\n * @kind function\n * @requires $window\n * @requires $location\n * @requires $rootScope\n *\n * @description\n * When called, it checks the current value of {@link ng.$location#hash $location.hash()} and\n * scrolls to the related element, according to the rules specified in the\n * [Html5 spec](http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document).\n *\n * It also watches the {@link ng.$location#hash $location.hash()} and automatically scrolls to\n * match any anchor whenever it changes. This can be disabled by calling\n * {@link ng.$anchorScrollProvider#disableAutoScrolling $anchorScrollProvider.disableAutoScrolling()}.\n *\n * Additionally, you can use its {@link ng.$anchorScroll#yOffset yOffset} property to specify a\n * vertical scroll-offset (either fixed or dynamic).\n *\n * @property {(number|function|jqLite)} yOffset\n * If set, specifies a vertical scroll-offset. This is often useful when there are fixed\n * positioned elements at the top of the page, such as navbars, headers etc.\n *\n * `yOffset` can be specified in various ways:\n * - **number**: A fixed number of pixels to be used as offset.
\n * - **function**: A getter function called everytime `$anchorScroll()` is executed. Must return\n * a number representing the offset (in pixels).
\n * - **jqLite**: A jqLite/jQuery element to be used for specifying the offset. The distance from\n * the top of the page to the element's bottom will be used as offset.
\n * **Note**: The element will be taken into account only as long as its `position` is set to\n * `fixed`. This option is useful, when dealing with responsive navbars/headers that adjust\n * their height and/or positioning according to the viewport's size.\n *\n *
\n *\n \n \n \n angular.module('anchorScrollExample', [])\n .controller('ScrollController', ['$scope', '$location', '$anchorScroll',\n function ($scope, $location, $anchorScroll) {\n $scope.gotoBottom = function() {\n // set the location.hash to the id of\n // the element you wish to scroll to.\n $location.hash('bottom');\n\n // call $anchorScroll()\n $anchorScroll();\n };\n }]);\n \n \n #scrollArea {\n height: 280px;\n overflow: auto;\n }\n\n #bottom {\n display: block;\n margin-top: 2000px;\n }\n \n \n *\n *
\n * The example below illustrates the use of a vertical scroll-offset (specified as a fixed value).\n * See {@link ng.$anchorScroll#yOffset $anchorScroll.yOffset} for more details.\n *\n * @example\n\n \n \n \n angular.module('anchorScrollOffsetExample', [])\n .run(['$anchorScroll', function($anchorScroll) {\n $anchorScroll.yOffset = 50; // always scroll by 50 extra pixels\n }])\n .controller('headerCtrl', ['$anchorScroll', '$location', '$scope',\n function ($anchorScroll, $location, $scope) {\n $scope.gotoAnchor = function(x) {\n var newHash = 'anchor' + x;\n if ($location.hash() !== newHash) {\n // set the $location.hash to `newHash` and\n // $anchorScroll will automatically scroll to it\n $location.hash('anchor' + x);\n } else {\n // call $anchorScroll() explicitly,\n // since $location.hash hasn't changed\n $anchorScroll();\n }\n };\n }\n ]);\n \n \n body {\n padding-top: 50px;\n }\n\n .anchor {\n border: 2px dashed DarkOrchid;\n padding: 10px 10px 200px 10px;\n }\n\n .fixed-header {\n background-color: rgba(0, 0, 0, 0.2);\n height: 50px;\n position: fixed;\n top: 0; left: 0; right: 0;\n }\n\n .fixed-header > a {\n display: inline-block;\n margin: 5px 15px;\n }\n \n \n */\n this.$get = ['$window', '$location', '$rootScope', function($window, $location, $rootScope) {\n var document = $window.document;\n\n // Helper function to get first anchor from a NodeList\n // (using `Array#some()` instead of `angular#forEach()` since it's more performant\n // and working in all supported browsers.)\n function getFirstAnchor(list) {\n var result = null;\n Array.prototype.some.call(list, function(element) {\n if (nodeName_(element) === 'a') {\n result = element;\n return true;\n }\n });\n return result;\n }\n\n function getYOffset() {\n\n var offset = scroll.yOffset;\n\n if (isFunction(offset)) {\n offset = offset();\n } else if (isElement(offset)) {\n var elem = offset[0];\n var style = $window.getComputedStyle(elem);\n if (style.position !== 'fixed') {\n offset = 0;\n } else {\n offset = elem.getBoundingClientRect().bottom;\n }\n } else if (!isNumber(offset)) {\n offset = 0;\n }\n\n return offset;\n }\n\n function scrollTo(elem) {\n if (elem) {\n elem.scrollIntoView();\n\n var offset = getYOffset();\n\n if (offset) {\n // `offset` is the number of pixels we should scroll UP in order to align `elem` properly.\n // This is true ONLY if the call to `elem.scrollIntoView()` initially aligns `elem` at the\n // top of the viewport.\n //\n // IF the number of pixels from the top of `elem` to the end of the page's content is less\n // than the height of the viewport, then `elem.scrollIntoView()` will align the `elem` some\n // way down the page.\n //\n // This is often the case for elements near the bottom of the page.\n //\n // In such cases we do not need to scroll the whole `offset` up, just the difference between\n // the top of the element and the offset, which is enough to align the top of `elem` at the\n // desired position.\n var elemTop = elem.getBoundingClientRect().top;\n $window.scrollBy(0, elemTop - offset);\n }\n } else {\n $window.scrollTo(0, 0);\n }\n }\n\n function scroll() {\n var hash = $location.hash(), elm;\n\n // empty hash, scroll to the top of the page\n if (!hash) scrollTo(null);\n\n // element with given id\n else if ((elm = document.getElementById(hash))) scrollTo(elm);\n\n // first anchor with given name :-D\n else if ((elm = getFirstAnchor(document.getElementsByName(hash)))) scrollTo(elm);\n\n // no element and hash == 'top', scroll to the top of the page\n else if (hash === 'top') scrollTo(null);\n }\n\n // does not scroll when user clicks on anchor link that is currently on\n // (no url change, no $location.hash() change), browser native does scroll\n if (autoScrollingEnabled) {\n $rootScope.$watch(function autoScrollWatch() {return $location.hash();},\n function autoScrollWatchAction(newVal, oldVal) {\n // skip the initial scroll if $location.hash is empty\n if (newVal === oldVal && newVal === '') return;\n\n jqLiteDocumentLoaded(function() {\n $rootScope.$evalAsync(scroll);\n });\n });\n }\n\n return scroll;\n }];\n}\n\nvar $animateMinErr = minErr('$animate');\n\n/**\n * @ngdoc provider\n * @name $animateProvider\n *\n * @description\n * Default implementation of $animate that doesn't perform any animations, instead just\n * synchronously performs DOM\n * updates and calls done() callbacks.\n *\n * In order to enable animations the ngAnimate module has to be loaded.\n *\n * To see the functional implementation check out src/ngAnimate/animate.js\n */\nvar $AnimateProvider = ['$provide', function($provide) {\n\n\n this.$$selectors = {};\n\n\n /**\n * @ngdoc method\n * @name $animateProvider#register\n *\n * @description\n * Registers a new injectable animation factory function. The factory function produces the\n * animation object which contains callback functions for each event that is expected to be\n * animated.\n *\n * * `eventFn`: `function(Element, doneFunction)` The element to animate, the `doneFunction`\n * must be called once the element animation is complete. If a function is returned then the\n * animation service will use this function to cancel the animation whenever a cancel event is\n * triggered.\n *\n *\n * ```js\n * return {\n * eventFn : function(element, done) {\n * //code to run the animation\n * //once complete, then run done()\n * return function cancellationFunction() {\n * //code to cancel the animation\n * }\n * }\n * }\n * ```\n *\n * @param {string} name The name of the animation.\n * @param {Function} factory The factory function that will be executed to return the animation\n * object.\n */\n this.register = function(name, factory) {\n var key = name + '-animation';\n if (name && name.charAt(0) != '.') throw $animateMinErr('notcsel',\n \"Expecting class selector starting with '.' got '{0}'.\", name);\n this.$$selectors[name.substr(1)] = key;\n $provide.factory(key, factory);\n };\n\n /**\n * @ngdoc method\n * @name $animateProvider#classNameFilter\n *\n * @description\n * Sets and/or returns the CSS class regular expression that is checked when performing\n * an animation. Upon bootstrap the classNameFilter value is not set at all and will\n * therefore enable $animate to attempt to perform an animation on any element.\n * When setting the classNameFilter value, animations will only be performed on elements\n * that successfully match the filter expression. This in turn can boost performance\n * for low-powered devices as well as applications containing a lot of structural operations.\n * @param {RegExp=} expression The className expression which will be checked against all animations\n * @return {RegExp} The current CSS className expression value. If null then there is no expression value\n */\n this.classNameFilter = function(expression) {\n if (arguments.length === 1) {\n this.$$classNameFilter = (expression instanceof RegExp) ? expression : null;\n }\n return this.$$classNameFilter;\n };\n\n this.$get = ['$$q', '$$asyncCallback', '$rootScope', function($$q, $$asyncCallback, $rootScope) {\n\n var currentDefer;\n\n function runAnimationPostDigest(fn) {\n var cancelFn, defer = $$q.defer();\n defer.promise.$$cancelFn = function ngAnimateMaybeCancel() {\n cancelFn && cancelFn();\n };\n\n $rootScope.$$postDigest(function ngAnimatePostDigest() {\n cancelFn = fn(function ngAnimateNotifyComplete() {\n defer.resolve();\n });\n });\n\n return defer.promise;\n }\n\n function resolveElementClasses(element, classes) {\n var toAdd = [], toRemove = [];\n\n var hasClasses = createMap();\n forEach((element.attr('class') || '').split(/\\s+/), function(className) {\n hasClasses[className] = true;\n });\n\n forEach(classes, function(status, className) {\n var hasClass = hasClasses[className];\n\n // If the most recent class manipulation (via $animate) was to remove the class, and the\n // element currently has the class, the class is scheduled for removal. Otherwise, if\n // the most recent class manipulation (via $animate) was to add the class, and the\n // element does not currently have the class, the class is scheduled to be added.\n if (status === false && hasClass) {\n toRemove.push(className);\n } else if (status === true && !hasClass) {\n toAdd.push(className);\n }\n });\n\n return (toAdd.length + toRemove.length) > 0 &&\n [toAdd.length ? toAdd : null, toRemove.length ? toRemove : null];\n }\n\n function cachedClassManipulation(cache, classes, op) {\n for (var i=0, ii = classes.length; i < ii; ++i) {\n var className = classes[i];\n cache[className] = op;\n }\n }\n\n function asyncPromise() {\n // only serve one instance of a promise in order to save CPU cycles\n if (!currentDefer) {\n currentDefer = $$q.defer();\n $$asyncCallback(function() {\n currentDefer.resolve();\n currentDefer = null;\n });\n }\n return currentDefer.promise;\n }\n\n function applyStyles(element, options) {\n if (angular.isObject(options)) {\n var styles = extend(options.from || {}, options.to || {});\n element.css(styles);\n }\n }\n\n /**\n *\n * @ngdoc service\n * @name $animate\n * @description The $animate service provides rudimentary DOM manipulation functions to\n * insert, remove and move elements within the DOM, as well as adding and removing classes.\n * This service is the core service used by the ngAnimate $animator service which provides\n * high-level animation hooks for CSS and JavaScript.\n *\n * $animate is available in the AngularJS core, however, the ngAnimate module must be included\n * to enable full out animation support. Otherwise, $animate will only perform simple DOM\n * manipulation operations.\n *\n * To learn more about enabling animation support, click here to visit the {@link ngAnimate\n * ngAnimate module page} as well as the {@link ngAnimate.$animate ngAnimate $animate service\n * page}.\n */\n return {\n animate: function(element, from, to) {\n applyStyles(element, { from: from, to: to });\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#enter\n * @kind function\n * @description Inserts the element into the DOM either after the `after` element or\n * as the first child within the `parent` element. When the function is called a promise\n * is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will be inserted into the DOM\n * @param {DOMElement} parent the parent element which will append the element as\n * a child (if the after element is not present)\n * @param {DOMElement} after the sibling element which will append the element\n * after itself\n * @param {object=} options an optional collection of styles that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n enter: function(element, parent, after, options) {\n applyStyles(element, options);\n after ? after.after(element)\n : parent.prepend(element);\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#leave\n * @kind function\n * @description Removes the element from the DOM. When the function is called a promise\n * is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will be removed from the DOM\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n leave: function(element, options) {\n element.remove();\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#move\n * @kind function\n * @description Moves the position of the provided element within the DOM to be placed\n * either after the `after` element or inside of the `parent` element. When the function\n * is called a promise is returned that will be resolved at a later time.\n *\n * @param {DOMElement} element the element which will be moved around within the\n * DOM\n * @param {DOMElement} parent the parent element where the element will be\n * inserted into (if the after element is not present)\n * @param {DOMElement} after the sibling element where the element will be\n * positioned next to\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n move: function(element, parent, after, options) {\n // Do not remove element before insert. Removing will cause data associated with the\n // element to be dropped. Insert will implicitly do the remove.\n return this.enter(element, parent, after, options);\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#addClass\n * @kind function\n * @description Adds the provided className CSS class value to the provided element.\n * When the function is called a promise is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will have the className value\n * added to it\n * @param {string} className the CSS class which will be added to the element\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n addClass: function(element, className, options) {\n return this.setClass(element, className, [], options);\n },\n\n $$addClassImmediately: function(element, className, options) {\n element = jqLite(element);\n className = !isString(className)\n ? (isArray(className) ? className.join(' ') : '')\n : className;\n forEach(element, function(element) {\n jqLiteAddClass(element, className);\n });\n applyStyles(element, options);\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#removeClass\n * @kind function\n * @description Removes the provided className CSS class value from the provided element.\n * When the function is called a promise is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will have the className value\n * removed from it\n * @param {string} className the CSS class which will be removed from the element\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n removeClass: function(element, className, options) {\n return this.setClass(element, [], className, options);\n },\n\n $$removeClassImmediately: function(element, className, options) {\n element = jqLite(element);\n className = !isString(className)\n ? (isArray(className) ? className.join(' ') : '')\n : className;\n forEach(element, function(element) {\n jqLiteRemoveClass(element, className);\n });\n applyStyles(element, options);\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#setClass\n * @kind function\n * @description Adds and/or removes the given CSS classes to and from the element.\n * When the function is called a promise is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will have its CSS classes changed\n * removed from it\n * @param {string} add the CSS classes which will be added to the element\n * @param {string} remove the CSS class which will be removed from the element\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n setClass: function(element, add, remove, options) {\n var self = this;\n var STORAGE_KEY = '$$animateClasses';\n var createdCache = false;\n element = jqLite(element);\n\n var cache = element.data(STORAGE_KEY);\n if (!cache) {\n cache = {\n classes: {},\n options: options\n };\n createdCache = true;\n } else if (options && cache.options) {\n cache.options = angular.extend(cache.options || {}, options);\n }\n\n var classes = cache.classes;\n\n add = isArray(add) ? add : add.split(' ');\n remove = isArray(remove) ? remove : remove.split(' ');\n cachedClassManipulation(classes, add, true);\n cachedClassManipulation(classes, remove, false);\n\n if (createdCache) {\n cache.promise = runAnimationPostDigest(function(done) {\n var cache = element.data(STORAGE_KEY);\n element.removeData(STORAGE_KEY);\n\n // in the event that the element is removed before postDigest\n // is run then the cache will be undefined and there will be\n // no need anymore to add or remove and of the element classes\n if (cache) {\n var classes = resolveElementClasses(element, cache.classes);\n if (classes) {\n self.$$setClassImmediately(element, classes[0], classes[1], cache.options);\n }\n }\n\n done();\n });\n element.data(STORAGE_KEY, cache);\n }\n\n return cache.promise;\n },\n\n $$setClassImmediately: function(element, add, remove, options) {\n add && this.$$addClassImmediately(element, add);\n remove && this.$$removeClassImmediately(element, remove);\n applyStyles(element, options);\n return asyncPromise();\n },\n\n enabled: noop,\n cancel: noop\n };\n }];\n}];\n\nfunction $$AsyncCallbackProvider() {\n this.$get = ['$$rAF', '$timeout', function($$rAF, $timeout) {\n return $$rAF.supported\n ? function(fn) { return $$rAF(fn); }\n : function(fn) {\n return $timeout(fn, 0, false);\n };\n }];\n}\n\n/* global stripHash: true */\n\n/**\n * ! This is a private undocumented service !\n *\n * @name $browser\n * @requires $log\n * @description\n * This object has two goals:\n *\n * - hide all the global state in the browser caused by the window object\n * - abstract away all the browser specific features and inconsistencies\n *\n * For tests we provide {@link ngMock.$browser mock implementation} of the `$browser`\n * service, which can be used for convenient testing of the application without the interaction with\n * the real browser apis.\n */\n/**\n * @param {object} window The global window object.\n * @param {object} document jQuery wrapped document.\n * @param {object} $log window.console or an object with the same interface.\n * @param {object} $sniffer $sniffer service\n */\nfunction Browser(window, document, $log, $sniffer) {\n var self = this,\n rawDocument = document[0],\n location = window.location,\n history = window.history,\n setTimeout = window.setTimeout,\n clearTimeout = window.clearTimeout,\n pendingDeferIds = {};\n\n self.isMock = false;\n\n var outstandingRequestCount = 0;\n var outstandingRequestCallbacks = [];\n\n // TODO(vojta): remove this temporary api\n self.$$completeOutstandingRequest = completeOutstandingRequest;\n self.$$incOutstandingRequestCount = function() { outstandingRequestCount++; };\n\n /**\n * Executes the `fn` function(supports currying) and decrements the `outstandingRequestCallbacks`\n * counter. If the counter reaches 0, all the `outstandingRequestCallbacks` are executed.\n */\n function completeOutstandingRequest(fn) {\n try {\n fn.apply(null, sliceArgs(arguments, 1));\n } finally {\n outstandingRequestCount--;\n if (outstandingRequestCount === 0) {\n while (outstandingRequestCallbacks.length) {\n try {\n outstandingRequestCallbacks.pop()();\n } catch (e) {\n $log.error(e);\n }\n }\n }\n }\n }\n\n function getHash(url) {\n var index = url.indexOf('#');\n return index === -1 ? '' : url.substr(index + 1);\n }\n\n /**\n * @private\n * Note: this method is used only by scenario runner\n * TODO(vojta): prefix this method with $$ ?\n * @param {function()} callback Function that will be called when no outstanding request\n */\n self.notifyWhenNoOutstandingRequests = function(callback) {\n // force browser to execute all pollFns - this is needed so that cookies and other pollers fire\n // at some deterministic time in respect to the test runner's actions. Leaving things up to the\n // regular poller would result in flaky tests.\n forEach(pollFns, function(pollFn) { pollFn(); });\n\n if (outstandingRequestCount === 0) {\n callback();\n } else {\n outstandingRequestCallbacks.push(callback);\n }\n };\n\n //////////////////////////////////////////////////////////////\n // Poll Watcher API\n //////////////////////////////////////////////////////////////\n var pollFns = [],\n pollTimeout;\n\n /**\n * @name $browser#addPollFn\n *\n * @param {function()} fn Poll function to add\n *\n * @description\n * Adds a function to the list of functions that poller periodically executes,\n * and starts polling if not started yet.\n *\n * @returns {function()} the added function\n */\n self.addPollFn = function(fn) {\n if (isUndefined(pollTimeout)) startPoller(100, setTimeout);\n pollFns.push(fn);\n return fn;\n };\n\n /**\n * @param {number} interval How often should browser call poll functions (ms)\n * @param {function()} setTimeout Reference to a real or fake `setTimeout` function.\n *\n * @description\n * Configures the poller to run in the specified intervals, using the specified\n * setTimeout fn and kicks it off.\n */\n function startPoller(interval, setTimeout) {\n (function check() {\n forEach(pollFns, function(pollFn) { pollFn(); });\n pollTimeout = setTimeout(check, interval);\n })();\n }\n\n //////////////////////////////////////////////////////////////\n // URL API\n //////////////////////////////////////////////////////////////\n\n var cachedState, lastHistoryState,\n lastBrowserUrl = location.href,\n baseElement = document.find('base'),\n reloadLocation = null;\n\n cacheState();\n lastHistoryState = cachedState;\n\n /**\n * @name $browser#url\n *\n * @description\n * GETTER:\n * Without any argument, this method just returns current value of location.href.\n *\n * SETTER:\n * With at least one argument, this method sets url to new value.\n * If html5 history api supported, pushState/replaceState is used, otherwise\n * location.href/location.replace is used.\n * Returns its own instance to allow chaining\n *\n * NOTE: this api is intended for use only by the $location service. Please use the\n * {@link ng.$location $location service} to change url.\n *\n * @param {string} url New url (when used as setter)\n * @param {boolean=} replace Should new url replace current history record?\n * @param {object=} state object to use with pushState/replaceState\n */\n self.url = function(url, replace, state) {\n // In modern browsers `history.state` is `null` by default; treating it separately\n // from `undefined` would cause `$browser.url('/foo')` to change `history.state`\n // to undefined via `pushState`. Instead, let's change `undefined` to `null` here.\n if (isUndefined(state)) {\n state = null;\n }\n\n // Android Browser BFCache causes location, history reference to become stale.\n if (location !== window.location) location = window.location;\n if (history !== window.history) history = window.history;\n\n // setter\n if (url) {\n var sameState = lastHistoryState === state;\n\n // Don't change anything if previous and current URLs and states match. This also prevents\n // IE<10 from getting into redirect loop when in LocationHashbangInHtml5Url mode.\n // See https://github.com/angular/angular.js/commit/ffb2701\n if (lastBrowserUrl === url && (!$sniffer.history || sameState)) {\n return self;\n }\n var sameBase = lastBrowserUrl && stripHash(lastBrowserUrl) === stripHash(url);\n lastBrowserUrl = url;\n lastHistoryState = state;\n // Don't use history API if only the hash changed\n // due to a bug in IE10/IE11 which leads\n // to not firing a `hashchange` nor `popstate` event\n // in some cases (see #9143).\n if ($sniffer.history && (!sameBase || !sameState)) {\n history[replace ? 'replaceState' : 'pushState'](state, '', url);\n cacheState();\n // Do the assignment again so that those two variables are referentially identical.\n lastHistoryState = cachedState;\n } else {\n if (!sameBase) {\n reloadLocation = url;\n }\n if (replace) {\n location.replace(url);\n } else if (!sameBase) {\n location.href = url;\n } else {\n location.hash = getHash(url);\n }\n }\n return self;\n // getter\n } else {\n // - reloadLocation is needed as browsers don't allow to read out\n // the new location.href if a reload happened.\n // - the replacement is a workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=407172\n return reloadLocation || location.href.replace(/%27/g,\"'\");\n }\n };\n\n /**\n * @name $browser#state\n *\n * @description\n * This method is a getter.\n *\n * Return history.state or null if history.state is undefined.\n *\n * @returns {object} state\n */\n self.state = function() {\n return cachedState;\n };\n\n var urlChangeListeners = [],\n urlChangeInit = false;\n\n function cacheStateAndFireUrlChange() {\n cacheState();\n fireUrlChange();\n }\n\n // This variable should be used *only* inside the cacheState function.\n var lastCachedState = null;\n function cacheState() {\n // This should be the only place in $browser where `history.state` is read.\n cachedState = window.history.state;\n cachedState = isUndefined(cachedState) ? null : cachedState;\n\n // Prevent callbacks fo fire twice if both hashchange & popstate were fired.\n if (equals(cachedState, lastCachedState)) {\n cachedState = lastCachedState;\n }\n lastCachedState = cachedState;\n }\n\n function fireUrlChange() {\n if (lastBrowserUrl === self.url() && lastHistoryState === cachedState) {\n return;\n }\n\n lastBrowserUrl = self.url();\n lastHistoryState = cachedState;\n forEach(urlChangeListeners, function(listener) {\n listener(self.url(), cachedState);\n });\n }\n\n /**\n * @name $browser#onUrlChange\n *\n * @description\n * Register callback function that will be called, when url changes.\n *\n * It's only called when the url is changed from outside of angular:\n * - user types different url into address bar\n * - user clicks on history (forward/back) button\n * - user clicks on a link\n *\n * It's not called when url is changed by $browser.url() method\n *\n * The listener gets called with new url as parameter.\n *\n * NOTE: this api is intended for use only by the $location service. Please use the\n * {@link ng.$location $location service} to monitor url changes in angular apps.\n *\n * @param {function(string)} listener Listener function to be called when url changes.\n * @return {function(string)} Returns the registered listener fn - handy if the fn is anonymous.\n */\n self.onUrlChange = function(callback) {\n // TODO(vojta): refactor to use node's syntax for events\n if (!urlChangeInit) {\n // We listen on both (hashchange/popstate) when available, as some browsers (e.g. Opera)\n // don't fire popstate when user change the address bar and don't fire hashchange when url\n // changed by push/replaceState\n\n // html5 history api - popstate event\n if ($sniffer.history) jqLite(window).on('popstate', cacheStateAndFireUrlChange);\n // hashchange event\n jqLite(window).on('hashchange', cacheStateAndFireUrlChange);\n\n urlChangeInit = true;\n }\n\n urlChangeListeners.push(callback);\n return callback;\n };\n\n /**\n * Checks whether the url has changed outside of Angular.\n * Needs to be exported to be able to check for changes that have been done in sync,\n * as hashchange/popstate events fire in async.\n */\n self.$$checkUrlChange = fireUrlChange;\n\n //////////////////////////////////////////////////////////////\n // Misc API\n //////////////////////////////////////////////////////////////\n\n /**\n * @name $browser#baseHref\n *\n * @description\n * Returns current \n \n \n \n angular.module('cacheExampleApp', []).\n controller('CacheController', ['$scope', '$cacheFactory', function($scope, $cacheFactory) {\n $scope.keys = [];\n $scope.cache = $cacheFactory('cacheId');\n $scope.put = function(key, value) {\n if ($scope.cache.get(key) === undefined) {\n $scope.keys.push(key);\n }\n $scope.cache.put(key, value === undefined ? null : value);\n };\n }]);\n \n \n p {\n margin: 10px 0 3px;\n }\n \n \n */\nfunction $CacheFactoryProvider() {\n\n this.$get = function() {\n var caches = {};\n\n function cacheFactory(cacheId, options) {\n if (cacheId in caches) {\n throw minErr('$cacheFactory')('iid', \"CacheId '{0}' is already taken!\", cacheId);\n }\n\n var size = 0,\n stats = extend({}, options, {id: cacheId}),\n data = {},\n capacity = (options && options.capacity) || Number.MAX_VALUE,\n lruHash = {},\n freshEnd = null,\n staleEnd = null;\n\n /**\n * @ngdoc type\n * @name $cacheFactory.Cache\n *\n * @description\n * A cache object used to store and retrieve data, primarily used by\n * {@link $http $http} and the {@link ng.directive:script script} directive to cache\n * templates and other data.\n *\n * ```js\n * angular.module('superCache')\n * .factory('superCache', ['$cacheFactory', function($cacheFactory) {\n * return $cacheFactory('super-cache');\n * }]);\n * ```\n *\n * Example test:\n *\n * ```js\n * it('should behave like a cache', inject(function(superCache) {\n * superCache.put('key', 'value');\n * superCache.put('another key', 'another value');\n *\n * expect(superCache.info()).toEqual({\n * id: 'super-cache',\n * size: 2\n * });\n *\n * superCache.remove('another key');\n * expect(superCache.get('another key')).toBeUndefined();\n *\n * superCache.removeAll();\n * expect(superCache.info()).toEqual({\n * id: 'super-cache',\n * size: 0\n * });\n * }));\n * ```\n */\n return caches[cacheId] = {\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#put\n * @kind function\n *\n * @description\n * Inserts a named entry into the {@link $cacheFactory.Cache Cache} object to be\n * retrieved later, and incrementing the size of the cache if the key was not already\n * present in the cache. If behaving like an LRU cache, it will also remove stale\n * entries from the set.\n *\n * It will not insert undefined values into the cache.\n *\n * @param {string} key the key under which the cached data is stored.\n * @param {*} value the value to store alongside the key. If it is undefined, the key\n * will not be stored.\n * @returns {*} the value stored.\n */\n put: function(key, value) {\n if (capacity < Number.MAX_VALUE) {\n var lruEntry = lruHash[key] || (lruHash[key] = {key: key});\n\n refresh(lruEntry);\n }\n\n if (isUndefined(value)) return;\n if (!(key in data)) size++;\n data[key] = value;\n\n if (size > capacity) {\n this.remove(staleEnd.key);\n }\n\n return value;\n },\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#get\n * @kind function\n *\n * @description\n * Retrieves named data stored in the {@link $cacheFactory.Cache Cache} object.\n *\n * @param {string} key the key of the data to be retrieved\n * @returns {*} the value stored.\n */\n get: function(key) {\n if (capacity < Number.MAX_VALUE) {\n var lruEntry = lruHash[key];\n\n if (!lruEntry) return;\n\n refresh(lruEntry);\n }\n\n return data[key];\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#remove\n * @kind function\n *\n * @description\n * Removes an entry from the {@link $cacheFactory.Cache Cache} object.\n *\n * @param {string} key the key of the entry to be removed\n */\n remove: function(key) {\n if (capacity < Number.MAX_VALUE) {\n var lruEntry = lruHash[key];\n\n if (!lruEntry) return;\n\n if (lruEntry == freshEnd) freshEnd = lruEntry.p;\n if (lruEntry == staleEnd) staleEnd = lruEntry.n;\n link(lruEntry.n,lruEntry.p);\n\n delete lruHash[key];\n }\n\n delete data[key];\n size--;\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#removeAll\n * @kind function\n *\n * @description\n * Clears the cache object of any entries.\n */\n removeAll: function() {\n data = {};\n size = 0;\n lruHash = {};\n freshEnd = staleEnd = null;\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#destroy\n * @kind function\n *\n * @description\n * Destroys the {@link $cacheFactory.Cache Cache} object entirely,\n * removing it from the {@link $cacheFactory $cacheFactory} set.\n */\n destroy: function() {\n data = null;\n stats = null;\n lruHash = null;\n delete caches[cacheId];\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#info\n * @kind function\n *\n * @description\n * Retrieve information regarding a particular {@link $cacheFactory.Cache Cache}.\n *\n * @returns {object} an object with the following properties:\n * ` and widget definition\n * of `scope: { localName:'@myAttr' }`, then widget scope property `localName` will reflect\n * the interpolated value of `hello {{name}}`. As the `name` attribute changes so will the\n * `localName` property on the widget scope. The `name` is read from the parent scope (not\n * component scope).\n *\n * * `=` or `=attr` - set up bi-directional binding between a local scope property and the\n * parent scope property of name defined via the value of the `attr` attribute. If no `attr`\n * name is specified then the attribute name is assumed to be the same as the local name.\n * Given `` and widget definition of\n * `scope: { localModel:'=myAttr' }`, then widget scope property `localModel` will reflect the\n * value of `parentModel` on the parent scope. Any changes to `parentModel` will be reflected\n * in `localModel` and any changes in `localModel` will reflect in `parentModel`. If the parent\n * scope property doesn't exist, it will throw a NON_ASSIGNABLE_MODEL_EXPRESSION exception. You\n * can avoid this behavior using `=?` or `=?attr` in order to flag the property as optional. If\n * you want to shallow watch for changes (i.e. $watchCollection instead of $watch) you can use\n * `=*` or `=*attr` (`=*?` or `=*?attr` if the property is optional).\n *\n * * `&` or `&attr` - provides a way to execute an expression in the context of the parent scope.\n * If no `attr` name is specified then the attribute name is assumed to be the same as the\n * local name. Given `` and widget definition of\n * `scope: { localFn:'&myAttr' }`, then isolate scope property `localFn` will point to\n * a function wrapper for the `count = count + value` expression. Often it's desirable to\n * pass data from the isolated scope via an expression to the parent scope, this can be\n * done by passing a map of local variable names and values into the expression wrapper fn.\n * For example, if the expression is `increment(amount)` then we can specify the amount value\n * by calling the `localFn` as `localFn({amount: 22})`.\n *\n *\n * #### `bindToController`\n * When an isolate scope is used for a component (see above), and `controllerAs` is used, `bindToController: true` will\n * allow a component to have its properties bound to the controller, rather than to scope. When the controller\n * is instantiated, the initial values of the isolate scope bindings are already available.\n *\n * #### `controller`\n * Controller constructor function. The controller is instantiated before the\n * pre-linking phase and it is shared with other directives (see\n * `require` attribute). This allows the directives to communicate with each other and augment\n * each other's behavior. The controller is injectable (and supports bracket notation) with the following locals:\n *\n * * `$scope` - Current scope associated with the element\n * * `$element` - Current element\n * * `$attrs` - Current attributes object for the element\n * * `$transclude` - A transclude linking function pre-bound to the correct transclusion scope:\n * `function([scope], cloneLinkingFn, futureParentElement)`.\n * * `scope`: optional argument to override the scope.\n * * `cloneLinkingFn`: optional argument to create clones of the original transcluded content.\n * * `futureParentElement`:\n * * defines the parent to which the `cloneLinkingFn` will add the cloned elements.\n * * default: `$element.parent()` resp. `$element` for `transclude:'element'` resp. `transclude:true`.\n * * only needed for transcludes that are allowed to contain non html elements (e.g. SVG elements)\n * and when the `cloneLinkinFn` is passed,\n * as those elements need to created and cloned in a special way when they are defined outside their\n * usual containers (e.g. like `
\n *\n * @param {string|function=} stateConfig.templateUrl\n * \n *\n * path or function that returns a path to an html\n * template that should be used by uiView.\n * \n * If `templateUrl` is a function, it will be called with the following parameters:\n *\n * - {array.<object>} - state parameters extracted from the current $location.path() by \n * applying the current state\n *\n * \n I can add: {{a}} + {{b}} = {{ a+b }}\n
\n \n
\n \n I can add: {{a}} + {{b}} = {{ a+b }}\n\n
\n\n This renders because the controller does not fail to\n instantiate, by using explicit annotation style (see\n script.js for details)\n
\n\n Name:
\n Hello, {{name}}!\n\n
\n\n \n Hello, {{name}}!\n\n
This renders because the controller does not fail to\n instantiate, by using explicit annotation style\n (see script.js for details)\n
\n\n I can add: {{a}} + {{b}} = {{ a+b }}\n\n
\n The controller could not be instantiated, due to relying\n on automatic function annotations (which are disabled in\n strict mode). As such, the content of this section is not\n interpolated, and there should be an error in your web console.\n
\n\n * {{greeting}}\n *
\n *\n * \n * \n * \n * \n * ```\n *\n * @param {DOMElement} element DOM element which is the root of angular application.\n * @param {ArrayjqLite is a tiny, API-compatible subset of jQuery that allows\n * Angular to manipulate the DOM in a cross-browser compatible way. **jqLite** implements only the most\n * commonly needed functionality with the goal of having a very small footprint.
\n *\n * To use jQuery, simply load it before `DOMContentLoaded` event fired.\n *\n * **Note:** all element references in Angular are always wrapped with jQuery or\n * jqLite; they are never raw DOM references.
\n *\n * ## Angular's jqLite\n * jqLite provides only the following jQuery methods:\n *\n * - [`addClass()`](http://api.jquery.com/addClass/)\n * - [`after()`](http://api.jquery.com/after/)\n * - [`append()`](http://api.jquery.com/append/)\n * - [`attr()`](http://api.jquery.com/attr/) - Does not support functions as parameters\n * - [`bind()`](http://api.jquery.com/bind/) - Does not support namespaces, selectors or eventData\n * - [`children()`](http://api.jquery.com/children/) - Does not support selectors\n * - [`clone()`](http://api.jquery.com/clone/)\n * - [`contents()`](http://api.jquery.com/contents/)\n * - [`css()`](http://api.jquery.com/css/) - Only retrieves inline-styles, does not call `getComputedStyle()`\n * - [`data()`](http://api.jquery.com/data/)\n * - [`detach()`](http://api.jquery.com/detach/)\n * - [`empty()`](http://api.jquery.com/empty/)\n * - [`eq()`](http://api.jquery.com/eq/)\n * - [`find()`](http://api.jquery.com/find/) - Limited to lookups by tag name\n * - [`hasClass()`](http://api.jquery.com/hasClass/)\n * - [`html()`](http://api.jquery.com/html/)\n * - [`next()`](http://api.jquery.com/next/) - Does not support selectors\n * - [`on()`](http://api.jquery.com/on/) - Does not support namespaces, selectors or eventData\n * - [`off()`](http://api.jquery.com/off/) - Does not support namespaces or selectors\n * - [`one()`](http://api.jquery.com/one/) - Does not support namespaces or selectors\n * - [`parent()`](http://api.jquery.com/parent/) - Does not support selectors\n * - [`prepend()`](http://api.jquery.com/prepend/)\n * - [`prop()`](http://api.jquery.com/prop/)\n * - [`ready()`](http://api.jquery.com/ready/)\n * - [`remove()`](http://api.jquery.com/remove/)\n * - [`removeAttr()`](http://api.jquery.com/removeAttr/)\n * - [`removeClass()`](http://api.jquery.com/removeClass/)\n * - [`removeData()`](http://api.jquery.com/removeData/)\n * - [`replaceWith()`](http://api.jquery.com/replaceWith/)\n * - [`text()`](http://api.jquery.com/text/)\n * - [`toggleClass()`](http://api.jquery.com/toggleClass/)\n * - [`triggerHandler()`](http://api.jquery.com/triggerHandler/) - Passes a dummy event object to handlers.\n * - [`unbind()`](http://api.jquery.com/unbind/) - Does not support namespaces\n * - [`val()`](http://api.jquery.com/val/)\n * - [`wrap()`](http://api.jquery.com/wrap/)\n *\n * ## jQuery/jqLite Extras\n * Angular also provides the following additional methods and events to both jQuery and jqLite:\n *\n * ### Events\n * - `$destroy` - AngularJS intercepts all jqLite/jQuery's DOM destruction apis and fires this event\n * on all DOM nodes being removed. This can be used to clean up any 3rd party bindings to the DOM\n * element before it is removed.\n *\n * ### Methods\n * - `controller(name)` - retrieves the controller of the current element or its parent. By default\n * retrieves controller associated with the `ngController` directive. If `name` is provided as\n * camelCase directive name, then the controller for this directive will be retrieved (e.g.\n * `'ngModel'`).\n * - `injector()` - retrieves the injector of the current element or its parent.\n * - `scope()` - retrieves the {@link ng.$rootScope.Scope scope} of the current\n * element or its parent. Requires {@link guide/production#disabling-debug-data Debug Data} to\n * be enabled.\n * - `isolateScope()` - retrieves an isolate {@link ng.$rootScope.Scope scope} if one is attached directly to the\n * current element. This getter should be used only on elements that contain a directive which starts a new isolate\n * scope. Calling `scope()` on this element always returns the original non-isolate scope.\n * Requires {@link guide/production#disabling-debug-data Debug Data} to be enabled.\n * - `inheritedData()` - same as `data()`, but walks up the DOM until a value is found or the top\n * parent element is reached.\n *\n * @param {string|DOMElement} element HTML string or DOMElement to be wrapped into jQuery.\n * @returns {Object} jQuery object.\n */\n\nJQLite.expando = 'ng339';\n\nvar jqCache = JQLite.cache = {},\n jqId = 1,\n addEventListenerFn = function(element, type, fn) {\n element.addEventListener(type, fn, false);\n },\n removeEventListenerFn = function(element, type, fn) {\n element.removeEventListener(type, fn, false);\n };\n\n/*\n * !!! This is an undocumented \"private\" function !!!\n */\nJQLite._data = function(node) {\n //jQuery always returns an object on cache miss\n return this.cache[node[this.expando]] || {};\n};\n\nfunction jqNextId() { return ++jqId; }\n\n\nvar SPECIAL_CHARS_REGEXP = /([\\:\\-\\_]+(.))/g;\nvar MOZ_HACK_REGEXP = /^moz([A-Z])/;\nvar MOUSE_EVENT_MAP= { mouseleave: \"mouseout\", mouseenter: \"mouseover\"};\nvar jqLiteMinErr = minErr('jqLite');\n\n/**\n * Converts snake_case to camelCase.\n * Also there is special case for Moz prefix starting with upper case letter.\n * @param name Name to normalize\n */\nfunction camelCase(name) {\n return name.\n replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {\n return offset ? letter.toUpperCase() : letter;\n }).\n replace(MOZ_HACK_REGEXP, 'Moz$1');\n}\n\nvar SINGLE_TAG_REGEXP = /^<(\\w+)\\s*\\/?>(?:<\\/\\1>|)$/;\nvar HTML_REGEXP = /<|&#?\\w+;/;\nvar TAG_NAME_REGEXP = /<([\\w:]+)/;\nvar XHTML_TAG_REGEXP = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\\w:]+)[^>]*)\\/>/gi;\n\nvar wrapMap = {\n 'option': [1, ''],\n\n 'thead': [1, '{{content.label}}
');\n * $(document.body).append($div);\n *\n * angular.element(document).injector().invoke(function($compile) {\n * var scope = angular.element($div).scope();\n * $compile($div)(scope);\n * });\n * ```\n */\n\n\n/**\n * @ngdoc module\n * @name auto\n * @description\n *\n * Implicit module which gets automatically added to each {@link auto.$injector $injector}.\n */\n\nvar FN_ARGS = /^function\\s*[^\\(]*\\(\\s*([^\\)]*)\\)/m;\nvar FN_ARG_SPLIT = /,/;\nvar FN_ARG = /^\\s*(_?)(\\S+?)\\1\\s*$/;\nvar STRIP_COMMENTS = /((\\/\\/.*$)|(\\/\\*[\\s\\S]*?\\*\\/))/mg;\nvar $injectorMinErr = minErr('$injector');\n\nfunction anonFn(fn) {\n // For anonymous functions, showing at the very least the function signature can help in\n // debugging.\n var fnText = fn.toString().replace(STRIP_COMMENTS, ''),\n args = fnText.match(FN_ARGS);\n if (args) {\n return 'function(' + (args[1] || '').replace(/[\\s\\r\\n]+/, ' ') + ')';\n }\n return 'fn';\n}\n\nfunction annotate(fn, strictDi, name) {\n var $inject,\n fnText,\n argDecl,\n last;\n\n if (typeof fn === 'function') {\n if (!($inject = fn.$inject)) {\n $inject = [];\n if (fn.length) {\n if (strictDi) {\n if (!isString(name) || !name) {\n name = fn.name || anonFn(fn);\n }\n throw $injectorMinErr('strictdi',\n '{0} is not using explicit annotation and cannot be invoked in strict mode', name);\n }\n fnText = fn.toString().replace(STRIP_COMMENTS, '');\n argDecl = fnText.match(FN_ARGS);\n forEach(argDecl[1].split(FN_ARG_SPLIT), function(arg) {\n arg.replace(FN_ARG, function(all, underscore, name) {\n $inject.push(name);\n });\n });\n }\n fn.$inject = $inject;\n }\n } else if (isArray(fn)) {\n last = fn.length - 1;\n assertArgFn(fn[last], 'fn');\n $inject = fn.slice(0, last);\n } else {\n assertArgFn(fn, 'fn', true);\n }\n return $inject;\n}\n\n///////////////////////////////////////\n\n/**\n * @ngdoc service\n * @name $injector\n *\n * @description\n *\n * `$injector` is used to retrieve object instances as defined by\n * {@link auto.$provide provider}, instantiate types, invoke methods,\n * and load modules.\n *\n * The following always holds true:\n *\n * ```js\n * var $injector = angular.injector();\n * expect($injector.get('$injector')).toBe($injector);\n * expect($injector.invoke(function($injector) {\n * return $injector;\n * })).toBe($injector);\n * ```\n *\n * # Injection Function Annotation\n *\n * JavaScript does not have annotations, and annotations are needed for dependency injection. The\n * following are all valid ways of annotating function with injection arguments and are equivalent.\n *\n * ```js\n * // inferred (only works if code not minified/obfuscated)\n * $injector.invoke(function(serviceA){});\n *\n * // annotated\n * function explicit(serviceA) {};\n * explicit.$inject = ['serviceA'];\n * $injector.invoke(explicit);\n *\n * // inline\n * $injector.invoke(['serviceA', function(serviceA){}]);\n * ```\n *\n * ## Inference\n *\n * In JavaScript calling `toString()` on a function returns the function definition. The definition\n * can then be parsed and the function arguments can be extracted. This method of discovering\n * annotations is disallowed when the injector is in strict mode.\n * *NOTE:* This does not work with minification, and obfuscation tools since these tools change the\n * argument names.\n *\n * ## `$inject` Annotation\n * By adding an `$inject` property onto a function the injection parameters can be specified.\n *\n * ## Inline\n * As an array of injection names, where the last item in the array is the function to call.\n */\n\n/**\n * @ngdoc method\n * @name $injector#get\n *\n * @description\n * Return an instance of the service.\n *\n * @param {string} name The name of the instance to retrieve.\n * @param {string} caller An optional string to provide the origin of the function call for error messages.\n * @return {*} The instance.\n */\n\n/**\n * @ngdoc method\n * @name $injector#invoke\n *\n * @description\n * Invoke the method and supply the method arguments from the `$injector`.\n *\n * @param {!Function} fn The function to invoke. Function parameters are injected according to the\n * {@link guide/di $inject Annotation} rules.\n * @param {Object=} self The `this` for the invoked method.\n * @param {Object=} locals Optional object. If preset then any argument names are read from this\n * object first, before the `$injector` is consulted.\n * @returns {*} the value returned by the invoked `fn` function.\n */\n\n/**\n * @ngdoc method\n * @name $injector#has\n *\n * @description\n * Allows the user to query if the particular service exists.\n *\n * @param {string} name Name of the service to query.\n * @returns {boolean} `true` if injector has given service.\n */\n\n/**\n * @ngdoc method\n * @name $injector#instantiate\n * @description\n * Create a new instance of JS type. The method takes a constructor function, invokes the new\n * operator, and supplies all of the arguments to the constructor function as specified by the\n * constructor annotation.\n *\n * @param {Function} Type Annotated constructor function.\n * @param {Object=} locals Optional object. If preset then any argument names are read from this\n * object first, before the `$injector` is consulted.\n * @returns {Object} new instance of `Type`.\n */\n\n/**\n * @ngdoc method\n * @name $injector#annotate\n *\n * @description\n * Returns an array of service names which the function is requesting for injection. This API is\n * used by the injector to determine which services need to be injected into the function when the\n * function is invoked. There are three ways in which the function can be annotated with the needed\n * dependencies.\n *\n * # Argument names\n *\n * The simplest form is to extract the dependencies from the arguments of the function. This is done\n * by converting the function into a string using `toString()` method and extracting the argument\n * names.\n * ```js\n * // Given\n * function MyController($scope, $route) {\n * // ...\n * }\n *\n * // Then\n * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);\n * ```\n *\n * You can disallow this method by using strict injection mode.\n *\n * This method does not work with code minification / obfuscation. For this reason the following\n * annotation strategies are supported.\n *\n * # The `$inject` property\n *\n * If a function has an `$inject` property and its value is an array of strings, then the strings\n * represent names of services to be injected into the function.\n * ```js\n * // Given\n * var MyController = function(obfuscatedScope, obfuscatedRoute) {\n * // ...\n * }\n * // Define function dependencies\n * MyController['$inject'] = ['$scope', '$route'];\n *\n * // Then\n * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);\n * ```\n *\n * # The array notation\n *\n * It is often desirable to inline Injected functions and that's when setting the `$inject` property\n * is very inconvenient. In these situations using the array notation to specify the dependencies in\n * a way that survives minification is a better choice:\n *\n * ```js\n * // We wish to write this (not minification / obfuscation safe)\n * injector.invoke(function($compile, $rootScope) {\n * // ...\n * });\n *\n * // We are forced to write break inlining\n * var tmpFn = function(obfuscatedCompile, obfuscatedRootScope) {\n * // ...\n * };\n * tmpFn.$inject = ['$compile', '$rootScope'];\n * injector.invoke(tmpFn);\n *\n * // To better support inline function the inline annotation is supported\n * injector.invoke(['$compile', '$rootScope', function(obfCompile, obfRootScope) {\n * // ...\n * }]);\n *\n * // Therefore\n * expect(injector.annotate(\n * ['$compile', '$rootScope', function(obfus_$compile, obfus_$rootScope) {}])\n * ).toEqual(['$compile', '$rootScope']);\n * ```\n *\n * @param {Function|Array.\n * Use this method to disable automatic scrolling.\n *\n * If automatic scrolling is disabled, one must explicitly call\n * {@link ng.$anchorScroll $anchorScroll()} in order to scroll to the element related to the\n * current hash.\n */\n this.disableAutoScrolling = function() {\n autoScrollingEnabled = false;\n };\n\n /**\n * @ngdoc service\n * @name $anchorScroll\n * @kind function\n * @requires $window\n * @requires $location\n * @requires $rootScope\n *\n * @description\n * When called, it checks the current value of {@link ng.$location#hash $location.hash()} and\n * scrolls to the related element, according to the rules specified in the\n * [Html5 spec](http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document).\n *\n * It also watches the {@link ng.$location#hash $location.hash()} and automatically scrolls to\n * match any anchor whenever it changes. This can be disabled by calling\n * {@link ng.$anchorScrollProvider#disableAutoScrolling $anchorScrollProvider.disableAutoScrolling()}.\n *\n * Additionally, you can use its {@link ng.$anchorScroll#yOffset yOffset} property to specify a\n * vertical scroll-offset (either fixed or dynamic).\n *\n * @property {(number|function|jqLite)} yOffset\n * If set, specifies a vertical scroll-offset. This is often useful when there are fixed\n * positioned elements at the top of the page, such as navbars, headers etc.\n *\n * `yOffset` can be specified in various ways:\n * - **number**: A fixed number of pixels to be used as offset.
\n * - **function**: A getter function called everytime `$anchorScroll()` is executed. Must return\n * a number representing the offset (in pixels).
\n * - **jqLite**: A jqLite/jQuery element to be used for specifying the offset. The distance from\n * the top of the page to the element's bottom will be used as offset.
\n * **Note**: The element will be taken into account only as long as its `position` is set to\n * `fixed`. This option is useful, when dealing with responsive navbars/headers that adjust\n * their height and/or positioning according to the viewport's size.\n *\n *
\n *
\n * In order for `yOffset` to work properly, scrolling should take place on the document's root and\n * not some child element.\n *
\n *\n * @example\n \n Go to bottom\n You're at the bottom!\n
\n \n * The example below illustrates the use of a vertical scroll-offset (specified as a fixed value).\n * See {@link ng.$anchorScroll#yOffset $anchorScroll.yOffset} for more details.\n *\n * @example\n
\n \n Go to anchor {{x}}\n \n
\n \n Anchor {{x}} of 5\n
\n \n \n \n \n\n
\n Cached Values
\n\n \n : \n \n
\n\n Cache Info
\n\n \n : \n \n
\n - \n *
- **id**: the id of the cache instance \n *
- **size**: the number of entries kept in the cache instance \n *
- **...**: any additional properties from the options object when creating the\n * cache. \n *
\n * **Note:** This document is an in-depth reference of all directive options.\n * For a gentle introduction to directives with examples of common use cases,\n * see the {@link guide/directive directive guide}.\n *
\n *\n * ## Comprehensive Directive API\n *\n * There are many different options for a directive.\n *\n * The difference resides in the return value of the factory function.\n * You can either return a \"Directive Definition Object\" (see below) that defines the directive properties,\n * or just the `postLink` function (all other properties will have the default values).\n *\n * \n * **Best Practice:** It's recommended to use the \"directive definition object\" form.\n *
\n *\n * Here's an example directive declared with a Directive Definition Object:\n *\n * ```js\n * var myModule = angular.module(...);\n *\n * myModule.directive('directiveName', function factory(injectables) {\n * var directiveDefinitionObject = {\n * priority: 0,\n * template: '', // or // function(tElement, tAttrs) { ... },\n * // or\n * // templateUrl: 'directive.html', // or // function(tElement, tAttrs) { ... },\n * transclude: false,\n * restrict: 'A',\n * templateNamespace: 'html',\n * scope: false,\n * controller: function($scope, $element, $attrs, $transclude, otherInjectables) { ... },\n * controllerAs: 'stringAlias',\n * require: 'siblingDirectiveName', // or // ['^parentDirectiveName', '?optionalDirectiveName', '?^optionalParent'],\n * compile: function compile(tElement, tAttrs, transclude) {\n * return {\n * pre: function preLink(scope, iElement, iAttrs, controller) { ... },\n * post: function postLink(scope, iElement, iAttrs, controller) { ... }\n * }\n * // or\n * // return function postLink( ... ) { ... }\n * },\n * // or\n * // link: {\n * // pre: function preLink(scope, iElement, iAttrs, controller) { ... },\n * // post: function postLink(scope, iElement, iAttrs, controller) { ... }\n * // }\n * // or\n * // link: function postLink( ... ) { ... }\n * };\n * return directiveDefinitionObject;\n * });\n * ```\n *\n * \n * **Note:** Any unspecified options will use the default value. You can see the default values below.\n *
\n *\n * Therefore the above can be simplified as:\n *\n * ```js\n * var myModule = angular.module(...);\n *\n * myModule.directive('directiveName', function factory(injectables) {\n * var directiveDefinitionObject = {\n * link: function postLink(scope, iElement, iAttrs) { ... }\n * };\n * return directiveDefinitionObject;\n * // or\n * // return function postLink(scope, iElement, iAttrs) { ... }\n * });\n * ```\n *\n *\n *\n * ### Directive Definition Object\n *\n * The directive definition object provides instructions to the {@link ng.$compile\n * compiler}. The attributes are:\n *\n * #### `multiElement`\n * When this property is set to true, the HTML compiler will collect DOM nodes between\n * nodes with the attributes `directive-name-start` and `directive-name-end`, and group them\n * together as the directive elements. It is recommended that this feature be used on directives\n * which are not strictly behavioural (such as {@link ngClick}), and which\n * do not manipulate or replace child nodes (such as {@link ngInclude}).\n *\n * #### `priority`\n * When there are multiple directives defined on a single DOM element, sometimes it\n * is necessary to specify the order in which the directives are applied. The `priority` is used\n * to sort the directives before their `compile` functions get called. Priority is defined as a\n * number. Directives with greater numerical `priority` are compiled first. Pre-link functions\n * are also run in priority order, but post-link functions are run in reverse order. The order\n * of directives with the same priority is undefined. The default priority is `0`.\n *\n * #### `terminal`\n * If set to true then the current `priority` will be the last set of directives\n * which will execute (any directives at the current priority will still execute\n * as the order of execution on same `priority` is undefined). Note that expressions\n * and other directives used in the directive's template will also be excluded from execution.\n *\n * #### `scope`\n * **If set to `true`,** then a new scope will be created for this directive. If multiple directives on the\n * same element request a new scope, only one new scope is created. The new scope rule does not\n * apply for the root of the template since the root of the template always gets a new scope.\n *\n * **If set to `{}` (object hash),** then a new \"isolate\" scope is created. The 'isolate' scope differs from\n * normal scope in that it does not prototypically inherit from the parent scope. This is useful\n * when creating reusable components, which should not accidentally read or modify data in the\n * parent scope.\n *\n * The 'isolate' scope takes an object hash which defines a set of local scope properties\n * derived from the parent scope. These local properties are useful for aliasing values for\n * templates. Locals definition is a hash of local scope property to its source:\n *\n * * `@` or `@attr` - bind a local scope property to the value of DOM attribute. The result is\n * always a string since DOM attributes are strings. If no `attr` name is specified then the\n * attribute name is assumed to be the same as the local name.\n * Given `templateUrl: \"home.html\"\n *
templateUrl: function(params) {\n * return myTemplates[params.pageId]; }\n *\n * @param {function=} stateConfig.templateProvider\n * \n * Provider function that returns HTML content string.\n * templateProvider:\n * function(MyTemplateService, params) {\n * return MyTemplateService.getTemplate(params.pageId);\n * }\n *\n * @param {string|function=} stateConfig.controller\n * \n *\n * Controller fn that should be associated with newly\n * related scope or the name of a registered controller if passed as a string.\n * Optionally, the ControllerAs may be declared here.\n * controller: \"MyRegisteredController\"\n *
controller:\n * \"MyRegisteredController as fooCtrl\"}\n *
controller: function($scope, MyService) {\n * $scope.data = MyService.getData(); }\n *\n * @param {function=} stateConfig.controllerProvider\n * \n *\n * Injectable provider function that returns the actual controller or string.\n * controllerProvider:\n * function(MyResolveData) {\n * if (MyResolveData.foo)\n * return \"FooCtrl\"\n * else if (MyResolveData.bar)\n * return \"BarCtrl\";\n * else return function($scope) {\n * $scope.baz = \"Qux\";\n * }\n * }\n *\n * @param {string=} stateConfig.controllerAs\n * \n * \n * A controller alias name. If present the controller will be\n * published to scope under the controllerAs name.\n * controllerAs: \"myCtrl\"\n *\n * @param {object=} stateConfig.resolve\n * \n *\n * An optional map<string, function> of dependencies which\n * should be injected into the controller. If any of these dependencies are promises, \n * the router will wait for them all to be resolved before the controller is instantiated.\n * If all the promises are resolved successfully, the $stateChangeSuccess event is fired\n * and the values of the resolved promises are injected into any controllers that reference them.\n * If any of the promises are rejected the $stateChangeError event is fired.\n *\n * The map object is:\n * \n * - key - {string}: name of dependency to be injected into controller\n * - factory - {string|function}: If string then it is alias for service. Otherwise if function, \n * it is injected and return value it treated as dependency. If result is a promise, it is \n * resolved before its value is injected into controller.\n *\n *
resolve: {\n * myResolve1:\n * function($http, $stateParams) {\n * return $http.get(\"/api/foos/\"+stateParams.fooID);\n * }\n * }\n *\n * @param {string=} stateConfig.url\n * \n *\n * A url fragment with optional parameters. When a state is navigated or\n * transitioned to, the `$stateParams` service will be populated with any \n * parameters that were passed.\n *\n * examples:\n * url: \"/home\"\n * url: \"/users/:userid\"\n * url: \"/books/{bookid:[a-zA-Z_-]}\"\n * url: \"/books/{categoryid:int}\"\n * url: \"/books/{publishername:string}/{categoryid:int}\"\n * url: \"/messages?before&after\"\n * url: \"/messages?{before:date}&{after:date}\"\n * url: \"/messages/:mailboxid?{before:date}&{after:date}\"\n *\n * @param {object=} stateConfig.views\n * \n * an optional map<string, object> which defined multiple views, or targets views\n * manually/explicitly.\n *\n * Examples:\n *\n * Targets three named `ui-view`s in the parent state's template\n * views: {\n * header: {\n * controller: \"headerCtrl\",\n * templateUrl: \"header.html\"\n * }, body: {\n * controller: \"bodyCtrl\",\n * templateUrl: \"body.html\"\n * }, footer: {\n * controller: \"footCtrl\",\n * templateUrl: \"footer.html\"\n * }\n * }\n *\n * Targets named `ui-view=\"header\"` from grandparent state 'top''s template, and named `ui-view=\"body\" from parent state's template.\n * views: {\n * 'header@top': {\n * controller: \"msgHeaderCtrl\",\n * templateUrl: \"msgHeader.html\"\n * }, 'body': {\n * controller: \"messagesCtrl\",\n * templateUrl: \"messages.html\"\n * }\n * }\n *\n * @param {boolean=} [stateConfig.abstract=false]\n * \n * An abstract state will never be directly activated,\n * but can provide inherited properties to its common children states.\n * abstract: true\n *\n * @param {function=} stateConfig.onEnter\n * \n *\n * Callback function for when a state is entered. Good way\n * to trigger an action or dispatch an event, such as opening a dialog.\n * If minifying your scripts, make sure to explictly annotate this function,\n * because it won't be automatically annotated by your build tools.\n *\n *
onEnter: function(MyService, $stateParams) {\n * MyService.foo($stateParams.myParam);\n * }\n *\n * @param {function=} stateConfig.onExit\n * \n *\n * Callback function for when a state is exited. Good way to\n * trigger an action or dispatch an event, such as opening a dialog.\n * If minifying your scripts, make sure to explictly annotate this function,\n * because it won't be automatically annotated by your build tools.\n *\n * onExit: function(MyService, $stateParams) {\n * MyService.cleanup($stateParams.myParam);\n * }\n *\n * @param {boolean=} [stateConfig.reloadOnSearch=true]\n * \n *\n * If `false`, will not retrigger the same state\n * just because a search/query parameter has changed (via $location.search() or $location.hash()). \n * Useful for when you'd like to modify $location.search() without triggering a reload.\n * reloadOnSearch: false\n *\n * @param {object=} stateConfig.data\n * \n *\n * Arbitrary data object, useful for custom configuration. The parent state's `data` is\n * prototypally inherited. In other words, adding a data property to a state adds it to\n * the entire subtree via prototypal inheritance.\n *\n *
data: {\n * requiredRole: 'foo'\n * } \n *\n * @param {object=} stateConfig.params\n * \n *\n * A map which optionally configures parameters declared in the `url`, or\n * defines additional non-url parameters. For each parameter being\n * configured, add a configuration object keyed to the name of the parameter.\n *\n * Each parameter configuration object may contain the following properties:\n *\n * - ** value ** - {object|function=}: specifies the default value for this\n * parameter. This implicitly sets this parameter as optional.\n *\n * When UI-Router routes to a state and no value is\n * specified for this parameter in the URL or transition, the\n * default value will be used instead. If `value` is a function,\n * it will be injected and invoked, and the return value used.\n *\n * *Note*: `undefined` is treated as \"no default value\" while `null`\n * is treated as \"the default value is `null`\".\n *\n * *Shorthand*: If you only need to configure the default value of the\n * parameter, you may use a shorthand syntax. In the **`params`**\n * map, instead mapping the param name to a full parameter configuration\n * object, simply set map it to the default parameter value, e.g.:\n *\n * // define a parameter's default value\n * params: {\n * param1: { value: \"defaultValue\" }\n * }\n * // shorthand default values\n * params: {\n * param1: \"defaultValue\",\n * param2: \"param2Default\"\n * }\n *\n * - ** array ** - {boolean=}: *(default: false)* If true, the param value will be\n * treated as an array of values. If you specified a Type, the value will be\n * treated as an array of the specified Type. Note: query parameter values\n * default to a special `\"auto\"` mode.\n *\n * For query parameters in `\"auto\"` mode, if multiple values for a single parameter\n * are present in the URL (e.g.: `/foo?bar=1&bar=2&bar=3`) then the values\n * are mapped to an array (e.g.: `{ foo: [ '1', '2', '3' ] }`). However, if\n * only one value is present (e.g.: `/foo?bar=1`) then the value is treated as single\n * value (e.g.: `{ foo: '1' }`).\n *\n * params: {\n * param1: { array: true }\n * }\n *\n * - ** squash ** - {bool|string=}: `squash` configures how a default parameter value is represented in the URL when\n * the current parameter value is the same as the default value. If `squash` is not set, it uses the\n * configured default squash policy.\n * (See {@link ui.router.util.$urlMatcherFactory#methods_defaultSquashPolicy `defaultSquashPolicy()`})\n *\n * There are three squash settings:\n *\n * - false: The parameter's default value is not squashed. It is encoded and included in the URL\n * - true: The parameter's default value is omitted from the URL. If the parameter is preceeded and followed\n * by slashes in the state's `url` declaration, then one of those slashes are omitted.\n * This can allow for cleaner looking URLs.\n * - `\"params: {\n * param1: {\n * value: \"defaultId\",\n * squash: true\n * } }\n * // squash \"defaultValue\" to \"~\"\n * params: {\n * param1: {\n * value: \"defaultValue\",\n * squash: \"~\"\n * } }\n * \n *\n *\n * @example\n * \n * // Some state name examples\n *\n * // stateName can be a single top-level name (must be unique).\n * $stateProvider.state(\"home\", {});\n *\n * // Or it can be a nested state name. This state is a child of the\n * // above \"home\" state.\n * $stateProvider.state(\"home.newest\", {});\n *\n * // Nest states as deeply as needed.\n * $stateProvider.state(\"home.newest.abc.xyz.inception\", {});\n *\n * // state() returns $stateProvider, so you can chain state declarations.\n * $stateProvider\n * .state(\"home\", {})\n * .state(\"about\", {})\n * .state(\"contacts\", {});\n * \n *\n */\n this.state = state;\n function state(name, definition) {\n /*jshint validthis: true */\n if (isObject(name)) definition = name;\n else definition.name = name;\n registerState(definition);\n return this;\n }\n\n /**\n * @ngdoc object\n * @name ui.router.state.$state\n *\n * @requires $rootScope\n * @requires $q\n * @requires ui.router.state.$view\n * @requires $injector\n * @requires ui.router.util.$resolve\n * @requires ui.router.state.$stateParams\n * @requires ui.router.router.$urlRouter\n *\n * @property {object} params A param object, e.g. {sectionId: section.id)}, that \n * you'd like to test against the current active state.\n * @property {object} current A reference to the state's config object. However \n * you passed it in. Useful for accessing custom data.\n * @property {object} transition Currently pending transition. A promise that'll \n * resolve or reject.\n *\n * @description\n * `$state` service is responsible for representing states as well as transitioning\n * between them. It also provides interfaces to ask for current state or even states\n * you're coming from.\n */\n this.$get = $get;\n $get.$inject = ['$rootScope', '$q', '$view', '$injector', '$resolve', '$stateParams', '$urlRouter', '$location', '$urlMatcherFactory'];\n function $get( $rootScope, $q, $view, $injector, $resolve, $stateParams, $urlRouter, $location, $urlMatcherFactory) {\n\n var TransitionSuperseded = $q.reject(new Error('transition superseded'));\n var TransitionPrevented = $q.reject(new Error('transition prevented'));\n var TransitionAborted = $q.reject(new Error('transition aborted'));\n var TransitionFailed = $q.reject(new Error('transition failed'));\n\n // Handles the case where a state which is the target of a transition is not found, and the user\n // can optionally retry or defer the transition\n function handleRedirect(redirect, state, params, options) {\n /**\n * @ngdoc event\n * @name ui.router.state.$state#$stateNotFound\n * @eventOf ui.router.state.$state\n * @eventType broadcast on root scope\n * @description\n * Fired when a requested state **cannot be found** using the provided state name during transition.\n * The event is broadcast allowing any handlers a single chance to deal with the error (usually by\n * lazy-loading the unfound state). A special `unfoundState` object is passed to the listener handler,\n * you can see its three properties in the example. You can use `event.preventDefault()` to abort the\n * transition and the promise returned from `go` will be rejected with a `'transition aborted'` value.\n *\n * @param {Object} event Event object.\n * @param {Object} unfoundState Unfound State information. Contains: `to, toParams, options` properties.\n * @param {State} fromState Current state object.\n * @param {Object} fromParams Current state params.\n *\n * @example\n *\n * \n * // somewhere, assume lazy.state has not been defined\n * $state.go(\"lazy.state\", {a:1, b:2}, {inherit:false});\n *\n * // somewhere else\n * $scope.$on('$stateNotFound',\n * function(event, unfoundState, fromState, fromParams){\n * console.log(unfoundState.to); // \"lazy.state\"\n * console.log(unfoundState.toParams); // {a:1, b:2}\n * console.log(unfoundState.options); // {inherit:false} + default options\n * })\n * \n */\n var evt = $rootScope.$broadcast('$stateNotFound', redirect, state, params);\n\n if (evt.defaultPrevented) {\n $urlRouter.update();\n return TransitionAborted;\n }\n\n if (!evt.retry) {\n return null;\n }\n\n // Allow the handler to return a promise to defer state lookup retry\n if (options.$retry) {\n $urlRouter.update();\n return TransitionFailed;\n }\n var retryTransition = $state.transition = $q.when(evt.retry);\n\n retryTransition.then(function() {\n if (retryTransition !== $state.transition) return TransitionSuperseded;\n redirect.options.$retry = true;\n return $state.transitionTo(redirect.to, redirect.toParams, redirect.options);\n }, function() {\n return TransitionAborted;\n });\n $urlRouter.update();\n\n return retryTransition;\n }\n\n root.locals = { resolve: null, globals: { $stateParams: {} } };\n\n $state = {\n params: {},\n current: root.self,\n $current: root,\n transition: null\n };\n\n /**\n * @ngdoc function\n * @name ui.router.state.$state#reload\n * @methodOf ui.router.state.$state\n *\n * @description\n * A method that force reloads the current state. All resolves are re-resolved, events are not re-fired, \n * and controllers reinstantiated (bug with controllers reinstantiating right now, fixing soon).\n *\n * @example\n * \n * var app angular.module('app', ['ui.router']);\n *\n * app.controller('ctrl', function ($scope, $state) {\n * $scope.reload = function(){\n * $state.reload();\n * }\n * });\n * \n *\n * `reload()` is just an alias for:\n * \n * $state.transitionTo($state.current, $stateParams, { \n * reload: true, inherit: false, notify: true\n * });\n * \n *\n * @returns {promise} A promise representing the state of the new transition. See\n * {@link ui.router.state.$state#methods_go $state.go}.\n */\n $state.reload = function reload() {\n return $state.transitionTo($state.current, $stateParams, { reload: true, inherit: false, notify: true });\n };\n\n /**\n * @ngdoc function\n * @name ui.router.state.$state#go\n * @methodOf ui.router.state.$state\n *\n * @description\n * Convenience method for transitioning to a new state. `$state.go` calls \n * `$state.transitionTo` internally but automatically sets options to \n * `{ location: true, inherit: true, relative: $state.$current, notify: true }`. \n * This allows you to easily use an absolute or relative to path and specify \n * only the parameters you'd like to update (while letting unspecified parameters \n * inherit from the currently active ancestor states).\n *\n * @example\n * \n * var app = angular.module('app', ['ui.router']);\n *\n * app.controller('ctrl', function ($scope, $state) {\n * $scope.changeState = function () {\n * $state.go('contact.detail');\n * };\n * });\n * \n * 
\n *\n * @param {string} to Absolute state name or relative state path. Some examples:\n *\n * - `$state.go('contact.detail')` - will go to the `contact.detail` state\n * - `$state.go('^')` - will go to a parent state\n * - `$state.go('^.sibling')` - will go to a sibling state\n * - `$state.go('.child.grandchild')` - will go to grandchild state\n *\n * @param {object=} params A map of the parameters that will be sent to the state, \n * will populate $stateParams. Any parameters that are not specified will be inherited from currently \n * defined parameters. This allows, for example, going to a sibling state that shares parameters\n * specified in a parent state. Parameter inheritance only works between common ancestor states, I.e.\n * transitioning to a sibling will get you the parameters for all parents, transitioning to a child\n * will get you all current parameters, etc.\n * @param {object=} options Options object. The options are:\n *\n * - **`location`** - {boolean=true|string=} - If `true` will update the url in the location bar, if `false`\n * will not. If string, must be `\"replace\"`, which will update url and also replace last history record.\n * - **`inherit`** - {boolean=true}, If `true` will inherit url parameters from current url.\n * - **`relative`** - {object=$state.$current}, When transitioning with relative path (e.g '^'), \n * defines which state to be relative from.\n * - **`notify`** - {boolean=true}, If `true` will broadcast $stateChangeStart and $stateChangeSuccess events.\n * - **`reload`** (v0.2.5) - {boolean=false}, If `true` will force transition even if the state or params \n * have not changed, aka a reload of the same state. It differs from reloadOnSearch because you'd\n * use this when you want to force a reload when *everything* is the same, including search params.\n *\n * @returns {promise} A promise representing the state of the new transition.\n *\n * Possible success values:\n *\n * - $state.current\n *\n * Possible rejection values:\n *\n * - 'transition superseded' - when a newer transition has been started after this one\n * - 'transition prevented' - when `event.preventDefault()` has been called in a `$stateChangeStart` listener\n * - 'transition aborted' - when `event.preventDefault()` has been called in a `$stateNotFound` listener or\n * when a `$stateNotFound` `event.retry` promise errors.\n * - 'transition failed' - when a state has been unsuccessfully found after 2 tries.\n * - *resolve error* - when an error has occurred with a `resolve`\n *\n */\n $state.go = function go(to, params, options) {\n return $state.transitionTo(to, params, extend({ inherit: true, relative: $state.$current }, options));\n };\n\n /**\n * @ngdoc function\n * @name ui.router.state.$state#transitionTo\n * @methodOf ui.router.state.$state\n *\n * @description\n * Low-level method for transitioning to a new state. {@link ui.router.state.$state#methods_go $state.go}\n * uses `transitionTo` internally. `$state.go` is recommended in most situations.\n *\n * @example\n *
\n * var app = angular.module('app', ['ui.router']);\n *\n * app.controller('ctrl', function ($scope, $state) {\n * $scope.changeState = function () {\n * $state.transitionTo('contact.detail');\n * };\n * });\n * \n *\n * @param {string} to State name.\n * @param {object=} toParams A map of the parameters that will be sent to the state,\n * will populate $stateParams.\n * @param {object=} options Options object. The options are:\n *\n * - **`location`** - {boolean=true|string=} - If `true` will update the url in the location bar, if `false`\n * will not. If string, must be `\"replace\"`, which will update url and also replace last history record.\n * - **`inherit`** - {boolean=false}, If `true` will inherit url parameters from current url.\n * - **`relative`** - {object=}, When transitioning with relative path (e.g '^'), \n * defines which state to be relative from.\n * - **`notify`** - {boolean=true}, If `true` will broadcast $stateChangeStart and $stateChangeSuccess events.\n * - **`reload`** (v0.2.5) - {boolean=false}, If `true` will force transition even if the state or params \n * have not changed, aka a reload of the same state. It differs from reloadOnSearch because you'd\n * use this when you want to force a reload when *everything* is the same, including search params.\n *\n * @returns {promise} A promise representing the state of the new transition. See\n * {@link ui.router.state.$state#methods_go $state.go}.\n */\n $state.transitionTo = function transitionTo(to, toParams, options) {\n toParams = toParams || {};\n options = extend({\n location: true, inherit: false, relative: null, notify: true, reload: false, $retry: false\n }, options || {});\n\n var from = $state.$current, fromParams = $state.params, fromPath = from.path;\n var evt, toState = findState(to, options.relative);\n\n if (!isDefined(toState)) {\n var redirect = { to: to, toParams: toParams, options: options };\n var redirectResult = handleRedirect(redirect, from.self, fromParams, options);\n\n if (redirectResult) {\n return redirectResult;\n }\n\n // Always retry once if the $stateNotFound was not prevented\n // (handles either redirect changed or state lazy-definition)\n to = redirect.to;\n toParams = redirect.toParams;\n options = redirect.options;\n toState = findState(to, options.relative);\n\n if (!isDefined(toState)) {\n if (!options.relative) throw new Error(\"No such state '\" + to + \"'\");\n throw new Error(\"Could not resolve '\" + to + \"' from state '\" + options.relative + \"'\");\n }\n }\n if (toState[abstractKey]) throw new Error(\"Cannot transition to abstract state '\" + to + \"'\");\n if (options.inherit) toParams = inheritParams($stateParams, toParams || {}, $state.$current, toState);\n if (!toState.params.$$validates(toParams)) return TransitionFailed;\n\n toParams = toState.params.$$values(toParams);\n to = toState;\n\n var toPath = to.path;\n\n // Starting from the root of the path, keep all levels that haven't changed\n var keep = 0, state = toPath[keep], locals = root.locals, toLocals = [];\n\n if (!options.reload) {\n while (state && state === fromPath[keep] && state.ownParams.$$equals(toParams, fromParams)) {\n locals = toLocals[keep] = state.locals;\n keep++;\n state = toPath[keep];\n }\n }\n\n // If we're going to the same state and all locals are kept, we've got nothing to do.\n // But clear 'transition', as we still want to cancel any other pending transitions.\n // TODO: We may not want to bump 'transition' if we're called from a location change\n // that we've initiated ourselves, because we might accidentally abort a legitimate\n // transition initiated from code?\n if (shouldTriggerReload(to, from, locals, options)) {\n if (to.self.reloadOnSearch !== false) $urlRouter.update();\n $state.transition = null;\n return $q.when($state.current);\n }\n\n // Filter parameters before we pass them to event handlers etc.\n toParams = filterByKeys(to.params.$$keys(), toParams || {});\n\n // Broadcast start event and cancel the transition if requested\n if (options.notify) {\n /**\n * @ngdoc event\n * @name ui.router.state.$state#$stateChangeStart\n * @eventOf ui.router.state.$state\n * @eventType broadcast on root scope\n * @description\n * Fired when the state transition **begins**. You can use `event.preventDefault()`\n * to prevent the transition from happening and then the transition promise will be\n * rejected with a `'transition prevented'` value.\n *\n * @param {Object} event Event object.\n * @param {State} toState The state being transitioned to.\n * @param {Object} toParams The params supplied to the `toState`.\n * @param {State} fromState The current state, pre-transition.\n * @param {Object} fromParams The params supplied to the `fromState`.\n *\n * @example\n *\n * \n * $rootScope.$on('$stateChangeStart',\n * function(event, toState, toParams, fromState, fromParams){\n * event.preventDefault();\n * // transitionTo() promise will be rejected with\n * // a 'transition prevented' error\n * })\n * \n */\n if ($rootScope.$broadcast('$stateChangeStart', to.self, toParams, from.self, fromParams).defaultPrevented) {\n $urlRouter.update();\n return TransitionPrevented;\n }\n }\n\n // Resolve locals for the remaining states, but don't update any global state just\n // yet -- if anything fails to resolve the current state needs to remain untouched.\n // We also set up an inheritance chain for the locals here. This allows the view directive\n // to quickly look up the correct definition for each view in the current state. Even\n // though we create the locals object itself outside resolveState(), it is initially\n // empty and gets filled asynchronously. We need to keep track of the promise for the\n // (fully resolved) current locals, and pass this down the chain.\n var resolved = $q.when(locals);\n\n for (var l = keep; l < toPath.length; l++, state = toPath[l]) {\n locals = toLocals[l] = inherit(locals);\n resolved = resolveState(state, toParams, state === to, resolved, locals, options);\n }\n\n // Once everything is resolved, we are ready to perform the actual transition\n // and return a promise for the new state. We also keep track of what the\n // current promise is, so that we can detect overlapping transitions and\n // keep only the outcome of the last transition.\n var transition = $state.transition = resolved.then(function () {\n var l, entering, exiting;\n\n if ($state.transition !== transition) return TransitionSuperseded;\n\n // Exit 'from' states not kept\n for (l = fromPath.length - 1; l >= keep; l--) {\n exiting = fromPath[l];\n if (exiting.self.onExit) {\n $injector.invoke(exiting.self.onExit, exiting.self, exiting.locals.globals);\n }\n exiting.locals = null;\n }\n\n // Enter 'to' states not kept\n for (l = keep; l < toPath.length; l++) {\n entering = toPath[l];\n entering.locals = toLocals[l];\n if (entering.self.onEnter) {\n $injector.invoke(entering.self.onEnter, entering.self, entering.locals.globals);\n }\n }\n\n // Run it again, to catch any transitions in callbacks\n if ($state.transition !== transition) return TransitionSuperseded;\n\n // Update globals in $state\n $state.$current = to;\n $state.current = to.self;\n $state.params = toParams;\n copy($state.params, $stateParams);\n $state.transition = null;\n\n if (options.location && to.navigable) {\n $urlRouter.push(to.navigable.url, to.navigable.locals.globals.$stateParams, {\n $$avoidResync: true, replace: options.location === 'replace'\n });\n }\n\n if (options.notify) {\n /**\n * @ngdoc event\n * @name ui.router.state.$state#$stateChangeSuccess\n * @eventOf ui.router.state.$state\n * @eventType broadcast on root scope\n * @description\n * Fired once the state transition is **complete**.\n *\n * @param {Object} event Event object.\n * @param {State} toState The state being transitioned to.\n * @param {Object} toParams The params supplied to the `toState`.\n * @param {State} fromState The current state, pre-transition.\n * @param {Object} fromParams The params supplied to the `fromState`.\n */\n $rootScope.$broadcast('$stateChangeSuccess', to.self, toParams, from.self, fromParams);\n }\n $urlRouter.update(true);\n\n return $state.current;\n }, function (error) {\n if ($state.transition !== transition) return TransitionSuperseded;\n\n $state.transition = null;\n /**\n * @ngdoc event\n * @name ui.router.state.$state#$stateChangeError\n * @eventOf ui.router.state.$state\n * @eventType broadcast on root scope\n * @description\n * Fired when an **error occurs** during transition. It's important to note that if you\n * have any errors in your resolve functions (javascript errors, non-existent services, etc)\n * they will not throw traditionally. You must listen for this $stateChangeError event to\n * catch **ALL** errors.\n *\n * @param {Object} event Event object.\n * @param {State} toState The state being transitioned to.\n * @param {Object} toParams The params supplied to the `toState`.\n * @param {State} fromState The current state, pre-transition.\n * @param {Object} fromParams The params supplied to the `fromState`.\n * @param {Error} error The resolve error object.\n */\n evt = $rootScope.$broadcast('$stateChangeError', to.self, toParams, from.self, fromParams, error);\n\n if (!evt.defaultPrevented) {\n $urlRouter.update();\n }\n\n return $q.reject(error);\n });\n\n return transition;\n };\n\n /**\n * @ngdoc function\n * @name ui.router.state.$state#is\n * @methodOf ui.router.state.$state\n *\n * @description\n * Similar to {@link ui.router.state.$state#methods_includes $state.includes},\n * but only checks for the full state name. If params is supplied then it will be\n * tested for strict equality against the current active params object, so all params\n * must match with none missing and no extras.\n *\n * @example\n * \n * $state.$current.name = 'contacts.details.item';\n *\n * // absolute name\n * $state.is('contact.details.item'); // returns true\n * $state.is(contactDetailItemStateObject); // returns true\n *\n * // relative name (. and ^), typically from a template\n * // E.g. from the 'contacts.details' template\n * Item\n * \n *\n * @param {string|object} stateOrName The state name (absolute or relative) or state object you'd like to check.\n * @param {object=} params A param object, e.g. `{sectionId: section.id}`, that you'd like\n * to test against the current active state.\n * @param {object=} options An options object. The options are:\n *\n * - **`relative`** - {string|object} - If `stateOrName` is a relative state name and `options.relative` is set, .is will\n * test relative to `options.relative` state (or name).\n *\n * @returns {boolean} Returns true if it is the state.\n */\n $state.is = function is(stateOrName, params, options) {\n options = extend({ relative: $state.$current }, options || {});\n var state = findState(stateOrName, options.relative);\n\n if (!isDefined(state)) { return undefined; }\n if ($state.$current !== state) { return false; }\n return params ? equalForKeys(state.params.$$values(params), $stateParams) : true;\n };\n\n /**\n * @ngdoc function\n * @name ui.router.state.$state#includes\n * @methodOf ui.router.state.$state\n *\n * @description\n * A method to determine if the current active state is equal to or is the child of the\n * state stateName. If any params are passed then they will be tested for a match as well.\n * Not all the parameters need to be passed, just the ones you'd like to test for equality.\n *\n * @example\n * Partial and relative names\n * \n * $state.$current.name = 'contacts.details.item';\n *\n * // Using partial names\n * $state.includes(\"contacts\"); // returns true\n * $state.includes(\"contacts.details\"); // returns true\n * $state.includes(\"contacts.details.item\"); // returns true\n * $state.includes(\"contacts.list\"); // returns false\n * $state.includes(\"about\"); // returns false\n *\n * // Using relative names (. and ^), typically from a template\n * // E.g. from the 'contacts.details' template\n *\n *\n * Basic globbing patterns\n *Item\n *
\n * $state.$current.name = 'contacts.details.item.url';\n *\n * $state.includes(\"*.details.*.*\"); // returns true\n * $state.includes(\"*.details.**\"); // returns true\n * $state.includes(\"**.item.**\"); // returns true\n * $state.includes(\"*.details.item.url\"); // returns true\n * $state.includes(\"*.details.*.url\"); // returns true\n * $state.includes(\"*.details.*\"); // returns false\n * $state.includes(\"item.**\"); // returns false\n *\n *\n * @param {string} stateOrName A partial name, relative name, or glob pattern\n * to be searched for within the current state name.\n * @param {object=} params A param object, e.g. `{sectionId: section.id}`,\n * that you'd like to test against the current active state.\n * @param {object=} options An options object. The options are:\n *\n * - **`relative`** - {string|object=} - If `stateOrName` is a relative state reference and `options.relative` is set,\n * .includes will test relative to `options.relative` state (or name).\n *\n * @returns {boolean} Returns true if it does include the state\n */\n $state.includes = function includes(stateOrName, params, options) {\n options = extend({ relative: $state.$current }, options || {});\n if (isString(stateOrName) && isGlob(stateOrName)) {\n if (!doesStateMatchGlob(stateOrName)) {\n return false;\n }\n stateOrName = $state.$current.name;\n }\n\n var state = findState(stateOrName, options.relative);\n if (!isDefined(state)) { return undefined; }\n if (!isDefined($state.$current.includes[state.name])) { return false; }\n return params ? equalForKeys(state.params.$$values(params), $stateParams, objectKeys(params)) : true;\n };\n\n\n /**\n * @ngdoc function\n * @name ui.router.state.$state#href\n * @methodOf ui.router.state.$state\n *\n * @description\n * A url generation method that returns the compiled url for the given state populated with the given params.\n *\n * @example\n *
\n * expect($state.href(\"about.person\", { person: \"bob\" })).toEqual(\"/about/bob\");\n * \n *\n * @param {string|object} stateOrName The state name or state object you'd like to generate a url from.\n * @param {object=} params An object of parameter values to fill the state's required parameters.\n * @param {object=} options Options object. The options are:\n *\n * - **`lossy`** - {boolean=true} - If true, and if there is no url associated with the state provided in the\n * first parameter, then the constructed href url will be built from the first navigable ancestor (aka\n * ancestor with a valid url).\n * - **`inherit`** - {boolean=true}, If `true` will inherit url parameters from current url.\n * - **`relative`** - {object=$state.$current}, When transitioning with relative path (e.g '^'), \n * defines which state to be relative from.\n * - **`absolute`** - {boolean=false}, If true will generate an absolute url, e.g. \"http://www.example.com/fullurl\".\n * \n * @returns {string} compiled state url\n */\n $state.href = function href(stateOrName, params, options) {\n options = extend({\n lossy: true,\n inherit: true,\n absolute: false,\n relative: $state.$current\n }, options || {});\n\n var state = findState(stateOrName, options.relative);\n\n if (!isDefined(state)) return null;\n if (options.inherit) params = inheritParams($stateParams, params || {}, $state.$current, state);\n \n var nav = (state && options.lossy) ? state.navigable : state;\n\n if (!nav || nav.url === undefined || nav.url === null) {\n return null;\n }\n return $urlRouter.href(nav.url, filterByKeys(state.params.$$keys(), params || {}), {\n absolute: options.absolute\n });\n };\n\n /**\n * @ngdoc function\n * @name ui.router.state.$state#get\n * @methodOf ui.router.state.$state\n *\n * @description\n * Returns the state configuration object for any specific state or all states.\n *\n * @param {string|object=} stateOrName (absolute or relative) If provided, will only get the config for\n * the requested state. If not provided, returns an array of ALL state configs.\n * @param {string|object=} context When stateOrName is a relative state reference, the state will be retrieved relative to context.\n * @returns {Object|Array} State configuration object or array of all objects.\n */\n $state.get = function (stateOrName, context) {\n if (arguments.length === 0) return map(objectKeys(states), function(name) { return states[name].self; });\n var state = findState(stateOrName, context || $state.$current);\n return (state && state.self) ? state.self : null;\n };\n\n function resolveState(state, params, paramsAreFiltered, inherited, dst, options) {\n // Make a restricted $stateParams with only the parameters that apply to this state if\n // necessary. In addition to being available to the controller and onEnter/onExit callbacks,\n // we also need $stateParams to be available for any $injector calls we make during the\n // dependency resolution process.\n var $stateParams = (paramsAreFiltered) ? params : filterByKeys(state.params.$$keys(), params);\n var locals = { $stateParams: $stateParams };\n\n // Resolve 'global' dependencies for the state, i.e. those not specific to a view.\n // We're also including $stateParams in this; that way the parameters are restricted\n // to the set that should be visible to the state, and are independent of when we update\n // the global $state and $stateParams values.\n dst.resolve = $resolve.resolve(state.resolve, locals, dst.resolve, state);\n var promises = [dst.resolve.then(function (globals) {\n dst.globals = globals;\n })];\n if (inherited) promises.push(inherited);\n\n // Resolve template and dependencies for all views.\n forEach(state.views, function (view, name) {\n var injectables = (view.resolve && view.resolve !== state.resolve ? view.resolve : {});\n injectables.$template = [ function () {\n return $view.load(name, { view: view, locals: locals, params: $stateParams, notify: options.notify }) || '';\n }];\n\n promises.push($resolve.resolve(injectables, locals, dst.resolve, state).then(function (result) {\n // References to the controller (only instantiated at link time)\n if (isFunction(view.controllerProvider) || isArray(view.controllerProvider)) {\n var injectLocals = angular.extend({}, injectables, locals);\n result.$$controller = $injector.invoke(view.controllerProvider, null, injectLocals);\n } else {\n result.$$controller = view.controller;\n }\n // Provide access to the state itself for internal use\n result.$$state = state;\n result.$$controllerAs = view.controllerAs;\n dst[name] = result;\n }));\n });\n\n // Wait for all the promises and then return the activation object\n return $q.all(promises).then(function (values) {\n return dst;\n });\n }\n\n return $state;\n }\n\n function shouldTriggerReload(to, from, locals, options) {\n if (to === from && ((locals === from.locals && !options.reload) || (to.self.reloadOnSearch === false))) {\n return true;\n }\n }\n}\n\nangular.module('ui.router.state')\n .value('$stateParams', {})\n .provider('$state', $StateProvider);\n"
},
{
"path": "www/lib/angular-ui-router/src/stateDirectives.js",
"content": "function parseStateRef(ref, current) {\n var preparsed = ref.match(/^\\s*({[^}]*})\\s*$/), parsed;\n if (preparsed) ref = current + '(' + preparsed[1] + ')';\n parsed = ref.replace(/\\n/g, \" \").match(/^([^(]+?)\\s*(\\((.*)\\))?$/);\n if (!parsed || parsed.length !== 4) throw new Error(\"Invalid state ref '\" + ref + \"'\");\n return { state: parsed[1], paramExpr: parsed[3] || null };\n}\n\nfunction stateContext(el) {\n var stateData = el.parent().inheritedData('$uiView');\n\n if (stateData && stateData.state && stateData.state.name) {\n return stateData.state;\n }\n}\n\n/**\n * @ngdoc directive\n * @name ui.router.state.directive:ui-sref\n *\n * @requires ui.router.state.$state\n * @requires $timeout\n *\n * @restrict A\n *\n * @description\n * A directive that binds a link (`` tag) to a state. If the state has an associated \n * URL, the directive will automatically generate & update the `href` attribute via \n * the {@link ui.router.state.$state#methods_href $state.href()} method. Clicking \n * the link will trigger a state transition with optional parameters. \n *\n * Also middle-clicking, right-clicking, and ctrl-clicking on the link will be \n * handled natively by the browser.\n *\n * You can also use relative state paths within ui-sref, just like the relative \n * paths passed to `$state.go()`. You just need to be aware that the path is relative\n * to the state that the link lives in, in other words the state that loaded the \n * template containing the link.\n *\n * You can specify options to pass to {@link ui.router.state.$state#go $state.go()}\n * using the `ui-sref-opts` attribute. Options are restricted to `location`, `inherit`,\n * and `reload`.\n *\n * @example\n * Here's an example of how you'd use ui-sref and how it would compile. If you have the \n * following template:\n * \n * Home | About | Next page\n * \n *
- \n *
- \n * {{ contact.name }}\n * \n *
\n * Home | About | Next page\n * \n *\n *\n * Home\n * \n *\n * @param {string} ui-sref 'stateName' can be any valid absolute or relative state\n * @param {Object} ui-sref-opts options to pass to {@link ui.router.state.$state#go $state.go()}\n */\n$StateRefDirective.$inject = ['$state', '$timeout'];\nfunction $StateRefDirective($state, $timeout) {\n var allowedOptions = ['location', 'inherit', 'reload'];\n\n return {\n restrict: 'A',\n require: ['?^uiSrefActive', '?^uiSrefActiveEq'],\n link: function(scope, element, attrs, uiSrefActive) {\n var ref = parseStateRef(attrs.uiSref, $state.current.name);\n var params = null, url = null, base = stateContext(element) || $state.$current;\n var newHref = null, isAnchor = element.prop(\"tagName\") === \"A\";\n var isForm = element[0].nodeName === \"FORM\";\n var attr = isForm ? \"action\" : \"href\", nav = true;\n\n var options = { relative: base, inherit: true };\n var optionsOverride = scope.$eval(attrs.uiSrefOpts) || {};\n\n angular.forEach(allowedOptions, function(option) {\n if (option in optionsOverride) {\n options[option] = optionsOverride[option];\n }\n });\n\n var update = function(newVal) {\n if (newVal) params = angular.copy(newVal);\n if (!nav) return;\n\n newHref = $state.href(ref.state, params, options);\n\n var activeDirective = uiSrefActive[1] || uiSrefActive[0];\n if (activeDirective) {\n activeDirective.$$setStateInfo(ref.state, params);\n }\n if (newHref === null) {\n nav = false;\n return false;\n }\n attrs.$set(attr, newHref);\n };\n\n if (ref.paramExpr) {\n scope.$watch(ref.paramExpr, function(newVal, oldVal) {\n if (newVal !== params) update(newVal);\n }, true);\n params = angular.copy(scope.$eval(ref.paramExpr));\n }\n update();\n\n if (isForm) return;\n\n element.bind(\"click\", function(e) {\n var button = e.which || e.button;\n if ( !(button > 1 || e.ctrlKey || e.metaKey || e.shiftKey || element.attr('target')) ) {\n // HACK: This is to allow ng-clicks to be processed before the transition is initiated:\n var transition = $timeout(function() {\n $state.go(ref.state, params, options);\n });\n e.preventDefault();\n\n // if the state has no URL, ignore one preventDefault from the directive.\n var ignorePreventDefaultCount = isAnchor && !newHref ? 1: 0;\n e.preventDefault = function() {\n if (ignorePreventDefaultCount-- <= 0)\n $timeout.cancel(transition);\n };\n }\n });\n }\n };\n}\n\n/**\n * @ngdoc directive\n * @name ui.router.state.directive:ui-sref-active\n *\n * @requires ui.router.state.$state\n * @requires ui.router.state.$stateParams\n * @requires $interpolate\n *\n * @restrict A\n *\n * @description\n * A directive working alongside ui-sref to add classes to an element when the\n * related ui-sref directive's state is active, and removing them when it is inactive.\n * The primary use-case is to simplify the special appearance of navigation menus\n * relying on `ui-sref`, by having the \"active\" state's menu button appear different,\n * distinguishing it from the inactive menu items.\n *\n * ui-sref-active can live on the same element as ui-sref or on a parent element. The first\n * ui-sref-active found at the same level or above the ui-sref will be used.\n *\n * Will activate when the ui-sref's target state or any child state is active. If you\n * need to activate only when the ui-sref target state is active and *not* any of\n * it's children, then you will use\n * {@link ui.router.state.directive:ui-sref-active-eq ui-sref-active-eq}\n *\n * @example\n * Given the following template:\n *
\n *
- \n *
- \n * @bilbobaggins\n * \n *
\n *
- \n *
- \n * @bilbobaggins\n * \n *
\n *
- \n *
- \n * link\n * \n *
\n * new UrlMatcher('/user/{id}?q').concat('/details?date');\n * new UrlMatcher('/user/{id}/details?q&date');\n * \n *\n * @param {string} pattern The pattern to append.\n * @param {Object} config An object hash of the configuration for the matcher.\n * @returns {UrlMatcher} A matcher for the concatenated pattern.\n */\nUrlMatcher.prototype.concat = function (pattern, config) {\n // Because order of search parameters is irrelevant, we can add our own search\n // parameters to the end of the new pattern. Parse the new pattern by itself\n // and then join the bits together, but it's much easier to do this on a string level.\n var defaultConfig = {\n caseInsensitive: $$UMFP.caseInsensitive(),\n strict: $$UMFP.strictMode(),\n squash: $$UMFP.defaultSquashPolicy()\n };\n return new UrlMatcher(this.sourcePath + pattern + this.sourceSearch, extend(defaultConfig, config), this);\n};\n\nUrlMatcher.prototype.toString = function () {\n return this.source;\n};\n\n/**\n * @ngdoc function\n * @name ui.router.util.type:UrlMatcher#exec\n * @methodOf ui.router.util.type:UrlMatcher\n *\n * @description\n * Tests the specified path against this matcher, and returns an object containing the captured\n * parameter values, or null if the path does not match. The returned object contains the values\n * of any search parameters that are mentioned in the pattern, but their value may be null if\n * they are not present in `searchParams`. This means that search parameters are always treated\n * as optional.\n *\n * @example\n * \n * new UrlMatcher('/user/{id}?q&r').exec('/user/bob', {\n * x: '1', q: 'hello'\n * });\n * // returns { id: 'bob', q: 'hello', r: null }\n * \n *\n * @param {string} path The URL path to match, e.g. `$location.path()`.\n * @param {Object} searchParams URL search parameters, e.g. `$location.search()`.\n * @returns {Object} The captured parameter values.\n */\nUrlMatcher.prototype.exec = function (path, searchParams) {\n var m = this.regexp.exec(path);\n if (!m) return null;\n searchParams = searchParams || {};\n\n var paramNames = this.parameters(), nTotal = paramNames.length,\n nPath = this.segments.length - 1,\n values = {}, i, j, cfg, paramName;\n\n if (nPath !== m.length - 1) throw new Error(\"Unbalanced capture group in route '\" + this.source + \"'\");\n\n function decodePathArray(string) {\n function reverseString(str) { return str.split(\"\").reverse().join(\"\"); }\n function unquoteDashes(str) { return str.replace(/\\\\-/, \"-\"); }\n\n var split = reverseString(string).split(/-(?!\\\\)/);\n var allReversed = map(split, reverseString);\n return map(allReversed, unquoteDashes).reverse();\n }\n\n for (i = 0; i < nPath; i++) {\n paramName = paramNames[i];\n var param = this.params[paramName];\n var paramVal = m[i+1];\n // if the param value matches a pre-replace pair, replace the value before decoding.\n for (j = 0; j < param.replace; j++) {\n if (param.replace[j].from === paramVal) paramVal = param.replace[j].to;\n }\n if (paramVal && param.array === true) paramVal = decodePathArray(paramVal);\n values[paramName] = param.value(paramVal);\n }\n for (/**/; i < nTotal; i++) {\n paramName = paramNames[i];\n values[paramName] = this.params[paramName].value(searchParams[paramName]);\n }\n\n return values;\n};\n\n/**\n * @ngdoc function\n * @name ui.router.util.type:UrlMatcher#parameters\n * @methodOf ui.router.util.type:UrlMatcher\n *\n * @description\n * Returns the names of all path and search parameters of this pattern in an unspecified order.\n * \n * @returns {Array.\n * new UrlMatcher('/user/{id}?q').format({ id:'bob', q:'yes' });\n * // returns '/user/bob?q=yes'\n * \n *\n * @param {Object} values the values to substitute for the parameters in this pattern.\n * @returns {string} the formatted URL (path and optionally search part).\n */\nUrlMatcher.prototype.format = function (values) {\n values = values || {};\n var segments = this.segments, params = this.parameters(), paramset = this.params;\n if (!this.validates(values)) return null;\n\n var i, search = false, nPath = segments.length - 1, nTotal = params.length, result = segments[0];\n\n function encodeDashes(str) { // Replace dashes with encoded \"\\-\"\n return encodeURIComponent(str).replace(/-/g, function(c) { return '%5C%' + c.charCodeAt(0).toString(16).toUpperCase(); });\n }\n\n for (i = 0; i < nTotal; i++) {\n var isPathParam = i < nPath;\n var name = params[i], param = paramset[name], value = param.value(values[name]);\n var isDefaultValue = param.isOptional && param.type.equals(param.value(), value);\n var squash = isDefaultValue ? param.squash : false;\n var encoded = param.type.encode(value);\n\n if (isPathParam) {\n var nextSegment = segments[i + 1];\n if (squash === false) {\n if (encoded != null) {\n if (isArray(encoded)) {\n result += map(encoded, encodeDashes).join(\"-\");\n } else {\n result += encodeURIComponent(encoded);\n }\n }\n result += nextSegment;\n } else if (squash === true) {\n var capture = result.match(/\\/$/) ? /\\/?(.*)/ : /(.*)/;\n result += nextSegment.match(capture)[1];\n } else if (isString(squash)) {\n result += squash + nextSegment;\n }\n } else {\n if (encoded == null || (isDefaultValue && squash !== false)) continue;\n if (!isArray(encoded)) encoded = [ encoded ];\n encoded = map(encoded, encodeURIComponent).join('&' + name + '=');\n result += (search ? '&' : '?') + (name + '=' + encoded);\n search = true;\n }\n }\n\n return result;\n};\n\n/**\n * @ngdoc object\n * @name ui.router.util.type:Type\n *\n * @description\n * Implements an interface to define custom parameter types that can be decoded from and encoded to\n * string parameters matched in a URL. Used by {@link ui.router.util.type:UrlMatcher `UrlMatcher`}\n * objects when matching or formatting URLs, or comparing or validating parameter values.\n *\n * See {@link ui.router.util.$urlMatcherFactory#methods_type `$urlMatcherFactory#type()`} for more\n * information on registering custom types.\n *\n * @param {Object} config A configuration object which contains the custom type definition. The object's\n * properties will override the default methods and/or pattern in `Type`'s public interface.\n * @example\n * \n * {\n * decode: function(val) { return parseInt(val, 10); },\n * encode: function(val) { return val && val.toString(); },\n * equals: function(a, b) { return this.is(a) && a === b; },\n * is: function(val) { return angular.isNumber(val) isFinite(val) && val % 1 === 0; },\n * pattern: /\\d+/\n * }\n * \n *\n * @property {RegExp} pattern The regular expression pattern used to match values of this type when\n * coming from a substring of a URL.\n *\n * @returns {Object} Returns a new `Type` object.\n */\nfunction Type(config) {\n extend(this, config);\n}\n\n/**\n * @ngdoc function\n * @name ui.router.util.type:Type#is\n * @methodOf ui.router.util.type:Type\n *\n * @description\n * Detects whether a value is of a particular type. Accepts a native (decoded) value\n * and determines whether it matches the current `Type` object.\n *\n * @param {*} val The value to check.\n * @param {string} key Optional. If the type check is happening in the context of a specific\n * {@link ui.router.util.type:UrlMatcher `UrlMatcher`} object, this is the name of the\n * parameter in which `val` is stored. Can be used for meta-programming of `Type` objects.\n * @returns {Boolean} Returns `true` if the value matches the type, otherwise `false`.\n */\nType.prototype.is = function(val, key) {\n return true;\n};\n\n/**\n * @ngdoc function\n * @name ui.router.util.type:Type#encode\n * @methodOf ui.router.util.type:Type\n *\n * @description\n * Encodes a custom/native type value to a string that can be embedded in a URL. Note that the\n * return value does *not* need to be URL-safe (i.e. passed through `encodeURIComponent()`), it\n * only needs to be a representation of `val` that has been coerced to a string.\n *\n * @param {*} val The value to encode.\n * @param {string} key The name of the parameter in which `val` is stored. Can be used for\n * meta-programming of `Type` objects.\n * @returns {string} Returns a string representation of `val` that can be encoded in a URL.\n */\nType.prototype.encode = function(val, key) {\n return val;\n};\n\n/**\n * @ngdoc function\n * @name ui.router.util.type:Type#decode\n * @methodOf ui.router.util.type:Type\n *\n * @description\n * Converts a parameter value (from URL string or transition param) to a custom/native value.\n *\n * @param {string} val The URL parameter value to decode.\n * @param {string} key The name of the parameter in which `val` is stored. Can be used for\n * meta-programming of `Type` objects.\n * @returns {*} Returns a custom representation of the URL parameter value.\n */\nType.prototype.decode = function(val, key) {\n return val;\n};\n\n/**\n * @ngdoc function\n * @name ui.router.util.type:Type#equals\n * @methodOf ui.router.util.type:Type\n *\n * @description\n * Determines whether two decoded values are equivalent.\n *\n * @param {*} a A value to compare against.\n * @param {*} b A value to compare against.\n * @returns {Boolean} Returns `true` if the values are equivalent/equal, otherwise `false`.\n */\nType.prototype.equals = function(a, b) {\n return a == b;\n};\n\nType.prototype.$subPattern = function() {\n var sub = this.pattern.toString();\n return sub.substr(1, sub.length - 2);\n};\n\nType.prototype.pattern = /.*/;\n\nType.prototype.toString = function() { return \"{Type:\" + this.name + \"}\"; };\n\n/*\n * Wraps an existing custom Type as an array of Type, depending on 'mode'.\n * e.g.:\n * - urlmatcher pattern \"/path?{queryParam[]:int}\"\n * - url: \"/path?queryParam=1&queryParam=2\n * - $stateParams.queryParam will be [1, 2]\n * if `mode` is \"auto\", then\n * - url: \"/path?queryParam=1 will create $stateParams.queryParam: 1\n * - url: \"/path?queryParam=1&queryParam=2 will create $stateParams.queryParam: [1, 2]\n */\nType.prototype.$asArray = function(mode, isSearch) {\n if (!mode) return this;\n if (mode === \"auto\" && !isSearch) throw new Error(\"'auto' array mode is for query parameters only\");\n return new ArrayType(this, mode);\n\n function ArrayType(type, mode) {\n function bindTo(type, callbackName) {\n return function() {\n return type[callbackName].apply(type, arguments);\n };\n }\n\n // Wrap non-array value as array\n function arrayWrap(val) { return isArray(val) ? val : (isDefined(val) ? [ val ] : []); }\n // Unwrap array value for \"auto\" mode. Return undefined for empty array.\n function arrayUnwrap(val) {\n switch(val.length) {\n case 0: return undefined;\n case 1: return mode === \"auto\" ? val[0] : val;\n default: return val;\n }\n }\n function falsey(val) { return !val; }\n\n // Wraps type (.is/.encode/.decode) functions to operate on each value of an array\n function arrayHandler(callback, allTruthyMode) {\n return function handleArray(val) {\n val = arrayWrap(val);\n var result = map(val, callback);\n if (allTruthyMode === true)\n return filter(result, falsey).length === 0;\n return arrayUnwrap(result);\n };\n }\n\n // Wraps type (.equals) functions to operate on each value of an array\n function arrayEqualsHandler(callback) {\n return function handleArray(val1, val2) {\n var left = arrayWrap(val1), right = arrayWrap(val2);\n if (left.length !== right.length) return false;\n for (var i = 0; i < left.length; i++) {\n if (!callback(left[i], right[i])) return false;\n }\n return true;\n };\n }\n\n this.encode = arrayHandler(bindTo(type, 'encode'));\n this.decode = arrayHandler(bindTo(type, 'decode'));\n this.is = arrayHandler(bindTo(type, 'is'), true);\n this.equals = arrayEqualsHandler(bindTo(type, 'equals'));\n this.pattern = type.pattern;\n this.$arrayMode = mode;\n }\n};\n\n\n\n/**\n * @ngdoc object\n * @name ui.router.util.$urlMatcherFactory\n *\n * @description\n * Factory for {@link ui.router.util.type:UrlMatcher `UrlMatcher`} instances. The factory\n * is also available to providers under the name `$urlMatcherFactoryProvider`.\n */\nfunction $UrlMatcherFactory() {\n $$UMFP = this;\n\n var isCaseInsensitive = false, isStrictMode = true, defaultSquashPolicy = false;\n\n function valToString(val) { return val != null ? val.toString().replace(/\\//g, \"%2F\") : val; }\n function valFromString(val) { return val != null ? val.toString().replace(/%2F/g, \"/\") : val; }\n// TODO: in 1.0, make string .is() return false if value is undefined by default.\n// function regexpMatches(val) { /*jshint validthis:true */ return isDefined(val) && this.pattern.test(val); }\n function regexpMatches(val) { /*jshint validthis:true */ return this.pattern.test(val); }\n\n var $types = {}, enqueue = true, typeQueue = [], injector, defaultTypes = {\n string: {\n encode: valToString,\n decode: valFromString,\n is: regexpMatches,\n pattern: /[^/]*/\n },\n int: {\n encode: valToString,\n decode: function(val) { return parseInt(val, 10); },\n is: function(val) { return isDefined(val) && this.decode(val.toString()) === val; },\n pattern: /\\d+/\n },\n bool: {\n encode: function(val) { return val ? 1 : 0; },\n decode: function(val) { return parseInt(val, 10) !== 0; },\n is: function(val) { return val === true || val === false; },\n pattern: /0|1/\n },\n date: {\n encode: function (val) {\n if (!this.is(val))\n return undefined;\n return [ val.getFullYear(),\n ('0' + (val.getMonth() + 1)).slice(-2),\n ('0' + val.getDate()).slice(-2)\n ].join(\"-\");\n },\n decode: function (val) {\n if (this.is(val)) return val;\n var match = this.capture.exec(val);\n return match ? new Date(match[1], match[2] - 1, match[3]) : undefined;\n },\n is: function(val) { return val instanceof Date && !isNaN(val.valueOf()); },\n equals: function (a, b) { return this.is(a) && this.is(b) && a.toISOString() === b.toISOString(); },\n pattern: /[0-9]{4}-(?:0[1-9]|1[0-2])-(?:0[1-9]|[1-2][0-9]|3[0-1])/,\n capture: /([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])/\n },\n json: {\n encode: angular.toJson,\n decode: angular.fromJson,\n is: angular.isObject,\n equals: angular.equals,\n pattern: /[^/]*/\n },\n any: { // does not encode/decode\n encode: angular.identity,\n decode: angular.identity,\n is: angular.identity,\n equals: angular.equals,\n pattern: /.*/\n }\n };\n\n function getDefaultConfig() {\n return {\n strict: isStrictMode,\n caseInsensitive: isCaseInsensitive\n };\n }\n\n function isInjectable(value) {\n return (isFunction(value) || (isArray(value) && isFunction(value[value.length - 1])));\n }\n\n /**\n * [Internal] Get the default value of a parameter, which may be an injectable function.\n */\n $UrlMatcherFactory.$$getDefaultValue = function(config) {\n if (!isInjectable(config.value)) return config.value;\n if (!injector) throw new Error(\"Injectable functions cannot be called at configuration time\");\n return injector.invoke(config.value);\n };\n\n /**\n * @ngdoc function\n * @name ui.router.util.$urlMatcherFactory#caseInsensitive\n * @methodOf ui.router.util.$urlMatcherFactory\n *\n * @description\n * Defines whether URL matching should be case sensitive (the default behavior), or not.\n *\n * @param {boolean} value `false` to match URL in a case sensitive manner; otherwise `true`;\n * @returns {boolean} the current value of caseInsensitive\n */\n this.caseInsensitive = function(value) {\n if (isDefined(value))\n isCaseInsensitive = value;\n return isCaseInsensitive;\n };\n\n /**\n * @ngdoc function\n * @name ui.router.util.$urlMatcherFactory#strictMode\n * @methodOf ui.router.util.$urlMatcherFactory\n *\n * @description\n * Defines whether URLs should match trailing slashes, or not (the default behavior).\n *\n * @param {boolean=} value `false` to match trailing slashes in URLs, otherwise `true`.\n * @returns {boolean} the current value of strictMode\n */\n this.strictMode = function(value) {\n if (isDefined(value))\n isStrictMode = value;\n return isStrictMode;\n };\n\n /**\n * @ngdoc function\n * @name ui.router.util.$urlMatcherFactory#defaultSquashPolicy\n * @methodOf ui.router.util.$urlMatcherFactory\n *\n * @description\n * Sets the default behavior when generating or matching URLs with default parameter values.\n *\n * @param {string} value A string that defines the default parameter URL squashing behavior.\n * `nosquash`: When generating an href with a default parameter value, do not squash the parameter value from the URL\n * `slash`: When generating an href with a default parameter value, squash (remove) the parameter value, and, if the\n * parameter is surrounded by slashes, squash (remove) one slash from the URL\n * any other string, e.g. \"~\": When generating an href with a default parameter value, squash (remove)\n * the parameter value from the URL and replace it with this string.\n */\n this.defaultSquashPolicy = function(value) {\n if (!isDefined(value)) return defaultSquashPolicy;\n if (value !== true && value !== false && !isString(value))\n throw new Error(\"Invalid squash policy: \" + value + \". Valid policies: false, true, arbitrary-string\");\n defaultSquashPolicy = value;\n return value;\n };\n\n /**\n * @ngdoc function\n * @name ui.router.util.$urlMatcherFactory#compile\n * @methodOf ui.router.util.$urlMatcherFactory\n *\n * @description\n * Creates a {@link ui.router.util.type:UrlMatcher `UrlMatcher`} for the specified pattern.\n *\n * @param {string} pattern The URL pattern.\n * @param {Object} config The config object hash.\n * @returns {UrlMatcher} The UrlMatcher.\n */\n this.compile = function (pattern, config) {\n return new UrlMatcher(pattern, extend(getDefaultConfig(), config));\n };\n\n /**\n * @ngdoc function\n * @name ui.router.util.$urlMatcherFactory#isMatcher\n * @methodOf ui.router.util.$urlMatcherFactory\n *\n * @description\n * Returns true if the specified object is a `UrlMatcher`, or false otherwise.\n *\n * @param {Object} object The object to perform the type check against.\n * @returns {Boolean} Returns `true` if the object matches the `UrlMatcher` interface, by\n * implementing all the same methods.\n */\n this.isMatcher = function (o) {\n if (!isObject(o)) return false;\n var result = true;\n\n forEach(UrlMatcher.prototype, function(val, name) {\n if (isFunction(val)) {\n result = result && (isDefined(o[name]) && isFunction(o[name]));\n }\n });\n return result;\n };\n\n /**\n * @ngdoc function\n * @name ui.router.util.$urlMatcherFactory#type\n * @methodOf ui.router.util.$urlMatcherFactory\n *\n * @description\n * Registers a custom {@link ui.router.util.type:Type `Type`} object that can be used to\n * generate URLs with typed parameters.\n *\n * @param {string} name The type name.\n * @param {Object|Function} definition The type definition. See\n * {@link ui.router.util.type:Type `Type`} for information on the values accepted.\n * @param {Object|Function} definitionFn (optional) A function that is injected before the app\n * runtime starts. The result of this function is merged into the existing `definition`.\n * See {@link ui.router.util.type:Type `Type`} for information on the values accepted.\n *\n * @returns {Object} Returns `$urlMatcherFactoryProvider`.\n *\n * @example\n * This is a simple example of a custom type that encodes and decodes items from an\n * array, using the array index as the URL-encoded value:\n *\n * \n * var list = ['John', 'Paul', 'George', 'Ringo'];\n *\n * $urlMatcherFactoryProvider.type('listItem', {\n * encode: function(item) {\n * // Represent the list item in the URL using its corresponding index\n * return list.indexOf(item);\n * },\n * decode: function(item) {\n * // Look up the list item by index\n * return list[parseInt(item, 10)];\n * },\n * is: function(item) {\n * // Ensure the item is valid by checking to see that it appears\n * // in the list\n * return list.indexOf(item) > -1;\n * }\n * });\n *\n * $stateProvider.state('list', {\n * url: \"/list/{item:listItem}\",\n * controller: function($scope, $stateParams) {\n * console.log($stateParams.item);\n * }\n * });\n *\n * // ...\n *\n * // Changes URL to '/list/3', logs \"Ringo\" to the console\n * $state.go('list', { item: \"Ringo\" });\n * \n *\n * This is a more complex example of a type that relies on dependency injection to\n * interact with services, and uses the parameter name from the URL to infer how to\n * handle encoding and decoding parameter values:\n *\n * \n * // Defines a custom type that gets a value from a service,\n * // where each service gets different types of values from\n * // a backend API:\n * $urlMatcherFactoryProvider.type('dbObject', {}, function(Users, Posts) {\n *\n * // Matches up services to URL parameter names\n * var services = {\n * user: Users,\n * post: Posts\n * };\n *\n * return {\n * encode: function(object) {\n * // Represent the object in the URL using its unique ID\n * return object.id;\n * },\n * decode: function(value, key) {\n * // Look up the object by ID, using the parameter\n * // name (key) to call the correct service\n * return services[key].findById(value);\n * },\n * is: function(object, key) {\n * // Check that object is a valid dbObject\n * return angular.isObject(object) && object.id && services[key];\n * }\n * equals: function(a, b) {\n * // Check the equality of decoded objects by comparing\n * // their unique IDs\n * return a.id === b.id;\n * }\n * };\n * });\n *\n * // In a config() block, you can then attach URLs with\n * // type-annotated parameters:\n * $stateProvider.state('users', {\n * url: \"/users\",\n * // ...\n * }).state('users.item', {\n * url: \"/{user:dbObject}\",\n * controller: function($scope, $stateParams) {\n * // $stateParams.user will now be an object returned from\n * // the Users service\n * },\n * // ...\n * });\n * \n */\n this.type = function (name, definition, definitionFn) {\n if (!isDefined(definition)) return $types[name];\n if ($types.hasOwnProperty(name)) throw new Error(\"A type named '\" + name + \"' has already been defined.\");\n\n $types[name] = new Type(extend({ name: name }, definition));\n if (definitionFn) {\n typeQueue.push({ name: name, def: definitionFn });\n if (!enqueue) flushTypeQueue();\n }\n return this;\n };\n\n // `flushTypeQueue()` waits until `$urlMatcherFactory` is injected before invoking the queued `definitionFn`s\n function flushTypeQueue() {\n while(typeQueue.length) {\n var type = typeQueue.shift();\n if (type.pattern) throw new Error(\"You cannot override a type's .pattern at runtime.\");\n angular.extend($types[type.name], injector.invoke(type.def));\n }\n }\n\n // Register default types. Store them in the prototype of $types.\n forEach(defaultTypes, function(type, name) { $types[name] = new Type(extend({name: name}, type)); });\n $types = inherit($types, {});\n\n /* No need to document $get, since it returns this */\n this.$get = ['$injector', function ($injector) {\n injector = $injector;\n enqueue = false;\n flushTypeQueue();\n\n forEach(defaultTypes, function(type, name) {\n if (!$types[name]) $types[name] = new Type(type);\n });\n return this;\n }];\n\n this.Param = function Param(id, type, config, location) {\n var self = this;\n config = unwrapShorthand(config);\n type = getType(config, type, location);\n var arrayMode = getArrayMode();\n type = arrayMode ? type.$asArray(arrayMode, location === \"search\") : type;\n if (type.name === \"string\" && !arrayMode && location === \"path\" && config.value === undefined)\n config.value = \"\"; // for 0.2.x; in 0.3.0+ do not automatically default to \"\"\n var isOptional = config.value !== undefined;\n var squash = getSquashPolicy(config, isOptional);\n var replace = getReplace(config, arrayMode, isOptional, squash);\n\n function unwrapShorthand(config) {\n var keys = isObject(config) ? objectKeys(config) : [];\n var isShorthand = indexOf(keys, \"value\") === -1 && indexOf(keys, \"type\") === -1 &&\n indexOf(keys, \"squash\") === -1 && indexOf(keys, \"array\") === -1;\n if (isShorthand) config = { value: config };\n config.$$fn = isInjectable(config.value) ? config.value : function () { return config.value; };\n return config;\n }\n\n function getType(config, urlType, location) {\n if (config.type && urlType) throw new Error(\"Param '\"+id+\"' has two type configurations.\");\n if (urlType) return urlType;\n if (!config.type) return (location === \"config\" ? $types.any : $types.string);\n return config.type instanceof Type ? config.type : new Type(config.type);\n }\n\n // array config: param name (param[]) overrides default settings. explicit config overrides param name.\n function getArrayMode() {\n var arrayDefaults = { array: (location === \"search\" ? \"auto\" : false) };\n var arrayParamNomenclature = id.match(/\\[\\]$/) ? { array: true } : {};\n return extend(arrayDefaults, arrayParamNomenclature, config).array;\n }\n\n /**\n * returns false, true, or the squash value to indicate the \"default parameter url squash policy\".\n */\n function getSquashPolicy(config, isOptional) {\n var squash = config.squash;\n if (!isOptional || squash === false) return false;\n if (!isDefined(squash) || squash == null) return defaultSquashPolicy;\n if (squash === true || isString(squash)) return squash;\n throw new Error(\"Invalid squash policy: '\" + squash + \"'. Valid policies: false, true, or arbitrary string\");\n }\n\n function getReplace(config, arrayMode, isOptional, squash) {\n var replace, configuredKeys, defaultPolicy = [\n { from: \"\", to: (isOptional || arrayMode ? undefined : \"\") },\n { from: null, to: (isOptional || arrayMode ? undefined : \"\") }\n ];\n replace = isArray(config.replace) ? config.replace : [];\n if (isString(squash))\n replace.push({ from: squash, to: undefined });\n configuredKeys = map(replace, function(item) { return item.from; } );\n return filter(defaultPolicy, function(item) { return indexOf(configuredKeys, item.from) === -1; }).concat(replace);\n }\n\n /**\n * [Internal] Get the default value of a parameter, which may be an injectable function.\n */\n function $$getDefaultValue() {\n if (!injector) throw new Error(\"Injectable functions cannot be called at configuration time\");\n return injector.invoke(config.$$fn);\n }\n\n /**\n * [Internal] Gets the decoded representation of a value if the value is defined, otherwise, returns the\n * default value, which may be the result of an injectable function.\n */\n function $value(value) {\n function hasReplaceVal(val) { return function(obj) { return obj.from === val; }; }\n function $replace(value) {\n var replacement = map(filter(self.replace, hasReplaceVal(value)), function(obj) { return obj.to; });\n return replacement.length ? replacement[0] : value;\n }\n value = $replace(value);\n return isDefined(value) ? self.type.decode(value) : $$getDefaultValue();\n }\n\n function toString() { return \"{Param:\" + id + \" \" + type + \" squash: '\" + squash + \"' optional: \" + isOptional + \"}\"; }\n\n extend(this, {\n id: id,\n type: type,\n location: location,\n array: arrayMode,\n squash: squash,\n replace: replace,\n isOptional: isOptional,\n value: $value,\n dynamic: undefined,\n config: config,\n toString: toString\n });\n };\n\n function ParamSet(params) {\n extend(this, params || {});\n }\n\n ParamSet.prototype = {\n $$new: function() {\n return inherit(this, extend(new ParamSet(), { $$parent: this}));\n },\n $$keys: function () {\n var keys = [], chain = [], parent = this,\n ignore = objectKeys(ParamSet.prototype);\n while (parent) { chain.push(parent); parent = parent.$$parent; }\n chain.reverse();\n forEach(chain, function(paramset) {\n forEach(objectKeys(paramset), function(key) {\n if (indexOf(keys, key) === -1 && indexOf(ignore, key) === -1) keys.push(key);\n });\n });\n return keys;\n },\n $$values: function(paramValues) {\n var values = {}, self = this;\n forEach(self.$$keys(), function(key) {\n values[key] = self[key].value(paramValues && paramValues[key]);\n });\n return values;\n },\n $$equals: function(paramValues1, paramValues2) {\n var equal = true, self = this;\n forEach(self.$$keys(), function(key) {\n var left = paramValues1 && paramValues1[key], right = paramValues2 && paramValues2[key];\n if (!self[key].type.equals(left, right)) equal = false;\n });\n return equal;\n },\n $$validates: function $$validate(paramValues) {\n var result = true, isOptional, val, param, self = this;\n\n forEach(this.$$keys(), function(key) {\n param = self[key];\n val = paramValues[key];\n isOptional = !val && param.isOptional;\n result = result && (isOptional || !!param.type.is(val));\n });\n return result;\n },\n $$parent: undefined\n };\n\n this.ParamSet = ParamSet;\n}\n\n// Register as a provider so it's available to other providers\nangular.module('ui.router.util').provider('$urlMatcherFactory', $UrlMatcherFactory);\nangular.module('ui.router.util').run(['$urlMatcherFactory', function($urlMatcherFactory) { }]);\n"
},
{
"path": "www/lib/angular-ui-router/src/urlRouter.js",
"content": "/**\n * @ngdoc object\n * @name ui.router.router.$urlRouterProvider\n *\n * @requires ui.router.util.$urlMatcherFactoryProvider\n * @requires $locationProvider\n *\n * @description\n * `$urlRouterProvider` has the responsibility of watching `$location`. \n * When `$location` changes it runs through a list of rules one by one until a \n * match is found. `$urlRouterProvider` is used behind the scenes anytime you specify \n * a url in a state configuration. All urls are compiled into a UrlMatcher object.\n *\n * There are several methods on `$urlRouterProvider` that make it useful to use directly\n * in your module config.\n */\n$UrlRouterProvider.$inject = ['$locationProvider', '$urlMatcherFactoryProvider'];\nfunction $UrlRouterProvider( $locationProvider, $urlMatcherFactory) {\n var rules = [], otherwise = null, interceptDeferred = false, listener;\n\n // Returns a string that is a prefix of all strings matching the RegExp\n function regExpPrefix(re) {\n var prefix = /^\\^((?:\\\\[^a-zA-Z0-9]|[^\\\\\\[\\]\\^$*+?.()|{}]+)*)/.exec(re.source);\n return (prefix != null) ? prefix[1].replace(/\\\\(.)/g, \"$1\") : '';\n }\n\n // Interpolates matched values into a String.replace()-style pattern\n function interpolate(pattern, match) {\n return pattern.replace(/\\$(\\$|\\d{1,2})/, function (m, what) {\n return match[what === '$' ? 0 : Number(what)];\n });\n }\n\n /**\n * @ngdoc function\n * @name ui.router.router.$urlRouterProvider#rule\n * @methodOf ui.router.router.$urlRouterProvider\n *\n * @description\n * Defines rules that are used by `$urlRouterProvider` to find matches for\n * specific URLs.\n *\n * @example\n * \n * var app = angular.module('app', ['ui.router.router']);\n *\n * app.config(function ($urlRouterProvider) {\n * // Here's an example of how you might allow case insensitive urls\n * $urlRouterProvider.rule(function ($injector, $location) {\n * var path = $location.path(),\n * normalized = path.toLowerCase();\n *\n * if (path !== normalized) {\n * return normalized;\n * }\n * });\n * });\n * \n *\n * @param {object} rule Handler function that takes `$injector` and `$location`\n * services as arguments. You can use them to return a valid path as a string.\n *\n * @return {object} `$urlRouterProvider` - `$urlRouterProvider` instance\n */\n this.rule = function (rule) {\n if (!isFunction(rule)) throw new Error(\"'rule' must be a function\");\n rules.push(rule);\n return this;\n };\n\n /**\n * @ngdoc object\n * @name ui.router.router.$urlRouterProvider#otherwise\n * @methodOf ui.router.router.$urlRouterProvider\n *\n * @description\n * Defines a path that is used when an invalid route is requested.\n *\n * @example\n * \n * var app = angular.module('app', ['ui.router.router']);\n *\n * app.config(function ($urlRouterProvider) {\n * // if the path doesn't match any of the urls you configured\n * // otherwise will take care of routing the user to the\n * // specified url\n * $urlRouterProvider.otherwise('/index');\n *\n * // Example of using function rule as param\n * $urlRouterProvider.otherwise(function ($injector, $location) {\n * return '/a/valid/url';\n * });\n * });\n * \n *\n * @param {string|object} rule The url path you want to redirect to or a function \n * rule that returns the url path. The function version is passed two params: \n * `$injector` and `$location` services, and must return a url string.\n *\n * @return {object} `$urlRouterProvider` - `$urlRouterProvider` instance\n */\n this.otherwise = function (rule) {\n if (isString(rule)) {\n var redirect = rule;\n rule = function () { return redirect; };\n }\n else if (!isFunction(rule)) throw new Error(\"'rule' must be a function\");\n otherwise = rule;\n return this;\n };\n\n\n function handleIfMatch($injector, handler, match) {\n if (!match) return false;\n var result = $injector.invoke(handler, handler, { $match: match });\n return isDefined(result) ? result : true;\n }\n\n /**\n * @ngdoc function\n * @name ui.router.router.$urlRouterProvider#when\n * @methodOf ui.router.router.$urlRouterProvider\n *\n * @description\n * Registers a handler for a given url matching. if handle is a string, it is\n * treated as a redirect, and is interpolated according to the syntax of match\n * (i.e. like `String.replace()` for `RegExp`, or like a `UrlMatcher` pattern otherwise).\n *\n * If the handler is a function, it is injectable. It gets invoked if `$location`\n * matches. You have the option of inject the match object as `$match`.\n *\n * The handler can return\n *\n * - **falsy** to indicate that the rule didn't match after all, then `$urlRouter`\n * will continue trying to find another one that matches.\n * - **string** which is treated as a redirect and passed to `$location.url()`\n * - **void** or any **truthy** value tells `$urlRouter` that the url was handled.\n *\n * @example\n * \n * var app = angular.module('app', ['ui.router.router']);\n *\n * app.config(function ($urlRouterProvider) {\n * $urlRouterProvider.when($state.url, function ($match, $stateParams) {\n * if ($state.$current.navigable !== state ||\n * !equalForKeys($match, $stateParams) {\n * $state.transitionTo(state, $match, false);\n * }\n * });\n * });\n * \n *\n * @param {string|object} what The incoming path that you want to redirect.\n * @param {string|object} handler The path you want to redirect your user to.\n */\n this.when = function (what, handler) {\n var redirect, handlerIsString = isString(handler);\n if (isString(what)) what = $urlMatcherFactory.compile(what);\n\n if (!handlerIsString && !isFunction(handler) && !isArray(handler))\n throw new Error(\"invalid 'handler' in when()\");\n\n var strategies = {\n matcher: function (what, handler) {\n if (handlerIsString) {\n redirect = $urlMatcherFactory.compile(handler);\n handler = ['$match', function ($match) { return redirect.format($match); }];\n }\n return extend(function ($injector, $location) {\n return handleIfMatch($injector, handler, what.exec($location.path(), $location.search()));\n }, {\n prefix: isString(what.prefix) ? what.prefix : ''\n });\n },\n regex: function (what, handler) {\n if (what.global || what.sticky) throw new Error(\"when() RegExp must not be global or sticky\");\n\n if (handlerIsString) {\n redirect = handler;\n handler = ['$match', function ($match) { return interpolate(redirect, $match); }];\n }\n return extend(function ($injector, $location) {\n return handleIfMatch($injector, handler, what.exec($location.path()));\n }, {\n prefix: regExpPrefix(what)\n });\n }\n };\n\n var check = { matcher: $urlMatcherFactory.isMatcher(what), regex: what instanceof RegExp };\n\n for (var n in check) {\n if (check[n]) return this.rule(strategies[n](what, handler));\n }\n\n throw new Error(\"invalid 'what' in when()\");\n };\n\n /**\n * @ngdoc function\n * @name ui.router.router.$urlRouterProvider#deferIntercept\n * @methodOf ui.router.router.$urlRouterProvider\n *\n * @description\n * Disables (or enables) deferring location change interception.\n *\n * If you wish to customize the behavior of syncing the URL (for example, if you wish to\n * defer a transition but maintain the current URL), call this method at configuration time.\n * Then, at run time, call `$urlRouter.listen()` after you have configured your own\n * `$locationChangeSuccess` event handler.\n *\n * @example\n * \n * var app = angular.module('app', ['ui.router.router']);\n *\n * app.config(function ($urlRouterProvider) {\n *\n * // Prevent $urlRouter from automatically intercepting URL changes;\n * // this allows you to configure custom behavior in between\n * // location changes and route synchronization:\n * $urlRouterProvider.deferIntercept();\n *\n * }).run(function ($rootScope, $urlRouter, UserService) {\n *\n * $rootScope.$on('$locationChangeSuccess', function(e) {\n * // UserService is an example service for managing user state\n * if (UserService.isLoggedIn()) return;\n *\n * // Prevent $urlRouter's default handler from firing\n * e.preventDefault();\n *\n * UserService.handleLogin().then(function() {\n * // Once the user has logged in, sync the current URL\n * // to the router:\n * $urlRouter.sync();\n * });\n * });\n *\n * // Configures $urlRouter's listener *after* your custom listener\n * $urlRouter.listen();\n * });\n * \n *\n * @param {boolean} defer Indicates whether to defer location change interception. Passing\n no parameter is equivalent to `true`.\n */\n this.deferIntercept = function (defer) {\n if (defer === undefined) defer = true;\n interceptDeferred = defer;\n };\n\n /**\n * @ngdoc object\n * @name ui.router.router.$urlRouter\n *\n * @requires $location\n * @requires $rootScope\n * @requires $injector\n * @requires $browser\n *\n * @description\n *\n */\n this.$get = $get;\n $get.$inject = ['$location', '$rootScope', '$injector', '$browser'];\n function $get( $location, $rootScope, $injector, $browser) {\n\n var baseHref = $browser.baseHref(), location = $location.url(), lastPushedUrl;\n\n function appendBasePath(url, isHtml5, absolute) {\n if (baseHref === '/') return url;\n if (isHtml5) return baseHref.slice(0, -1) + url;\n if (absolute) return baseHref.slice(1) + url;\n return url;\n }\n\n // TODO: Optimize groups of rules with non-empty prefix into some sort of decision tree\n function update(evt) {\n if (evt && evt.defaultPrevented) return;\n var ignoreUpdate = lastPushedUrl && $location.url() === lastPushedUrl;\n lastPushedUrl = undefined;\n if (ignoreUpdate) return true;\n\n function check(rule) {\n var handled = rule($injector, $location);\n\n if (!handled) return false;\n if (isString(handled)) $location.replace().url(handled);\n return true;\n }\n var n = rules.length, i;\n\n for (i = 0; i < n; i++) {\n if (check(rules[i])) return;\n }\n // always check otherwise last to allow dynamic updates to the set of rules\n if (otherwise) check(otherwise);\n }\n\n function listen() {\n listener = listener || $rootScope.$on('$locationChangeSuccess', update);\n return listener;\n }\n\n if (!interceptDeferred) listen();\n\n return {\n /**\n * @ngdoc function\n * @name ui.router.router.$urlRouter#sync\n * @methodOf ui.router.router.$urlRouter\n *\n * @description\n * Triggers an update; the same update that happens when the address bar url changes, aka `$locationChangeSuccess`.\n * This method is useful when you need to use `preventDefault()` on the `$locationChangeSuccess` event,\n * perform some custom logic (route protection, auth, config, redirection, etc) and then finally proceed\n * with the transition by calling `$urlRouter.sync()`.\n *\n * @example\n * \n * angular.module('app', ['ui.router'])\n * .run(function($rootScope, $urlRouter) {\n * $rootScope.$on('$locationChangeSuccess', function(evt) {\n * // Halt state change from even starting\n * evt.preventDefault();\n * // Perform custom logic\n * var meetsRequirement = ...\n * // Continue with the update and state transition if logic allows\n * if (meetsRequirement) $urlRouter.sync();\n * });\n * });\n * \n */\n sync: function() {\n update();\n },\n\n listen: function() {\n return listen();\n },\n\n update: function(read) {\n if (read) {\n location = $location.url();\n return;\n }\n if ($location.url() === location) return;\n\n $location.url(location);\n $location.replace();\n },\n\n push: function(urlMatcher, params, options) {\n $location.url(urlMatcher.format(params || {}));\n lastPushedUrl = options && options.$$avoidResync ? $location.url() : undefined;\n if (options && options.replace) $location.replace();\n },\n\n /**\n * @ngdoc function\n * @name ui.router.router.$urlRouter#href\n * @methodOf ui.router.router.$urlRouter\n *\n * @description\n * A URL generation method that returns the compiled URL for a given\n * {@link ui.router.util.type:UrlMatcher `UrlMatcher`}, populated with the provided parameters.\n *\n * @example\n * \n * $bob = $urlRouter.href(new UrlMatcher(\"/about/:person\"), {\n * person: \"bob\"\n * });\n * // $bob == \"/about/bob\";\n * \n *\n * @param {UrlMatcher} urlMatcher The `UrlMatcher` object which is used as the template of the URL to generate.\n * @param {object=} params An object of parameter values to fill the matcher's required parameters.\n * @param {object=} options Options object. The options are:\n *\n * - **`absolute`** - {boolean=false}, If true will generate an absolute url, e.g. \"http://www.example.com/fullurl\".\n *\n * @returns {string} Returns the fully compiled URL, or `null` if `params` fail validation against `urlMatcher`\n */\n href: function(urlMatcher, params, options) {\n if (!urlMatcher.validates(params)) return null;\n\n var isHtml5 = $locationProvider.html5Mode();\n if (angular.isObject(isHtml5)) {\n isHtml5 = isHtml5.enabled;\n }\n \n var url = urlMatcher.format(params);\n options = options || {};\n\n if (!isHtml5 && url !== null) {\n url = \"#\" + $locationProvider.hashPrefix() + url;\n }\n url = appendBasePath(url, isHtml5, options.absolute);\n\n if (!options.absolute || !url) {\n return url;\n }\n\n var slash = (!isHtml5 && url ? '/' : ''), port = $location.port();\n port = (port === 80 || port === 443 ? '' : ':' + port);\n\n return [$location.protocol(), '://', $location.host(), port, slash, url].join('');\n }\n };\n }\n}\n\nangular.module('ui.router.router').provider('$urlRouter', $UrlRouterProvider);\n"
},
{
"path": "www/lib/angular-ui-router/src/view.js",
"content": "\n$ViewProvider.$inject = [];\nfunction $ViewProvider() {\n\n this.$get = $get;\n /**\n * @ngdoc object\n * @name ui.router.state.$view\n *\n * @requires ui.router.util.$templateFactory\n * @requires $rootScope\n *\n * @description\n *\n */\n $get.$inject = ['$rootScope', '$templateFactory'];\n function $get( $rootScope, $templateFactory) {\n return {\n // $view.load('full.viewName', { template: ..., controller: ..., resolve: ..., async: false, params: ... })\n /**\n * @ngdoc function\n * @name ui.router.state.$view#load\n * @methodOf ui.router.state.$view\n *\n * @description\n *\n * @param {string} name name\n * @param {object} options option object.\n */\n load: function load(name, options) {\n var result, defaults = {\n template: null, controller: null, view: null, locals: null, notify: true, async: true, params: {}\n };\n options = extend(defaults, options);\n\n if (options.view) {\n result = $templateFactory.fromConfig(options.view, options.params, options.locals);\n }\n if (result && options.notify) {\n /**\n * @ngdoc event\n * @name ui.router.state.$state#$viewContentLoading\n * @eventOf ui.router.state.$view\n * @eventType broadcast on root scope\n * @description\n *\n * Fired once the view **begins loading**, *before* the DOM is rendered.\n *\n * @param {Object} event Event object.\n * @param {Object} viewConfig The view config properties (template, controller, etc).\n *\n * @example\n *\n * \n * $scope.$on('$viewContentLoading',\n * function(event, viewConfig){\n * // Access to all the view config properties.\n * // and one special property 'targetView'\n * // viewConfig.targetView\n * });\n * \n */\n $rootScope.$broadcast('$viewContentLoading', options);\n }\n return result;\n }\n };\n }\n}\n\nangular.module('ui.router.state').provider('$view', $ViewProvider);\n"
},
{
"path": "www/lib/angular-ui-router/src/viewDirective.js",
"content": "/**\n * @ngdoc directive\n * @name ui.router.state.directive:ui-view\n *\n * @requires ui.router.state.$state\n * @requires $compile\n * @requires $controller\n * @requires $injector\n * @requires ui.router.state.$uiViewScroll\n * @requires $document\n *\n * @restrict ECA\n *\n * @description\n * The ui-view directive tells $state where to place your templates.\n *\n * @param {string=} name A view name. The name should be unique amongst the other views in the\n * same state. You can have views of the same name that live in different states.\n *\n * @param {string=} autoscroll It allows you to set the scroll behavior of the browser window\n * when a view is populated. By default, $anchorScroll is overridden by ui-router's custom scroll\n * service, {@link ui.router.state.$uiViewScroll}. This custom service let's you\n * scroll ui-view elements into view when they are populated during a state activation.\n *\n * *Note: To revert back to old [`$anchorScroll`](http://docs.angularjs.org/api/ng.$anchorScroll)\n * functionality, call `$uiViewScrollProvider.useAnchorScroll()`.*\n *\n * @param {string=} onload Expression to evaluate whenever the view updates.\n * \n * @example\n * A view can be unnamed or named. \n * \n * \n * \n * \n * \n * \n *\n *\n * You can only have one unnamed view within any template (or root html). If you are only using a \n * single view and it is unnamed then you can populate it like so:\n *
\n * \n * $stateProvider.state(\"home\", {\n * template: \"HELLO!
\"\n * })\n * \n * \n * The above is a convenient shortcut equivalent to specifying your view explicitly with the {@link ui.router.state.$stateProvider#views `views`}\n * config property, by name, in this case an empty name:\n * \n * $stateProvider.state(\"home\", {\n * views: {\n * \"\": {\n * template: \"HELLO!
\"\n * }\n * } \n * })\n * \n * \n * But typically you'll only use the views property if you name your view or have more than one view \n * in the same template. There's not really a compelling reason to name a view if its the only one, \n * but you could if you wanted, like so:\n * \n * \n *\n *
\n * $stateProvider.state(\"home\", {\n * views: {\n * \"main\": {\n * template: \"HELLO!
\"\n * }\n * } \n * })\n * \n * \n * Really though, you'll use views to set up multiple views:\n * \n * \n * \n * \n *\n * \n *
\n * $stateProvider.state(\"home\", {\n * views: {\n * \"\": {\n * template: \"HELLO!
\"\n * },\n * \"chart\": {\n * template: \"\n *\n * Examples for `autoscroll`:\n *\n * \n * \n *\n */\n$ViewDirective.$inject = ['$state', '$injector', '$uiViewScroll', '$interpolate'];\nfunction $ViewDirective( $state, $injector, $uiViewScroll, $interpolate) {\n\n function getService() {\n return ($injector.has) ? function(service) {\n return $injector.has(service) ? $injector.get(service) : null;\n } : function(service) {\n try {\n return $injector.get(service);\n } catch (e) {\n return null;\n }\n };\n }\n\n var service = getService(),\n $animator = service('$animator'),\n $animate = service('$animate');\n\n // Returns a set of DOM manipulation functions based on which Angular version\n // it should use\n function getRenderer(attrs, scope) {\n var statics = function() {\n return {\n enter: function (element, target, cb) { target.after(element); cb(); },\n leave: function (element, cb) { element.remove(); cb(); }\n };\n };\n\n if ($animate) {\n return {\n enter: function(element, target, cb) {\n var promise = $animate.enter(element, null, target, cb);\n if (promise && promise.then) promise.then(cb);\n },\n leave: function(element, cb) {\n var promise = $animate.leave(element, cb);\n if (promise && promise.then) promise.then(cb);\n }\n };\n }\n\n if ($animator) {\n var animate = $animator && $animator(scope, attrs);\n\n return {\n enter: function(element, target, cb) {animate.enter(element, null, target); cb(); },\n leave: function(element, cb) { animate.leave(element); cb(); }\n };\n }\n\n return statics();\n }\n\n var directive = {\n restrict: 'ECA',\n terminal: true,\n priority: 400,\n transclude: 'element',\n compile: function (tElement, tAttrs, $transclude) {\n return function (scope, $element, attrs) {\n var previousEl, currentEl, currentScope, latestLocals,\n onloadExp = attrs.onload || '',\n autoScrollExp = attrs.autoscroll,\n renderer = getRenderer(attrs, scope);\n\n scope.$on('$stateChangeSuccess', function() {\n updateView(false);\n });\n scope.$on('$viewContentLoading', function() {\n updateView(false);\n });\n\n updateView(true);\n\n function cleanupLastView() {\n if (previousEl) {\n previousEl.remove();\n previousEl = null;\n }\n\n if (currentScope) {\n currentScope.$destroy();\n currentScope = null;\n }\n\n if (currentEl) {\n renderer.leave(currentEl, function() {\n previousEl = null;\n });\n\n previousEl = currentEl;\n currentEl = null;\n }\n }\n\n function updateView(firstTime) {\n var newScope,\n name = getUiViewName(scope, attrs, $element, $interpolate),\n previousLocals = name && $state.$current && $state.$current.locals[name];\n\n if (!firstTime && previousLocals === latestLocals) return; // nothing to do\n newScope = scope.$new();\n latestLocals = $state.$current.locals[name];\n\n var clone = $transclude(newScope, function(clone) {\n renderer.enter(clone, $element, function onUiViewEnter() {\n if(currentScope) {\n currentScope.$emit('$viewContentAnimationEnded');\n }\n\n if (angular.isDefined(autoScrollExp) && !autoScrollExp || scope.$eval(autoScrollExp)) {\n $uiViewScroll(clone);\n }\n });\n cleanupLastView();\n });\n\n currentEl = clone;\n currentScope = newScope;\n /**\n * @ngdoc event\n * @name ui.router.state.directive:ui-view#$viewContentLoaded\n * @eventOf ui.router.state.directive:ui-view\n * @eventType emits on ui-view directive scope\n * @description *\n * Fired once the view is **loaded**, *after* the DOM is rendered.\n *\n * @param {Object} event Event object.\n */\n currentScope.$emit('$viewContentLoaded');\n currentScope.$eval(onloadExp);\n }\n };\n }\n };\n\n return directive;\n}\n\n$ViewDirectiveFill.$inject = ['$compile', '$controller', '$state', '$interpolate'];\nfunction $ViewDirectiveFill ( $compile, $controller, $state, $interpolate) {\n return {\n restrict: 'ECA',\n priority: -400,\n compile: function (tElement) {\n var initial = tElement.html();\n return function (scope, $element, attrs) {\n var current = $state.$current,\n name = getUiViewName(scope, attrs, $element, $interpolate),\n locals = current && current.locals[name];\n\n if (! locals) {\n return;\n }\n\n $element.data('$uiView', { name: name, state: locals.$$state });\n $element.html(locals.$template ? locals.$template : initial);\n\n var link = $compile($element.contents());\n\n if (locals.$$controller) {\n locals.$scope = scope;\n var controller = $controller(locals.$$controller, locals);\n if (locals.$$controllerAs) {\n scope[locals.$$controllerAs] = controller;\n }\n $element.data('$ngControllerController', controller);\n $element.children().data('$ngControllerController', controller);\n }\n\n link(scope);\n };\n }\n };\n}\n\n/**\n * Shared ui-view code for both directives:\n * Given scope, element, and its attributes, return the view's name\n */\nfunction getUiViewName(scope, attrs, element, $interpolate) {\n var name = $interpolate(attrs.uiView || attrs.name || '')(scope);\n var inherited = element.inheritedData('$uiView');\n return name.indexOf('@') >= 0 ? name : (name + '@' + (inherited ? inherited.state.name : ''));\n}\n\nangular.module('ui.router.state').directive('uiView', $ViewDirective);\nangular.module('ui.router.state').directive('uiView', $ViewDirectiveFill);\n" }, { "path": "www/lib/angular-ui-router/src/viewScroll.js", "content": "/**\n * @ngdoc object\n * @name ui.router.state.$uiViewScrollProvider\n *\n * @description\n * Provider that returns the {@link ui.router.state.$uiViewScroll} service function.\n */\nfunction $ViewScrollProvider() {\n\n var useAnchorScroll = false;\n\n /**\n * @ngdoc function\n * @name ui.router.state.$uiViewScrollProvider#useAnchorScroll\n * @methodOf ui.router.state.$uiViewScrollProvider\n *\n * @description\n * Reverts back to using the core [`$anchorScroll`](http://docs.angularjs.org/api/ng.$anchorScroll) service for\n * scrolling based on the url anchor.\n */\n this.useAnchorScroll = function () {\n useAnchorScroll = true;\n };\n\n /**\n * @ngdoc object\n * @name ui.router.state.$uiViewScroll\n *\n * @requires $anchorScroll\n * @requires $timeout\n *\n * @description\n * When called with a jqLite element, it scrolls the element into view (after a\n * `$timeout` so the DOM has time to refresh).\n *\n * If you prefer to rely on `$anchorScroll` to scroll the view to the anchor,\n * this can be enabled by calling {@link ui.router.state.$uiViewScrollProvider#methods_useAnchorScroll `$uiViewScrollProvider.useAnchorScroll()`}.\n */\n this.$get = ['$anchorScroll', '$timeout', function ($anchorScroll, $timeout) {\n if (useAnchorScroll) {\n return $anchorScroll;\n }\n\n return function ($element) {\n $timeout(function () {\n $element[0].scrollIntoView();\n }, 0, false);\n };\n }];\n}\n\nangular.module('ui.router.state').provider('$uiViewScroll', $ViewScrollProvider);\n" }, { "path": "www/lib/ionic/.bower.json", "content": "{\n \"name\": \"ionic\",\n \"version\": \"1.0.0\",\n \"codename\": \"uranium-unicorn\",\n \"homepage\": \"https://github.com/driftyco/ionic\",\n \"authors\": [\n \"Max Lynch\n *\n * \n * \n * \n * \n *
');\n var backdropHolds = 0;\n\n $document[0].body.appendChild(el[0]);\n\n return {\n /**\n * @ngdoc method\n * @name $ionicBackdrop#retain\n * @description Retains the backdrop.\n */\n retain: retain,\n /**\n * @ngdoc method\n * @name $ionicBackdrop#release\n * @description\n * Releases the backdrop.\n */\n release: release,\n\n getElement: getElement,\n\n // exposed for testing\n _element: el\n };\n\n function retain() {\n backdropHolds++;\n if (backdropHolds === 1) {\n el.addClass('visible');\n $$rAF(function() {\n // If we're still at >0 backdropHolds after async...\n if (backdropHolds >= 1) el.addClass('active');\n });\n }\n }\n function release() {\n if (backdropHolds === 1) {\n el.removeClass('active');\n $timeout(function() {\n // If we're still at 0 backdropHolds after async...\n if (backdropHolds === 0) el.removeClass('visible');\n }, 400, false);\n }\n backdropHolds = Math.max(0, backdropHolds - 1);\n }\n\n function getElement() {\n return el;\n }\n\n}]);\n\n/**\n * @private\n */\nIonicModule\n.factory('$ionicBind', ['$parse', '$interpolate', function($parse, $interpolate) {\n var LOCAL_REGEXP = /^\\s*([@=&])(\\??)\\s*(\\w*)\\s*$/;\n return function(scope, attrs, bindDefinition) {\n forEach(bindDefinition || {}, function(definition, scopeName) {\n //Adapted from angular.js $compile\n var match = definition.match(LOCAL_REGEXP) || [],\n attrName = match[3] || scopeName,\n mode = match[1], // @, =, or &\n parentGet,\n unwatch;\n\n switch (mode) {\n case '@':\n if (!attrs[attrName]) {\n return;\n }\n attrs.$observe(attrName, function(value) {\n scope[scopeName] = value;\n });\n // we trigger an interpolation to ensure\n // the value is there for use immediately\n if (attrs[attrName]) {\n scope[scopeName] = $interpolate(attrs[attrName])(scope);\n }\n break;\n\n case '=':\n if (!attrs[attrName]) {\n return;\n }\n unwatch = scope.$watch(attrs[attrName], function(value) {\n scope[scopeName] = value;\n });\n //Destroy parent scope watcher when this scope is destroyed\n scope.$on('$destroy', unwatch);\n break;\n\n case '&':\n /* jshint -W044 */\n if (attrs[attrName] && attrs[attrName].match(RegExp(scopeName + '\\(.*?\\)'))) {\n throw new Error('& expression binding \"' + scopeName + '\" looks like it will recursively call \"' +\n attrs[attrName] + '\" and cause a stack overflow! Please choose a different scopeName.');\n }\n parentGet = $parse(attrs[attrName]);\n scope[scopeName] = function(locals) {\n return parentGet(scope, locals);\n };\n break;\n }\n });\n };\n}]);\n\n/**\n * @ngdoc service\n * @name $ionicBody\n * @module ionic\n * @description An angular utility service to easily and efficiently\n * add and remove CSS classes from the document's body element.\n */\nIonicModule\n.factory('$ionicBody', ['$document', function($document) {\n return {\n /**\n * @ngdoc method\n * @name $ionicBody#add\n * @description Add a class to the document's body element.\n * @param {string} class Each argument will be added to the body element.\n * @returns {$ionicBody} The $ionicBody service so methods can be chained.\n */\n addClass: function() {\n for (var x = 0; x < arguments.length; x++) {\n $document[0].body.classList.add(arguments[x]);\n }\n return this;\n },\n /**\n * @ngdoc method\n * @name $ionicBody#removeClass\n * @description Remove a class from the document's body element.\n * @param {string} class Each argument will be removed from the body element.\n * @returns {$ionicBody} The $ionicBody service so methods can be chained.\n */\n removeClass: function() {\n for (var x = 0; x < arguments.length; x++) {\n $document[0].body.classList.remove(arguments[x]);\n }\n return this;\n },\n /**\n * @ngdoc method\n * @name $ionicBody#enableClass\n * @description Similar to the `add` method, except the first parameter accepts a boolean\n * value determining if the class should be added or removed. Rather than writing user code,\n * such as \"if true then add the class, else then remove the class\", this method can be\n * given a true or false value which reduces redundant code.\n * @param {boolean} shouldEnableClass A true/false value if the class should be added or removed.\n * @param {string} class Each remaining argument would be added or removed depending on\n * the first argument.\n * @returns {$ionicBody} The $ionicBody service so methods can be chained.\n */\n enableClass: function(shouldEnableClass) {\n var args = Array.prototype.slice.call(arguments).slice(1);\n if (shouldEnableClass) {\n this.addClass.apply(this, args);\n } else {\n this.removeClass.apply(this, args);\n }\n return this;\n },\n /**\n * @ngdoc method\n * @name $ionicBody#append\n * @description Append a child to the document's body.\n * @param {element} element The element to be appended to the body. The passed in element\n * can be either a jqLite element, or a DOM element.\n * @returns {$ionicBody} The $ionicBody service so methods can be chained.\n */\n append: function(ele) {\n $document[0].body.appendChild(ele.length ? ele[0] : ele);\n return this;\n },\n /**\n * @ngdoc method\n * @name $ionicBody#get\n * @description Get the document's body element.\n * @returns {element} Returns the document's body element.\n */\n get: function() {\n return $document[0].body;\n }\n };\n}]);\n\nIonicModule\n.factory('$ionicClickBlock', [\n '$document',\n '$ionicBody',\n '$timeout',\nfunction($document, $ionicBody, $timeout) {\n var CSS_HIDE = 'click-block-hide';\n var cbEle, fallbackTimer, pendingShow;\n\n function preventClick(ev) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n\n function addClickBlock() {\n if (pendingShow) {\n if (cbEle) {\n cbEle.classList.remove(CSS_HIDE);\n } else {\n cbEle = $document[0].createElement('div');\n cbEle.className = 'click-block';\n $ionicBody.append(cbEle);\n cbEle.addEventListener('touchstart', preventClick);\n cbEle.addEventListener('mousedown', preventClick);\n }\n pendingShow = false;\n }\n }\n\n function removeClickBlock() {\n cbEle && cbEle.classList.add(CSS_HIDE);\n }\n\n return {\n show: function(autoExpire) {\n pendingShow = true;\n $timeout.cancel(fallbackTimer);\n fallbackTimer = $timeout(this.hide, autoExpire || 310, false);\n addClickBlock();\n },\n hide: function() {\n pendingShow = false;\n $timeout.cancel(fallbackTimer);\n removeClickBlock();\n }\n };\n}]);\n\n/**\n * @ngdoc service\n * @name $ionicGesture\n * @module ionic\n * @description An angular service exposing ionic\n * {@link ionic.utility:ionic.EventController}'s gestures.\n */\nIonicModule\n.factory('$ionicGesture', [function() {\n return {\n /**\n * @ngdoc method\n * @name $ionicGesture#on\n * @description Add an event listener for a gesture on an element. See {@link ionic.utility:ionic.EventController#onGesture}.\n * @param {string} eventType The gesture event to listen for.\n * @param {function(e)} callback The function to call when the gesture\n * happens.\n * @param {element} $element The angular element to listen for the event on.\n * @param {object} options object.\n * @returns {ionic.Gesture} The gesture object (use this to remove the gesture later on).\n */\n on: function(eventType, cb, $element, options) {\n return window.ionic.onGesture(eventType, cb, $element[0], options);\n },\n /**\n * @ngdoc method\n * @name $ionicGesture#off\n * @description Remove an event listener for a gesture on an element. See {@link ionic.utility:ionic.EventController#offGesture}.\n * @param {ionic.Gesture} gesture The gesture that should be removed.\n * @param {string} eventType The gesture event to remove the listener for.\n * @param {function(e)} callback The listener to remove.\n */\n off: function(gesture, eventType, cb) {\n return window.ionic.offGesture(gesture, eventType, cb);\n }\n };\n}]);\n\n/**\n * @ngdoc service\n * @name $ionicHistory\n * @module ionic\n * @description\n * $ionicHistory keeps track of views as the user navigates through an app. Similar to the way a\n * browser behaves, an Ionic app is able to keep track of the previous view, the current view, and\n * the forward view (if there is one). However, a typical web browser only keeps track of one\n * history stack in a linear fashion.\n *\n * Unlike a traditional browser environment, apps and webapps have parallel independent histories,\n * such as with tabs. Should a user navigate few pages deep on one tab, and then switch to a new\n * tab and back, the back button relates not to the previous tab, but to the previous pages\n * visited within _that_ tab.\n *\n * `$ionicHistory` facilitates this parallel history architecture.\n */\n\nIonicModule\n.factory('$ionicHistory', [\n '$rootScope',\n '$state',\n '$location',\n '$window',\n '$timeout',\n '$ionicViewSwitcher',\n '$ionicNavViewDelegate',\nfunction($rootScope, $state, $location, $window, $timeout, $ionicViewSwitcher, $ionicNavViewDelegate) {\n\n // history actions while navigating views\n var ACTION_INITIAL_VIEW = 'initialView';\n var ACTION_NEW_VIEW = 'newView';\n var ACTION_MOVE_BACK = 'moveBack';\n var ACTION_MOVE_FORWARD = 'moveForward';\n\n // direction of navigation\n var DIRECTION_BACK = 'back';\n var DIRECTION_FORWARD = 'forward';\n var DIRECTION_ENTER = 'enter';\n var DIRECTION_EXIT = 'exit';\n var DIRECTION_SWAP = 'swap';\n var DIRECTION_NONE = 'none';\n\n var stateChangeCounter = 0;\n var lastStateId, nextViewOptions, nextViewExpireTimer, forcedNav;\n\n var viewHistory = {\n histories: { root: { historyId: 'root', parentHistoryId: null, stack: [], cursor: -1 } },\n views: {},\n backView: null,\n forwardView: null,\n currentView: null\n };\n\n var View = function() {};\n View.prototype.initialize = function(data) {\n if (data) {\n for (var name in data) this[name] = data[name];\n return this;\n }\n return null;\n };\n View.prototype.go = function() {\n\n if (this.stateName) {\n return $state.go(this.stateName, this.stateParams);\n }\n\n if (this.url && this.url !== $location.url()) {\n\n if (viewHistory.backView === this) {\n return $window.history.go(-1);\n } else if (viewHistory.forwardView === this) {\n return $window.history.go(1);\n }\n\n $location.url(this.url);\n }\n\n return null;\n };\n View.prototype.destroy = function() {\n if (this.scope) {\n this.scope.$destroy && this.scope.$destroy();\n this.scope = null;\n }\n };\n\n\n function getViewById(viewId) {\n return (viewId ? viewHistory.views[ viewId ] : null);\n }\n\n function getBackView(view) {\n return (view ? getViewById(view.backViewId) : null);\n }\n\n function getForwardView(view) {\n return (view ? getViewById(view.forwardViewId) : null);\n }\n\n function getHistoryById(historyId) {\n return (historyId ? viewHistory.histories[ historyId ] : null);\n }\n\n function getHistory(scope) {\n var histObj = getParentHistoryObj(scope);\n\n if (!viewHistory.histories[ histObj.historyId ]) {\n // this history object exists in parent scope, but doesn't\n // exist in the history data yet\n viewHistory.histories[ histObj.historyId ] = {\n historyId: histObj.historyId,\n parentHistoryId: getParentHistoryObj(histObj.scope.$parent).historyId,\n stack: [],\n cursor: -1\n };\n }\n return getHistoryById(histObj.historyId);\n }\n\n function getParentHistoryObj(scope) {\n var parentScope = scope;\n while (parentScope) {\n if (parentScope.hasOwnProperty('$historyId')) {\n // this parent scope has a historyId\n return { historyId: parentScope.$historyId, scope: parentScope };\n }\n // nothing found keep climbing up\n parentScope = parentScope.$parent;\n }\n // no history for the parent, use the root\n return { historyId: 'root', scope: $rootScope };\n }\n\n function setNavViews(viewId) {\n viewHistory.currentView = getViewById(viewId);\n viewHistory.backView = getBackView(viewHistory.currentView);\n viewHistory.forwardView = getForwardView(viewHistory.currentView);\n }\n\n function getCurrentStateId() {\n var id;\n if ($state && $state.current && $state.current.name) {\n id = $state.current.name;\n if ($state.params) {\n for (var key in $state.params) {\n if ($state.params.hasOwnProperty(key) && $state.params[key]) {\n id += \"_\" + key + \"=\" + $state.params[key];\n }\n }\n }\n return id;\n }\n // if something goes wrong make sure its got a unique stateId\n return ionic.Utils.nextUid();\n }\n\n function getCurrentStateParams() {\n var rtn;\n if ($state && $state.params) {\n for (var key in $state.params) {\n if ($state.params.hasOwnProperty(key)) {\n rtn = rtn || {};\n rtn[key] = $state.params[key];\n }\n }\n }\n return rtn;\n }\n\n\n return {\n\n register: function(parentScope, viewLocals) {\n\n var currentStateId = getCurrentStateId(),\n hist = getHistory(parentScope),\n currentView = viewHistory.currentView,\n backView = viewHistory.backView,\n forwardView = viewHistory.forwardView,\n viewId = null,\n action = null,\n direction = DIRECTION_NONE,\n historyId = hist.historyId,\n url = $location.url(),\n tmp, x, ele;\n\n if (lastStateId !== currentStateId) {\n lastStateId = currentStateId;\n stateChangeCounter++;\n }\n\n if (forcedNav) {\n // we've previously set exactly what to do\n viewId = forcedNav.viewId;\n action = forcedNav.action;\n direction = forcedNav.direction;\n forcedNav = null;\n\n } else if (backView && backView.stateId === currentStateId) {\n // they went back one, set the old current view as a forward view\n viewId = backView.viewId;\n historyId = backView.historyId;\n action = ACTION_MOVE_BACK;\n if (backView.historyId === currentView.historyId) {\n // went back in the same history\n direction = DIRECTION_BACK;\n\n } else if (currentView) {\n direction = DIRECTION_EXIT;\n\n tmp = getHistoryById(backView.historyId);\n if (tmp && tmp.parentHistoryId === currentView.historyId) {\n direction = DIRECTION_ENTER;\n\n } else {\n tmp = getHistoryById(currentView.historyId);\n if (tmp && tmp.parentHistoryId === hist.parentHistoryId) {\n direction = DIRECTION_SWAP;\n }\n }\n }\n\n } else if (forwardView && forwardView.stateId === currentStateId) {\n // they went to the forward one, set the forward view to no longer a forward view\n viewId = forwardView.viewId;\n historyId = forwardView.historyId;\n action = ACTION_MOVE_FORWARD;\n if (forwardView.historyId === currentView.historyId) {\n direction = DIRECTION_FORWARD;\n\n } else if (currentView) {\n direction = DIRECTION_EXIT;\n\n if (currentView.historyId === hist.parentHistoryId) {\n direction = DIRECTION_ENTER;\n\n } else {\n tmp = getHistoryById(currentView.historyId);\n if (tmp && tmp.parentHistoryId === hist.parentHistoryId) {\n direction = DIRECTION_SWAP;\n }\n }\n }\n\n tmp = getParentHistoryObj(parentScope);\n if (forwardView.historyId && tmp.scope) {\n // if a history has already been created by the forward view then make sure it stays the same\n tmp.scope.$historyId = forwardView.historyId;\n historyId = forwardView.historyId;\n }\n\n } else if (currentView && currentView.historyId !== historyId &&\n hist.cursor > -1 && hist.stack.length > 0 && hist.cursor < hist.stack.length &&\n hist.stack[hist.cursor].stateId === currentStateId) {\n // they just changed to a different history and the history already has views in it\n var switchToView = hist.stack[hist.cursor];\n viewId = switchToView.viewId;\n historyId = switchToView.historyId;\n action = ACTION_MOVE_BACK;\n direction = DIRECTION_SWAP;\n\n tmp = getHistoryById(currentView.historyId);\n if (tmp && tmp.parentHistoryId === historyId) {\n direction = DIRECTION_EXIT;\n\n } else {\n tmp = getHistoryById(historyId);\n if (tmp && tmp.parentHistoryId === currentView.historyId) {\n direction = DIRECTION_ENTER;\n }\n }\n\n // if switching to a different history, and the history of the view we're switching\n // to has an existing back view from a different history than itself, then\n // it's back view would be better represented using the current view as its back view\n tmp = getViewById(switchToView.backViewId);\n if (tmp && switchToView.historyId !== tmp.historyId) {\n hist.stack[hist.cursor].backViewId = currentView.viewId;\n }\n\n } else {\n\n // create an element from the viewLocals template\n ele = $ionicViewSwitcher.createViewEle(viewLocals);\n if (this.isAbstractEle(ele, viewLocals)) {\n void 0;\n return {\n action: 'abstractView',\n direction: DIRECTION_NONE,\n ele: ele\n };\n }\n\n // set a new unique viewId\n viewId = ionic.Utils.nextUid();\n\n if (currentView) {\n // set the forward view if there is a current view (ie: if its not the first view)\n currentView.forwardViewId = viewId;\n\n action = ACTION_NEW_VIEW;\n\n // check if there is a new forward view within the same history\n if (forwardView && currentView.stateId !== forwardView.stateId &&\n currentView.historyId === forwardView.historyId) {\n // they navigated to a new view but the stack already has a forward view\n // since its a new view remove any forwards that existed\n tmp = getHistoryById(forwardView.historyId);\n if (tmp) {\n // the forward has a history\n for (x = tmp.stack.length - 1; x >= forwardView.index; x--) {\n // starting from the end destroy all forwards in this history from this point\n var stackItem = tmp.stack[x];\n stackItem && stackItem.destroy && stackItem.destroy();\n tmp.stack.splice(x);\n }\n historyId = forwardView.historyId;\n }\n }\n\n // its only moving forward if its in the same history\n if (hist.historyId === currentView.historyId) {\n direction = DIRECTION_FORWARD;\n\n } else if (currentView.historyId !== hist.historyId) {\n direction = DIRECTION_ENTER;\n\n tmp = getHistoryById(currentView.historyId);\n if (tmp && tmp.parentHistoryId === hist.parentHistoryId) {\n direction = DIRECTION_SWAP;\n\n } else {\n tmp = getHistoryById(tmp.parentHistoryId);\n if (tmp && tmp.historyId === hist.historyId) {\n direction = DIRECTION_EXIT;\n }\n }\n }\n\n } else {\n // there's no current view, so this must be the initial view\n action = ACTION_INITIAL_VIEW;\n }\n\n if (stateChangeCounter < 2) {\n // views that were spun up on the first load should not animate\n direction = DIRECTION_NONE;\n }\n\n // add the new view\n viewHistory.views[viewId] = this.createView({\n viewId: viewId,\n index: hist.stack.length,\n historyId: hist.historyId,\n backViewId: (currentView && currentView.viewId ? currentView.viewId : null),\n forwardViewId: null,\n stateId: currentStateId,\n stateName: this.currentStateName(),\n stateParams: getCurrentStateParams(),\n url: url,\n canSwipeBack: canSwipeBack(ele, viewLocals)\n });\n\n // add the new view to this history's stack\n hist.stack.push(viewHistory.views[viewId]);\n }\n\n $timeout.cancel(nextViewExpireTimer);\n if (nextViewOptions) {\n if (nextViewOptions.disableAnimate) direction = DIRECTION_NONE;\n if (nextViewOptions.disableBack) viewHistory.views[viewId].backViewId = null;\n if (nextViewOptions.historyRoot) {\n for (x = 0; x < hist.stack.length; x++) {\n if (hist.stack[x].viewId === viewId) {\n hist.stack[x].index = 0;\n hist.stack[x].backViewId = hist.stack[x].forwardViewId = null;\n } else {\n delete viewHistory.views[hist.stack[x].viewId];\n }\n }\n hist.stack = [viewHistory.views[viewId]];\n }\n nextViewOptions = null;\n }\n\n setNavViews(viewId);\n\n if (viewHistory.backView && historyId == viewHistory.backView.historyId && currentStateId == viewHistory.backView.stateId && url == viewHistory.backView.url) {\n for (x = 0; x < hist.stack.length; x++) {\n if (hist.stack[x].viewId == viewId) {\n action = 'dupNav';\n direction = DIRECTION_NONE;\n if (x > 0) {\n hist.stack[x - 1].forwardViewId = null;\n }\n viewHistory.forwardView = null;\n viewHistory.currentView.index = viewHistory.backView.index;\n viewHistory.currentView.backViewId = viewHistory.backView.backViewId;\n viewHistory.backView = getBackView(viewHistory.backView);\n hist.stack.splice(x, 1);\n break;\n }\n }\n }\n\n void 0;\n\n hist.cursor = viewHistory.currentView.index;\n\n return {\n viewId: viewId,\n action: action,\n direction: direction,\n historyId: historyId,\n enableBack: this.enabledBack(viewHistory.currentView),\n isHistoryRoot: (viewHistory.currentView.index === 0),\n ele: ele\n };\n },\n\n registerHistory: function(scope) {\n scope.$historyId = ionic.Utils.nextUid();\n },\n\n createView: function(data) {\n var newView = new View();\n return newView.initialize(data);\n },\n\n getViewById: getViewById,\n\n /**\n * @ngdoc method\n * @name $ionicHistory#viewHistory\n * @description The app's view history data, such as all the views and histories, along\n * with how they are ordered and linked together within the navigation stack.\n * @returns {object} Returns an object containing the apps view history data.\n */\n viewHistory: function() {\n return viewHistory;\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#currentView\n * @description The app's current view.\n * @returns {object} Returns the current view.\n */\n currentView: function(view) {\n if (arguments.length) {\n viewHistory.currentView = view;\n }\n return viewHistory.currentView;\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#currentHistoryId\n * @description The ID of the history stack which is the parent container of the current view.\n * @returns {string} Returns the current history ID.\n */\n currentHistoryId: function() {\n return viewHistory.currentView ? viewHistory.currentView.historyId : null;\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#currentTitle\n * @description Gets and sets the current view's title.\n * @param {string=} val The title to update the current view with.\n * @returns {string} Returns the current view's title.\n */\n currentTitle: function(val) {\n if (viewHistory.currentView) {\n if (arguments.length) {\n viewHistory.currentView.title = val;\n }\n return viewHistory.currentView.title;\n }\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#backView\n * @description Returns the view that was before the current view in the history stack.\n * If the user navigated from View A to View B, then View A would be the back view, and\n * View B would be the current view.\n * @returns {object} Returns the back view.\n */\n backView: function(view) {\n if (arguments.length) {\n viewHistory.backView = view;\n }\n return viewHistory.backView;\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#backTitle\n * @description Gets the back view's title.\n * @returns {string} Returns the back view's title.\n */\n backTitle: function(view) {\n var backView = (view && getViewById(view.backViewId)) || viewHistory.backView;\n return backView && backView.title;\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#forwardView\n * @description Returns the view that was in front of the current view in the history stack.\n * A forward view would exist if the user navigated from View A to View B, then\n * navigated back to View A. At this point then View B would be the forward view, and View\n * A would be the current view.\n * @returns {object} Returns the forward view.\n */\n forwardView: function(view) {\n if (arguments.length) {\n viewHistory.forwardView = view;\n }\n return viewHistory.forwardView;\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#currentStateName\n * @description Returns the current state name.\n * @returns {string}\n */\n currentStateName: function() {\n return ($state && $state.current ? $state.current.name : null);\n },\n\n isCurrentStateNavView: function(navView) {\n return !!($state && $state.current && $state.current.views && $state.current.views[navView]);\n },\n\n goToHistoryRoot: function(historyId) {\n if (historyId) {\n var hist = getHistoryById(historyId);\n if (hist && hist.stack.length) {\n if (viewHistory.currentView && viewHistory.currentView.viewId === hist.stack[0].viewId) {\n return;\n }\n forcedNav = {\n viewId: hist.stack[0].viewId,\n action: ACTION_MOVE_BACK,\n direction: DIRECTION_BACK\n };\n hist.stack[0].go();\n }\n }\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#goBack\n * @param {number=} backCount Optional negative integer setting how many views to go\n * back. By default it'll go back one view by using the value `-1`. To go back two\n * views you would use `-2`. If the number goes farther back than the number of views\n * in the current history's stack then it'll go to the first view in the current history's\n * stack. If the number is zero or greater then it'll do nothing. It also does not\n * cross history stacks, meaning it can only go as far back as the current history.\n * @description Navigates the app to the back view, if a back view exists.\n */\n goBack: function(backCount) {\n if (isDefined(backCount) && backCount !== -1) {\n if (backCount > -1) return;\n\n var currentHistory = viewHistory.histories[this.currentHistoryId()];\n var newCursor = currentHistory.cursor + backCount + 1;\n if (newCursor < 1) {\n newCursor = 1;\n }\n\n currentHistory.cursor = newCursor;\n setNavViews(currentHistory.stack[newCursor].viewId);\n\n var cursor = newCursor - 1;\n var clearStateIds = [];\n var fwdView = getViewById(currentHistory.stack[cursor].forwardViewId);\n while (fwdView) {\n clearStateIds.push(fwdView.stateId || fwdView.viewId);\n cursor++;\n if (cursor >= currentHistory.stack.length) break;\n fwdView = getViewById(currentHistory.stack[cursor].forwardViewId);\n }\n\n var self = this;\n if (clearStateIds.length) {\n $timeout(function() {\n self.clearCache(clearStateIds);\n }, 600);\n }\n }\n\n viewHistory.backView && viewHistory.backView.go();\n },\n\n\n enabledBack: function(view) {\n var backView = getBackView(view);\n return !!(backView && backView.historyId === view.historyId);\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#clearHistory\n * @description Clears out the app's entire history, except for the current view.\n */\n clearHistory: function() {\n var\n histories = viewHistory.histories,\n currentView = viewHistory.currentView;\n\n if (histories) {\n for (var historyId in histories) {\n\n if (histories[historyId].stack) {\n histories[historyId].stack = [];\n histories[historyId].cursor = -1;\n }\n\n if (currentView && currentView.historyId === historyId) {\n currentView.backViewId = currentView.forwardViewId = null;\n histories[historyId].stack.push(currentView);\n } else if (histories[historyId].destroy) {\n histories[historyId].destroy();\n }\n\n }\n }\n\n for (var viewId in viewHistory.views) {\n if (viewId !== currentView.viewId) {\n delete viewHistory.views[viewId];\n }\n }\n\n if (currentView) {\n setNavViews(currentView.viewId);\n }\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#clearCache\n * @description Removes all cached views within every {@link ionic.directive:ionNavView}.\n * This both removes the view element from the DOM, and destroy it's scope.\n */\n clearCache: function(stateIds) {\n $timeout(function() {\n $ionicNavViewDelegate._instances.forEach(function(instance) {\n instance.clearCache(stateIds);\n });\n });\n },\n\n /**\n * @ngdoc method\n * @name $ionicHistory#nextViewOptions\n * @description Sets options for the next view. This method can be useful to override\n * certain view/transition defaults right before a view transition happens. For example,\n * the {@link ionic.directive:menuClose} directive uses this method internally to ensure\n * an animated view transition does not happen when a side menu is open, and also sets\n * the next view as the root of its history stack. After the transition these options\n * are set back to null.\n *\n * Available options:\n *\n * * `disableAnimate`: Do not animate the next transition.\n * * `disableBack`: The next view should forget its back view, and set it to null.\n * * `historyRoot`: The next view should become the root view in its history stack.\n *\n * ```js\n * $ionicHistory.nextViewOptions({\n * disableAnimate: true,\n * disableBack: true\n * });\n * ```\n */\n nextViewOptions: function(opts) {\n if (arguments.length) {\n $timeout.cancel(nextViewExpireTimer);\n if (opts === null) {\n nextViewOptions = opts;\n } else {\n nextViewOptions = nextViewOptions || {};\n extend(nextViewOptions, opts);\n if (nextViewOptions.expire) {\n nextViewExpireTimer = $timeout(function() {\n nextViewOptions = null;\n }, nextViewOptions.expire);\n }\n }\n }\n return nextViewOptions;\n },\n\n isAbstractEle: function(ele, viewLocals) {\n if (viewLocals && viewLocals.$$state && viewLocals.$$state.self['abstract']) {\n return true;\n }\n return !!(ele && (isAbstractTag(ele) || isAbstractTag(ele.children())));\n },\n\n isActiveScope: function(scope) {\n if (!scope) return false;\n\n var climbScope = scope;\n var currentHistoryId = this.currentHistoryId();\n var foundHistoryId;\n\n while (climbScope) {\n if (climbScope.$$disconnected) {\n return false;\n }\n\n if (!foundHistoryId && climbScope.hasOwnProperty('$historyId')) {\n foundHistoryId = true;\n }\n\n if (currentHistoryId) {\n if (climbScope.hasOwnProperty('$historyId') && currentHistoryId == climbScope.$historyId) {\n return true;\n }\n if (climbScope.hasOwnProperty('$activeHistoryId')) {\n if (currentHistoryId == climbScope.$activeHistoryId) {\n if (climbScope.hasOwnProperty('$historyId')) {\n return true;\n }\n if (!foundHistoryId) {\n return true;\n }\n }\n }\n }\n\n if (foundHistoryId && climbScope.hasOwnProperty('$activeHistoryId')) {\n foundHistoryId = false;\n }\n\n climbScope = climbScope.$parent;\n }\n\n return currentHistoryId ? currentHistoryId == 'root' : true;\n }\n\n };\n\n function isAbstractTag(ele) {\n return ele && ele.length && /ion-side-menus|ion-tabs/i.test(ele[0].tagName);\n }\n\n function canSwipeBack(ele, viewLocals) {\n if (viewLocals && viewLocals.$$state && viewLocals.$$state.self.canSwipeBack === false) {\n return false;\n }\n if (ele && ele.attr('can-swipe-back') === 'false') {\n return false;\n }\n return true;\n }\n\n}])\n\n.run([\n '$rootScope',\n '$state',\n '$location',\n '$document',\n '$ionicPlatform',\n '$ionicHistory',\n 'IONIC_BACK_PRIORITY',\nfunction($rootScope, $state, $location, $document, $ionicPlatform, $ionicHistory, IONIC_BACK_PRIORITY) {\n\n // always reset the keyboard state when change stage\n $rootScope.$on('$ionicView.beforeEnter', function() {\n ionic.keyboard && ionic.keyboard.hide && ionic.keyboard.hide();\n });\n\n $rootScope.$on('$ionicHistory.change', function(e, data) {\n if (!data) return null;\n\n var viewHistory = $ionicHistory.viewHistory();\n\n var hist = (data.historyId ? viewHistory.histories[ data.historyId ] : null);\n if (hist && hist.cursor > -1 && hist.cursor < hist.stack.length) {\n // the history they're going to already exists\n // go to it's last view in its stack\n var view = hist.stack[ hist.cursor ];\n return view.go(data);\n }\n\n // this history does not have a URL, but it does have a uiSref\n // figure out its URL from the uiSref\n if (!data.url && data.uiSref) {\n data.url = $state.href(data.uiSref);\n }\n\n if (data.url) {\n // don't let it start with a #, messes with $location.url()\n if (data.url.indexOf('#') === 0) {\n data.url = data.url.replace('#', '');\n }\n if (data.url !== $location.url()) {\n // we've got a good URL, ready GO!\n $location.url(data.url);\n }\n }\n });\n\n $rootScope.$ionicGoBack = function(backCount) {\n $ionicHistory.goBack(backCount);\n };\n\n // Set the document title when a new view is shown\n $rootScope.$on('$ionicView.afterEnter', function(ev, data) {\n if (data && data.title) {\n $document[0].title = data.title;\n }\n });\n\n // Triggered when devices with a hardware back button (Android) is clicked by the user\n // This is a Cordova/Phonegap platform specifc method\n function onHardwareBackButton(e) {\n var backView = $ionicHistory.backView();\n if (backView) {\n // there is a back view, go to it\n backView.go();\n } else {\n // there is no back view, so close the app instead\n ionic.Platform.exitApp();\n }\n e.preventDefault();\n return false;\n }\n $ionicPlatform.registerBackButtonAction(\n onHardwareBackButton,\n IONIC_BACK_PRIORITY.view\n );\n\n}]);\n\n/**\n * @ngdoc provider\n * @name $ionicConfigProvider\n * @module ionic\n * @description\n * Ionic automatically takes platform configurations into account to adjust things like what\n * transition style to use and whether tab icons should show on the top or bottom. For example,\n * iOS will move forward by transitioning the entering view from right to center and the leaving\n * view from center to left. However, Android will transition with the entering view going from\n * bottom to center, covering the previous view, which remains stationary. It should be noted\n * that when a platform is not iOS or Android, then it'll default to iOS. So if you are\n * developing on a desktop browser, it's going to take on iOS default configs.\n *\n * These configs can be changed using the `$ionicConfigProvider` during the configuration phase\n * of your app. Additionally, `$ionicConfig` can also set and get config values during the run\n * phase and within the app itself.\n *\n * By default, all base config variables are set to `'platform'`, which means it'll take on the\n * default config of the platform on which it's running. Config variables can be set at this\n * level so all platforms follow the same setting, rather than its platform config.\n * The following code would set the same config variable for all platforms:\n *\n * ```js\n * $ionicConfigProvider.views.maxCache(10);\n * ```\n *\n * Additionally, each platform can have it's own config within the `$ionicConfigProvider.platform`\n * property. The config below would only apply to Android devices.\n *\n * ```js\n * $ionicConfigProvider.platform.android.views.maxCache(5);\n * ```\n *\n * @usage\n * ```js\n * var myApp = angular.module('reallyCoolApp', ['ionic']);\n *\n * myApp.config(function($ionicConfigProvider) {\n * $ionicConfigProvider.views.maxCache(5);\n *\n * // note that you can also chain configs\n * $ionicConfigProvider.backButton.text('Go Back').icon('ion-chevron-left');\n * });\n * ```\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#views.transition\n * @description Animation style when transitioning between views. Default `platform`.\n *\n * @param {string} transition Which style of view transitioning to use.\n *\n * * `platform`: Dynamically choose the correct transition style depending on the platform\n * the app is running from. If the platform is not `ios` or `android` then it will default\n * to `ios`.\n * * `ios`: iOS style transition.\n * * `android`: Android style transition.\n * * `none`: Do not perform animated transitions.\n *\n * @returns {string} value\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#views.maxCache\n * @description Maximum number of view elements to cache in the DOM. When the max number is\n * exceeded, the view with the longest time period since it was accessed is removed. Views that\n * stay in the DOM cache the view's scope, current state, and scroll position. The scope is\n * disconnected from the `$watch` cycle when it is cached and reconnected when it enters again.\n * When the maximum cache is `0`, the leaving view's element will be removed from the DOM after\n * each view transition, and the next time the same view is shown, it will have to re-compile,\n * attach to the DOM, and link the element again. This disables caching, in effect.\n * @param {number} maxNumber Maximum number of views to retain. Default `10`.\n * @returns {number} How many views Ionic will hold onto until the a view is removed.\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#views.forwardCache\n * @description By default, when navigating, views that were recently visited are cached, and\n * the same instance data and DOM elements are referenced when navigating back. However, when\n * navigating back in the history, the \"forward\" views are removed from the cache. If you\n * navigate forward to the same view again, it'll create a new DOM element and controller\n * instance. Basically, any forward views are reset each time. Set this config to `true` to have\n * forward views cached and not reset on each load.\n * @param {boolean} value\n * @returns {boolean}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#scrolling.jsScrolling\n * @description Whether to use JS or Native scrolling. Defaults to JS scrolling. Setting this to\n * `false` has the same effect as setting each `ion-content` to have `overflow-scroll='true'`.\n * @param {boolean} value Defaults to `true`\n * @returns {boolean}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#backButton.icon\n * @description Back button icon.\n * @param {string} value\n * @returns {string}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#backButton.text\n * @description Back button text.\n * @param {string} value Defaults to `Back`.\n * @returns {string}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#backButton.previousTitleText\n * @description If the previous title text should become the back button text. This\n * is the default for iOS.\n * @param {boolean} value\n * @returns {boolean}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#form.checkbox\n * @description Checkbox style. Android defaults to `square` and iOS defaults to `circle`.\n * @param {string} value\n * @returns {string}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#form.toggle\n * @description Toggle item style. Android defaults to `small` and iOS defaults to `large`.\n * @param {string} value\n * @returns {string}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#tabs.style\n * @description Tab style. Android defaults to `striped` and iOS defaults to `standard`.\n * @param {string} value Available values include `striped` and `standard`.\n * @returns {string}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#tabs.position\n * @description Tab position. Android defaults to `top` and iOS defaults to `bottom`.\n * @param {string} value Available values include `top` and `bottom`.\n * @returns {string}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#templates.maxPrefetch\n * @description Sets the maximum number of templates to prefetch from the templateUrls defined in\n * $stateProvider.state. If set to `0`, the user will have to wait\n * for a template to be fetched the first time when navigating to a new page. Default `30`.\n * @param {integer} value Max number of template to prefetch from the templateUrls defined in\n * `$stateProvider.state()`.\n * @returns {integer}\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#navBar.alignTitle\n * @description Which side of the navBar to align the title. Default `center`.\n *\n * @param {string} value side of the navBar to align the title.\n *\n * * `platform`: Dynamically choose the correct title style depending on the platform\n * the app is running from. If the platform is `ios`, it will default to `center`.\n * If the platform is `android`, it will default to `left`. If the platform is not\n * `ios` or `android`, it will default to `center`.\n *\n * * `left`: Left align the title in the navBar\n * * `center`: Center align the title in the navBar\n * * `right`: Right align the title in the navBar.\n *\n * @returns {string} value\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#navBar.positionPrimaryButtons\n * @description Which side of the navBar to align the primary navBar buttons. Default `left`.\n *\n * @param {string} value side of the navBar to align the primary navBar buttons.\n *\n * * `platform`: Dynamically choose the correct title style depending on the platform\n * the app is running from. If the platform is `ios`, it will default to `left`.\n * If the platform is `android`, it will default to `right`. If the platform is not\n * `ios` or `android`, it will default to `left`.\n *\n * * `left`: Left align the primary navBar buttons in the navBar\n * * `right`: Right align the primary navBar buttons in the navBar.\n *\n * @returns {string} value\n */\n\n/**\n * @ngdoc method\n * @name $ionicConfigProvider#navBar.positionSecondaryButtons\n * @description Which side of the navBar to align the secondary navBar buttons. Default `right`.\n *\n * @param {string} value side of the navBar to align the secondary navBar buttons.\n *\n * * `platform`: Dynamically choose the correct title style depending on the platform\n * the app is running from. If the platform is `ios`, it will default to `right`.\n * If the platform is `android`, it will default to `right`. If the platform is not\n * `ios` or `android`, it will default to `right`.\n *\n * * `left`: Left align the secondary navBar buttons in the navBar\n * * `right`: Right align the secondary navBar buttons in the navBar.\n *\n * @returns {string} value\n */\n\nIonicModule\n.provider('$ionicConfig', function() {\n\n var provider = this;\n provider.platform = {};\n var PLATFORM = 'platform';\n\n var configProperties = {\n views: {\n maxCache: PLATFORM,\n forwardCache: PLATFORM,\n transition: PLATFORM,\n swipeBackEnabled: PLATFORM,\n swipeBackHitWidth: PLATFORM\n },\n navBar: {\n alignTitle: PLATFORM,\n positionPrimaryButtons: PLATFORM,\n positionSecondaryButtons: PLATFORM,\n transition: PLATFORM\n },\n backButton: {\n icon: PLATFORM,\n text: PLATFORM,\n previousTitleText: PLATFORM\n },\n form: {\n checkbox: PLATFORM,\n toggle: PLATFORM\n },\n scrolling: {\n jsScrolling: PLATFORM\n },\n tabs: {\n style: PLATFORM,\n position: PLATFORM\n },\n templates: {\n maxPrefetch: PLATFORM\n },\n platform: {}\n };\n createConfig(configProperties, provider, '');\n\n\n\n // Default\n // -------------------------\n setPlatformConfig('default', {\n\n views: {\n maxCache: 10,\n forwardCache: false,\n transition: 'ios',\n swipeBackEnabled: true,\n swipeBackHitWidth: 45\n },\n\n navBar: {\n alignTitle: 'center',\n positionPrimaryButtons: 'left',\n positionSecondaryButtons: 'right',\n transition: 'view'\n },\n\n backButton: {\n icon: 'ion-ios-arrow-back',\n text: 'Back',\n previousTitleText: true\n },\n\n form: {\n checkbox: 'circle',\n toggle: 'large'\n },\n\n scrolling: {\n jsScrolling: true\n },\n\n tabs: {\n style: 'standard',\n position: 'bottom'\n },\n\n templates: {\n maxPrefetch: 30\n }\n\n });\n\n\n\n // iOS (it is the default already)\n // -------------------------\n setPlatformConfig('ios', {});\n\n\n\n // Android\n // -------------------------\n setPlatformConfig('android', {\n\n views: {\n transition: 'android',\n swipeBackEnabled: false\n },\n\n navBar: {\n alignTitle: 'left',\n positionPrimaryButtons: 'right',\n positionSecondaryButtons: 'right'\n },\n\n backButton: {\n icon: 'ion-android-arrow-back',\n text: false,\n previousTitleText: false\n },\n\n form: {\n checkbox: 'square',\n toggle: 'small'\n },\n\n tabs: {\n style: 'striped',\n position: 'top'\n }\n\n });\n\n // Windows Phone\n // -------------------------\n setPlatformConfig('windowsphone', {\n //scrolling: {\n // jsScrolling: false\n //}\n });\n\n\n provider.transitions = {\n views: {},\n navBar: {}\n };\n\n\n // iOS Transitions\n // -----------------------\n provider.transitions.views.ios = function(enteringEle, leavingEle, direction, shouldAnimate) {\n\n function setStyles(ele, opacity, x, boxShadowOpacity) {\n var css = {};\n css[ionic.CSS.TRANSITION_DURATION] = d.shouldAnimate ? '' : 0;\n css.opacity = opacity;\n if (boxShadowOpacity > -1) {\n css.boxShadow = '0 0 10px rgba(0,0,0,' + (d.shouldAnimate ? boxShadowOpacity * 0.45 : 0.3) + ')';\n }\n css[ionic.CSS.TRANSFORM] = 'translate3d(' + x + '%,0,0)';\n ionic.DomUtil.cachedStyles(ele, css);\n }\n\n var d = {\n run: function(step) {\n if (direction == 'forward') {\n setStyles(enteringEle, 1, (1 - step) * 99, 1 - step); // starting at 98% prevents a flicker\n setStyles(leavingEle, (1 - 0.1 * step), step * -33, -1);\n\n } else if (direction == 'back') {\n setStyles(enteringEle, (1 - 0.1 * (1 - step)), (1 - step) * -33, -1);\n setStyles(leavingEle, 1, step * 100, 1 - step);\n\n } else {\n // swap, enter, exit\n setStyles(enteringEle, 1, 0, -1);\n setStyles(leavingEle, 0, 0, -1);\n }\n },\n shouldAnimate: shouldAnimate && (direction == 'forward' || direction == 'back')\n };\n\n return d;\n };\n\n provider.transitions.navBar.ios = function(enteringHeaderBar, leavingHeaderBar, direction, shouldAnimate) {\n\n function setStyles(ctrl, opacity, titleX, backTextX) {\n var css = {};\n css[ionic.CSS.TRANSITION_DURATION] = d.shouldAnimate ? '' : '0ms';\n css.opacity = opacity === 1 ? '' : opacity;\n\n ctrl.setCss('buttons-left', css);\n ctrl.setCss('buttons-right', css);\n ctrl.setCss('back-button', css);\n\n css[ionic.CSS.TRANSFORM] = 'translate3d(' + backTextX + 'px,0,0)';\n ctrl.setCss('back-text', css);\n\n css[ionic.CSS.TRANSFORM] = 'translate3d(' + titleX + 'px,0,0)';\n ctrl.setCss('title', css);\n }\n\n function enter(ctrlA, ctrlB, step) {\n if (!ctrlA || !ctrlB) return;\n var titleX = (ctrlA.titleTextX() + ctrlA.titleWidth()) * (1 - step);\n var backTextX = (ctrlB && (ctrlB.titleTextX() - ctrlA.backButtonTextLeft()) * (1 - step)) || 0;\n setStyles(ctrlA, step, titleX, backTextX);\n }\n\n function leave(ctrlA, ctrlB, step) {\n if (!ctrlA || !ctrlB) return;\n var titleX = (-(ctrlA.titleTextX() - ctrlB.backButtonTextLeft()) - (ctrlA.titleLeftRight())) * step;\n setStyles(ctrlA, 1 - step, titleX, 0);\n }\n\n var d = {\n run: function(step) {\n var enteringHeaderCtrl = enteringHeaderBar.controller();\n var leavingHeaderCtrl = leavingHeaderBar && leavingHeaderBar.controller();\n if (d.direction == 'back') {\n leave(enteringHeaderCtrl, leavingHeaderCtrl, 1 - step);\n enter(leavingHeaderCtrl, enteringHeaderCtrl, 1 - step);\n } else {\n enter(enteringHeaderCtrl, leavingHeaderCtrl, step);\n leave(leavingHeaderCtrl, enteringHeaderCtrl, step);\n }\n },\n direction: direction,\n shouldAnimate: shouldAnimate && (direction == 'forward' || direction == 'back')\n };\n\n return d;\n };\n\n\n // Android Transitions\n // -----------------------\n\n provider.transitions.views.android = function(enteringEle, leavingEle, direction, shouldAnimate) {\n shouldAnimate = shouldAnimate && (direction == 'forward' || direction == 'back');\n\n function setStyles(ele, x) {\n var css = {};\n css[ionic.CSS.TRANSITION_DURATION] = d.shouldAnimate ? '' : 0;\n css[ionic.CSS.TRANSFORM] = 'translate3d(' + x + '%,0,0)';\n ionic.DomUtil.cachedStyles(ele, css);\n }\n\n var d = {\n run: function(step) {\n if (direction == 'forward') {\n setStyles(enteringEle, (1 - step) * 99); // starting at 98% prevents a flicker\n setStyles(leavingEle, step * -100);\n\n } else if (direction == 'back') {\n setStyles(enteringEle, (1 - step) * -100);\n setStyles(leavingEle, step * 100);\n\n } else {\n // swap, enter, exit\n setStyles(enteringEle, 0);\n setStyles(leavingEle, 0);\n }\n },\n shouldAnimate: shouldAnimate\n };\n\n return d;\n };\n\n provider.transitions.navBar.android = function(enteringHeaderBar, leavingHeaderBar, direction, shouldAnimate) {\n\n function setStyles(ctrl, opacity) {\n if (!ctrl) return;\n var css = {};\n css.opacity = opacity === 1 ? '' : opacity;\n\n ctrl.setCss('buttons-left', css);\n ctrl.setCss('buttons-right', css);\n ctrl.setCss('back-button', css);\n ctrl.setCss('back-text', css);\n ctrl.setCss('title', css);\n }\n\n return {\n run: function(step) {\n setStyles(enteringHeaderBar.controller(), step);\n setStyles(leavingHeaderBar && leavingHeaderBar.controller(), 1 - step);\n },\n shouldAnimate: shouldAnimate && (direction == 'forward' || direction == 'back')\n };\n };\n\n\n // No Transition\n // -----------------------\n\n provider.transitions.views.none = function(enteringEle, leavingEle) {\n return {\n run: function(step) {\n provider.transitions.views.android(enteringEle, leavingEle, false, false).run(step);\n },\n shouldAnimate: false\n };\n };\n\n provider.transitions.navBar.none = function(enteringHeaderBar, leavingHeaderBar) {\n return {\n run: function(step) {\n provider.transitions.navBar.ios(enteringHeaderBar, leavingHeaderBar, false, false).run(step);\n provider.transitions.navBar.android(enteringHeaderBar, leavingHeaderBar, false, false).run(step);\n },\n shouldAnimate: false\n };\n };\n\n\n // private: used to set platform configs\n function setPlatformConfig(platformName, platformConfigs) {\n configProperties.platform[platformName] = platformConfigs;\n provider.platform[platformName] = {};\n\n addConfig(configProperties, configProperties.platform[platformName]);\n\n createConfig(configProperties.platform[platformName], provider.platform[platformName], '');\n }\n\n\n // private: used to recursively add new platform configs\n function addConfig(configObj, platformObj) {\n for (var n in configObj) {\n if (n != PLATFORM && configObj.hasOwnProperty(n)) {\n if (angular.isObject(configObj[n])) {\n if (!isDefined(platformObj[n])) {\n platformObj[n] = {};\n }\n addConfig(configObj[n], platformObj[n]);\n\n } else if (!isDefined(platformObj[n])) {\n platformObj[n] = null;\n }\n }\n }\n }\n\n\n // private: create methods for each config to get/set\n function createConfig(configObj, providerObj, platformPath) {\n forEach(configObj, function(value, namespace) {\n\n if (angular.isObject(configObj[namespace])) {\n // recursively drill down the config object so we can create a method for each one\n providerObj[namespace] = {};\n createConfig(configObj[namespace], providerObj[namespace], platformPath + '.' + namespace);\n\n } else {\n // create a method for the provider/config methods that will be exposed\n providerObj[namespace] = function(newValue) {\n if (arguments.length) {\n configObj[namespace] = newValue;\n return providerObj;\n }\n if (configObj[namespace] == PLATFORM) {\n // if the config is set to 'platform', then get this config's platform value\n var platformConfig = stringObj(configProperties.platform, ionic.Platform.platform() + platformPath + '.' + namespace);\n if (platformConfig || platformConfig === false) {\n return platformConfig;\n }\n // didnt find a specific platform config, now try the default\n return stringObj(configProperties.platform, 'default' + platformPath + '.' + namespace);\n }\n return configObj[namespace];\n };\n }\n\n });\n }\n\n function stringObj(obj, str) {\n str = str.split(\".\");\n for (var i = 0; i < str.length; i++) {\n if (obj && isDefined(obj[str[i]])) {\n obj = obj[str[i]];\n } else {\n return null;\n }\n }\n return obj;\n }\n\n provider.setPlatformConfig = setPlatformConfig;\n\n\n // private: Service definition for internal Ionic use\n /**\n * @ngdoc service\n * @name $ionicConfig\n * @module ionic\n * @private\n */\n provider.$get = function() {\n return provider;\n };\n})\n// Fix for URLs in Cordova apps on Windows Phone\n// http://blogs.msdn.com/b/msdn_answers/archive/2015/02/10/\n// running-cordova-apps-on-windows-and-windows-phone-8-1-using-ionic-angularjs-and-other-frameworks.aspx\n.config(['$compileProvider', function($compileProvider) {\n $compileProvider.aHrefSanitizationWhitelist(/^\\s*(https?|tel|ftp|mailto|file|ghttps?|ms-appx|x-wmapp0):/);\n $compileProvider.imgSrcSanitizationWhitelist(/^\\s*(https?|tel|ftp|file|blob|ms-appx|x-wmapp0):|data:image\\//);\n}]);\n\n\nvar LOADING_TPL =\n '` element.\n *\n * **Notes:**\n * - A modal will broadcast 'modal.shown', 'modal.hidden', and 'modal.removed' events from its originating\n * scope, passing in itself as an event argument. Both the modal.removed and modal.hidden events are\n * called when the modal is removed.\n *\n * - This example assumes your modal is in your main index file or another template file. If it is in its own\n * template file, remove the script tags and call it by file name.\n *\n * @usage\n * ```html\n * \n * ```\n * ```js\n * angular.module('testApp', ['ionic'])\n * .controller('MyController', function($scope, $ionicModal) {\n * $ionicModal.fromTemplateUrl('my-modal.html', {\n * scope: $scope,\n * animation: 'slide-in-up'\n * }).then(function(modal) {\n * $scope.modal = modal;\n * });\n * $scope.openModal = function() {\n * $scope.modal.show();\n * };\n * $scope.closeModal = function() {\n * $scope.modal.hide();\n * };\n * //Cleanup the modal when we're done with it!\n * $scope.$on('$destroy', function() {\n * $scope.modal.remove();\n * });\n * // Execute action on hide modal\n * $scope.$on('modal.hidden', function() {\n * // Execute action\n * });\n * // Execute action on remove modal\n * $scope.$on('modal.removed', function() {\n * // Execute action\n * });\n * });\n * ```\n */\nIonicModule\n.factory('$ionicModal', [\n '$rootScope',\n '$ionicBody',\n '$compile',\n '$timeout',\n '$ionicPlatform',\n '$ionicTemplateLoader',\n '$$q',\n '$log',\n '$ionicClickBlock',\n '$window',\n 'IONIC_BACK_PRIORITY',\nfunction($rootScope, $ionicBody, $compile, $timeout, $ionicPlatform, $ionicTemplateLoader, $$q, $log, $ionicClickBlock, $window, IONIC_BACK_PRIORITY) {\n\n /**\n * @ngdoc controller\n * @name ionicModal\n * @module ionic\n * @description\n * Instantiated by the {@link ionic.service:$ionicModal} service.\n *\n * Be sure to call [remove()](#remove) when you are done with each modal\n * to clean it up and avoid memory leaks.\n *\n * Note: a modal will broadcast 'modal.shown', 'modal.hidden', and 'modal.removed' events from its originating\n * scope, passing in itself as an event argument. Note: both modal.removed and modal.hidden are\n * called when the modal is removed.\n */\n var ModalView = ionic.views.Modal.inherit({\n /**\n * @ngdoc method\n * @name ionicModal#initialize\n * @description Creates a new modal controller instance.\n * @param {object} options An options object with the following properties:\n * - `{object=}` `scope` The scope to be a child of.\n * Default: creates a child of $rootScope.\n * - `{string=}` `animation` The animation to show & hide with.\n * Default: 'slide-in-up'\n * - `{boolean=}` `focusFirstInput` Whether to autofocus the first input of\n * the modal when shown. Will only show the keyboard on iOS, to force the keyboard to show\n * on Android, please use the [Ionic keyboard plugin](https://github.com/driftyco/ionic-plugin-keyboard#keyboardshow).\n * Default: false.\n * - `{boolean=}` `backdropClickToClose` Whether to close the modal on clicking the backdrop.\n * Default: true.\n * - `{boolean=}` `hardwareBackButtonClose` Whether the modal can be closed using the hardware\n * back button on Android and similar devices. Default: true.\n */\n initialize: function(opts) {\n ionic.views.Modal.prototype.initialize.call(this, opts);\n this.animation = opts.animation || 'slide-in-up';\n },\n\n /**\n * @ngdoc method\n * @name ionicModal#show\n * @description Show this modal instance.\n * @returns {promise} A promise which is resolved when the modal is finished animating in.\n */\n show: function(target) {\n var self = this;\n\n if (self.scope.$$destroyed) {\n $log.error('Cannot call ' + self.viewType + '.show() after remove(). Please create a new ' + self.viewType + ' instance.');\n return $$q.when();\n }\n\n // on iOS, clicks will sometimes bleed through/ghost click on underlying\n // elements\n $ionicClickBlock.show(600);\n\n var modalEl = jqLite(self.modalEl);\n\n self.el.classList.remove('hide');\n $timeout(function() {\n if (!self._isShown) return;\n $ionicBody.addClass(self.viewType + '-open');\n }, 400, false);\n\n if (!self.el.parentElement) {\n modalEl.addClass(self.animation);\n $ionicBody.append(self.el);\n }\n\n // if modal was closed while the keyboard was up, reset scroll view on\n // next show since we can only resize it once it's visible\n var scrollCtrl = modalEl.data('$$ionicScrollController');\n scrollCtrl && scrollCtrl.resize();\n\n if (target && self.positionView) {\n self.positionView(target, modalEl);\n // set up a listener for in case the window size changes\n\n self._onWindowResize = function() {\n if (self._isShown) self.positionView(target, modalEl);\n };\n ionic.on('resize', self._onWindowResize, window);\n }\n\n modalEl.addClass('ng-enter active')\n .removeClass('ng-leave ng-leave-active');\n\n self._isShown = true;\n self._deregisterBackButton = $ionicPlatform.registerBackButtonAction(\n self.hardwareBackButtonClose ? angular.bind(self, self.hide) : noop,\n IONIC_BACK_PRIORITY.modal\n );\n\n ionic.views.Modal.prototype.show.call(self);\n\n $timeout(function() {\n if (!self._isShown) return;\n modalEl.addClass('ng-enter-active');\n ionic.trigger('resize');\n self.scope.$parent && self.scope.$parent.$broadcast(self.viewType + '.shown', self);\n self.el.classList.add('active');\n self.scope.$broadcast('$ionicHeader.align');\n }, 20);\n\n return $timeout(function() {\n if (!self._isShown) return;\n //After animating in, allow hide on backdrop click\n self.$el.on('click', function(e) {\n if (self.backdropClickToClose && e.target === self.el) {\n self.hide();\n }\n });\n }, 400);\n },\n\n /**\n * @ngdoc method\n * @name ionicModal#hide\n * @description Hide this modal instance.\n * @returns {promise} A promise which is resolved when the modal is finished animating out.\n */\n hide: function() {\n var self = this;\n var modalEl = jqLite(self.modalEl);\n\n // on iOS, clicks will sometimes bleed through/ghost click on underlying\n // elements\n $ionicClickBlock.show(600);\n\n self.el.classList.remove('active');\n modalEl.addClass('ng-leave');\n\n $timeout(function() {\n if (self._isShown) return;\n modalEl.addClass('ng-leave-active')\n .removeClass('ng-enter ng-enter-active active');\n }, 20, false);\n\n self.$el.off('click');\n self._isShown = false;\n self.scope.$parent && self.scope.$parent.$broadcast(self.viewType + '.hidden', self);\n self._deregisterBackButton && self._deregisterBackButton();\n\n ionic.views.Modal.prototype.hide.call(self);\n\n // clean up event listeners\n if (self.positionView) {\n ionic.off('resize', self._onWindowResize, window);\n }\n\n return $timeout(function() {\n $ionicBody.removeClass(self.viewType + '-open');\n self.el.classList.add('hide');\n }, self.hideDelay || 320);\n },\n\n /**\n * @ngdoc method\n * @name ionicModal#remove\n * @description Remove this modal instance from the DOM and clean up.\n * @returns {promise} A promise which is resolved when the modal is finished animating out.\n */\n remove: function() {\n var self = this;\n self.scope.$parent && self.scope.$parent.$broadcast(self.viewType + '.removed', self);\n\n return self.hide().then(function() {\n self.scope.$destroy();\n self.$el.remove();\n });\n },\n\n /**\n * @ngdoc method\n * @name ionicModal#isShown\n * @returns boolean Whether this modal is currently shown.\n */\n isShown: function() {\n return !!this._isShown;\n }\n });\n\n var createModal = function(templateString, options) {\n // Create a new scope for the modal\n var scope = options.scope && options.scope.$new() || $rootScope.$new(true);\n\n options.viewType = options.viewType || 'modal';\n\n extend(scope, {\n $hasHeader: false,\n $hasSubheader: false,\n $hasFooter: false,\n $hasSubfooter: false,\n $hasTabs: false,\n $hasTabsTop: false\n });\n\n // Compile the template\n var element = $compile('' + templateString + ' ')(scope);\n\n options.$el = element;\n options.el = element[0];\n options.modalEl = options.el.querySelector('.' + options.viewType);\n var modal = new ModalView(options);\n\n modal.scope = scope;\n\n // If this wasn't a defined scope, we can assign the viewType to the isolated scope\n // we created\n if (!options.scope) {\n scope[ options.viewType ] = modal;\n }\n\n return modal;\n };\n\n return {\n /**\n * @ngdoc method\n * @name $ionicModal#fromTemplate\n * @param {string} templateString The template string to use as the modal's\n * content.\n * @param {object} options Options to be passed {@link ionic.controller:ionicModal#initialize ionicModal#initialize} method.\n * @returns {object} An instance of an {@link ionic.controller:ionicModal}\n * controller.\n */\n fromTemplate: function(templateString, options) {\n var modal = createModal(templateString, options || {});\n return modal;\n },\n /**\n * @ngdoc method\n * @name $ionicModal#fromTemplateUrl\n * @param {string} templateUrl The url to load the template from.\n * @param {object} options Options to be passed {@link ionic.controller:ionicModal#initialize ionicModal#initialize} method.\n * options object.\n * @returns {promise} A promise that will be resolved with an instance of\n * an {@link ionic.controller:ionicModal} controller.\n */\n fromTemplateUrl: function(url, options, _) {\n var cb;\n //Deprecated: allow a callback as second parameter. Now we return a promise.\n if (angular.isFunction(options)) {\n cb = options;\n options = _;\n }\n return $ionicTemplateLoader.load(url).then(function(templateString) {\n var modal = createModal(templateString, options || {});\n cb && cb(modal);\n return modal;\n });\n }\n };\n}]);\n\n\n/**\n * @ngdoc service\n * @name $ionicNavBarDelegate\n * @module ionic\n * @description\n * Delegate for controlling the {@link ionic.directive:ionNavBar} directive.\n *\n * @usage\n *\n * ```html\n * \n * \n * \n * \n * \n * ```\n * ```js\n * function MyCtrl($scope, $ionicNavBarDelegate) {\n * $scope.setNavTitle = function(title) {\n * $ionicNavBarDelegate.title(title);\n * }\n * }\n * ```\n */\nIonicModule\n.service('$ionicNavBarDelegate', ionic.DelegateService([\n /**\n * @ngdoc method\n * @name $ionicNavBarDelegate#align\n * @description Aligns the title with the buttons in a given direction.\n * @param {string=} direction The direction to the align the title text towards.\n * Available: 'left', 'right', 'center'. Default: 'center'.\n */\n 'align',\n /**\n * @ngdoc method\n * @name $ionicNavBarDelegate#showBackButton\n * @description\n * Set/get whether the {@link ionic.directive:ionNavBackButton} is shown\n * (if it exists and there is a previous view that can be navigated to).\n * @param {boolean=} show Whether to show the back button.\n * @returns {boolean} Whether the back button is shown.\n */\n 'showBackButton',\n /**\n * @ngdoc method\n * @name $ionicNavBarDelegate#showBar\n * @description\n * Set/get whether the {@link ionic.directive:ionNavBar} is shown.\n * @param {boolean} show Whether to show the bar.\n * @returns {boolean} Whether the bar is shown.\n */\n 'showBar',\n /**\n * @ngdoc method\n * @name $ionicNavBarDelegate#title\n * @description\n * Set the title for the {@link ionic.directive:ionNavBar}.\n * @param {string} title The new title to show.\n */\n 'title',\n\n // DEPRECATED, as of v1.0.0-beta14 -------\n 'changeTitle',\n 'setTitle',\n 'getTitle',\n 'back',\n 'getPreviousTitle'\n // END DEPRECATED -------\n]));\n\n\nIonicModule\n.service('$ionicNavViewDelegate', ionic.DelegateService([\n 'clearCache'\n]));\n\n\n\n/**\n * @ngdoc service\n * @name $ionicPlatform\n * @module ionic\n * @description\n * An angular abstraction of {@link ionic.utility:ionic.Platform}.\n *\n * Used to detect the current platform, as well as do things like override the\n * Android back button in PhoneGap/Cordova.\n */\nIonicModule\n.constant('IONIC_BACK_PRIORITY', {\n view: 100,\n sideMenu: 150,\n modal: 200,\n actionSheet: 300,\n popup: 400,\n loading: 500\n})\n.provider('$ionicPlatform', function() {\n return {\n $get: ['$q', function($q) {\n var self = {\n\n /**\n * @ngdoc method\n * @name $ionicPlatform#onHardwareBackButton\n * @description\n * Some platforms have a hardware back button, so this is one way to\n * bind to it.\n * @param {function} callback the callback to trigger when this event occurs\n */\n onHardwareBackButton: function(cb) {\n ionic.Platform.ready(function() {\n document.addEventListener('backbutton', cb, false);\n });\n },\n\n /**\n * @ngdoc method\n * @name $ionicPlatform#offHardwareBackButton\n * @description\n * Remove an event listener for the backbutton.\n * @param {function} callback The listener function that was\n * originally bound.\n */\n offHardwareBackButton: function(fn) {\n ionic.Platform.ready(function() {\n document.removeEventListener('backbutton', fn);\n });\n },\n\n /**\n * @ngdoc method\n * @name $ionicPlatform#registerBackButtonAction\n * @description\n * Register a hardware back button action. Only one action will execute\n * when the back button is clicked, so this method decides which of\n * the registered back button actions has the highest priority.\n *\n * For example, if an actionsheet is showing, the back button should\n * close the actionsheet, but it should not also go back a page view\n * or close a modal which may be open.\n *\n * The priorities for the existing back button hooks are as follows:\n * Return to previous view = 100\n * Close side menu = 150\n * Dismiss modal = 200\n * Close action sheet = 300\n * Dismiss popup = 400\n * Dismiss loading overlay = 500\n *\n * Your back button action will override each of the above actions\n * whose priority is less than the priority you provide. For example,\n * an action assigned a priority of 101 will override the 'return to\n * previous view' action, but not any of the other actions.\n *\n * @param {function} callback Called when the back button is pressed,\n * if this listener is the highest priority.\n * @param {number} priority Only the highest priority will execute.\n * @param {*=} actionId The id to assign this action. Default: a\n * random unique id.\n * @returns {function} A function that, when called, will deregister\n * this backButtonAction.\n */\n $backButtonActions: {},\n registerBackButtonAction: function(fn, priority, actionId) {\n\n if (!self._hasBackButtonHandler) {\n // add a back button listener if one hasn't been setup yet\n self.$backButtonActions = {};\n self.onHardwareBackButton(self.hardwareBackButtonClick);\n self._hasBackButtonHandler = true;\n }\n\n var action = {\n id: (actionId ? actionId : ionic.Utils.nextUid()),\n priority: (priority ? priority : 0),\n fn: fn\n };\n self.$backButtonActions[action.id] = action;\n\n // return a function to de-register this back button action\n return function() {\n delete self.$backButtonActions[action.id];\n };\n },\n\n /**\n * @private\n */\n hardwareBackButtonClick: function(e) {\n // loop through all the registered back button actions\n // and only run the last one of the highest priority\n var priorityAction, actionId;\n for (actionId in self.$backButtonActions) {\n if (!priorityAction || self.$backButtonActions[actionId].priority >= priorityAction.priority) {\n priorityAction = self.$backButtonActions[actionId];\n }\n }\n if (priorityAction) {\n priorityAction.fn(e);\n return priorityAction;\n }\n },\n\n is: function(type) {\n return ionic.Platform.is(type);\n },\n\n /**\n * @ngdoc method\n * @name $ionicPlatform#on\n * @description\n * Add Cordova event listeners, such as `pause`, `resume`, `volumedownbutton`, `batterylow`,\n * `offline`, etc. More information about available event types can be found in\n * [Cordova's event documentation](https://cordova.apache.org/docs/en/edge/cordova_events_events.md.html#Events).\n * @param {string} type Cordova [event type](https://cordova.apache.org/docs/en/edge/cordova_events_events.md.html#Events).\n * @param {function} callback Called when the Cordova event is fired.\n * @returns {function} Returns a deregistration function to remove the event listener.\n */\n on: function(type, cb) {\n ionic.Platform.ready(function() {\n document.addEventListener(type, cb, false);\n });\n return function() {\n ionic.Platform.ready(function() {\n document.removeEventListener(type, cb);\n });\n };\n },\n\n /**\n * @ngdoc method\n * @name $ionicPlatform#ready\n * @description\n * Trigger a callback once the device is ready,\n * or immediately if the device is already ready.\n * @param {function=} callback The function to call.\n * @returns {promise} A promise which is resolved when the device is ready.\n */\n ready: function(cb) {\n var q = $q.defer();\n\n ionic.Platform.ready(function() {\n q.resolve();\n cb && cb();\n });\n\n return q.promise;\n }\n };\n return self;\n }]\n };\n\n});\n\n/**\n * @ngdoc service\n * @name $ionicPopover\n * @module ionic\n * @description\n *\n * Related: {@link ionic.controller:ionicPopover ionicPopover controller}.\n *\n * The Popover is a view that floats above an app’s content. Popovers provide an\n * easy way to present or gather information from the user and are\n * commonly used in the following situations:\n *\n * - Show more info about the current view\n * - Select a commonly used tool or configuration\n * - Present a list of actions to perform inside one of your views\n *\n * Put the content of the popover inside of an `` element.\n *\n * @usage\n * ```html\n * Hello! \n * \n * \n * \n * ```\n * ```js\n * function MainCtrl($scope, $ionicScrollDelegate) {\n * $scope.scrollTop = function() {\n * $ionicScrollDelegate.scrollTop();\n * };\n * }\n * ```\n *\n * Example of advanced usage, with two scroll areas using `delegate-handle`\n * for fine control.\n *\n * ```html\n * \n * \n * \n * \n * \n * \n * \n * \n * ```\n * ```js\n * function MainCtrl($scope, $ionicScrollDelegate) {\n * $scope.scrollMainToTop = function() {\n * $ionicScrollDelegate.$getByHandle('mainScroll').scrollTop();\n * };\n * $scope.scrollSmallToTop = function() {\n * $ionicScrollDelegate.$getByHandle('small').scrollTop();\n * };\n * }\n * ```\n */\nIonicModule\n.service('$ionicScrollDelegate', ionic.DelegateService([\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#resize\n * @description Tell the scrollView to recalculate the size of its container.\n */\n 'resize',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#scrollTop\n * @param {boolean=} shouldAnimate Whether the scroll should animate.\n */\n 'scrollTop',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#scrollBottom\n * @param {boolean=} shouldAnimate Whether the scroll should animate.\n */\n 'scrollBottom',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#scrollTo\n * @param {number} left The x-value to scroll to.\n * @param {number} top The y-value to scroll to.\n * @param {boolean=} shouldAnimate Whether the scroll should animate.\n */\n 'scrollTo',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#scrollBy\n * @param {number} left The x-offset to scroll by.\n * @param {number} top The y-offset to scroll by.\n * @param {boolean=} shouldAnimate Whether the scroll should animate.\n */\n 'scrollBy',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#zoomTo\n * @param {number} level Level to zoom to.\n * @param {boolean=} animate Whether to animate the zoom.\n * @param {number=} originLeft Zoom in at given left coordinate.\n * @param {number=} originTop Zoom in at given top coordinate.\n */\n 'zoomTo',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#zoomBy\n * @param {number} factor The factor to zoom by.\n * @param {boolean=} animate Whether to animate the zoom.\n * @param {number=} originLeft Zoom in at given left coordinate.\n * @param {number=} originTop Zoom in at given top coordinate.\n */\n 'zoomBy',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#getScrollPosition\n * @returns {object} The scroll position of this view, with the following properties:\n * - `{number}` `left` The distance the user has scrolled from the left (starts at 0).\n * - `{number}` `top` The distance the user has scrolled from the top (starts at 0).\n */\n 'getScrollPosition',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#anchorScroll\n * @description Tell the scrollView to scroll to the element with an id\n * matching window.location.hash.\n *\n * If no matching element is found, it will scroll to top.\n *\n * @param {boolean=} shouldAnimate Whether the scroll should animate.\n */\n 'anchorScroll',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#freezeScroll\n * @description Does not allow this scroll view to scroll either x or y.\n * @param {boolean=} shouldFreeze Should this scroll view be prevented from scrolling or not.\n * @returns {object} If the scroll view is being prevented from scrolling or not.\n */\n 'freezeScroll',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#freezeAllScrolls\n * @description Does not allow any of the app's scroll views to scroll either x or y.\n * @param {boolean=} shouldFreeze Should all app scrolls be prevented from scrolling or not.\n */\n 'freezeAllScrolls',\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#getScrollView\n * @returns {object} The scrollView associated with this delegate.\n */\n 'getScrollView'\n /**\n * @ngdoc method\n * @name $ionicScrollDelegate#$getByHandle\n * @param {string} handle\n * @returns `delegateInstance` A delegate instance that controls only the\n * scrollViews with `delegate-handle` matching the given handle.\n *\n * Example: `$ionicScrollDelegate.$getByHandle('my-handle').scrollTop();`\n */\n]));\n\n\n/**\n * @ngdoc service\n * @name $ionicSideMenuDelegate\n * @module ionic\n *\n * @description\n * Delegate for controlling the {@link ionic.directive:ionSideMenus} directive.\n *\n * Methods called directly on the $ionicSideMenuDelegate service will control all side\n * menus. Use the {@link ionic.service:$ionicSideMenuDelegate#$getByHandle $getByHandle}\n * method to control specific ionSideMenus instances.\n *\n * @usage\n *\n * ```html\n * \n * \n * \n * Content!\n * \n * \n * \n * Left Menu!\n * \n * \n * \n * ```\n * ```js\n * function MainCtrl($scope, $ionicSideMenuDelegate) {\n * $scope.toggleLeftSideMenu = function() {\n * $ionicSideMenuDelegate.toggleLeft();\n * };\n * }\n * ```\n */\nIonicModule\n.service('$ionicSideMenuDelegate', ionic.DelegateService([\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#toggleLeft\n * @description Toggle the left side menu (if it exists).\n * @param {boolean=} isOpen Whether to open or close the menu.\n * Default: Toggles the menu.\n */\n 'toggleLeft',\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#toggleRight\n * @description Toggle the right side menu (if it exists).\n * @param {boolean=} isOpen Whether to open or close the menu.\n * Default: Toggles the menu.\n */\n 'toggleRight',\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#getOpenRatio\n * @description Gets the ratio of open amount over menu width. For example, a\n * menu of width 100 that is opened by 50 pixels is 50% opened, and would return\n * a ratio of 0.5.\n *\n * @returns {float} 0 if nothing is open, between 0 and 1 if left menu is\n * opened/opening, and between 0 and -1 if right menu is opened/opening.\n */\n 'getOpenRatio',\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#isOpen\n * @returns {boolean} Whether either the left or right menu is currently opened.\n */\n 'isOpen',\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#isOpenLeft\n * @returns {boolean} Whether the left menu is currently opened.\n */\n 'isOpenLeft',\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#isOpenRight\n * @returns {boolean} Whether the right menu is currently opened.\n */\n 'isOpenRight',\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#canDragContent\n * @param {boolean=} canDrag Set whether the content can or cannot be dragged to open\n * side menus.\n * @returns {boolean} Whether the content can be dragged to open side menus.\n */\n 'canDragContent',\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#edgeDragThreshold\n * @param {boolean|number=} value Set whether the content drag can only start if it is below a certain threshold distance from the edge of the screen. Accepts three different values:\n * - If a non-zero number is given, that many pixels is used as the maximum allowed distance from the edge that starts dragging the side menu.\n * - If true is given, the default number of pixels (25) is used as the maximum allowed distance.\n * - If false or 0 is given, the edge drag threshold is disabled, and dragging from anywhere on the content is allowed.\n * @returns {boolean} Whether the drag can start only from within the edge of screen threshold.\n */\n 'edgeDragThreshold'\n /**\n * @ngdoc method\n * @name $ionicSideMenuDelegate#$getByHandle\n * @param {string} handle\n * @returns `delegateInstance` A delegate instance that controls only the\n * {@link ionic.directive:ionSideMenus} directives with `delegate-handle` matching\n * the given handle.\n *\n * Example: `$ionicSideMenuDelegate.$getByHandle('my-handle').toggleLeft();`\n */\n]));\n\n\n/**\n * @ngdoc service\n * @name $ionicSlideBoxDelegate\n * @module ionic\n * @description\n * Delegate that controls the {@link ionic.directive:ionSlideBox} directive.\n *\n * Methods called directly on the $ionicSlideBoxDelegate service will control all slide boxes. Use the {@link ionic.service:$ionicSlideBoxDelegate#$getByHandle $getByHandle}\n * method to control specific slide box instances.\n *\n * @usage\n *\n * ```html\n * \n * \n * \n * \n * \n * \n * \n * \n * ```\n * ```js\n * function MyCtrl($scope, $ionicSlideBoxDelegate) {\n * $scope.nextSlide = function() {\n * $ionicSlideBoxDelegate.next();\n * }\n * }\n * ```\n */\nIonicModule\n.service('$ionicSlideBoxDelegate', ionic.DelegateService([\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#update\n * @description\n * Update the slidebox (for example if using Angular with ng-repeat,\n * resize it for the elements inside).\n */\n 'update',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#slide\n * @param {number} to The index to slide to.\n * @param {number=} speed The number of milliseconds the change should take.\n */\n 'slide',\n 'select',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#enableSlide\n * @param {boolean=} shouldEnable Whether to enable sliding the slidebox.\n * @returns {boolean} Whether sliding is enabled.\n */\n 'enableSlide',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#previous\n * @param {number=} speed The number of milliseconds the change should take.\n * @description Go to the previous slide. Wraps around if at the beginning.\n */\n 'previous',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#next\n * @param {number=} speed The number of milliseconds the change should take.\n * @description Go to the next slide. Wraps around if at the end.\n */\n 'next',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#stop\n * @description Stop sliding. The slideBox will not move again until\n * explicitly told to do so.\n */\n 'stop',\n 'autoPlay',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#start\n * @description Start sliding again if the slideBox was stopped.\n */\n 'start',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#currentIndex\n * @returns number The index of the current slide.\n */\n 'currentIndex',\n 'selected',\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#slidesCount\n * @returns number The number of slides there are currently.\n */\n 'slidesCount',\n 'count',\n 'loop'\n /**\n * @ngdoc method\n * @name $ionicSlideBoxDelegate#$getByHandle\n * @param {string} handle\n * @returns `delegateInstance` A delegate instance that controls only the\n * {@link ionic.directive:ionSlideBox} directives with `delegate-handle` matching\n * the given handle.\n *\n * Example: `$ionicSlideBoxDelegate.$getByHandle('my-handle').stop();`\n */\n]));\n\n\n/**\n * @ngdoc service\n * @name $ionicTabsDelegate\n * @module ionic\n *\n * @description\n * Delegate for controlling the {@link ionic.directive:ionTabs} directive.\n *\n * Methods called directly on the $ionicTabsDelegate service will control all ionTabs\n * directives. Use the {@link ionic.service:$ionicTabsDelegate#$getByHandle $getByHandle}\n * method to control specific ionTabs instances.\n *\n * @usage\n *\n * ```html\n * \n * \n *\n * \n * Hello tab 1!\n * \n * \n * Hello tab 2! \n *\n * \n * \n * ```\n * ```js\n * function MyCtrl($scope, $ionicTabsDelegate) {\n * $scope.selectTabWithIndex = function(index) {\n * $ionicTabsDelegate.select(index);\n * }\n * }\n * ```\n */\nIonicModule\n.service('$ionicTabsDelegate', ionic.DelegateService([\n /**\n * @ngdoc method\n * @name $ionicTabsDelegate#select\n * @description Select the tab matching the given index.\n *\n * @param {number} index Index of the tab to select.\n */\n 'select',\n /**\n * @ngdoc method\n * @name $ionicTabsDelegate#selectedIndex\n * @returns `number` The index of the selected tab, or -1.\n */\n 'selectedIndex'\n /**\n * @ngdoc method\n * @name $ionicTabsDelegate#$getByHandle\n * @param {string} handle\n * @returns `delegateInstance` A delegate instance that controls only the\n * {@link ionic.directive:ionTabs} directives with `delegate-handle` matching\n * the given handle.\n *\n * Example: `$ionicTabsDelegate.$getByHandle('my-handle').select(0);`\n */\n]));\n\n\n// closure to keep things neat\n(function() {\n var templatesToCache = [];\n\n/**\n * @ngdoc service\n * @name $ionicTemplateCache\n * @module ionic\n * @description A service that preemptively caches template files to eliminate transition flicker and boost performance.\n * @usage\n * State templates are cached automatically, but you can optionally cache other templates.\n *\n * ```js\n * $ionicTemplateCache('myNgIncludeTemplate.html');\n * ```\n *\n * Optionally disable all preemptive caching with the `$ionicConfigProvider` or individual states by setting `prefetchTemplate`\n * in the `$state` definition\n *\n * ```js\n * angular.module('myApp', ['ionic'])\n * .config(function($stateProvider, $ionicConfigProvider) {\n *\n * // disable preemptive template caching globally\n * $ionicConfigProvider.templates.prefetch(false);\n *\n * // disable individual states\n * $stateProvider\n * .state('tabs', {\n * url: \"/tab\",\n * abstract: true,\n * prefetchTemplate: false,\n * templateUrl: \"tabs-templates/tabs.html\"\n * })\n * .state('tabs.home', {\n * url: \"/home\",\n * views: {\n * 'home-tab': {\n * prefetchTemplate: false,\n * templateUrl: \"tabs-templates/home.html\",\n * controller: 'HomeTabCtrl'\n * }\n * }\n * });\n * });\n * ```\n */\nIonicModule\n.factory('$ionicTemplateCache', [\n'$http',\n'$templateCache',\n'$timeout',\nfunction($http, $templateCache, $timeout) {\n var toCache = templatesToCache,\n hasRun;\n\n function $ionicTemplateCache(templates) {\n if (typeof templates === 'undefined') {\n return run();\n }\n if (isString(templates)) {\n templates = [templates];\n }\n forEach(templates, function(template) {\n toCache.push(template);\n });\n if (hasRun) {\n run();\n }\n }\n\n // run through methods - internal method\n function run() {\n var template;\n $ionicTemplateCache._runCount++;\n\n hasRun = true;\n // ignore if race condition already zeroed out array\n if (toCache.length === 0) return;\n\n var i = 0;\n while (i < 4 && (template = toCache.pop())) {\n // note that inline templates are ignored by this request\n if (isString(template)) $http.get(template, { cache: $templateCache });\n i++;\n }\n // only preload 3 templates a second\n if (toCache.length) {\n $timeout(run, 1000);\n }\n }\n\n // exposing for testing\n $ionicTemplateCache._runCount = 0;\n // default method\n return $ionicTemplateCache;\n}])\n\n// Intercepts the $stateprovider.state() command to look for templateUrls that can be cached\n.config([\n'$stateProvider',\n'$ionicConfigProvider',\nfunction($stateProvider, $ionicConfigProvider) {\n var stateProviderState = $stateProvider.state;\n $stateProvider.state = function(stateName, definition) {\n // don't even bother if it's disabled. note, another config may run after this, so it's not a catch-all\n if (typeof definition === 'object') {\n var enabled = definition.prefetchTemplate !== false && templatesToCache.length < $ionicConfigProvider.templates.maxPrefetch();\n if (enabled && isString(definition.templateUrl)) templatesToCache.push(definition.templateUrl);\n if (angular.isObject(definition.views)) {\n for (var key in definition.views) {\n enabled = definition.views[key].prefetchTemplate !== false && templatesToCache.length < $ionicConfigProvider.templates.maxPrefetch();\n if (enabled && isString(definition.views[key].templateUrl)) templatesToCache.push(definition.views[key].templateUrl);\n }\n }\n }\n return stateProviderState.call($stateProvider, stateName, definition);\n };\n}])\n\n// process the templateUrls collected by the $stateProvider, adding them to the cache\n.run(['$ionicTemplateCache', function($ionicTemplateCache) {\n $ionicTemplateCache();\n}]);\n\n})();\n\nIonicModule\n.factory('$ionicTemplateLoader', [\n '$compile',\n '$controller',\n '$http',\n '$q',\n '$rootScope',\n '$templateCache',\nfunction($compile, $controller, $http, $q, $rootScope, $templateCache) {\n\n return {\n load: fetchTemplate,\n compile: loadAndCompile\n };\n\n function fetchTemplate(url) {\n return $http.get(url, {cache: $templateCache})\n .then(function(response) {\n return response.data && response.data.trim();\n });\n }\n\n function loadAndCompile(options) {\n options = extend({\n template: '',\n templateUrl: '',\n scope: null,\n controller: null,\n locals: {},\n appendTo: null\n }, options || {});\n\n var templatePromise = options.templateUrl ?\n this.load(options.templateUrl) :\n $q.when(options.template);\n\n return templatePromise.then(function(template) {\n var controller;\n var scope = options.scope || $rootScope.$new();\n\n //Incase template doesn't have just one root element, do this\n var element = jqLite('
' +\n '
';\n\nvar LOADING_HIDE_DEPRECATED = '$ionicLoading instance.hide() has been deprecated. Use $ionicLoading.hide().';\nvar LOADING_SHOW_DEPRECATED = '$ionicLoading instance.show() has been deprecated. Use $ionicLoading.show().';\nvar LOADING_SET_DEPRECATED = '$ionicLoading instance.setContent() has been deprecated. Use $ionicLoading.show({ template: \\'my content\\' }).';\n\n/**\n * @ngdoc service\n * @name $ionicLoading\n * @module ionic\n * @description\n * An overlay that can be used to indicate activity while blocking user\n * interaction.\n *\n * @usage\n * ```js\n * angular.module('LoadingApp', ['ionic'])\n * .controller('LoadingCtrl', function($scope, $ionicLoading) {\n * $scope.show = function() {\n * $ionicLoading.show({\n * template: 'Loading...'\n * });\n * };\n * $scope.hide = function(){\n * $ionicLoading.hide();\n * };\n * });\n * ```\n */\n/**\n * @ngdoc object\n * @name $ionicLoadingConfig\n * @module ionic\n * @description\n * Set the default options to be passed to the {@link ionic.service:$ionicLoading} service.\n *\n * @usage\n * ```js\n * var app = angular.module('myApp', ['ionic'])\n * app.constant('$ionicLoadingConfig', {\n * template: 'Default Loading Template...'\n * });\n * app.controller('AppCtrl', function($scope, $ionicLoading) {\n * $scope.showLoading = function() {\n * $ionicLoading.show(); //options default to values in $ionicLoadingConfig\n * };\n * });\n * ```\n */\nIonicModule\n.constant('$ionicLoadingConfig', {\n template: '' +\n '
' +\n '\n * \n *
\n *\n * \n * ```\n * ```js\n * angular.module('testApp', ['ionic'])\n * .controller('MyController', function($scope, $ionicPopover) {\n *\n * // .fromTemplate() method\n * var template = 'My Popover Title
' +\n '
';\n\n/**\n * @ngdoc service\n * @name $ionicPopup\n * @module ionic\n * @restrict E\n * @codepen zkmhJ\n * @description\n *\n * The Ionic Popup service allows programmatically creating and showing popup\n * windows that require the user to respond in order to continue.\n *\n * The popup system has support for more flexible versions of the built in `alert()`, `prompt()`,\n * and `confirm()` functions that users are used to, in addition to allowing popups with completely\n * custom content and look.\n *\n * An input can be given an `autofocus` attribute so it automatically receives focus when\n * the popup first shows. However, depending on certain use-cases this can cause issues with\n * the tap/click system, which is why Ionic prefers using the `autofocus` attribute as\n * an opt-in feature and not the default.\n *\n * @usage\n * A few basic examples, see below for details about all of the options available.\n *\n * ```js\n *angular.module('mySuperApp', ['ionic'])\n *.controller('PopupCtrl',function($scope, $ionicPopup, $timeout) {\n *\n * // Triggered on a button click, or some other target\n * $scope.showPopup = function() {\n * $scope.data = {}\n *\n * // An elaborate, custom popup\n * var myPopup = $ionicPopup.show({\n * template: '',\n * title: 'Enter Wi-Fi Password',\n * subTitle: 'Please use normal things',\n * scope: $scope,\n * buttons: [\n * { text: 'Cancel' },\n * {\n * text: 'Save',\n * type: 'button-positive',\n * onTap: function(e) {\n * if (!$scope.data.wifi) {\n * //don't allow the user to close unless he enters wifi password\n * e.preventDefault();\n * } else {\n * return $scope.data.wifi;\n * }\n * }\n * }\n * ]\n * });\n * myPopup.then(function(res) {\n * console.log('Tapped!', res);\n * });\n * $timeout(function() {\n * myPopup.close(); //close the popup after 3 seconds for some reason\n * }, 3000);\n * };\n * // A confirm dialog\n * $scope.showConfirm = function() {\n * var confirmPopup = $ionicPopup.confirm({\n * title: 'Consume Ice Cream',\n * template: 'Are you sure you want to eat this ice cream?'\n * });\n * confirmPopup.then(function(res) {\n * if(res) {\n * console.log('You are sure');\n * } else {\n * console.log('You are not sure');\n * }\n * });\n * };\n *\n * // An alert dialog\n * $scope.showAlert = function() {\n * var alertPopup = $ionicPopup.alert({\n * title: 'Don\\'t eat that!',\n * template: 'It might taste good'\n * });\n * alertPopup.then(function(res) {\n * console.log('Thank you for not eating my delicious ice cream cone');\n * });\n * };\n *});\n *```\n */\n\nIonicModule\n.factory('$ionicPopup', [\n '$ionicTemplateLoader',\n '$ionicBackdrop',\n '$q',\n '$timeout',\n '$rootScope',\n '$ionicBody',\n '$compile',\n '$ionicPlatform',\n 'IONIC_BACK_PRIORITY',\nfunction($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicBody, $compile, $ionicPlatform, IONIC_BACK_PRIORITY) {\n //TODO allow this to be configured\n var config = {\n stackPushDelay: 75\n };\n var popupStack = [];\n\n var $ionicPopup = {\n /**\n * @ngdoc method\n * @description\n * Show a complex popup. This is the master show function for all popups.\n *\n * A complex popup has a `buttons` array, with each button having a `text` and `type`\n * field, in addition to an `onTap` function. The `onTap` function, called when\n * the corresponding button on the popup is tapped, will by default close the popup\n * and resolve the popup promise with its return value. If you wish to prevent the\n * default and keep the popup open on button tap, call `event.preventDefault()` on the\n * passed in tap event. Details below.\n *\n * @name $ionicPopup#show\n * @param {object} options The options for the new popup, of the form:\n *\n * ```\n * {\n * title: '', // String. The title of the popup.\n * cssClass: '', // String, The custom CSS class name\n * subTitle: '', // String (optional). The sub-title of the popup.\n * template: '', // String (optional). The html template to place in the popup body.\n * templateUrl: '', // String (optional). The URL of an html template to place in the popup body.\n * scope: null, // Scope (optional). A scope to link to the popup content.\n * buttons: [{ // Array[Object] (optional). Buttons to place in the popup footer.\n * text: 'Cancel',\n * type: 'button-default',\n * onTap: function(e) {\n * // e.preventDefault() will stop the popup from closing when tapped.\n * e.preventDefault();\n * }\n * }, {\n * text: 'OK',\n * type: 'button-positive',\n * onTap: function(e) {\n * // Returning a value will cause the promise to resolve with the given value.\n * return scope.data.response;\n * }\n * }]\n * }\n * ```\n *\n * @returns {object} A promise which is resolved when the popup is closed. Has an additional\n * `close` function, which can be used to programmatically close the popup.\n */\n show: showPopup,\n\n /**\n * @ngdoc method\n * @name $ionicPopup#alert\n * @description Show a simple alert popup with a message and one button that the user can\n * tap to close the popup.\n *\n * @param {object} options The options for showing the alert, of the form:\n *\n * ```\n * {\n * title: '', // String. The title of the popup.\n * cssClass: '', // String, The custom CSS class name\n * subTitle: '', // String (optional). The sub-title of the popup.\n * template: '', // String (optional). The html template to place in the popup body.\n * templateUrl: '', // String (optional). The URL of an html template to place in the popup body.\n * okText: '', // String (default: 'OK'). The text of the OK button.\n * okType: '', // String (default: 'button-positive'). The type of the OK button.\n * }\n * ```\n *\n * @returns {object} A promise which is resolved when the popup is closed. Has one additional\n * function `close`, which can be called with any value to programmatically close the popup\n * with the given value.\n */\n alert: showAlert,\n\n /**\n * @ngdoc method\n * @name $ionicPopup#confirm\n * @description\n * Show a simple confirm popup with a Cancel and OK button.\n *\n * Resolves the promise with true if the user presses the OK button, and false if the\n * user presses the Cancel button.\n *\n * @param {object} options The options for showing the confirm popup, of the form:\n *\n * ```\n * {\n * title: '', // String. The title of the popup.\n * cssClass: '', // String, The custom CSS class name\n * subTitle: '', // String (optional). The sub-title of the popup.\n * template: '', // String (optional). The html template to place in the popup body.\n * templateUrl: '', // String (optional). The URL of an html template to place in the popup body.\n * cancelText: '', // String (default: 'Cancel'). The text of the Cancel button.\n * cancelType: '', // String (default: 'button-default'). The type of the Cancel button.\n * okText: '', // String (default: 'OK'). The text of the OK button.\n * okType: '', // String (default: 'button-positive'). The type of the OK button.\n * }\n * ```\n *\n * @returns {object} A promise which is resolved when the popup is closed. Has one additional\n * function `close`, which can be called with any value to programmatically close the popup\n * with the given value.\n */\n confirm: showConfirm,\n\n /**\n * @ngdoc method\n * @name $ionicPopup#prompt\n * @description Show a simple prompt popup, which has an input, OK button, and Cancel button.\n * Resolves the promise with the value of the input if the user presses OK, and with undefined\n * if the user presses Cancel.\n *\n * ```javascript\n * $ionicPopup.prompt({\n * title: 'Password Check',\n * template: 'Enter your secret password',\n * inputType: 'password',\n * inputPlaceholder: 'Your password'\n * }).then(function(res) {\n * console.log('Your password is', res);\n * });\n * ```\n * @param {object} options The options for showing the prompt popup, of the form:\n *\n * ```\n * {\n * title: '', // String. The title of the popup.\n * cssClass: '', // String, The custom CSS class name\n * subTitle: '', // String (optional). The sub-title of the popup.\n * template: '', // String (optional). The html template to place in the popup body.\n * templateUrl: '', // String (optional). The URL of an html template to place in the popup body.\n * inputType: // String (default: 'text'). The type of input to use\n * inputPlaceholder: // String (default: ''). A placeholder to use for the input.\n * cancelText: // String (default: 'Cancel'. The text of the Cancel button.\n * cancelType: // String (default: 'button-default'). The type of the Cancel button.\n * okText: // String (default: 'OK'). The text of the OK button.\n * okType: // String (default: 'button-positive'). The type of the OK button.\n * }\n * ```\n *\n * @returns {object} A promise which is resolved when the popup is closed. Has one additional\n * function `close`, which can be called with any value to programmatically close the popup\n * with the given value.\n */\n prompt: showPrompt,\n /**\n * @private for testing\n */\n _createPopup: createPopup,\n _popupStack: popupStack\n };\n\n return $ionicPopup;\n\n function createPopup(options) {\n options = extend({\n scope: null,\n title: '',\n buttons: []\n }, options || {});\n\n var self = {};\n self.scope = (options.scope || $rootScope).$new();\n self.element = jqLite(POPUP_TPL);\n self.responseDeferred = $q.defer();\n\n $ionicBody.get().appendChild(self.element[0]);\n $compile(self.element)(self.scope);\n\n extend(self.scope, {\n title: options.title,\n buttons: options.buttons,\n subTitle: options.subTitle,\n cssClass: options.cssClass,\n $buttonTapped: function(button, event) {\n var result = (button.onTap || noop)(event);\n event = event.originalEvent || event; //jquery events\n\n if (!event.defaultPrevented) {\n self.responseDeferred.resolve(result);\n }\n }\n });\n\n $q.when(\n options.templateUrl ?\n $ionicTemplateLoader.load(options.templateUrl) :\n (options.template || options.content || '')\n ).then(function(template) {\n var popupBody = jqLite(self.element[0].querySelector('.popup-body'));\n if (template) {\n popupBody.html(template);\n $compile(popupBody.contents())(self.scope);\n } else {\n popupBody.remove();\n }\n });\n\n self.show = function() {\n if (self.isShown || self.removed) return;\n\n self.isShown = true;\n ionic.requestAnimationFrame(function() {\n //if hidden while waiting for raf, don't show\n if (!self.isShown) return;\n\n self.element.removeClass('popup-hidden');\n self.element.addClass('popup-showing active');\n focusInput(self.element);\n });\n };\n\n self.hide = function(callback) {\n callback = callback || noop;\n if (!self.isShown) return callback();\n\n self.isShown = false;\n self.element.removeClass('active');\n self.element.addClass('popup-hidden');\n $timeout(callback, 250, false);\n };\n\n self.remove = function() {\n if (self.removed) return;\n\n self.hide(function() {\n self.element.remove();\n self.scope.$destroy();\n });\n\n self.removed = true;\n };\n\n return self;\n }\n\n function onHardwareBackButton() {\n var last = popupStack[popupStack.length - 1];\n last && last.responseDeferred.resolve();\n }\n\n function showPopup(options) {\n var popup = $ionicPopup._createPopup(options);\n var showDelay = 0;\n\n if (popupStack.length > 0) {\n popupStack[popupStack.length - 1].hide();\n showDelay = config.stackPushDelay;\n } else {\n //Add popup-open & backdrop if this is first popup\n $ionicBody.addClass('popup-open');\n $ionicBackdrop.retain();\n //only show the backdrop on the first popup\n $ionicPopup._backButtonActionDone = $ionicPlatform.registerBackButtonAction(\n onHardwareBackButton,\n IONIC_BACK_PRIORITY.popup\n );\n }\n\n // Expose a 'close' method on the returned promise\n popup.responseDeferred.promise.close = function popupClose(result) {\n if (!popup.removed) popup.responseDeferred.resolve(result);\n };\n //DEPRECATED: notify the promise with an object with a close method\n popup.responseDeferred.notify({ close: popup.responseDeferred.close });\n\n doShow();\n\n return popup.responseDeferred.promise;\n\n function doShow() {\n popupStack.push(popup);\n $timeout(popup.show, showDelay, false);\n\n popup.responseDeferred.promise.then(function(result) {\n var index = popupStack.indexOf(popup);\n if (index !== -1) {\n popupStack.splice(index, 1);\n }\n\n if (popupStack.length > 0) {\n popupStack[popupStack.length - 1].show();\n } else {\n $ionicBackdrop.release();\n //Remove popup-open & backdrop if this is last popup\n $timeout(function() {\n // wait to remove this due to a 300ms delay native\n // click which would trigging whatever was underneath this\n if (!popupStack.length) {\n $ionicBody.removeClass('popup-open');\n }\n }, 400, false);\n ($ionicPopup._backButtonActionDone || noop)();\n }\n\n popup.remove();\n\n return result;\n });\n\n }\n\n }\n\n function focusInput(element) {\n var focusOn = element[0].querySelector('[autofocus]');\n if (focusOn) {\n focusOn.focus();\n }\n }\n\n function showAlert(opts) {\n return showPopup(extend({\n buttons: [{\n text: opts.okText || 'OK',\n type: opts.okType || 'button-positive',\n onTap: function() {\n return true;\n }\n }]\n }, opts || {}));\n }\n\n function showConfirm(opts) {\n return showPopup(extend({\n buttons: [{\n text: opts.cancelText || 'Cancel',\n type: opts.cancelType || 'button-default',\n onTap: function() { return false; }\n }, {\n text: opts.okText || 'OK',\n type: opts.okType || 'button-positive',\n onTap: function() { return true; }\n }]\n }, opts || {}));\n }\n\n function showPrompt(opts) {\n var scope = $rootScope.$new(true);\n scope.data = {};\n var text = '';\n if (opts.template && /<[a-z][\\s\\S]*>/i.test(opts.template) === false) {\n text = '' + opts.template + '';\n delete opts.template;\n }\n return showPopup(extend({\n template: text + '',\n scope: scope,\n buttons: [{\n text: opts.cancelText || 'Cancel',\n type: opts.cancelType || 'button-default',\n onTap: function() {}\n }, {\n text: opts.okText || 'OK',\n type: opts.okType || 'button-positive',\n onTap: function() {\n return scope.data.response || '';\n }\n }]\n }, opts || {}));\n }\n}]);\n\n/**\n * @ngdoc service\n * @name $ionicPosition\n * @module ionic\n * @description\n * A set of utility methods that can be use to retrieve position of DOM elements.\n * It is meant to be used where we need to absolute-position DOM elements in\n * relation to other, existing elements (this is the case for tooltips, popovers, etc.).\n *\n * Adapted from [AngularUI Bootstrap](https://github.com/angular-ui/bootstrap/blob/master/src/position/position.js),\n * ([license](https://github.com/angular-ui/bootstrap/blob/master/LICENSE))\n */\nIonicModule\n.factory('$ionicPosition', ['$document', '$window', function($document, $window) {\n\n function getStyle(el, cssprop) {\n if (el.currentStyle) { //IE\n return el.currentStyle[cssprop];\n } else if ($window.getComputedStyle) {\n return $window.getComputedStyle(el)[cssprop];\n }\n // finally try and get inline style\n return el.style[cssprop];\n }\n\n /**\n * Checks if a given element is statically positioned\n * @param element - raw DOM element\n */\n function isStaticPositioned(element) {\n return (getStyle(element, 'position') || 'static') === 'static';\n }\n\n /**\n * returns the closest, non-statically positioned parentOffset of a given element\n * @param element\n */\n var parentOffsetEl = function(element) {\n var docDomEl = $document[0];\n var offsetParent = element.offsetParent || docDomEl;\n while (offsetParent && offsetParent !== docDomEl && isStaticPositioned(offsetParent)) {\n offsetParent = offsetParent.offsetParent;\n }\n return offsetParent || docDomEl;\n };\n\n return {\n /**\n * @ngdoc method\n * @name $ionicPosition#position\n * @description Get the current coordinates of the element, relative to the offset parent.\n * Read-only equivalent of [jQuery's position function](http://api.jquery.com/position/).\n * @param {element} element The element to get the position of.\n * @returns {object} Returns an object containing the properties top, left, width and height.\n */\n position: function(element) {\n var elBCR = this.offset(element);\n var offsetParentBCR = { top: 0, left: 0 };\n var offsetParentEl = parentOffsetEl(element[0]);\n if (offsetParentEl != $document[0]) {\n offsetParentBCR = this.offset(jqLite(offsetParentEl));\n offsetParentBCR.top += offsetParentEl.clientTop - offsetParentEl.scrollTop;\n offsetParentBCR.left += offsetParentEl.clientLeft - offsetParentEl.scrollLeft;\n }\n\n var boundingClientRect = element[0].getBoundingClientRect();\n return {\n width: boundingClientRect.width || element.prop('offsetWidth'),\n height: boundingClientRect.height || element.prop('offsetHeight'),\n top: elBCR.top - offsetParentBCR.top,\n left: elBCR.left - offsetParentBCR.left\n };\n },\n\n /**\n * @ngdoc method\n * @name $ionicPosition#offset\n * @description Get the current coordinates of the element, relative to the document.\n * Read-only equivalent of [jQuery's offset function](http://api.jquery.com/offset/).\n * @param {element} element The element to get the offset of.\n * @returns {object} Returns an object containing the properties top, left, width and height.\n */\n offset: function(element) {\n var boundingClientRect = element[0].getBoundingClientRect();\n return {\n width: boundingClientRect.width || element.prop('offsetWidth'),\n height: boundingClientRect.height || element.prop('offsetHeight'),\n top: boundingClientRect.top + ($window.pageYOffset || $document[0].documentElement.scrollTop),\n left: boundingClientRect.left + ($window.pageXOffset || $document[0].documentElement.scrollLeft)\n };\n }\n\n };\n}]);\n\n\n/**\n * @ngdoc service\n * @name $ionicScrollDelegate\n * @module ionic\n * @description\n * Delegate for controlling scrollViews (created by\n * {@link ionic.directive:ionContent} and\n * {@link ionic.directive:ionScroll} directives).\n *\n * Methods called directly on the $ionicScrollDelegate service will control all scroll\n * views. Use the {@link ionic.service:$ionicScrollDelegate#$getByHandle $getByHandle}\n * method to control specific scrollViews.\n *\n * @usage\n *\n * ```html\n * \n * ' +\n '
' +\n '' +\n '' +\n '' +\n '
' +\n '' +\n '
' +\n '' +\n '\n * \n *
\n * \n * Slide 2!\n *
\n * ').html(template).contents();\n\n if (options.controller) {\n controller = $controller(\n options.controller,\n extend(options.locals, {\n $scope: scope\n })\n );\n element.children().data('$ngControllerController', controller);\n }\n if (options.appendTo) {\n jqLite(options.appendTo).append(element);\n }\n\n $compile(element)(scope);\n\n return {\n element: element,\n scope: scope\n };\n });\n }\n\n}]);\n\n/**\n * @private\n * DEPRECATED, as of v1.0.0-beta14 -------\n */\nIonicModule\n.factory('$ionicViewService', ['$ionicHistory', '$log', function($ionicHistory, $log) {\n\n function warn(oldMethod, newMethod) {\n $log.warn('$ionicViewService' + oldMethod + ' is deprecated, please use $ionicHistory' + newMethod + ' instead: http://ionicframework.com/docs/nightly/api/service/$ionicHistory/');\n }\n\n warn('', '');\n\n var methodsMap = {\n getCurrentView: 'currentView',\n getBackView: 'backView',\n getForwardView: 'forwardView',\n getCurrentStateName: 'currentStateName',\n nextViewOptions: 'nextViewOptions',\n clearHistory: 'clearHistory'\n };\n\n forEach(methodsMap, function(newMethod, oldMethod) {\n methodsMap[oldMethod] = function() {\n warn('.' + oldMethod, '.' + newMethod);\n return $ionicHistory[newMethod].apply(this, arguments);\n };\n });\n\n return methodsMap;\n\n}]);\n\n/**\n * @private\n * TODO document\n */\n\nIonicModule.factory('$ionicViewSwitcher', [\n '$timeout',\n '$document',\n '$q',\n '$ionicClickBlock',\n '$ionicConfig',\n '$ionicNavBarDelegate',\nfunction($timeout, $document, $q, $ionicClickBlock, $ionicConfig, $ionicNavBarDelegate) {\n\n var TRANSITIONEND_EVENT = 'webkitTransitionEnd transitionend';\n var DATA_NO_CACHE = '$noCache';\n var DATA_DESTROY_ELE = '$destroyEle';\n var DATA_ELE_IDENTIFIER = '$eleId';\n var DATA_VIEW_ACCESSED = '$accessed';\n var DATA_FALLBACK_TIMER = '$fallbackTimer';\n var DATA_VIEW = '$viewData';\n var NAV_VIEW_ATTR = 'nav-view';\n var VIEW_STATUS_ACTIVE = 'active';\n var VIEW_STATUS_CACHED = 'cached';\n var VIEW_STATUS_STAGED = 'stage';\n\n var transitionCounter = 0;\n var nextTransition, nextDirection;\n ionic.transition = ionic.transition || {};\n ionic.transition.isActive = false;\n var isActiveTimer;\n var cachedAttr = ionic.DomUtil.cachedAttr;\n var transitionPromises = [];\n var defaultTimeout = 1100;\n\n var ionicViewSwitcher = {\n\n create: function(navViewCtrl, viewLocals, enteringView, leavingView, renderStart, renderEnd) {\n // get a reference to an entering/leaving element if they exist\n // loop through to see if the view is already in the navViewElement\n var enteringEle, leavingEle;\n var transitionId = ++transitionCounter;\n var alreadyInDom;\n\n var switcher = {\n\n init: function(registerData, callback) {\n ionicViewSwitcher.isTransitioning(true);\n\n switcher.loadViewElements(registerData);\n\n switcher.render(registerData, function() {\n callback && callback();\n });\n },\n\n loadViewElements: function(registerData) {\n var x, l, viewEle;\n var viewElements = navViewCtrl.getViewElements();\n var enteringEleIdentifier = getViewElementIdentifier(viewLocals, enteringView);\n var navViewActiveEleId = navViewCtrl.activeEleId();\n\n for (x = 0, l = viewElements.length; x < l; x++) {\n viewEle = viewElements.eq(x);\n\n if (viewEle.data(DATA_ELE_IDENTIFIER) === enteringEleIdentifier) {\n // we found an existing element in the DOM that should be entering the view\n if (viewEle.data(DATA_NO_CACHE)) {\n // the existing element should not be cached, don't use it\n viewEle.data(DATA_ELE_IDENTIFIER, enteringEleIdentifier + ionic.Utils.nextUid());\n viewEle.data(DATA_DESTROY_ELE, true);\n\n } else {\n enteringEle = viewEle;\n }\n\n } else if (isDefined(navViewActiveEleId) && viewEle.data(DATA_ELE_IDENTIFIER) === navViewActiveEleId) {\n leavingEle = viewEle;\n }\n\n if (enteringEle && leavingEle) break;\n }\n\n alreadyInDom = !!enteringEle;\n\n if (!alreadyInDom) {\n // still no existing element to use\n // create it using existing template/scope/locals\n enteringEle = registerData.ele || ionicViewSwitcher.createViewEle(viewLocals);\n\n // existing elements in the DOM are looked up by their state name and state id\n enteringEle.data(DATA_ELE_IDENTIFIER, enteringEleIdentifier);\n }\n\n if (renderEnd) {\n navViewCtrl.activeEleId(enteringEleIdentifier);\n }\n\n registerData.ele = null;\n },\n\n render: function(registerData, callback) {\n if (alreadyInDom) {\n // it was already found in the DOM, just reconnect the scope\n ionic.Utils.reconnectScope(enteringEle.scope());\n\n } else {\n // the entering element is not already in the DOM\n // set that the entering element should be \"staged\" and its\n // styles of where this element will go before it hits the DOM\n navViewAttr(enteringEle, VIEW_STATUS_STAGED);\n\n var enteringData = getTransitionData(viewLocals, enteringEle, registerData.direction, enteringView);\n var transitionFn = $ionicConfig.transitions.views[enteringData.transition] || $ionicConfig.transitions.views.none;\n transitionFn(enteringEle, null, enteringData.direction, true).run(0);\n\n enteringEle.data(DATA_VIEW, {\n viewId: enteringData.viewId,\n historyId: enteringData.historyId,\n stateName: enteringData.stateName,\n stateParams: enteringData.stateParams\n });\n\n // if the current state has cache:false\n // or the element has cache-view=\"false\" attribute\n if (viewState(viewLocals).cache === false || viewState(viewLocals).cache === 'false' ||\n enteringEle.attr('cache-view') == 'false' || $ionicConfig.views.maxCache() === 0) {\n enteringEle.data(DATA_NO_CACHE, true);\n }\n\n // append the entering element to the DOM, create a new scope and run link\n var viewScope = navViewCtrl.appendViewElement(enteringEle, viewLocals);\n\n delete enteringData.direction;\n delete enteringData.transition;\n viewScope.$emit('$ionicView.loaded', enteringData);\n }\n\n // update that this view was just accessed\n enteringEle.data(DATA_VIEW_ACCESSED, Date.now());\n\n callback && callback();\n },\n\n transition: function(direction, enableBack, allowAnimate) {\n var deferred;\n var enteringData = getTransitionData(viewLocals, enteringEle, direction, enteringView);\n var leavingData = extend(extend({}, enteringData), getViewData(leavingView));\n enteringData.transitionId = leavingData.transitionId = transitionId;\n enteringData.fromCache = !!alreadyInDom;\n enteringData.enableBack = !!enableBack;\n enteringData.renderStart = renderStart;\n enteringData.renderEnd = renderEnd;\n\n cachedAttr(enteringEle.parent(), 'nav-view-transition', enteringData.transition);\n cachedAttr(enteringEle.parent(), 'nav-view-direction', enteringData.direction);\n\n // cancel any previous transition complete fallbacks\n $timeout.cancel(enteringEle.data(DATA_FALLBACK_TIMER));\n\n // get the transition ready and see if it'll animate\n var transitionFn = $ionicConfig.transitions.views[enteringData.transition] || $ionicConfig.transitions.views.none;\n var viewTransition = transitionFn(enteringEle, leavingEle, enteringData.direction,\n enteringData.shouldAnimate && allowAnimate && renderEnd);\n\n if (viewTransition.shouldAnimate) {\n // attach transitionend events (and fallback timer)\n enteringEle.on(TRANSITIONEND_EVENT, completeOnTransitionEnd);\n enteringEle.data(DATA_FALLBACK_TIMER, $timeout(transitionComplete, defaultTimeout));\n $ionicClickBlock.show(defaultTimeout);\n }\n\n if (renderStart) {\n // notify the views \"before\" the transition starts\n switcher.emit('before', enteringData, leavingData);\n\n // stage entering element, opacity 0, no transition duration\n navViewAttr(enteringEle, VIEW_STATUS_STAGED);\n\n // render the elements in the correct location for their starting point\n viewTransition.run(0);\n }\n\n if (renderEnd) {\n // create a promise so we can keep track of when all transitions finish\n // only required if this transition should complete\n deferred = $q.defer();\n transitionPromises.push(deferred.promise);\n }\n\n if (renderStart && renderEnd) {\n // CSS \"auto\" transitioned, not manually transitioned\n // wait a frame so the styles apply before auto transitioning\n $timeout(onReflow, 16);\n\n } else if (!renderEnd) {\n // just the start of a manual transition\n // but it will not render the end of the transition\n navViewAttr(enteringEle, 'entering');\n navViewAttr(leavingEle, 'leaving');\n\n // return the transition run method so each step can be ran manually\n return {\n run: viewTransition.run,\n cancel: function(shouldAnimate) {\n if (shouldAnimate) {\n enteringEle.on(TRANSITIONEND_EVENT, cancelOnTransitionEnd);\n enteringEle.data(DATA_FALLBACK_TIMER, $timeout(cancelTransition, defaultTimeout));\n $ionicClickBlock.show(defaultTimeout);\n } else {\n cancelTransition();\n }\n viewTransition.shouldAnimate = shouldAnimate;\n viewTransition.run(0);\n viewTransition = null;\n }\n };\n\n } else if (renderEnd) {\n // just the end of a manual transition\n // happens after the manual transition has completed\n // and a full history change has happened\n onReflow();\n }\n\n\n function onReflow() {\n // remove that we're staging the entering element so it can auto transition\n navViewAttr(enteringEle, viewTransition.shouldAnimate ? 'entering' : VIEW_STATUS_ACTIVE);\n navViewAttr(leavingEle, viewTransition.shouldAnimate ? 'leaving' : VIEW_STATUS_CACHED);\n\n // start the auto transition and let the CSS take over\n viewTransition.run(1);\n\n // trigger auto transitions on the associated nav bars\n $ionicNavBarDelegate._instances.forEach(function(instance) {\n instance.triggerTransitionStart(transitionId);\n });\n\n if (!viewTransition.shouldAnimate) {\n // no animated auto transition\n transitionComplete();\n }\n }\n\n // Make sure that transitionend events bubbling up from children won't fire\n // transitionComplete. Will only go forward if ev.target == the element listening.\n function completeOnTransitionEnd(ev) {\n if (ev.target !== this) return;\n transitionComplete();\n }\n function transitionComplete() {\n if (transitionComplete.x) return;\n transitionComplete.x = true;\n\n enteringEle.off(TRANSITIONEND_EVENT, completeOnTransitionEnd);\n $timeout.cancel(enteringEle.data(DATA_FALLBACK_TIMER));\n leavingEle && $timeout.cancel(leavingEle.data(DATA_FALLBACK_TIMER));\n\n // emit that the views have finished transitioning\n // each parent nav-view will update which views are active and cached\n switcher.emit('after', enteringData, leavingData);\n\n // resolve that this one transition (there could be many w/ nested views)\n deferred && deferred.resolve(navViewCtrl);\n\n // the most recent transition added has completed and all the active\n // transition promises should be added to the services array of promises\n if (transitionId === transitionCounter) {\n $q.all(transitionPromises).then(ionicViewSwitcher.transitionEnd);\n switcher.cleanup(enteringData);\n }\n\n // tell the nav bars that the transition has ended\n $ionicNavBarDelegate._instances.forEach(function(instance) {\n instance.triggerTransitionEnd();\n });\n\n // remove any references that could cause memory issues\n nextTransition = nextDirection = enteringView = leavingView = enteringEle = leavingEle = null;\n }\n\n // Make sure that transitionend events bubbling up from children won't fire\n // transitionComplete. Will only go forward if ev.target == the element listening.\n function cancelOnTransitionEnd(ev) {\n if (ev.target !== this) return;\n cancelTransition();\n }\n function cancelTransition() {\n navViewAttr(enteringEle, VIEW_STATUS_CACHED);\n navViewAttr(leavingEle, VIEW_STATUS_ACTIVE);\n enteringEle.off(TRANSITIONEND_EVENT, cancelOnTransitionEnd);\n $timeout.cancel(enteringEle.data(DATA_FALLBACK_TIMER));\n ionicViewSwitcher.transitionEnd([navViewCtrl]);\n }\n\n },\n\n emit: function(step, enteringData, leavingData) {\n var scope = enteringEle.scope();\n if (scope) {\n scope.$emit('$ionicView.' + step + 'Enter', enteringData);\n if (step == 'after') {\n scope.$emit('$ionicView.enter', enteringData);\n }\n }\n\n if (leavingEle) {\n scope = leavingEle.scope();\n if (scope) {\n scope.$emit('$ionicView.' + step + 'Leave', leavingData);\n if (step == 'after') {\n scope.$emit('$ionicView.leave', leavingData);\n }\n }\n\n } else if (scope && leavingData && leavingData.viewId) {\n scope.$emit('$ionicNavView.' + step + 'Leave', leavingData);\n if (step == 'after') {\n scope.$emit('$ionicNavView.leave', leavingData);\n }\n }\n },\n\n cleanup: function(transData) {\n // check if any views should be removed\n if (leavingEle && transData.direction == 'back' && !$ionicConfig.views.forwardCache()) {\n // if they just navigated back we can destroy the forward view\n // do not remove forward views if cacheForwardViews config is true\n destroyViewEle(leavingEle);\n }\n\n var viewElements = navViewCtrl.getViewElements();\n var viewElementsLength = viewElements.length;\n var x, viewElement;\n var removeOldestAccess = (viewElementsLength - 1) > $ionicConfig.views.maxCache();\n var removableEle;\n var oldestAccess = Date.now();\n\n for (x = 0; x < viewElementsLength; x++) {\n viewElement = viewElements.eq(x);\n\n if (removeOldestAccess && viewElement.data(DATA_VIEW_ACCESSED) < oldestAccess) {\n // remember what was the oldest element to be accessed so it can be destroyed\n oldestAccess = viewElement.data(DATA_VIEW_ACCESSED);\n removableEle = viewElements.eq(x);\n\n } else if (viewElement.data(DATA_DESTROY_ELE) && navViewAttr(viewElement) != VIEW_STATUS_ACTIVE) {\n destroyViewEle(viewElement);\n }\n }\n\n destroyViewEle(removableEle);\n\n if (enteringEle.data(DATA_NO_CACHE)) {\n enteringEle.data(DATA_DESTROY_ELE, true);\n }\n },\n\n enteringEle: function() { return enteringEle; },\n leavingEle: function() { return leavingEle; }\n\n };\n\n return switcher;\n },\n\n transitionEnd: function(navViewCtrls) {\n forEach(navViewCtrls, function(navViewCtrl) {\n navViewCtrl.transitionEnd();\n });\n\n ionicViewSwitcher.isTransitioning(false);\n $ionicClickBlock.hide();\n transitionPromises = [];\n },\n\n nextTransition: function(val) {\n nextTransition = val;\n },\n\n nextDirection: function(val) {\n nextDirection = val;\n },\n\n isTransitioning: function(val) {\n if (arguments.length) {\n ionic.transition.isActive = !!val;\n $timeout.cancel(isActiveTimer);\n if (val) {\n isActiveTimer = $timeout(function() {\n ionicViewSwitcher.isTransitioning(false);\n }, 999);\n }\n }\n return ionic.transition.isActive;\n },\n\n createViewEle: function(viewLocals) {\n var containerEle = $document[0].createElement('div');\n if (viewLocals && viewLocals.$template) {\n containerEle.innerHTML = viewLocals.$template;\n if (containerEle.children.length === 1) {\n containerEle.children[0].classList.add('pane');\n return jqLite(containerEle.children[0]);\n }\n }\n containerEle.className = \"pane\";\n return jqLite(containerEle);\n },\n\n viewEleIsActive: function(viewEle, isActiveAttr) {\n navViewAttr(viewEle, isActiveAttr ? VIEW_STATUS_ACTIVE : VIEW_STATUS_CACHED);\n },\n\n getTransitionData: getTransitionData,\n navViewAttr: navViewAttr,\n destroyViewEle: destroyViewEle\n\n };\n\n return ionicViewSwitcher;\n\n\n function getViewElementIdentifier(locals, view) {\n if (viewState(locals)['abstract']) return viewState(locals).name;\n if (view) return view.stateId || view.viewId;\n return ionic.Utils.nextUid();\n }\n\n function viewState(locals) {\n return locals && locals.$$state && locals.$$state.self || {};\n }\n\n function getTransitionData(viewLocals, enteringEle, direction, view) {\n // Priority\n // 1) attribute directive on the button/link to this view\n // 2) entering element's attribute\n // 3) entering view's $state config property\n // 4) view registration data\n // 5) global config\n // 6) fallback value\n\n var state = viewState(viewLocals);\n var viewTransition = nextTransition || cachedAttr(enteringEle, 'view-transition') || state.viewTransition || $ionicConfig.views.transition() || 'ios';\n var navBarTransition = $ionicConfig.navBar.transition();\n direction = nextDirection || cachedAttr(enteringEle, 'view-direction') || state.viewDirection || direction || 'none';\n\n return extend(getViewData(view), {\n transition: viewTransition,\n navBarTransition: navBarTransition === 'view' ? viewTransition : navBarTransition,\n direction: direction,\n shouldAnimate: (viewTransition !== 'none' && direction !== 'none')\n });\n }\n\n function getViewData(view) {\n view = view || {};\n return {\n viewId: view.viewId,\n historyId: view.historyId,\n stateId: view.stateId,\n stateName: view.stateName,\n stateParams: view.stateParams\n };\n }\n\n function navViewAttr(ele, value) {\n if (arguments.length > 1) {\n cachedAttr(ele, NAV_VIEW_ATTR, value);\n } else {\n return cachedAttr(ele, NAV_VIEW_ATTR);\n }\n }\n\n function destroyViewEle(ele) {\n // we found an element that should be removed\n // destroy its scope, then remove the element\n if (ele && ele.length) {\n var viewScope = ele.scope();\n if (viewScope) {\n viewScope.$emit('$ionicView.unloaded', ele.data(DATA_VIEW));\n viewScope.$destroy();\n }\n ele.remove();\n }\n }\n\n}]);\n\n/**\n * @private\n * Parts of Ionic requires that $scope data is attached to the element.\n * We do not want to disable adding $scope data to the $element when\n * $compileProvider.debugInfoEnabled(false) is used.\n */\nIonicModule.config(['$provide', function($provide) {\n $provide.decorator('$compile', ['$delegate', function($compile) {\n $compile.$$addScopeInfo = function $$addScopeInfo($element, scope, isolated, noTemplate) {\n var dataName = isolated ? (noTemplate ? '$isolateScopeNoTemplate' : '$isolateScope') : '$scope';\n $element.data(dataName, scope);\n };\n return $compile;\n }]);\n}]);\n\n/**\n * @private\n */\nIonicModule.config([\n '$provide',\nfunction($provide) {\n function $LocationDecorator($location, $timeout) {\n\n $location.__hash = $location.hash;\n //Fix: when window.location.hash is set, the scrollable area\n //found nearest to body's scrollTop is set to scroll to an element\n //with that ID.\n $location.hash = function(value) {\n if (isDefined(value)) {\n $timeout(function() {\n var scroll = document.querySelector('.scroll-content');\n if (scroll) {\n scroll.scrollTop = 0;\n }\n }, 0, false);\n }\n return $location.__hash(value);\n };\n\n return $location;\n }\n\n $provide.decorator('$location', ['$delegate', '$timeout', $LocationDecorator]);\n}]);\n\nIonicModule\n\n.controller('$ionicHeaderBar', [\n '$scope',\n '$element',\n '$attrs',\n '$q',\n '$ionicConfig',\n '$ionicHistory',\nfunction($scope, $element, $attrs, $q, $ionicConfig, $ionicHistory) {\n var TITLE = 'title';\n var BACK_TEXT = 'back-text';\n var BACK_BUTTON = 'back-button';\n var DEFAULT_TITLE = 'default-title';\n var PREVIOUS_TITLE = 'previous-title';\n var HIDE = 'hide';\n\n var self = this;\n var titleText = '';\n var previousTitleText = '';\n var titleLeft = 0;\n var titleRight = 0;\n var titleCss = '';\n var isBackEnabled = false;\n var isBackShown = true;\n var isNavBackShown = true;\n var isBackElementShown = false;\n var titleTextWidth = 0;\n\n\n self.beforeEnter = function(viewData) {\n $scope.$broadcast('$ionicView.beforeEnter', viewData);\n };\n\n\n self.title = function(newTitleText) {\n if (arguments.length && newTitleText !== titleText) {\n getEle(TITLE).innerHTML = newTitleText;\n titleText = newTitleText;\n titleTextWidth = 0;\n }\n return titleText;\n };\n\n\n self.enableBack = function(shouldEnable, disableReset) {\n // whether or not the back button show be visible, according\n // to the navigation and history\n if (arguments.length) {\n isBackEnabled = shouldEnable;\n if (!disableReset) self.updateBackButton();\n }\n return isBackEnabled;\n };\n\n\n self.showBack = function(shouldShow, disableReset) {\n // different from enableBack() because this will always have the back\n // visually hidden if false, even if the history says it should show\n if (arguments.length) {\n isBackShown = shouldShow;\n if (!disableReset) self.updateBackButton();\n }\n return isBackShown;\n };\n\n\n self.showNavBack = function(shouldShow) {\n // different from showBack() because this is for the entire nav bar's\n // setting for all of it's child headers. For internal use.\n isNavBackShown = shouldShow;\n self.updateBackButton();\n };\n\n\n self.updateBackButton = function() {\n var ele;\n if ((isBackShown && isNavBackShown && isBackEnabled) !== isBackElementShown) {\n isBackElementShown = isBackShown && isNavBackShown && isBackEnabled;\n ele = getEle(BACK_BUTTON);\n ele && ele.classList[ isBackElementShown ? 'remove' : 'add' ](HIDE);\n }\n\n if (isBackEnabled) {\n ele = ele || getEle(BACK_BUTTON);\n if (ele) {\n if (self.backButtonIcon !== $ionicConfig.backButton.icon()) {\n ele = getEle(BACK_BUTTON + ' .icon');\n if (ele) {\n self.backButtonIcon = $ionicConfig.backButton.icon();\n ele.className = 'icon ' + self.backButtonIcon;\n }\n }\n\n if (self.backButtonText !== $ionicConfig.backButton.text()) {\n ele = getEle(BACK_BUTTON + ' .back-text');\n if (ele) {\n ele.textContent = self.backButtonText = $ionicConfig.backButton.text();\n }\n }\n }\n }\n };\n\n\n self.titleTextWidth = function() {\n if (!titleTextWidth) {\n var bounds = ionic.DomUtil.getTextBounds(getEle(TITLE));\n titleTextWidth = Math.min(bounds && bounds.width || 30);\n }\n return titleTextWidth;\n };\n\n\n self.titleWidth = function() {\n var titleWidth = self.titleTextWidth();\n var offsetWidth = getEle(TITLE).offsetWidth;\n if (offsetWidth < titleWidth) {\n titleWidth = offsetWidth + (titleLeft - titleRight - 5);\n }\n return titleWidth;\n };\n\n\n self.titleTextX = function() {\n return ($element[0].offsetWidth / 2) - (self.titleWidth() / 2);\n };\n\n\n self.titleLeftRight = function() {\n return titleLeft - titleRight;\n };\n\n\n self.backButtonTextLeft = function() {\n var offsetLeft = 0;\n var ele = getEle(BACK_TEXT);\n while (ele) {\n offsetLeft += ele.offsetLeft;\n ele = ele.parentElement;\n }\n return offsetLeft;\n };\n\n\n self.resetBackButton = function(viewData) {\n if ($ionicConfig.backButton.previousTitleText()) {\n var previousTitleEle = getEle(PREVIOUS_TITLE);\n if (previousTitleEle) {\n previousTitleEle.classList.remove(HIDE);\n\n var view = (viewData && $ionicHistory.getViewById(viewData.viewId));\n var newPreviousTitleText = $ionicHistory.backTitle(view);\n\n if (newPreviousTitleText !== previousTitleText) {\n previousTitleText = previousTitleEle.innerHTML = newPreviousTitleText;\n }\n }\n var defaultTitleEle = getEle(DEFAULT_TITLE);\n if (defaultTitleEle) {\n defaultTitleEle.classList.remove(HIDE);\n }\n }\n };\n\n\n self.align = function(textAlign) {\n var titleEle = getEle(TITLE);\n\n textAlign = textAlign || $attrs.alignTitle || $ionicConfig.navBar.alignTitle();\n\n var widths = self.calcWidths(textAlign, false);\n\n if (isBackShown && previousTitleText && $ionicConfig.backButton.previousTitleText()) {\n var previousTitleWidths = self.calcWidths(textAlign, true);\n\n var availableTitleWidth = $element[0].offsetWidth - previousTitleWidths.titleLeft - previousTitleWidths.titleRight;\n\n if (self.titleTextWidth() <= availableTitleWidth) {\n widths = previousTitleWidths;\n }\n }\n\n return self.updatePositions(titleEle, widths.titleLeft, widths.titleRight, widths.buttonsLeft, widths.buttonsRight, widths.css, widths.showPrevTitle);\n };\n\n\n self.calcWidths = function(textAlign, isPreviousTitle) {\n var titleEle = getEle(TITLE);\n var backBtnEle = getEle(BACK_BUTTON);\n var x, y, z, b, c, d, childSize, bounds;\n var childNodes = $element[0].childNodes;\n var buttonsLeft = 0;\n var buttonsRight = 0;\n var isCountRightOfTitle;\n var updateTitleLeft = 0;\n var updateTitleRight = 0;\n var updateCss = '';\n var backButtonWidth = 0;\n\n // Compute how wide the left children are\n // Skip all titles (there may still be two titles, one leaving the dom)\n // Once we encounter a titleEle, realize we are now counting the right-buttons, not left\n for (x = 0; x < childNodes.length; x++) {\n c = childNodes[x];\n\n childSize = 0;\n if (c.nodeType == 1) {\n // element node\n if (c === titleEle) {\n isCountRightOfTitle = true;\n continue;\n }\n\n if (c.classList.contains(HIDE)) {\n continue;\n }\n\n if (isBackShown && c === backBtnEle) {\n\n for (y = 0; y < c.childNodes.length; y++) {\n b = c.childNodes[y];\n\n if (b.nodeType == 1) {\n\n if (b.classList.contains(BACK_TEXT)) {\n for (z = 0; z < b.children.length; z++) {\n d = b.children[z];\n\n if (isPreviousTitle) {\n if (d.classList.contains(DEFAULT_TITLE)) continue;\n backButtonWidth += d.offsetWidth;\n } else {\n if (d.classList.contains(PREVIOUS_TITLE)) continue;\n backButtonWidth += d.offsetWidth;\n }\n }\n\n } else {\n backButtonWidth += b.offsetWidth;\n }\n\n } else if (b.nodeType == 3 && b.nodeValue.trim()) {\n bounds = ionic.DomUtil.getTextBounds(b);\n backButtonWidth += bounds && bounds.width || 0;\n }\n\n }\n childSize = backButtonWidth || c.offsetWidth;\n\n } else {\n // not the title, not the back button, not a hidden element\n childSize = c.offsetWidth;\n }\n\n } else if (c.nodeType == 3 && c.nodeValue.trim()) {\n // text node\n bounds = ionic.DomUtil.getTextBounds(c);\n childSize = bounds && bounds.width || 0;\n }\n\n if (isCountRightOfTitle) {\n buttonsRight += childSize;\n } else {\n buttonsLeft += childSize;\n }\n }\n\n // Size and align the header titleEle based on the sizes of the left and\n // right children, and the desired alignment mode\n if (textAlign == 'left') {\n updateCss = 'title-left';\n if (buttonsLeft) {\n updateTitleLeft = buttonsLeft + 15;\n }\n if (buttonsRight) {\n updateTitleRight = buttonsRight + 15;\n }\n\n } else if (textAlign == 'right') {\n updateCss = 'title-right';\n if (buttonsLeft) {\n updateTitleLeft = buttonsLeft + 15;\n }\n if (buttonsRight) {\n updateTitleRight = buttonsRight + 15;\n }\n\n } else {\n // center the default\n var margin = Math.max(buttonsLeft, buttonsRight) + 10;\n if (margin > 10) {\n updateTitleLeft = updateTitleRight = margin;\n }\n }\n\n return {\n backButtonWidth: backButtonWidth,\n buttonsLeft: buttonsLeft,\n buttonsRight: buttonsRight,\n titleLeft: updateTitleLeft,\n titleRight: updateTitleRight,\n showPrevTitle: isPreviousTitle,\n css: updateCss\n };\n };\n\n\n self.updatePositions = function(titleEle, updateTitleLeft, updateTitleRight, buttonsLeft, buttonsRight, updateCss, showPreviousTitle) {\n var deferred = $q.defer();\n\n // only make DOM updates when there are actual changes\n if (titleEle) {\n if (updateTitleLeft !== titleLeft) {\n titleEle.style.left = updateTitleLeft ? updateTitleLeft + 'px' : '';\n titleLeft = updateTitleLeft;\n }\n if (updateTitleRight !== titleRight) {\n titleEle.style.right = updateTitleRight ? updateTitleRight + 'px' : '';\n titleRight = updateTitleRight;\n }\n\n if (updateCss !== titleCss) {\n updateCss && titleEle.classList.add(updateCss);\n titleCss && titleEle.classList.remove(titleCss);\n titleCss = updateCss;\n }\n }\n\n if ($ionicConfig.backButton.previousTitleText()) {\n var prevTitle = getEle(PREVIOUS_TITLE);\n var defaultTitle = getEle(DEFAULT_TITLE);\n\n prevTitle && prevTitle.classList[ showPreviousTitle ? 'remove' : 'add'](HIDE);\n defaultTitle && defaultTitle.classList[ showPreviousTitle ? 'add' : 'remove'](HIDE);\n }\n\n ionic.requestAnimationFrame(function() {\n if (titleEle && titleEle.offsetWidth + 10 < titleEle.scrollWidth) {\n var minRight = buttonsRight + 5;\n var testRight = $element[0].offsetWidth - titleLeft - self.titleTextWidth() - 20;\n updateTitleRight = testRight < minRight ? minRight : testRight;\n if (updateTitleRight !== titleRight) {\n titleEle.style.right = updateTitleRight + 'px';\n titleRight = updateTitleRight;\n }\n }\n deferred.resolve();\n });\n\n return deferred.promise;\n };\n\n\n self.setCss = function(elementClassname, css) {\n ionic.DomUtil.cachedStyles(getEle(elementClassname), css);\n };\n\n\n var eleCache = {};\n function getEle(className) {\n if (!eleCache[className]) {\n eleCache[className] = $element[0].querySelector('.' + className);\n }\n return eleCache[className];\n }\n\n\n $scope.$on('$destroy', function() {\n for (var n in eleCache) eleCache[n] = null;\n });\n\n}]);\n\nIonicModule\n.controller('$ionInfiniteScroll', [\n '$scope',\n '$attrs',\n '$element',\n '$timeout',\nfunction($scope, $attrs, $element, $timeout) {\n var self = this;\n self.isLoading = false;\n\n $scope.icon = function() {\n return isDefined($attrs.icon) ? $attrs.icon : 'ion-load-d';\n };\n\n $scope.spinner = function() {\n return isDefined($attrs.spinner) ? $attrs.spinner : '';\n };\n\n $scope.$on('scroll.infiniteScrollComplete', function() {\n finishInfiniteScroll();\n });\n\n $scope.$on('$destroy', function() {\n if (self.scrollCtrl && self.scrollCtrl.$element) self.scrollCtrl.$element.off('scroll', self.checkBounds);\n if (self.scrollEl && self.scrollEl.removeEventListener) {\n self.scrollEl.removeEventListener('scroll', self.checkBounds);\n }\n });\n\n // debounce checking infinite scroll events\n self.checkBounds = ionic.Utils.throttle(checkInfiniteBounds, 300);\n\n function onInfinite() {\n ionic.requestAnimationFrame(function() {\n $element[0].classList.add('active');\n });\n self.isLoading = true;\n $scope.$parent && $scope.$parent.$apply($attrs.onInfinite || '');\n }\n\n function finishInfiniteScroll() {\n ionic.requestAnimationFrame(function() {\n $element[0].classList.remove('active');\n });\n $timeout(function() {\n if (self.jsScrolling) self.scrollView.resize();\n // only check bounds again immediately if the page isn't cached (scroll el has height)\n if ((self.jsScrolling && self.scrollView.__container && self.scrollView.__container.offsetHeight > 0) ||\n !self.jsScrolling) {\n self.checkBounds();\n }\n }, 30, false);\n self.isLoading = false;\n }\n\n // check if we've scrolled far enough to trigger an infinite scroll\n function checkInfiniteBounds() {\n if (self.isLoading) return;\n var maxScroll = {};\n\n if (self.jsScrolling) {\n maxScroll = self.getJSMaxScroll();\n var scrollValues = self.scrollView.getValues();\n if ((maxScroll.left !== -1 && scrollValues.left >= maxScroll.left) ||\n (maxScroll.top !== -1 && scrollValues.top >= maxScroll.top)) {\n onInfinite();\n }\n } else {\n maxScroll = self.getNativeMaxScroll();\n if ((\n maxScroll.left !== -1 &&\n self.scrollEl.scrollLeft >= maxScroll.left - self.scrollEl.clientWidth\n ) || (\n maxScroll.top !== -1 &&\n self.scrollEl.scrollTop >= maxScroll.top - self.scrollEl.clientHeight\n )) {\n onInfinite();\n }\n }\n }\n\n // determine the threshold at which we should fire an infinite scroll\n // note: this gets processed every scroll event, can it be cached?\n self.getJSMaxScroll = function() {\n var maxValues = self.scrollView.getScrollMax();\n return {\n left: self.scrollView.options.scrollingX ?\n calculateMaxValue(maxValues.left) :\n -1,\n top: self.scrollView.options.scrollingY ?\n calculateMaxValue(maxValues.top) :\n -1\n };\n };\n\n self.getNativeMaxScroll = function() {\n var maxValues = {\n left: self.scrollEl.scrollWidth,\n top: self.scrollEl.scrollHeight\n };\n var computedStyle = window.getComputedStyle(self.scrollEl) || {};\n return {\n left: computedStyle.overflowX === 'scroll' ||\n computedStyle.overflowX === 'auto' ||\n self.scrollEl.style['overflow-x'] === 'scroll' ?\n calculateMaxValue(maxValues.left) : -1,\n top: computedStyle.overflowY === 'scroll' ||\n computedStyle.overflowY === 'auto' ||\n self.scrollEl.style['overflow-y'] === 'scroll' ?\n calculateMaxValue(maxValues.top) : -1\n };\n };\n\n // determine pixel refresh distance based on % or value\n function calculateMaxValue(maximum) {\n var distance = ($attrs.distance || '2.5%').trim();\n var isPercent = distance.indexOf('%') !== -1;\n return isPercent ?\n maximum * (1 - parseFloat(distance) / 100) :\n maximum - parseFloat(distance);\n }\n\n //for testing\n self.__finishInfiniteScroll = finishInfiniteScroll;\n\n}]);\n\n/**\n * @ngdoc service\n * @name $ionicListDelegate\n * @module ionic\n *\n * @description\n * Delegate for controlling the {@link ionic.directive:ionList} directive.\n *\n * Methods called directly on the $ionicListDelegate service will control all lists.\n * Use the {@link ionic.service:$ionicListDelegate#$getByHandle $getByHandle}\n * method to control specific ionList instances.\n *\n * @usage\n *\n * ````html\n * \n * \n * \n * \n * {% raw %}Hello, {{i}}!{% endraw %}\n * \n * \n * \n * ```\n * ```js\n * function MyCtrl($scope, $ionicListDelegate) {\n * $scope.showDeleteButtons = function() {\n * $ionicListDelegate.showDelete(true);\n * };\n * }\n * ```\n */\nIonicModule.service('$ionicListDelegate', ionic.DelegateService([\n /**\n * @ngdoc method\n * @name $ionicListDelegate#showReorder\n * @param {boolean=} showReorder Set whether or not this list is showing its reorder buttons.\n * @returns {boolean} Whether the reorder buttons are shown.\n */\n 'showReorder',\n /**\n * @ngdoc method\n * @name $ionicListDelegate#showDelete\n * @param {boolean=} showDelete Set whether or not this list is showing its delete buttons.\n * @returns {boolean} Whether the delete buttons are shown.\n */\n 'showDelete',\n /**\n * @ngdoc method\n * @name $ionicListDelegate#canSwipeItems\n * @param {boolean=} canSwipeItems Set whether or not this list is able to swipe to show\n * option buttons.\n * @returns {boolean} Whether the list is able to swipe to show option buttons.\n */\n 'canSwipeItems',\n /**\n * @ngdoc method\n * @name $ionicListDelegate#closeOptionButtons\n * @description Closes any option buttons on the list that are swiped open.\n */\n 'closeOptionButtons'\n /**\n * @ngdoc method\n * @name $ionicListDelegate#$getByHandle\n * @param {string} handle\n * @returns `delegateInstance` A delegate instance that controls only the\n * {@link ionic.directive:ionList} directives with `delegate-handle` matching\n * the given handle.\n *\n * Example: `$ionicListDelegate.$getByHandle('my-handle').showReorder(true);`\n */\n]))\n\n.controller('$ionicList', [\n '$scope',\n '$attrs',\n '$ionicListDelegate',\n '$ionicHistory',\nfunction($scope, $attrs, $ionicListDelegate, $ionicHistory) {\n var self = this;\n var isSwipeable = true;\n var isReorderShown = false;\n var isDeleteShown = false;\n\n var deregisterInstance = $ionicListDelegate._registerInstance(\n self, $attrs.delegateHandle, function() {\n return $ionicHistory.isActiveScope($scope);\n }\n );\n $scope.$on('$destroy', deregisterInstance);\n\n self.showReorder = function(show) {\n if (arguments.length) {\n isReorderShown = !!show;\n }\n return isReorderShown;\n };\n\n self.showDelete = function(show) {\n if (arguments.length) {\n isDeleteShown = !!show;\n }\n return isDeleteShown;\n };\n\n self.canSwipeItems = function(can) {\n if (arguments.length) {\n isSwipeable = !!can;\n }\n return isSwipeable;\n };\n\n self.closeOptionButtons = function() {\n self.listView && self.listView.clearDragEffects();\n };\n}]);\n\nIonicModule\n\n.controller('$ionicNavBar', [\n '$scope',\n '$element',\n '$attrs',\n '$compile',\n '$timeout',\n '$ionicNavBarDelegate',\n '$ionicConfig',\n '$ionicHistory',\nfunction($scope, $element, $attrs, $compile, $timeout, $ionicNavBarDelegate, $ionicConfig, $ionicHistory) {\n\n var CSS_HIDE = 'hide';\n var DATA_NAV_BAR_CTRL = '$ionNavBarController';\n var PRIMARY_BUTTONS = 'primaryButtons';\n var SECONDARY_BUTTONS = 'secondaryButtons';\n var BACK_BUTTON = 'backButton';\n var ITEM_TYPES = 'primaryButtons secondaryButtons leftButtons rightButtons title'.split(' ');\n\n var self = this;\n var headerBars = [];\n var navElementHtml = {};\n var isVisible = true;\n var queuedTransitionStart, queuedTransitionEnd, latestTransitionId;\n\n $element.parent().data(DATA_NAV_BAR_CTRL, self);\n\n var delegateHandle = $attrs.delegateHandle || 'navBar' + ionic.Utils.nextUid();\n\n var deregisterInstance = $ionicNavBarDelegate._registerInstance(self, delegateHandle);\n\n\n self.init = function() {\n $element.addClass('nav-bar-container');\n ionic.DomUtil.cachedAttr($element, 'nav-bar-transition', $ionicConfig.views.transition());\n\n // create two nav bar blocks which will trade out which one is shown\n self.createHeaderBar(false);\n self.createHeaderBar(true);\n\n $scope.$emit('ionNavBar.init', delegateHandle);\n };\n\n\n self.createHeaderBar = function(isActive) {\n var containerEle = jqLite('
');\n ionic.DomUtil.cachedAttr(containerEle, 'nav-bar', isActive ? 'active' : 'cached');\n\n var alignTitle = $attrs.alignTitle || $ionicConfig.navBar.alignTitle();\n var headerBarEle = jqLite('').addClass($attrs['class']).attr('align-title', alignTitle);\n if (isDefined($attrs.noTapScroll)) headerBarEle.attr('no-tap-scroll', $attrs.noTapScroll);\n var titleEle = jqLite('
');\n var navEle = {};\n var lastViewItemEle = {};\n var leftButtonsEle, rightButtonsEle;\n\n navEle[BACK_BUTTON] = createNavElement(BACK_BUTTON);\n navEle[BACK_BUTTON] && headerBarEle.append(navEle[BACK_BUTTON]);\n\n // append title in the header, this is the rock to where buttons append\n headerBarEle.append(titleEle);\n\n forEach(ITEM_TYPES, function(itemType) {\n // create default button elements\n navEle[itemType] = createNavElement(itemType);\n // append and position buttons\n positionItem(navEle[itemType], itemType);\n });\n\n // add header-item to the root children\n for (var x = 0; x < headerBarEle[0].children.length; x++) {\n headerBarEle[0].children[x].classList.add('header-item');\n }\n\n // compile header and append to the DOM\n containerEle.append(headerBarEle);\n $element.append($compile(containerEle)($scope.$new()));\n\n var headerBarCtrl = headerBarEle.data('$ionHeaderBarController');\n headerBarCtrl.backButtonIcon = $ionicConfig.backButton.icon();\n headerBarCtrl.backButtonText = $ionicConfig.backButton.text();\n\n var headerBarInstance = {\n isActive: isActive,\n title: function(newTitleText) {\n headerBarCtrl.title(newTitleText);\n },\n setItem: function(navBarItemEle, itemType) {\n // first make sure any exiting nav bar item has been removed\n headerBarInstance.removeItem(itemType);\n\n if (navBarItemEle) {\n if (itemType === 'title') {\n // clear out the text based title\n headerBarInstance.title(\"\");\n }\n\n // there's a custom nav bar item\n positionItem(navBarItemEle, itemType);\n\n if (navEle[itemType]) {\n // make sure the default on this itemType is hidden\n navEle[itemType].addClass(CSS_HIDE);\n }\n lastViewItemEle[itemType] = navBarItemEle;\n\n } else if (navEle[itemType]) {\n // there's a default button for this side and no view button\n navEle[itemType].removeClass(CSS_HIDE);\n }\n },\n removeItem: function(itemType) {\n if (lastViewItemEle[itemType]) {\n lastViewItemEle[itemType].scope().$destroy();\n lastViewItemEle[itemType].remove();\n lastViewItemEle[itemType] = null;\n }\n },\n containerEle: function() {\n return containerEle;\n },\n headerBarEle: function() {\n return headerBarEle;\n },\n afterLeave: function() {\n forEach(ITEM_TYPES, function(itemType) {\n headerBarInstance.removeItem(itemType);\n });\n headerBarCtrl.resetBackButton();\n },\n controller: function() {\n return headerBarCtrl;\n },\n destroy: function() {\n forEach(ITEM_TYPES, function(itemType) {\n headerBarInstance.removeItem(itemType);\n });\n containerEle.scope().$destroy();\n for (var n in navEle) {\n if (navEle[n]) {\n navEle[n].removeData();\n navEle[n] = null;\n }\n }\n leftButtonsEle && leftButtonsEle.removeData();\n rightButtonsEle && rightButtonsEle.removeData();\n titleEle.removeData();\n headerBarEle.removeData();\n containerEle.remove();\n containerEle = headerBarEle = titleEle = leftButtonsEle = rightButtonsEle = null;\n }\n };\n\n function positionItem(ele, itemType) {\n if (!ele) return;\n\n if (itemType === 'title') {\n // title element\n titleEle.append(ele);\n\n } else if (itemType == 'rightButtons' ||\n (itemType == SECONDARY_BUTTONS && $ionicConfig.navBar.positionSecondaryButtons() != 'left') ||\n (itemType == PRIMARY_BUTTONS && $ionicConfig.navBar.positionPrimaryButtons() == 'right')) {\n // right side\n if (!rightButtonsEle) {\n rightButtonsEle = jqLite('
');\n headerBarEle.append(rightButtonsEle);\n }\n if (itemType == SECONDARY_BUTTONS) {\n rightButtonsEle.append(ele);\n } else {\n rightButtonsEle.prepend(ele);\n }\n\n } else {\n // left side\n if (!leftButtonsEle) {\n leftButtonsEle = jqLite('
');\n if (navEle[BACK_BUTTON]) {\n navEle[BACK_BUTTON].after(leftButtonsEle);\n } else {\n headerBarEle.prepend(leftButtonsEle);\n }\n }\n if (itemType == SECONDARY_BUTTONS) {\n leftButtonsEle.append(ele);\n } else {\n leftButtonsEle.prepend(ele);\n }\n }\n\n }\n\n headerBars.push(headerBarInstance);\n\n return headerBarInstance;\n };\n\n\n self.navElement = function(type, html) {\n if (isDefined(html)) {\n navElementHtml[type] = html;\n }\n return navElementHtml[type];\n };\n\n\n self.update = function(viewData) {\n var showNavBar = !viewData.hasHeaderBar && viewData.showNavBar;\n viewData.transition = $ionicConfig.views.transition();\n\n if (!showNavBar) {\n viewData.direction = 'none';\n }\n\n self.enable(showNavBar);\n var enteringHeaderBar = self.isInitialized ? getOffScreenHeaderBar() : getOnScreenHeaderBar();\n var leavingHeaderBar = self.isInitialized ? getOnScreenHeaderBar() : null;\n var enteringHeaderCtrl = enteringHeaderBar.controller();\n\n // update if the entering header should show the back button or not\n enteringHeaderCtrl.enableBack(viewData.enableBack, true);\n enteringHeaderCtrl.showBack(viewData.showBack, true);\n enteringHeaderCtrl.updateBackButton();\n\n // update the entering header bar's title\n self.title(viewData.title, enteringHeaderBar);\n\n self.showBar(showNavBar);\n\n // update the nav bar items, depending if the view has their own or not\n if (viewData.navBarItems) {\n forEach(ITEM_TYPES, function(itemType) {\n enteringHeaderBar.setItem(viewData.navBarItems[itemType], itemType);\n });\n }\n\n // begin transition of entering and leaving header bars\n self.transition(enteringHeaderBar, leavingHeaderBar, viewData);\n\n self.isInitialized = true;\n navSwipeAttr('');\n };\n\n\n self.transition = function(enteringHeaderBar, leavingHeaderBar, viewData) {\n var enteringHeaderBarCtrl = enteringHeaderBar.controller();\n var transitionFn = $ionicConfig.transitions.navBar[viewData.navBarTransition] || $ionicConfig.transitions.navBar.none;\n var transitionId = viewData.transitionId;\n\n enteringHeaderBarCtrl.beforeEnter(viewData);\n\n var navBarTransition = transitionFn(enteringHeaderBar, leavingHeaderBar, viewData.direction, viewData.shouldAnimate && self.isInitialized);\n\n ionic.DomUtil.cachedAttr($element, 'nav-bar-transition', viewData.navBarTransition);\n ionic.DomUtil.cachedAttr($element, 'nav-bar-direction', viewData.direction);\n\n if (navBarTransition.shouldAnimate && viewData.renderEnd) {\n navBarAttr(enteringHeaderBar, 'stage');\n } else {\n navBarAttr(enteringHeaderBar, 'entering');\n navBarAttr(leavingHeaderBar, 'leaving');\n }\n\n enteringHeaderBarCtrl.resetBackButton(viewData);\n\n navBarTransition.run(0);\n\n self.activeTransition = {\n run: function(step) {\n navBarTransition.shouldAnimate = false;\n navBarTransition.direction = 'back';\n navBarTransition.run(step);\n },\n cancel: function(shouldAnimate, speed, cancelData) {\n navSwipeAttr(speed);\n navBarAttr(leavingHeaderBar, 'active');\n navBarAttr(enteringHeaderBar, 'cached');\n navBarTransition.shouldAnimate = shouldAnimate;\n navBarTransition.run(0);\n self.activeTransition = navBarTransition = null;\n\n var runApply;\n if (cancelData.showBar !== self.showBar()) {\n self.showBar(cancelData.showBar);\n }\n if (cancelData.showBackButton !== self.showBackButton()) {\n self.showBackButton(cancelData.showBackButton);\n }\n if (runApply) {\n $scope.$apply();\n }\n },\n complete: function(shouldAnimate, speed) {\n navSwipeAttr(speed);\n navBarTransition.shouldAnimate = shouldAnimate;\n navBarTransition.run(1);\n queuedTransitionEnd = transitionEnd;\n }\n };\n\n $timeout(enteringHeaderBarCtrl.align, 16);\n\n queuedTransitionStart = function() {\n if (latestTransitionId !== transitionId) return;\n\n navBarAttr(enteringHeaderBar, 'entering');\n navBarAttr(leavingHeaderBar, 'leaving');\n\n navBarTransition.run(1);\n\n queuedTransitionEnd = function() {\n if (latestTransitionId == transitionId || !navBarTransition.shouldAnimate) {\n transitionEnd();\n }\n };\n\n queuedTransitionStart = null;\n };\n\n function transitionEnd() {\n for (var x = 0; x < headerBars.length; x++) {\n headerBars[x].isActive = false;\n }\n enteringHeaderBar.isActive = true;\n\n navBarAttr(enteringHeaderBar, 'active');\n navBarAttr(leavingHeaderBar, 'cached');\n\n self.activeTransition = navBarTransition = queuedTransitionEnd = null;\n }\n\n queuedTransitionStart();\n };\n\n\n self.triggerTransitionStart = function(triggerTransitionId) {\n latestTransitionId = triggerTransitionId;\n queuedTransitionStart && queuedTransitionStart();\n };\n\n\n self.triggerTransitionEnd = function() {\n queuedTransitionEnd && queuedTransitionEnd();\n };\n\n\n self.showBar = function(shouldShow) {\n if (arguments.length) {\n self.visibleBar(shouldShow);\n $scope.$parent.$hasHeader = !!shouldShow;\n }\n return !!$scope.$parent.$hasHeader;\n };\n\n\n self.visibleBar = function(shouldShow) {\n if (shouldShow && !isVisible) {\n $element.removeClass(CSS_HIDE);\n self.align();\n } else if (!shouldShow && isVisible) {\n $element.addClass(CSS_HIDE);\n }\n isVisible = shouldShow;\n };\n\n\n self.enable = function(val) {\n // set primary to show first\n self.visibleBar(val);\n\n // set non primary to hide second\n for (var x = 0; x < $ionicNavBarDelegate._instances.length; x++) {\n if ($ionicNavBarDelegate._instances[x] !== self) $ionicNavBarDelegate._instances[x].visibleBar(false);\n }\n };\n\n\n /**\n * @ngdoc method\n * @name $ionicNavBar#showBackButton\n * @description Show/hide the nav bar back button when there is a\n * back view. If the back button is not possible, for example, the\n * first view in the stack, then this will not force the back button\n * to show.\n */\n self.showBackButton = function(shouldShow) {\n if (arguments.length) {\n for (var x = 0; x < headerBars.length; x++) {\n headerBars[x].controller().showNavBack(!!shouldShow);\n }\n $scope.$isBackButtonShown = !!shouldShow;\n }\n return $scope.$isBackButtonShown;\n };\n\n\n /**\n * @ngdoc method\n * @name $ionicNavBar#showActiveBackButton\n * @description Show/hide only the active header bar's back button.\n */\n self.showActiveBackButton = function(shouldShow) {\n var headerBar = getOnScreenHeaderBar();\n if (headerBar) {\n if (arguments.length) {\n return headerBar.controller().showBack(shouldShow);\n }\n return headerBar.controller().showBack();\n }\n };\n\n\n self.title = function(newTitleText, headerBar) {\n if (isDefined(newTitleText)) {\n newTitleText = newTitleText || '';\n headerBar = headerBar || getOnScreenHeaderBar();\n headerBar && headerBar.title(newTitleText);\n $scope.$title = newTitleText;\n $ionicHistory.currentTitle(newTitleText);\n }\n return $scope.$title;\n };\n\n\n self.align = function(val, headerBar) {\n headerBar = headerBar || getOnScreenHeaderBar();\n headerBar && headerBar.controller().align(val);\n };\n\n\n self.hasTabsTop = function(isTabsTop) {\n $element[isTabsTop ? 'addClass' : 'removeClass']('nav-bar-tabs-top');\n };\n\n self.hasBarSubheader = function(isBarSubheader) {\n $element[isBarSubheader ? 'addClass' : 'removeClass']('nav-bar-has-subheader');\n };\n\n // DEPRECATED, as of v1.0.0-beta14 -------\n self.changeTitle = function(val) {\n deprecatedWarning('changeTitle(val)', 'title(val)');\n self.title(val);\n };\n self.setTitle = function(val) {\n deprecatedWarning('setTitle(val)', 'title(val)');\n self.title(val);\n };\n self.getTitle = function() {\n deprecatedWarning('getTitle()', 'title()');\n return self.title();\n };\n self.back = function() {\n deprecatedWarning('back()', '$ionicHistory.goBack()');\n $ionicHistory.goBack();\n };\n self.getPreviousTitle = function() {\n deprecatedWarning('getPreviousTitle()', '$ionicHistory.backTitle()');\n $ionicHistory.goBack();\n };\n function deprecatedWarning(oldMethod, newMethod) {\n var warn = console.warn || console.log;\n warn && warn.call(console, 'navBarController.' + oldMethod + ' is deprecated, please use ' + newMethod + ' instead');\n }\n // END DEPRECATED -------\n\n\n function createNavElement(type) {\n if (navElementHtml[type]) {\n return jqLite(navElementHtml[type]);\n }\n }\n\n\n function getOnScreenHeaderBar() {\n for (var x = 0; x < headerBars.length; x++) {\n if (headerBars[x].isActive) return headerBars[x];\n }\n }\n\n\n function getOffScreenHeaderBar() {\n for (var x = 0; x < headerBars.length; x++) {\n if (!headerBars[x].isActive) return headerBars[x];\n }\n }\n\n\n function navBarAttr(ctrl, val) {\n ctrl && ionic.DomUtil.cachedAttr(ctrl.containerEle(), 'nav-bar', val);\n }\n\n function navSwipeAttr(val) {\n ionic.DomUtil.cachedAttr($element, 'nav-swipe', val);\n }\n\n\n $scope.$on('$destroy', function() {\n $scope.$parent.$hasHeader = false;\n $element.parent().removeData(DATA_NAV_BAR_CTRL);\n for (var x = 0; x < headerBars.length; x++) {\n headerBars[x].destroy();\n }\n $element.remove();\n $element = headerBars = null;\n deregisterInstance();\n });\n\n}]);\n\nIonicModule\n.controller('$ionicNavView', [\n '$scope',\n '$element',\n '$attrs',\n '$compile',\n '$controller',\n '$ionicNavBarDelegate',\n '$ionicNavViewDelegate',\n '$ionicHistory',\n '$ionicViewSwitcher',\n '$ionicConfig',\n '$ionicScrollDelegate',\nfunction($scope, $element, $attrs, $compile, $controller, $ionicNavBarDelegate, $ionicNavViewDelegate, $ionicHistory, $ionicViewSwitcher, $ionicConfig, $ionicScrollDelegate) {\n\n var DATA_ELE_IDENTIFIER = '$eleId';\n var DATA_DESTROY_ELE = '$destroyEle';\n var DATA_NO_CACHE = '$noCache';\n var VIEW_STATUS_ACTIVE = 'active';\n var VIEW_STATUS_CACHED = 'cached';\n\n var self = this;\n var direction;\n var isPrimary = false;\n var navBarDelegate;\n var activeEleId;\n var navViewAttr = $ionicViewSwitcher.navViewAttr;\n var disableRenderStartViewId, disableAnimation;\n\n self.scope = $scope;\n self.element = $element;\n\n self.init = function() {\n var navViewName = $attrs.name || '';\n\n // Find the details of the parent view directive (if any) and use it\n // to derive our own qualified view name, then hang our own details\n // off the DOM so child directives can find it.\n var parent = $element.parent().inheritedData('$uiView');\n var parentViewName = ((parent && parent.state) ? parent.state.name : '');\n if (navViewName.indexOf('@') < 0) navViewName = navViewName + '@' + parentViewName;\n\n var viewData = { name: navViewName, state: null };\n $element.data('$uiView', viewData);\n\n var deregisterInstance = $ionicNavViewDelegate._registerInstance(self, $attrs.delegateHandle);\n $scope.$on('$destroy', function() {\n deregisterInstance();\n\n // ensure no scrolls have been left frozen\n if (self.isSwipeFreeze) {\n $ionicScrollDelegate.freezeAllScrolls(false);\n }\n });\n\n $scope.$on('$ionicHistory.deselect', self.cacheCleanup);\n $scope.$on('$ionicTabs.top', onTabsTop);\n $scope.$on('$ionicSubheader', onBarSubheader);\n\n $scope.$on('$ionicTabs.beforeLeave', onTabsLeave);\n $scope.$on('$ionicTabs.afterLeave', onTabsLeave);\n $scope.$on('$ionicTabs.leave', onTabsLeave);\n\n ionic.Platform.ready(function() {\n if (ionic.Platform.isWebView() && $ionicConfig.views.swipeBackEnabled()) {\n self.initSwipeBack();\n }\n });\n\n return viewData;\n };\n\n\n self.register = function(viewLocals) {\n var leavingView = extend({}, $ionicHistory.currentView());\n\n // register that a view is coming in and get info on how it should transition\n var registerData = $ionicHistory.register($scope, viewLocals);\n\n // update which direction\n self.update(registerData);\n\n // begin rendering and transitioning\n var enteringView = $ionicHistory.getViewById(registerData.viewId) || {};\n\n var renderStart = (disableRenderStartViewId !== registerData.viewId);\n self.render(registerData, viewLocals, enteringView, leavingView, renderStart, true);\n };\n\n\n self.update = function(registerData) {\n // always reset that this is the primary navView\n isPrimary = true;\n\n // remember what direction this navView should use\n // this may get updated later by a child navView\n direction = registerData.direction;\n\n var parentNavViewCtrl = $element.parent().inheritedData('$ionNavViewController');\n if (parentNavViewCtrl) {\n // this navView is nested inside another one\n // update the parent to use this direction and not\n // the other it originally was set to\n\n // inform the parent navView that it is not the primary navView\n parentNavViewCtrl.isPrimary(false);\n\n if (direction === 'enter' || direction === 'exit') {\n // they're entering/exiting a history\n // find parent navViewController\n parentNavViewCtrl.direction(direction);\n\n if (direction === 'enter') {\n // reset the direction so this navView doesn't animate\n // because it's parent will\n direction = 'none';\n }\n }\n }\n };\n\n\n self.render = function(registerData, viewLocals, enteringView, leavingView, renderStart, renderEnd) {\n // register the view and figure out where it lives in the various\n // histories and nav stacks, along with how views should enter/leave\n var switcher = $ionicViewSwitcher.create(self, viewLocals, enteringView, leavingView, renderStart, renderEnd);\n\n // init the rendering of views for this navView directive\n switcher.init(registerData, function() {\n // the view is now compiled, in the dom and linked, now lets transition the views.\n // this uses a callback incase THIS nav-view has a nested nav-view, and after the NESTED\n // nav-view links, the NESTED nav-view would update which direction THIS nav-view should use\n\n // kick off the transition of views\n switcher.transition(self.direction(), registerData.enableBack, !disableAnimation);\n\n // reset private vars for next time\n disableRenderStartViewId = disableAnimation = null;\n });\n\n };\n\n\n self.beforeEnter = function(transitionData) {\n if (isPrimary) {\n // only update this nav-view's nav-bar if this is the primary nav-view\n navBarDelegate = transitionData.navBarDelegate;\n var associatedNavBarCtrl = getAssociatedNavBarCtrl();\n associatedNavBarCtrl && associatedNavBarCtrl.update(transitionData);\n navSwipeAttr('');\n }\n };\n\n\n self.activeEleId = function(eleId) {\n if (arguments.length) {\n activeEleId = eleId;\n }\n return activeEleId;\n };\n\n\n self.transitionEnd = function() {\n var viewElements = $element.children();\n var x, l, viewElement;\n\n for (x = 0, l = viewElements.length; x < l; x++) {\n viewElement = viewElements.eq(x);\n\n if (viewElement.data(DATA_ELE_IDENTIFIER) === activeEleId) {\n // this is the active element\n navViewAttr(viewElement, VIEW_STATUS_ACTIVE);\n\n } else if (navViewAttr(viewElement) === 'leaving' || navViewAttr(viewElement) === VIEW_STATUS_ACTIVE || navViewAttr(viewElement) === VIEW_STATUS_CACHED) {\n // this is a leaving element or was the former active element, or is an cached element\n if (viewElement.data(DATA_DESTROY_ELE) || viewElement.data(DATA_NO_CACHE)) {\n // this element shouldn't stay cached\n $ionicViewSwitcher.destroyViewEle(viewElement);\n\n } else {\n // keep in the DOM, mark as cached\n navViewAttr(viewElement, VIEW_STATUS_CACHED);\n\n // disconnect the leaving scope\n ionic.Utils.disconnectScope(viewElement.scope());\n }\n }\n }\n\n navSwipeAttr('');\n\n // ensure no scrolls have been left frozen\n if (self.isSwipeFreeze) {\n $ionicScrollDelegate.freezeAllScrolls(false);\n }\n };\n\n\n function onTabsLeave(ev, data) {\n var viewElements = $element.children();\n var viewElement, viewScope;\n\n for (var x = 0, l = viewElements.length; x < l; x++) {\n viewElement = viewElements.eq(x);\n if (navViewAttr(viewElement) == VIEW_STATUS_ACTIVE) {\n viewScope = viewElement.scope();\n viewScope && viewScope.$emit(ev.name.replace('Tabs', 'View'), data);\n break;\n }\n }\n }\n\n\n self.cacheCleanup = function() {\n var viewElements = $element.children();\n for (var x = 0, l = viewElements.length; x < l; x++) {\n if (viewElements.eq(x).data(DATA_DESTROY_ELE)) {\n $ionicViewSwitcher.destroyViewEle(viewElements.eq(x));\n }\n }\n };\n\n\n self.clearCache = function(stateIds) {\n var viewElements = $element.children();\n var viewElement, viewScope, x, l, y, eleIdentifier;\n\n for (x = 0, l = viewElements.length; x < l; x++) {\n viewElement = viewElements.eq(x);\n\n if (stateIds) {\n eleIdentifier = viewElement.data(DATA_ELE_IDENTIFIER);\n\n for (y = 0; y < stateIds.length; y++) {\n if (eleIdentifier === stateIds[y]) {\n $ionicViewSwitcher.destroyViewEle(viewElement);\n }\n }\n continue;\n }\n\n if (navViewAttr(viewElement) == VIEW_STATUS_CACHED) {\n $ionicViewSwitcher.destroyViewEle(viewElement);\n\n } else if (navViewAttr(viewElement) == VIEW_STATUS_ACTIVE) {\n viewScope = viewElement.scope();\n viewScope && viewScope.$broadcast('$ionicView.clearCache');\n }\n\n }\n };\n\n\n self.getViewElements = function() {\n return $element.children();\n };\n\n\n self.appendViewElement = function(viewEle, viewLocals) {\n // compile the entering element and get the link function\n var linkFn = $compile(viewEle);\n\n $element.append(viewEle);\n\n var viewScope = $scope.$new();\n\n if (viewLocals && viewLocals.$$controller) {\n viewLocals.$scope = viewScope;\n var controller = $controller(viewLocals.$$controller, viewLocals);\n $element.children().data('$ngControllerController', controller);\n }\n\n linkFn(viewScope);\n\n return viewScope;\n };\n\n\n self.title = function(val) {\n var associatedNavBarCtrl = getAssociatedNavBarCtrl();\n associatedNavBarCtrl && associatedNavBarCtrl.title(val);\n };\n\n\n /**\n * @ngdoc method\n * @name $ionicNavView#enableBackButton\n * @description Enable/disable if the back button can be shown or not. For\n * example, the very first view in the navigation stack would not have a\n * back view, so the back button would be disabled.\n */\n self.enableBackButton = function(shouldEnable) {\n var associatedNavBarCtrl = getAssociatedNavBarCtrl();\n associatedNavBarCtrl && associatedNavBarCtrl.enableBackButton(shouldEnable);\n };\n\n\n /**\n * @ngdoc method\n * @name $ionicNavView#showBackButton\n * @description Show/hide the nav bar active back button. If the back button\n * is not possible this will not force the back button to show. The\n * `enableBackButton()` method handles if a back button is even possible or not.\n */\n self.showBackButton = function(shouldShow) {\n var associatedNavBarCtrl = getAssociatedNavBarCtrl();\n if (associatedNavBarCtrl) {\n if (arguments.length) {\n return associatedNavBarCtrl.showActiveBackButton(shouldShow);\n }\n return associatedNavBarCtrl.showActiveBackButton();\n }\n return true;\n };\n\n\n self.showBar = function(val) {\n var associatedNavBarCtrl = getAssociatedNavBarCtrl();\n if (associatedNavBarCtrl) {\n if (arguments.length) {\n return associatedNavBarCtrl.showBar(val);\n }\n return associatedNavBarCtrl.showBar();\n }\n return true;\n };\n\n\n self.isPrimary = function(val) {\n if (arguments.length) {\n isPrimary = val;\n }\n return isPrimary;\n };\n\n\n self.direction = function(val) {\n if (arguments.length) {\n direction = val;\n }\n return direction;\n };\n\n\n self.initSwipeBack = function() {\n var swipeBackHitWidth = $ionicConfig.views.swipeBackHitWidth();\n var viewTransition, associatedNavBarCtrl, backView;\n var deregDragStart, deregDrag, deregRelease;\n var windowWidth, startDragX, dragPoints;\n var cancelData = {};\n\n function onDragStart(ev) {\n if (!isPrimary) return;\n\n startDragX = getDragX(ev);\n if (startDragX > swipeBackHitWidth) return;\n\n backView = $ionicHistory.backView();\n\n var currentView = $ionicHistory.currentView();\n\n if (!backView || backView.historyId !== currentView.historyId || currentView.canSwipeBack === false) return;\n\n if (!windowWidth) windowWidth = window.innerWidth;\n\n self.isSwipeFreeze = $ionicScrollDelegate.freezeAllScrolls(true);\n\n var registerData = {\n direction: 'back'\n };\n\n dragPoints = [];\n\n cancelData = {\n showBar: self.showBar(),\n showBackButton: self.showBackButton()\n };\n\n var switcher = $ionicViewSwitcher.create(self, registerData, backView, currentView, true, false);\n switcher.loadViewElements(registerData);\n switcher.render(registerData);\n\n viewTransition = switcher.transition('back', $ionicHistory.enabledBack(backView), true);\n\n associatedNavBarCtrl = getAssociatedNavBarCtrl();\n\n deregDrag = ionic.onGesture('drag', onDrag, $element[0]);\n deregRelease = ionic.onGesture('release', onRelease, $element[0]);\n }\n\n function onDrag(ev) {\n if (isPrimary && viewTransition) {\n var dragX = getDragX(ev);\n\n dragPoints.push({\n t: Date.now(),\n x: dragX\n });\n\n if (dragX >= windowWidth - 15) {\n onRelease(ev);\n\n } else {\n var step = Math.min(Math.max(getSwipeCompletion(dragX), 0), 1);\n viewTransition.run(step);\n associatedNavBarCtrl && associatedNavBarCtrl.activeTransition && associatedNavBarCtrl.activeTransition.run(step);\n }\n\n }\n }\n\n function onRelease(ev) {\n if (isPrimary && viewTransition && dragPoints && dragPoints.length > 1) {\n\n var now = Date.now();\n var releaseX = getDragX(ev);\n var startDrag = dragPoints[dragPoints.length - 1];\n\n for (var x = dragPoints.length - 2; x >= 0; x--) {\n if (now - startDrag.t > 200) {\n break;\n }\n startDrag = dragPoints[x];\n }\n\n var isSwipingRight = (releaseX >= dragPoints[dragPoints.length - 2].x);\n var releaseSwipeCompletion = getSwipeCompletion(releaseX);\n var velocity = Math.abs(startDrag.x - releaseX) / (now - startDrag.t);\n\n // private variables because ui-router has no way to pass custom data using $state.go\n disableRenderStartViewId = backView.viewId;\n disableAnimation = (releaseSwipeCompletion < 0.03 || releaseSwipeCompletion > 0.97);\n\n if (isSwipingRight && (releaseSwipeCompletion > 0.5 || velocity > 0.1)) {\n // complete view transition on release\n var speed = (velocity > 0.5 || velocity < 0.05 || releaseX > windowWidth - 45) ? 'fast' : 'slow';\n navSwipeAttr(disableAnimation ? '' : speed);\n backView.go();\n associatedNavBarCtrl && associatedNavBarCtrl.activeTransition && associatedNavBarCtrl.activeTransition.complete(!disableAnimation, speed);\n\n } else {\n // cancel view transition on release\n navSwipeAttr(disableAnimation ? '' : 'fast');\n disableRenderStartViewId = null;\n viewTransition.cancel(!disableAnimation);\n associatedNavBarCtrl && associatedNavBarCtrl.activeTransition && associatedNavBarCtrl.activeTransition.cancel(!disableAnimation, 'fast', cancelData);\n disableAnimation = null;\n }\n\n }\n\n ionic.offGesture(deregDrag, 'drag', onDrag);\n ionic.offGesture(deregRelease, 'release', onRelease);\n\n windowWidth = viewTransition = dragPoints = null;\n\n self.isSwipeFreeze = $ionicScrollDelegate.freezeAllScrolls(false);\n }\n\n function getDragX(ev) {\n return ionic.tap.pointerCoord(ev.gesture.srcEvent).x;\n }\n\n function getSwipeCompletion(dragX) {\n return (dragX - startDragX) / windowWidth;\n }\n\n deregDragStart = ionic.onGesture('dragstart', onDragStart, $element[0]);\n\n $scope.$on('$destroy', function() {\n ionic.offGesture(deregDragStart, 'dragstart', onDragStart);\n ionic.offGesture(deregDrag, 'drag', onDrag);\n ionic.offGesture(deregRelease, 'release', onRelease);\n self.element = viewTransition = associatedNavBarCtrl = null;\n });\n };\n\n\n function navSwipeAttr(val) {\n ionic.DomUtil.cachedAttr($element, 'nav-swipe', val);\n }\n\n\n function onTabsTop(ev, isTabsTop) {\n var associatedNavBarCtrl = getAssociatedNavBarCtrl();\n associatedNavBarCtrl && associatedNavBarCtrl.hasTabsTop(isTabsTop);\n }\n\n function onBarSubheader(ev, isBarSubheader) {\n var associatedNavBarCtrl = getAssociatedNavBarCtrl();\n associatedNavBarCtrl && associatedNavBarCtrl.hasBarSubheader(isBarSubheader);\n }\n\n function getAssociatedNavBarCtrl() {\n if (navBarDelegate) {\n for (var x = 0; x < $ionicNavBarDelegate._instances.length; x++) {\n if ($ionicNavBarDelegate._instances[x].$$delegateHandle == navBarDelegate) {\n return $ionicNavBarDelegate._instances[x];\n }\n }\n }\n return $element.inheritedData('$ionNavBarController');\n }\n\n}]);\n\nIonicModule\n.controller('$ionicRefresher', [\n '$scope',\n '$attrs',\n '$element',\n '$ionicBind',\n '$timeout',\n function($scope, $attrs, $element, $ionicBind, $timeout) {\n var self = this,\n isDragging = false,\n isOverscrolling = false,\n dragOffset = 0,\n lastOverscroll = 0,\n ptrThreshold = 60,\n activated = false,\n scrollTime = 500,\n startY = null,\n deltaY = null,\n canOverscroll = true,\n scrollParent,\n scrollChild;\n\n if (!isDefined($attrs.pullingIcon)) {\n $attrs.$set('pullingIcon', 'ion-android-arrow-down');\n }\n\n $scope.showSpinner = !isDefined($attrs.refreshingIcon) && $attrs.spinner != 'none';\n\n $scope.showIcon = isDefined($attrs.refreshingIcon);\n\n $ionicBind($scope, $attrs, {\n pullingIcon: '@',\n pullingText: '@',\n refreshingIcon: '@',\n refreshingText: '@',\n spinner: '@',\n disablePullingRotation: '@',\n $onRefresh: '&onRefresh',\n $onPulling: '&onPulling'\n });\n\n function handleTouchend() {\n // if this wasn't an overscroll, get out immediately\n if (!canOverscroll && !isDragging) {\n return;\n }\n // reset Y\n startY = null;\n // the user has overscrolled but went back to native scrolling\n if (!isDragging) {\n dragOffset = 0;\n isOverscrolling = false;\n setScrollLock(false);\n } else {\n isDragging = false;\n dragOffset = 0;\n\n // the user has scroll far enough to trigger a refresh\n if (lastOverscroll > ptrThreshold) {\n start();\n scrollTo(ptrThreshold, scrollTime);\n\n // the user has overscrolled but not far enough to trigger a refresh\n } else {\n scrollTo(0, scrollTime, deactivate);\n isOverscrolling = false;\n }\n }\n }\n\n function handleTouchmove(e) {\n // if multitouch or regular scroll event, get out immediately\n if (!canOverscroll || e.touches.length > 1) {\n return;\n }\n //if this is a new drag, keep track of where we start\n if (startY === null) {\n startY = parseInt(e.touches[0].screenY, 10);\n }\n\n // kitkat fix for touchcancel events http://updates.html5rocks.com/2014/05/A-More-Compatible-Smoother-Touch\n if (ionic.Platform.isAndroid() && ionic.Platform.version() === 4.4 && scrollParent.scrollTop === 0) {\n isDragging = true;\n e.preventDefault();\n }\n\n // how far have we dragged so far?\n deltaY = parseInt(e.touches[0].screenY, 10) - startY;\n\n // if we've dragged up and back down in to native scroll territory\n if (deltaY - dragOffset <= 0 || scrollParent.scrollTop !== 0) {\n\n if (isOverscrolling) {\n isOverscrolling = false;\n setScrollLock(false);\n }\n\n if (isDragging) {\n nativescroll(scrollParent, parseInt(deltaY - dragOffset, 10) * -1);\n }\n\n // if we're not at overscroll 0 yet, 0 out\n if (lastOverscroll !== 0) {\n overscroll(0);\n }\n return;\n\n } else if (deltaY > 0 && scrollParent.scrollTop === 0 && !isOverscrolling) {\n // starting overscroll, but drag started below scrollTop 0, so we need to offset the position\n dragOffset = deltaY;\n }\n\n // prevent native scroll events while overscrolling\n e.preventDefault();\n\n // if not overscrolling yet, initiate overscrolling\n if (!isOverscrolling) {\n isOverscrolling = true;\n setScrollLock(true);\n }\n\n isDragging = true;\n // overscroll according to the user's drag so far\n overscroll(parseInt((deltaY - dragOffset) / 3, 10));\n\n // update the icon accordingly\n if (!activated && lastOverscroll > ptrThreshold) {\n activated = true;\n ionic.requestAnimationFrame(activate);\n\n } else if (activated && lastOverscroll < ptrThreshold) {\n activated = false;\n ionic.requestAnimationFrame(deactivate);\n }\n }\n\n function handleScroll(e) {\n // canOverscrol is used to greatly simplify the drag handler during normal scrolling\n canOverscroll = (e.target.scrollTop === 0) || isDragging;\n }\n\n function overscroll(val) {\n scrollChild.style[ionic.CSS.TRANSFORM] = 'translateY(' + val + 'px)';\n lastOverscroll = val;\n }\n\n function nativescroll(target, newScrollTop) {\n // creates a scroll event that bubbles, can be cancelled, and with its view\n // and detail property initialized to window and 1, respectively\n target.scrollTop = newScrollTop;\n var e = document.createEvent(\"UIEvents\");\n e.initUIEvent(\"scroll\", true, true, window, 1);\n target.dispatchEvent(e);\n }\n\n function setScrollLock(enabled) {\n // set the scrollbar to be position:fixed in preparation to overscroll\n // or remove it so the app can be natively scrolled\n if (enabled) {\n ionic.requestAnimationFrame(function() {\n scrollChild.classList.add('overscroll');\n show();\n });\n\n } else {\n ionic.requestAnimationFrame(function() {\n scrollChild.classList.remove('overscroll');\n hide();\n deactivate();\n });\n }\n }\n\n $scope.$on('scroll.refreshComplete', function() {\n // prevent the complete from firing before the scroll has started\n $timeout(function() {\n\n ionic.requestAnimationFrame(tail);\n\n // scroll back to home during tail animation\n scrollTo(0, scrollTime, deactivate);\n\n // return to native scrolling after tail animation has time to finish\n $timeout(function() {\n\n if (isOverscrolling) {\n isOverscrolling = false;\n setScrollLock(false);\n }\n\n }, scrollTime);\n\n }, scrollTime);\n });\n\n function scrollTo(Y, duration, callback) {\n // scroll animation loop w/ easing\n // credit https://gist.github.com/dezinezync/5487119\n var start = Date.now(),\n from = lastOverscroll;\n\n if (from === Y) {\n callback();\n return; /* Prevent scrolling to the Y point if already there */\n }\n\n // decelerating to zero velocity\n function easeOutCubic(t) {\n return (--t) * t * t + 1;\n }\n\n // scroll loop\n function scroll() {\n var currentTime = Date.now(),\n time = Math.min(1, ((currentTime - start) / duration)),\n // where .5 would be 50% of time on a linear scale easedT gives a\n // fraction based on the easing method\n easedT = easeOutCubic(time);\n\n overscroll(parseInt((easedT * (Y - from)) + from, 10));\n\n if (time < 1) {\n ionic.requestAnimationFrame(scroll);\n\n } else {\n\n if (Y < 5 && Y > -5) {\n isOverscrolling = false;\n setScrollLock(false);\n }\n\n callback && callback();\n }\n }\n\n // start scroll loop\n ionic.requestAnimationFrame(scroll);\n }\n\n\n self.init = function() {\n scrollParent = $element.parent().parent()[0];\n scrollChild = $element.parent()[0];\n\n if (!scrollParent || !scrollParent.classList.contains('ionic-scroll') ||\n !scrollChild || !scrollChild.classList.contains('scroll')) {\n throw new Error('Refresher must be immediate child of ion-content or ion-scroll');\n }\n\n ionic.on('touchmove', handleTouchmove, scrollChild);\n ionic.on('touchend', handleTouchend, scrollChild);\n ionic.on('scroll', handleScroll, scrollParent);\n\n // cleanup when done\n $scope.$on('$destroy', destroy);\n };\n\n function destroy() {\n ionic.off('touchmove', handleTouchmove, scrollChild);\n ionic.off('touchend', handleTouchend, scrollChild);\n ionic.off('scroll', handleScroll, scrollParent);\n scrollParent = null;\n scrollChild = null;\n }\n\n // DOM manipulation and broadcast methods shared by JS and Native Scrolling\n // getter used by JS Scrolling\n self.getRefresherDomMethods = function() {\n return {\n activate: activate,\n deactivate: deactivate,\n start: start,\n show: show,\n hide: hide,\n tail: tail\n };\n };\n\n function activate() {\n $element[0].classList.add('active');\n $scope.$onPulling();\n }\n\n function deactivate() {\n // give tail 150ms to finish\n $timeout(function() {\n // deactivateCallback\n $element.removeClass('active refreshing refreshing-tail');\n if (activated) activated = false;\n }, 150);\n }\n\n function start() {\n // startCallback\n $element[0].classList.add('refreshing');\n $scope.$onRefresh();\n }\n\n function show() {\n // showCallback\n $element[0].classList.remove('invisible');\n }\n\n function hide() {\n // showCallback\n $element[0].classList.add('invisible');\n }\n\n function tail() {\n // tailCallback\n $element[0].classList.add('refreshing-tail');\n }\n\n // for testing\n self.__handleTouchmove = handleTouchmove;\n self.__getScrollChild = function() { return scrollChild; };\n self.__getScrollParent = function() { return scrollParent; };\n }\n]);\n\n/**\n * @private\n */\nIonicModule\n\n.controller('$ionicScroll', [\n '$scope',\n 'scrollViewOptions',\n '$timeout',\n '$window',\n '$location',\n '$document',\n '$ionicScrollDelegate',\n '$ionicHistory',\nfunction($scope,\n scrollViewOptions,\n $timeout,\n $window,\n $location,\n $document,\n $ionicScrollDelegate,\n $ionicHistory) {\n\n var self = this;\n // for testing\n self.__timeout = $timeout;\n\n self._scrollViewOptions = scrollViewOptions; //for testing\n self.isNative = function() {\n return !!scrollViewOptions.nativeScrolling;\n };\n\n var element = self.element = scrollViewOptions.el;\n var $element = self.$element = jqLite(element);\n var scrollView;\n if (self.isNative()) {\n scrollView = self.scrollView = new ionic.views.ScrollNative(scrollViewOptions);\n } else {\n scrollView = self.scrollView = new ionic.views.Scroll(scrollViewOptions);\n }\n\n\n //Attach self to element as a controller so other directives can require this controller\n //through `require: '$ionicScroll'\n //Also attach to parent so that sibling elements can require this\n ($element.parent().length ? $element.parent() : $element)\n .data('$$ionicScrollController', self);\n\n var deregisterInstance = $ionicScrollDelegate._registerInstance(\n self, scrollViewOptions.delegateHandle, function() {\n return $ionicHistory.isActiveScope($scope);\n }\n );\n\n if (!isDefined(scrollViewOptions.bouncing)) {\n ionic.Platform.ready(function() {\n if (scrollView.options) {\n scrollView.options.bouncing = true;\n if (ionic.Platform.isAndroid()) {\n // No bouncing by default on Android\n scrollView.options.bouncing = false;\n // Faster scroll decel\n scrollView.options.deceleration = 0.95;\n }\n }\n });\n }\n\n var resize = angular.bind(scrollView, scrollView.resize);\n angular.element($window).on('resize', resize);\n\n var scrollFunc = function(e) {\n var detail = (e.originalEvent || e).detail || {};\n $scope.$onScroll && $scope.$onScroll({\n event: e,\n scrollTop: detail.scrollTop || 0,\n scrollLeft: detail.scrollLeft || 0\n });\n };\n\n $element.on('scroll', scrollFunc);\n\n $scope.$on('$destroy', function() {\n deregisterInstance();\n scrollView && scrollView.__cleanup && scrollView.__cleanup();\n angular.element($window).off('resize', resize);\n $element.off('scroll', scrollFunc);\n scrollView = self.scrollView = scrollViewOptions = self._scrollViewOptions = scrollViewOptions.el = self._scrollViewOptions.el = $element = self.$element = element = null;\n });\n\n $timeout(function() {\n scrollView && scrollView.run && scrollView.run();\n });\n\n self.getScrollView = function() {\n return scrollView;\n };\n\n self.getScrollPosition = function() {\n return scrollView.getValues();\n };\n\n self.resize = function() {\n return $timeout(resize, 0, false).then(function() {\n $element && $element.triggerHandler('scroll-resize');\n });\n };\n\n self.scrollTop = function(shouldAnimate) {\n self.resize().then(function() {\n scrollView.scrollTo(0, 0, !!shouldAnimate);\n });\n };\n\n self.scrollBottom = function(shouldAnimate) {\n self.resize().then(function() {\n var max = scrollView.getScrollMax();\n scrollView.scrollTo(max.left, max.top, !!shouldAnimate);\n });\n };\n\n self.scrollTo = function(left, top, shouldAnimate) {\n self.resize().then(function() {\n scrollView.scrollTo(left, top, !!shouldAnimate);\n });\n };\n\n self.zoomTo = function(zoom, shouldAnimate, originLeft, originTop) {\n self.resize().then(function() {\n scrollView.zoomTo(zoom, !!shouldAnimate, originLeft, originTop);\n });\n };\n\n self.zoomBy = function(zoom, shouldAnimate, originLeft, originTop) {\n self.resize().then(function() {\n scrollView.zoomBy(zoom, !!shouldAnimate, originLeft, originTop);\n });\n };\n\n self.scrollBy = function(left, top, shouldAnimate) {\n self.resize().then(function() {\n scrollView.scrollBy(left, top, !!shouldAnimate);\n });\n };\n\n self.anchorScroll = function(shouldAnimate) {\n self.resize().then(function() {\n var hash = $location.hash();\n var elm = hash && $document[0].getElementById(hash);\n if (!(hash && elm)) {\n scrollView.scrollTo(0, 0, !!shouldAnimate);\n return;\n }\n var curElm = elm;\n var scrollLeft = 0, scrollTop = 0;\n do {\n if (curElm !== null) scrollLeft += curElm.offsetLeft;\n if (curElm !== null) scrollTop += curElm.offsetTop;\n curElm = curElm.offsetParent;\n } while (curElm.attributes != self.element.attributes && curElm.offsetParent);\n scrollView.scrollTo(scrollLeft, scrollTop, !!shouldAnimate);\n });\n };\n\n self.freezeScroll = scrollView.freeze;\n\n self.freezeAllScrolls = function(shouldFreeze) {\n for (var i = 0; i < $ionicScrollDelegate._instances.length; i++) {\n $ionicScrollDelegate._instances[i].freezeScroll(shouldFreeze);\n }\n };\n\n\n /**\n * @private\n */\n self._setRefresher = function(refresherScope, refresherElement, refresherMethods) {\n self.refresher = refresherElement;\n var refresherHeight = self.refresher.clientHeight || 60;\n scrollView.activatePullToRefresh(\n refresherHeight,\n refresherMethods\n );\n };\n\n}]);\n\nIonicModule\n.controller('$ionicSideMenus', [\n '$scope',\n '$attrs',\n '$ionicSideMenuDelegate',\n '$ionicPlatform',\n '$ionicBody',\n '$ionicHistory',\n '$ionicScrollDelegate',\n 'IONIC_BACK_PRIORITY',\nfunction($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform, $ionicBody, $ionicHistory, $ionicScrollDelegate, IONIC_BACK_PRIORITY) {\n var self = this;\n var rightShowing, leftShowing, isDragging;\n var startX, lastX, offsetX, isAsideExposed;\n var enableMenuWithBackViews = true;\n\n self.$scope = $scope;\n\n self.initialize = function(options) {\n self.left = options.left;\n self.right = options.right;\n self.setContent(options.content);\n self.dragThresholdX = options.dragThresholdX || 10;\n $ionicHistory.registerHistory(self.$scope);\n };\n\n /**\n * Set the content view controller if not passed in the constructor options.\n *\n * @param {object} content\n */\n self.setContent = function(content) {\n if (content) {\n self.content = content;\n\n self.content.onDrag = function(e) {\n self._handleDrag(e);\n };\n\n self.content.endDrag = function(e) {\n self._endDrag(e);\n };\n }\n };\n\n self.isOpenLeft = function() {\n return self.getOpenAmount() > 0;\n };\n\n self.isOpenRight = function() {\n return self.getOpenAmount() < 0;\n };\n\n /**\n * Toggle the left menu to open 100%\n */\n self.toggleLeft = function(shouldOpen) {\n if (isAsideExposed || !self.left.isEnabled) return;\n var openAmount = self.getOpenAmount();\n if (arguments.length === 0) {\n shouldOpen = openAmount <= 0;\n }\n self.content.enableAnimation();\n if (!shouldOpen) {\n self.openPercentage(0);\n } else {\n self.openPercentage(100);\n }\n };\n\n /**\n * Toggle the right menu to open 100%\n */\n self.toggleRight = function(shouldOpen) {\n if (isAsideExposed || !self.right.isEnabled) return;\n var openAmount = self.getOpenAmount();\n if (arguments.length === 0) {\n shouldOpen = openAmount >= 0;\n }\n self.content.enableAnimation();\n if (!shouldOpen) {\n self.openPercentage(0);\n } else {\n self.openPercentage(-100);\n }\n };\n\n self.toggle = function(side) {\n if (side == 'right') {\n self.toggleRight();\n } else {\n self.toggleLeft();\n }\n };\n\n /**\n * Close all menus.\n */\n self.close = function() {\n self.openPercentage(0);\n };\n\n /**\n * @return {float} The amount the side menu is open, either positive or negative for left (positive), or right (negative)\n */\n self.getOpenAmount = function() {\n return self.content && self.content.getTranslateX() || 0;\n };\n\n /**\n * @return {float} The ratio of open amount over menu width. For example, a\n * menu of width 100 open 50 pixels would be open 50% or a ratio of 0.5. Value is negative\n * for right menu.\n */\n self.getOpenRatio = function() {\n var amount = self.getOpenAmount();\n if (amount >= 0) {\n return amount / self.left.width;\n }\n return amount / self.right.width;\n };\n\n self.isOpen = function() {\n return self.getOpenAmount() !== 0;\n };\n\n /**\n * @return {float} The percentage of open amount over menu width. For example, a\n * menu of width 100 open 50 pixels would be open 50%. Value is negative\n * for right menu.\n */\n self.getOpenPercentage = function() {\n return self.getOpenRatio() * 100;\n };\n\n /**\n * Open the menu with a given percentage amount.\n * @param {float} percentage The percentage (positive or negative for left/right) to open the menu.\n */\n self.openPercentage = function(percentage) {\n var p = percentage / 100;\n\n if (self.left && percentage >= 0) {\n self.openAmount(self.left.width * p);\n } else if (self.right && percentage < 0) {\n self.openAmount(self.right.width * p);\n }\n\n // add the CSS class \"menu-open\" if the percentage does not\n // equal 0, otherwise remove the class from the body element\n $ionicBody.enableClass((percentage !== 0), 'menu-open');\n\n freezeAllScrolls(false);\n };\n\n function freezeAllScrolls(shouldFreeze) {\n if (shouldFreeze && !self.isScrollFreeze) {\n $ionicScrollDelegate.freezeAllScrolls(shouldFreeze);\n\n } else if (!shouldFreeze && self.isScrollFreeze) {\n $ionicScrollDelegate.freezeAllScrolls(false);\n }\n self.isScrollFreeze = shouldFreeze;\n }\n\n /**\n * Open the menu the given pixel amount.\n * @param {float} amount the pixel amount to open the menu. Positive value for left menu,\n * negative value for right menu (only one menu will be visible at a time).\n */\n self.openAmount = function(amount) {\n var maxLeft = self.left && self.left.width || 0;\n var maxRight = self.right && self.right.width || 0;\n\n // Check if we can move to that side, depending if the left/right panel is enabled\n if (!(self.left && self.left.isEnabled) && amount > 0) {\n self.content.setTranslateX(0);\n return;\n }\n\n if (!(self.right && self.right.isEnabled) && amount < 0) {\n self.content.setTranslateX(0);\n return;\n }\n\n if (leftShowing && amount > maxLeft) {\n self.content.setTranslateX(maxLeft);\n return;\n }\n\n if (rightShowing && amount < -maxRight) {\n self.content.setTranslateX(-maxRight);\n return;\n }\n\n self.content.setTranslateX(amount);\n\n if (amount >= 0) {\n leftShowing = true;\n rightShowing = false;\n\n if (amount > 0) {\n // Push the z-index of the right menu down\n self.right && self.right.pushDown && self.right.pushDown();\n // Bring the z-index of the left menu up\n self.left && self.left.bringUp && self.left.bringUp();\n }\n } else {\n rightShowing = true;\n leftShowing = false;\n\n // Bring the z-index of the right menu up\n self.right && self.right.bringUp && self.right.bringUp();\n // Push the z-index of the left menu down\n self.left && self.left.pushDown && self.left.pushDown();\n }\n };\n\n /**\n * Given an event object, find the final resting position of this side\n * menu. For example, if the user \"throws\" the content to the right and\n * releases the touch, the left menu should snap open (animated, of course).\n *\n * @param {Event} e the gesture event to use for snapping\n */\n self.snapToRest = function(e) {\n // We want to animate at the end of this\n self.content.enableAnimation();\n isDragging = false;\n\n // Check how much the panel is open after the drag, and\n // what the drag velocity is\n var ratio = self.getOpenRatio();\n\n if (ratio === 0) {\n // Just to be safe\n self.openPercentage(0);\n return;\n }\n\n var velocityThreshold = 0.3;\n var velocityX = e.gesture.velocityX;\n var direction = e.gesture.direction;\n\n // Going right, less than half, too slow (snap back)\n if (ratio > 0 && ratio < 0.5 && direction == 'right' && velocityX < velocityThreshold) {\n self.openPercentage(0);\n }\n\n // Going left, more than half, too slow (snap back)\n else if (ratio > 0.5 && direction == 'left' && velocityX < velocityThreshold) {\n self.openPercentage(100);\n }\n\n // Going left, less than half, too slow (snap back)\n else if (ratio < 0 && ratio > -0.5 && direction == 'left' && velocityX < velocityThreshold) {\n self.openPercentage(0);\n }\n\n // Going right, more than half, too slow (snap back)\n else if (ratio < 0.5 && direction == 'right' && velocityX < velocityThreshold) {\n self.openPercentage(-100);\n }\n\n // Going right, more than half, or quickly (snap open)\n else if (direction == 'right' && ratio >= 0 && (ratio >= 0.5 || velocityX > velocityThreshold)) {\n self.openPercentage(100);\n }\n\n // Going left, more than half, or quickly (span open)\n else if (direction == 'left' && ratio <= 0 && (ratio <= -0.5 || velocityX > velocityThreshold)) {\n self.openPercentage(-100);\n }\n\n // Snap back for safety\n else {\n self.openPercentage(0);\n }\n };\n\n self.enableMenuWithBackViews = function(val) {\n if (arguments.length) {\n enableMenuWithBackViews = !!val;\n }\n return enableMenuWithBackViews;\n };\n\n self.isAsideExposed = function() {\n return !!isAsideExposed;\n };\n\n self.exposeAside = function(shouldExposeAside) {\n if (!(self.left && self.left.isEnabled) && !(self.right && self.right.isEnabled)) return;\n self.close();\n\n isAsideExposed = shouldExposeAside;\n if (self.left && self.left.isEnabled) {\n // set the left marget width if it should be exposed\n // otherwise set false so there's no left margin\n self.content.setMarginLeft(isAsideExposed ? self.left.width : 0);\n } else if (self.right && self.right.isEnabled) {\n self.content.setMarginRight(isAsideExposed ? self.right.width : 0);\n }\n\n self.$scope.$emit('$ionicExposeAside', isAsideExposed);\n };\n\n self.activeAsideResizing = function(isResizing) {\n $ionicBody.enableClass(isResizing, 'aside-resizing');\n };\n\n // End a drag with the given event\n self._endDrag = function(e) {\n freezeAllScrolls(false);\n\n if (isAsideExposed) return;\n\n if (isDragging) {\n self.snapToRest(e);\n }\n startX = null;\n lastX = null;\n offsetX = null;\n };\n\n // Handle a drag event\n self._handleDrag = function(e) {\n if (isAsideExposed || !$scope.dragContent) return;\n\n // If we don't have start coords, grab and store them\n if (!startX) {\n startX = e.gesture.touches[0].pageX;\n lastX = startX;\n } else {\n // Grab the current tap coords\n lastX = e.gesture.touches[0].pageX;\n }\n\n // Calculate difference from the tap points\n if (!isDragging && Math.abs(lastX - startX) > self.dragThresholdX) {\n // if the difference is greater than threshold, start dragging using the current\n // point as the starting point\n startX = lastX;\n\n isDragging = true;\n // Initialize dragging\n self.content.disableAnimation();\n offsetX = self.getOpenAmount();\n }\n\n if (isDragging) {\n self.openAmount(offsetX + (lastX - startX));\n freezeAllScrolls(true);\n }\n };\n\n self.canDragContent = function(canDrag) {\n if (arguments.length) {\n $scope.dragContent = !!canDrag;\n }\n return $scope.dragContent;\n };\n\n self.edgeThreshold = 25;\n self.edgeThresholdEnabled = false;\n self.edgeDragThreshold = function(value) {\n if (arguments.length) {\n if (isNumber(value) && value > 0) {\n self.edgeThreshold = value;\n self.edgeThresholdEnabled = true;\n } else {\n self.edgeThresholdEnabled = !!value;\n }\n }\n return self.edgeThresholdEnabled;\n };\n\n self.isDraggableTarget = function(e) {\n //Only restrict edge when sidemenu is closed and restriction is enabled\n var shouldOnlyAllowEdgeDrag = self.edgeThresholdEnabled && !self.isOpen();\n var startX = e.gesture.startEvent && e.gesture.startEvent.center &&\n e.gesture.startEvent.center.pageX;\n\n var dragIsWithinBounds = !shouldOnlyAllowEdgeDrag ||\n startX <= self.edgeThreshold ||\n startX >= self.content.element.offsetWidth - self.edgeThreshold;\n\n var backView = $ionicHistory.backView();\n var menuEnabled = enableMenuWithBackViews ? true : !backView;\n if (!menuEnabled) {\n var currentView = $ionicHistory.currentView() || {};\n return backView.historyId !== currentView.historyId;\n }\n\n return ($scope.dragContent || self.isOpen()) &&\n dragIsWithinBounds &&\n !e.gesture.srcEvent.defaultPrevented &&\n menuEnabled &&\n !e.target.tagName.match(/input|textarea|select|object|embed/i) &&\n !e.target.isContentEditable &&\n !(e.target.dataset ? e.target.dataset.preventScroll : e.target.getAttribute('data-prevent-scroll') == 'true');\n };\n\n $scope.sideMenuContentTranslateX = 0;\n\n var deregisterBackButtonAction = noop;\n var closeSideMenu = angular.bind(self, self.close);\n\n $scope.$watch(function() {\n return self.getOpenAmount() !== 0;\n }, function(isOpen) {\n deregisterBackButtonAction();\n if (isOpen) {\n deregisterBackButtonAction = $ionicPlatform.registerBackButtonAction(\n closeSideMenu,\n IONIC_BACK_PRIORITY.sideMenu\n );\n }\n });\n\n var deregisterInstance = $ionicSideMenuDelegate._registerInstance(\n self, $attrs.delegateHandle, function() {\n return $ionicHistory.isActiveScope($scope);\n }\n );\n\n $scope.$on('$destroy', function() {\n deregisterInstance();\n deregisterBackButtonAction();\n self.$scope = null;\n if (self.content) {\n self.content.element = null;\n self.content = null;\n }\n\n // ensure scrolls are unfrozen\n freezeAllScrolls(false);\n });\n\n self.initialize({\n left: {\n width: 275\n },\n right: {\n width: 275\n }\n });\n\n}]);\n\n(function(ionic) {\n\n var TRANSLATE32 = 'translate(32,32)';\n var STROKE_OPACITY = 'stroke-opacity';\n var ROUND = 'round';\n var INDEFINITE = 'indefinite';\n var DURATION = '750ms';\n var NONE = 'none';\n var SHORTCUTS = {\n a: 'animate',\n an: 'attributeName',\n at: 'animateTransform',\n c: 'circle',\n da: 'stroke-dasharray',\n os: 'stroke-dashoffset',\n f: 'fill',\n lc: 'stroke-linecap',\n rc: 'repeatCount',\n sw: 'stroke-width',\n t: 'transform',\n v: 'values'\n };\n\n var SPIN_ANIMATION = {\n v: '0,32,32;360,32,32',\n an: 'transform',\n type: 'rotate',\n rc: INDEFINITE,\n dur: DURATION\n };\n\n function createSvgElement(tagName, data, parent, spinnerName) {\n var ele = document.createElement(SHORTCUTS[tagName] || tagName);\n var k, x, y;\n\n for (k in data) {\n\n if (angular.isArray(data[k])) {\n for (x = 0; x < data[k].length; x++) {\n if (data[k][x].fn) {\n for (y = 0; y < data[k][x].t; y++) {\n createSvgElement(k, data[k][x].fn(y, spinnerName), ele, spinnerName);\n }\n } else {\n createSvgElement(k, data[k][x], ele, spinnerName);\n }\n }\n\n } else {\n setSvgAttribute(ele, k, data[k]);\n }\n }\n\n parent.appendChild(ele);\n }\n\n function setSvgAttribute(ele, k, v) {\n ele.setAttribute(SHORTCUTS[k] || k, v);\n }\n\n function animationValues(strValues, i) {\n var values = strValues.split(';');\n var back = values.slice(i);\n var front = values.slice(0, values.length - back.length);\n values = back.concat(front).reverse();\n return values.join(';') + ';' + values[0];\n }\n\n var IOS_SPINNER = {\n sw: 4,\n lc: ROUND,\n line: [{\n fn: function(i, spinnerName) {\n return {\n y1: spinnerName == 'ios' ? 17 : 12,\n y2: spinnerName == 'ios' ? 29 : 20,\n t: TRANSLATE32 + ' rotate(' + (30 * i + (i < 6 ? 180 : -180)) + ')',\n a: [{\n fn: function() {\n return {\n an: STROKE_OPACITY,\n dur: DURATION,\n v: animationValues('0;.1;.15;.25;.35;.45;.55;.65;.7;.85;1', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }]\n };\n },\n t: 12\n }]\n };\n\n var spinners = {\n\n android: {\n c: [{\n sw: 6,\n da: 128,\n os: 82,\n r: 26,\n cx: 32,\n cy: 32,\n f: NONE\n }]\n },\n\n ios: IOS_SPINNER,\n\n 'ios-small': IOS_SPINNER,\n\n bubbles: {\n sw: 0,\n c: [{\n fn: function(i) {\n return {\n cx: 24 * Math.cos(2 * Math.PI * i / 8),\n cy: 24 * Math.sin(2 * Math.PI * i / 8),\n t: TRANSLATE32,\n a: [{\n fn: function() {\n return {\n an: 'r',\n dur: DURATION,\n v: animationValues('1;2;3;4;5;6;7;8', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }]\n };\n },\n t: 8\n }]\n },\n\n circles: {\n\n c: [{\n fn: function(i) {\n return {\n r: 5,\n cx: 24 * Math.cos(2 * Math.PI * i / 8),\n cy: 24 * Math.sin(2 * Math.PI * i / 8),\n t: TRANSLATE32,\n sw: 0,\n a: [{\n fn: function() {\n return {\n an: 'fill-opacity',\n dur: DURATION,\n v: animationValues('.3;.3;.3;.4;.7;.85;.9;1', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }]\n };\n },\n t: 8\n }]\n },\n\n crescent: {\n c: [{\n sw: 4,\n da: 128,\n os: 82,\n r: 26,\n cx: 32,\n cy: 32,\n f: NONE,\n at: [SPIN_ANIMATION]\n }]\n },\n\n dots: {\n\n c: [{\n fn: function(i) {\n return {\n cx: 16 + (16 * i),\n cy: 32,\n sw: 0,\n a: [{\n fn: function() {\n return {\n an: 'fill-opacity',\n dur: DURATION,\n v: animationValues('.5;.6;.8;1;.8;.6;.5', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }, {\n fn: function() {\n return {\n an: 'r',\n dur: DURATION,\n v: animationValues('4;5;6;5;4;3;3', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }]\n };\n },\n t: 3\n }]\n },\n\n lines: {\n sw: 7,\n lc: ROUND,\n line: [{\n fn: function(i) {\n return {\n x1: 10 + (i * 14),\n x2: 10 + (i * 14),\n a: [{\n fn: function() {\n return {\n an: 'y1',\n dur: DURATION,\n v: animationValues('16;18;28;18;16', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }, {\n fn: function() {\n return {\n an: 'y2',\n dur: DURATION,\n v: animationValues('48;44;36;46;48', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }, {\n fn: function() {\n return {\n an: STROKE_OPACITY,\n dur: DURATION,\n v: animationValues('1;.8;.5;.4;1', i),\n rc: INDEFINITE\n };\n },\n t: 1\n }]\n };\n },\n t: 4\n }]\n },\n\n ripple: {\n f: NONE,\n 'fill-rule': 'evenodd',\n sw: 3,\n circle: [{\n fn: function(i) {\n return {\n cx: 32,\n cy: 32,\n a: [{\n fn: function() {\n return {\n an: 'r',\n begin: (i * -1) + 's',\n dur: '2s',\n v: '0;24',\n keyTimes: '0;1',\n keySplines: '0.1,0.2,0.3,1',\n calcMode: 'spline',\n rc: INDEFINITE\n };\n },\n t: 1\n }, {\n fn: function() {\n return {\n an: STROKE_OPACITY,\n begin: (i * -1) + 's',\n dur: '2s',\n v: '.2;1;.2;0',\n rc: INDEFINITE\n };\n },\n t: 1\n }]\n };\n },\n t: 2\n }]\n },\n\n spiral: {\n defs: [{\n linearGradient: [{\n id: 'sGD',\n gradientUnits: 'userSpaceOnUse',\n x1: 55, y1: 46, x2: 2, y2: 46,\n stop: [{\n offset: 0.1,\n class: 'stop1'\n }, {\n offset: 1,\n class: 'stop2'\n }]\n }]\n }],\n g: [{\n sw: 4,\n lc: ROUND,\n f: NONE,\n path: [{\n stroke: 'url(#sGD)',\n d: 'M4,32 c0,15,12,28,28,28c8,0,16-4,21-9'\n }, {\n d: 'M60,32 C60,16,47.464,4,32,4S4,16,4,32'\n }],\n at: [SPIN_ANIMATION]\n }]\n }\n\n };\n\n var animations = {\n\n android: function(ele) {\n var rIndex = 0;\n var rotateCircle = 0;\n var startTime;\n var svgEle = ele.querySelector('g');\n var circleEle = ele.querySelector('circle');\n\n function run() {\n var v = easeInOutCubic(Date.now() - startTime, 650);\n var scaleX = 1;\n var translateX = 0;\n var dasharray = (188 - (58 * v));\n var dashoffset = (182 - (182 * v));\n\n if (rIndex % 2) {\n scaleX = -1;\n translateX = -64;\n dasharray = (128 - (-58 * v));\n dashoffset = (182 * v);\n }\n\n var rotateLine = [0, -101, -90, -11, -180, 79, -270, -191][rIndex];\n\n setSvgAttribute(circleEle, 'da', Math.max(Math.min(dasharray, 188), 128));\n setSvgAttribute(circleEle, 'os', Math.max(Math.min(dashoffset, 182), 0));\n setSvgAttribute(circleEle, 't', 'scale(' + scaleX + ',1) translate(' + translateX + ',0) rotate(' + rotateLine + ',32,32)');\n\n rotateCircle += 4.1;\n if (rotateCircle > 359) rotateCircle = 0;\n setSvgAttribute(svgEle, 't', 'rotate(' + rotateCircle + ',32,32)');\n\n if (v >= 1) {\n rIndex++;\n if (rIndex > 7) rIndex = 0;\n startTime = Date.now();\n }\n\n ionic.requestAnimationFrame(run);\n }\n\n return function() {\n startTime = Date.now();\n run();\n };\n\n }\n\n };\n\n function easeInOutCubic(t, c) {\n t /= c / 2;\n if (t < 1) return 1 / 2 * t * t * t;\n t -= 2;\n return 1 / 2 * (t * t * t + 2);\n }\n\n\n IonicModule\n .controller('$ionicSpinner', [\n '$element',\n '$attrs',\n function($element, $attrs) {\n var spinnerName, spinner;\n\n this.init = function() {\n var override = null;\n if (ionic.Platform.platform() === 'windowsphone') {\n override = 'android';\n }\n spinnerName = $attrs.icon || override || ionic.Platform.platform();\n spinner = spinners[spinnerName];\n if (!spinner) {\n spinnerName = 'ios';\n spinner = spinners.ios;\n }\n\n var container = document.createElement('div');\n createSvgElement('svg', {\n viewBox: '0 0 64 64',\n g: [spinners[spinnerName]]\n }, container, spinnerName);\n\n // Specifically for animations to work,\n // Android 4.3 and below requires the element to be\n // added as an html string, rather than dynmically\n // building up the svg element and appending it.\n $element.html(container.innerHTML);\n\n this.start();\n\n return spinnerName;\n };\n\n this.start = function() {\n animations[spinnerName] && animations[spinnerName]($element[0])();\n };\n\n }]);\n\n})(ionic);\n\nIonicModule\n.controller('$ionicTab', [\n '$scope',\n '$ionicHistory',\n '$attrs',\n '$location',\n '$state',\nfunction($scope, $ionicHistory, $attrs, $location, $state) {\n this.$scope = $scope;\n\n //All of these exposed for testing\n this.hrefMatchesState = function() {\n return $attrs.href && $location.path().indexOf(\n $attrs.href.replace(/^#/, '').replace(/\\/$/, '')\n ) === 0;\n };\n this.srefMatchesState = function() {\n return $attrs.uiSref && $state.includes($attrs.uiSref.split('(')[0]);\n };\n this.navNameMatchesState = function() {\n return this.navViewName && $ionicHistory.isCurrentStateNavView(this.navViewName);\n };\n\n this.tabMatchesState = function() {\n return this.hrefMatchesState() || this.srefMatchesState() || this.navNameMatchesState();\n };\n}]);\n\nIonicModule\n.controller('$ionicTabs', [\n '$scope',\n '$element',\n '$ionicHistory',\nfunction($scope, $element, $ionicHistory) {\n var self = this;\n var selectedTab = null;\n var previousSelectedTab = null;\n var selectedTabIndex;\n self.tabs = [];\n\n self.selectedIndex = function() {\n return self.tabs.indexOf(selectedTab);\n };\n self.selectedTab = function() {\n return selectedTab;\n };\n self.previousSelectedTab = function() {\n return previousSelectedTab;\n };\n\n self.add = function(tab) {\n $ionicHistory.registerHistory(tab);\n self.tabs.push(tab);\n };\n\n self.remove = function(tab) {\n var tabIndex = self.tabs.indexOf(tab);\n if (tabIndex === -1) {\n return;\n }\n //Use a field like '$tabSelected' so developers won't accidentally set it in controllers etc\n if (tab.$tabSelected) {\n self.deselect(tab);\n //Try to select a new tab if we're removing a tab\n if (self.tabs.length === 1) {\n //Do nothing if there are no other tabs to select\n } else {\n //Select previous tab if it's the last tab, else select next tab\n var newTabIndex = tabIndex === self.tabs.length - 1 ? tabIndex - 1 : tabIndex + 1;\n self.select(self.tabs[newTabIndex]);\n }\n }\n self.tabs.splice(tabIndex, 1);\n };\n\n self.deselect = function(tab) {\n if (tab.$tabSelected) {\n previousSelectedTab = selectedTab;\n selectedTab = selectedTabIndex = null;\n tab.$tabSelected = false;\n (tab.onDeselect || noop)();\n tab.$broadcast && tab.$broadcast('$ionicHistory.deselect');\n }\n };\n\n self.select = function(tab, shouldEmitEvent) {\n var tabIndex;\n if (isNumber(tab)) {\n tabIndex = tab;\n if (tabIndex >= self.tabs.length) return;\n tab = self.tabs[tabIndex];\n } else {\n tabIndex = self.tabs.indexOf(tab);\n }\n\n if (arguments.length === 1) {\n shouldEmitEvent = !!(tab.navViewName || tab.uiSref);\n }\n\n if (selectedTab && selectedTab.$historyId == tab.$historyId) {\n if (shouldEmitEvent) {\n $ionicHistory.goToHistoryRoot(tab.$historyId);\n }\n\n } else if (selectedTabIndex !== tabIndex) {\n forEach(self.tabs, function(tab) {\n self.deselect(tab);\n });\n\n selectedTab = tab;\n selectedTabIndex = tabIndex;\n\n if (self.$scope && self.$scope.$parent) {\n self.$scope.$parent.$activeHistoryId = tab.$historyId;\n }\n\n //Use a funny name like $tabSelected so the developer doesn't overwrite the var in a child scope\n tab.$tabSelected = true;\n (tab.onSelect || noop)();\n\n if (shouldEmitEvent) {\n $scope.$emit('$ionicHistory.change', {\n type: 'tab',\n tabIndex: tabIndex,\n historyId: tab.$historyId,\n navViewName: tab.navViewName,\n hasNavView: !!tab.navViewName,\n title: tab.title,\n url: tab.href,\n uiSref: tab.uiSref\n });\n }\n }\n };\n\n self.hasActiveScope = function() {\n for (var x = 0; x < self.tabs.length; x++) {\n if ($ionicHistory.isActiveScope(self.tabs[x])) {\n return true;\n }\n }\n return false;\n };\n\n}]);\n\nIonicModule\n.controller('$ionicView', [\n '$scope',\n '$element',\n '$attrs',\n '$compile',\n '$rootScope',\nfunction($scope, $element, $attrs, $compile, $rootScope) {\n var self = this;\n var navElementHtml = {};\n var navViewCtrl;\n var navBarDelegateHandle;\n var hasViewHeaderBar;\n var deregisters = [];\n var viewTitle;\n\n var deregIonNavBarInit = $scope.$on('ionNavBar.init', function(ev, delegateHandle) {\n // this view has its own ion-nav-bar, remember the navBarDelegateHandle for this view\n ev.stopPropagation();\n navBarDelegateHandle = delegateHandle;\n });\n\n\n self.init = function() {\n deregIonNavBarInit();\n\n var modalCtrl = $element.inheritedData('$ionModalController');\n navViewCtrl = $element.inheritedData('$ionNavViewController');\n\n // don't bother if inside a modal or there's no parent navView\n if (!navViewCtrl || modalCtrl) return;\n\n // add listeners for when this view changes\n $scope.$on('$ionicView.beforeEnter', self.beforeEnter);\n $scope.$on('$ionicView.afterEnter', afterEnter);\n $scope.$on('$ionicView.beforeLeave', deregisterFns);\n };\n\n self.beforeEnter = function(ev, transData) {\n // this event was emitted, starting at intial ion-view, then bubbles up\n // only the first ion-view should do something with it, parent ion-views should ignore\n if (transData && !transData.viewNotified) {\n transData.viewNotified = true;\n\n if (!$rootScope.$$phase) $scope.$digest();\n viewTitle = isDefined($attrs.viewTitle) ? $attrs.viewTitle : $attrs.title;\n\n var navBarItems = {};\n for (var n in navElementHtml) {\n navBarItems[n] = generateNavBarItem(navElementHtml[n]);\n }\n\n navViewCtrl.beforeEnter(extend(transData, {\n title: viewTitle,\n showBack: !attrTrue('hideBackButton'),\n navBarItems: navBarItems,\n navBarDelegate: navBarDelegateHandle || null,\n showNavBar: !attrTrue('hideNavBar'),\n hasHeaderBar: !!hasViewHeaderBar\n }));\n\n // make sure any existing observers are cleaned up\n deregisterFns();\n }\n };\n\n\n function afterEnter() {\n // only listen for title updates after it has entered\n // but also deregister the observe before it leaves\n var viewTitleAttr = isDefined($attrs.viewTitle) && 'viewTitle' || isDefined($attrs.title) && 'title';\n if (viewTitleAttr) {\n titleUpdate($attrs[viewTitleAttr]);\n deregisters.push($attrs.$observe(viewTitleAttr, titleUpdate));\n }\n\n if (isDefined($attrs.hideBackButton)) {\n deregisters.push($scope.$watch($attrs.hideBackButton, function(val) {\n navViewCtrl.showBackButton(!val);\n }));\n }\n\n if (isDefined($attrs.hideNavBar)) {\n deregisters.push($scope.$watch($attrs.hideNavBar, function(val) {\n navViewCtrl.showBar(!val);\n }));\n }\n }\n\n\n function titleUpdate(newTitle) {\n if (isDefined(newTitle) && newTitle !== viewTitle) {\n viewTitle = newTitle;\n navViewCtrl.title(viewTitle);\n }\n }\n\n\n function deregisterFns() {\n // remove all existing $attrs.$observe's\n for (var x = 0; x < deregisters.length; x++) {\n deregisters[x]();\n }\n deregisters = [];\n }\n\n\n function generateNavBarItem(html) {\n if (html) {\n // every time a view enters we need to recreate its view buttons if they exist\n return $compile(html)($scope.$new());\n }\n }\n\n\n function attrTrue(key) {\n return !!$scope.$eval($attrs[key]);\n }\n\n\n self.navElement = function(type, html) {\n navElementHtml[type] = html;\n };\n\n}]);\n\n/*\n * We don't document the ionActionSheet directive, we instead document\n * the $ionicActionSheet service\n */\nIonicModule\n.directive('ionActionSheet', ['$document', function($document) {\n return {\n restrict: 'E',\n scope: true,\n replace: true,\n link: function($scope, $element) {\n\n var keyUp = function(e) {\n if (e.which == 27) {\n $scope.cancel();\n $scope.$apply();\n }\n };\n\n var backdropClick = function(e) {\n if (e.target == $element[0]) {\n $scope.cancel();\n $scope.$apply();\n }\n };\n $scope.$on('$destroy', function() {\n $element.remove();\n $document.unbind('keyup', keyUp);\n });\n\n $document.bind('keyup', keyUp);\n $element.bind('click', backdropClick);\n },\n template: 'Checkbox Label \n * ```\n */\n\nIonicModule\n.directive('ionCheckbox', ['$ionicConfig', function($ionicConfig) {\n return {\n restrict: 'E',\n replace: true,\n require: '?ngModel',\n transclude: true,\n template:\n '',\n compile: function(element, attr) {\n var input = element.find('input');\n forEach({\n 'name': attr.name,\n 'ng-value': attr.ngValue,\n 'ng-model': attr.ngModel,\n 'ng-checked': attr.ngChecked,\n 'ng-disabled': attr.ngDisabled,\n 'ng-true-value': attr.ngTrueValue,\n 'ng-false-value': attr.ngFalseValue,\n 'ng-change': attr.ngChange,\n 'ng-required': attr.ngRequired,\n 'required': attr.required\n }, function(value, name) {\n if (isDefined(value)) {\n input.attr(name, value);\n }\n });\n var checkboxWrapper = element[0].querySelector('.checkbox');\n checkboxWrapper.classList.add('checkbox-' + $ionicConfig.form.checkbox());\n }\n };\n}]);\n\n\n/**\n * @ngdoc directive\n * @restrict A\n * @name collectionRepeat\n * @module ionic\n * @codepen 7ec1ec58f2489ab8f359fa1a0fe89c15\n * @description\n * `collection-repeat` allows an app to show huge lists of items much more performantly than\n * `ng-repeat`.\n *\n * It renders into the DOM only as many items as are currently visible.\n *\n * This means that on a phone screen that can fit eight items, only the eight items matching\n * the current scroll position will be rendered.\n *\n * **The Basics**:\n *\n * - The data given to collection-repeat must be an array.\n * - If the `item-height` and `item-width` attributes are not supplied, it will be assumed that\n * every item in the list has the same dimensions as the first item.\n * - Don't use angular one-time binding (`::`) with collection-repeat. The scope of each item is\n * assigned new data and re-digested as you scroll. Bindings need to update, and one-time bindings\n * won't.\n *\n * **Performance Tips**:\n *\n * - The iOS webview has a performance bottleneck when switching out `![]()
` attributes.\n * To increase performance of images on iOS, cache your images in advance and,\n * if possible, lower the number of unique images. We're working on [a solution](https://github.com/driftyco/ionic/issues/3194).\n *\n * @usage\n * #### Basic Item List ([codepen](http://codepen.io/ionic/pen/0c2c35a34a8b18ad4d793fef0b081693))\n * ```html\n * \n * \n * {% raw %}{{item}}{% endraw %}\n * \n * \n * ```\n *\n * #### Grid of Images ([codepen](http://codepen.io/ionic/pen/5515d4efd9d66f780e96787387f41664))\n * ```html\n * \n * ![]()
\n * \n * ```\n *\n * #### Horizontal Scroller, Dynamic Item Width ([codepen](http://codepen.io/ionic/pen/67cc56b349124a349acb57a0740e030e))\n * ```html\n * \n * \n * \n * \n * ```\n *\n * @param {expression} collection-repeat The expression indicating how to enumerate a collection,\n * of the format `variable in expression` – where variable is the user defined loop variable\n * and `expression` is a scope expression giving the collection to enumerate.\n * For example: `album in artist.albums` or `album in artist.albums | orderBy:'name'`.\n * @param {expression=} item-width The width of the repeated element. The expression must return\n * a number (pixels) or a percentage. Defaults to the width of the first item in the list.\n * (previously named collection-item-width)\n * @param {expression=} item-height The height of the repeated element. The expression must return\n * a number (pixels) or a percentage. Defaults to the height of the first item in the list.\n * (previously named collection-item-height)\n * @param {number=} item-render-buffer The number of items to load before and after the visible\n * items in the list. Default 3. Tip: set this higher if you have lots of images to preload, but\n * don't set it too high or you'll see performance loss.\n * @param {boolean=} force-refresh-images Force images to refresh as you scroll. This fixes a problem\n * where, when an element is interchanged as scrolling, its image will still have the old src\n * while the new src loads. Setting this to true comes with a small performance loss.\n */\n\nIonicModule\n.directive('collectionRepeat', CollectionRepeatDirective)\n.factory('$ionicCollectionManager', RepeatManagerFactory);\n\nvar ONE_PX_TRANSPARENT_IMG_SRC = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';\nvar WIDTH_HEIGHT_REGEX = /height:.*?px;\\s*width:.*?px/;\nvar DEFAULT_RENDER_BUFFER = 3;\n\nCollectionRepeatDirective.$inject = ['$ionicCollectionManager', '$parse', '$window', '$$rAF', '$rootScope', '$timeout'];\nfunction CollectionRepeatDirective($ionicCollectionManager, $parse, $window, $$rAF, $rootScope, $timeout) {\n return {\n restrict: 'A',\n priority: 1000,\n transclude: 'element',\n $$tlb: true,\n require: '^^$ionicScroll',\n link: postLink\n };\n\n function postLink(scope, element, attr, scrollCtrl, transclude) {\n var scrollView = scrollCtrl.scrollView;\n var node = element[0];\n var containerNode = angular.element('
' +\n '
'\n };\n}]);\n\n\n/**\n * @ngdoc directive\n * @name ionCheckbox\n * @module ionic\n * @restrict E\n * @codepen hqcju\n * @description\n * The checkbox is no different than the HTML checkbox input, except it's styled differently.\n *\n * The checkbox behaves like any [AngularJS checkbox](http://docs.angularjs.org/api/ng/input/input[checkbox]).\n *\n * @usage\n * ```html\n * ' +\n '
' +\n '' +\n '
' +\n '' +\n '' +\n '' +\n '' +\n '
' +\n '' +\n '' +\n '
' +\n 'Available Kittens:
\n *\n * ![]()
\n *
\n * ')[0];\n node.parentNode.replaceChild(containerNode, node);\n\n if (scrollView.options.scrollingX && scrollView.options.scrollingY) {\n throw new Error(\"collection-repeat expected a parent x or y scrollView, not \" +\n \"an xy scrollView.\");\n }\n\n var repeatExpr = attr.collectionRepeat;\n var match = repeatExpr.match(/^\\s*([\\s\\S]+?)\\s+in\\s+([\\s\\S]+?)(?:\\s+track\\s+by\\s+([\\s\\S]+?))?\\s*$/);\n if (!match) {\n throw new Error(\"collection-repeat expected expression in form of '_item_ in \" +\n \"_collection_[ track by _id_]' but got '\" + attr.collectionRepeat + \"'.\");\n }\n var keyExpr = match[1];\n var listExpr = match[2];\n var listGetter = $parse(listExpr);\n var heightData = {};\n var widthData = {};\n var computedStyleDimensions = {};\n var data = [];\n var repeatManager;\n\n // attr.collectionBufferSize is deprecated\n var renderBufferExpr = attr.itemRenderBuffer || attr.collectionBufferSize;\n var renderBuffer = angular.isDefined(renderBufferExpr) ?\n parseInt(renderBufferExpr) :\n DEFAULT_RENDER_BUFFER;\n\n // attr.collectionItemHeight is deprecated\n var heightExpr = attr.itemHeight || attr.collectionItemHeight;\n // attr.collectionItemWidth is deprecated\n var widthExpr = attr.itemWidth || attr.collectionItemWidth;\n\n var afterItemsContainer = initAfterItemsContainer();\n\n var changeValidator = makeChangeValidator();\n initDimensions();\n\n // Dimensions are refreshed on resize or data change.\n scrollCtrl.$element.on('scroll-resize', refreshDimensions);\n\n angular.element($window).on('resize', onResize);\n var unlistenToExposeAside = $rootScope.$on('$ionicExposeAside', ionic.animationFrameThrottle(function() {\n scrollCtrl.scrollView.resize();\n onResize();\n }));\n $timeout(refreshDimensions, 0, false);\n\n function onResize() {\n if (changeValidator.resizeRequiresRefresh(scrollView.__clientWidth, scrollView.__clientHeight)) {\n refreshDimensions();\n }\n }\n\n scope.$watchCollection(listGetter, function(newValue) {\n data = newValue || (newValue = []);\n if (!angular.isArray(newValue)) {\n throw new Error(\"collection-repeat expected an array for '\" + listExpr + \"', \" +\n \"but got a \" + typeof value);\n }\n // Wait for this digest to end before refreshing everything.\n scope.$$postDigest(function() {\n getRepeatManager().setData(data);\n if (changeValidator.dataChangeRequiresRefresh(data)) refreshDimensions();\n });\n });\n\n scope.$on('$destroy', function() {\n angular.element($window).off('resize', onResize);\n unlistenToExposeAside();\n scrollCtrl.$element && scrollCtrl.$element.off('scroll-resize', refreshDimensions);\n\n computedStyleNode && computedStyleNode.parentNode &&\n computedStyleNode.parentNode.removeChild(computedStyleNode);\n computedStyleScope && computedStyleScope.$destroy();\n computedStyleScope = computedStyleNode = null;\n\n repeatManager && repeatManager.destroy();\n repeatManager = null;\n });\n\n function makeChangeValidator() {\n var self;\n return (self = {\n dataLength: 0,\n width: 0,\n height: 0,\n // A resize triggers a refresh only if we have data, the scrollView has size,\n // and the size has changed.\n resizeRequiresRefresh: function(newWidth, newHeight) {\n var requiresRefresh = self.dataLength && newWidth && newHeight &&\n (newWidth !== self.width || newHeight !== self.height);\n\n self.width = newWidth;\n self.height = newHeight;\n\n return !!requiresRefresh;\n },\n // A change in data only triggers a refresh if the data has length, or if the data's\n // length is less than before.\n dataChangeRequiresRefresh: function(newData) {\n var requiresRefresh = newData.length > 0 || newData.length < self.dataLength;\n\n self.dataLength = newData.length;\n\n return !!requiresRefresh;\n }\n });\n }\n\n function getRepeatManager() {\n return repeatManager || (repeatManager = new $ionicCollectionManager({\n afterItemsNode: afterItemsContainer[0],\n containerNode: containerNode,\n heightData: heightData,\n widthData: widthData,\n forceRefreshImages: !!(isDefined(attr.forceRefreshImages) && attr.forceRefreshImages !== 'false'),\n keyExpression: keyExpr,\n renderBuffer: renderBuffer,\n scope: scope,\n scrollView: scrollCtrl.scrollView,\n transclude: transclude\n }));\n }\n\n function initAfterItemsContainer() {\n var container = angular.element(\n scrollView.__content.querySelector('.collection-repeat-after-container')\n );\n // Put everything in the view after the repeater into a container.\n if (!container.length) {\n var elementIsAfterRepeater = false;\n var afterNodes = [].filter.call(scrollView.__content.childNodes, function(node) {\n if (ionic.DomUtil.contains(node, containerNode)) {\n elementIsAfterRepeater = true;\n return false;\n }\n return elementIsAfterRepeater;\n });\n container = angular.element('');\n if (scrollView.options.scrollingX) {\n container.addClass('horizontal');\n }\n container.append(afterNodes);\n scrollView.__content.appendChild(container[0]);\n }\n return container;\n }\n\n function initDimensions() {\n //Height and width have four 'modes':\n //1) Computed Mode\n // - Nothing is supplied, so we getComputedStyle() on one element in the list and use\n // that width and height value for the width and height of every item. This is re-computed\n // every resize.\n //2) Constant Mode, Static Integer\n // - The user provides a constant number for width or height, in pixels. We parse it,\n // store it on the `value` field, and it never changes\n //3) Constant Mode, Percent\n // - The user provides a percent string for width or height. The getter for percent is\n // stored on the `getValue()` field, and is re-evaluated once every resize. The result\n // is stored on the `value` field.\n //4) Dynamic Mode\n // - The user provides a dynamic expression for the width or height. This is re-evaluated\n // for every item, stored on the `.getValue()` field.\n if (heightExpr) {\n parseDimensionAttr(heightExpr, heightData);\n } else {\n heightData.computed = true;\n }\n if (widthExpr) {\n parseDimensionAttr(widthExpr, widthData);\n } else {\n widthData.computed = true;\n }\n }\n\n function refreshDimensions() {\n var hasData = data.length > 0;\n\n if (hasData && (heightData.computed || widthData.computed)) {\n computeStyleDimensions();\n }\n\n if (hasData && heightData.computed) {\n heightData.value = computedStyleDimensions.height;\n if (!heightData.value) {\n throw new Error('collection-repeat tried to compute the height of repeated elements \"' +\n repeatExpr + '\", but was unable to. Please provide the \"item-height\" attribute. ' +\n 'http://ionicframework.com/docs/api/directive/collectionRepeat/');\n }\n } else if (!heightData.dynamic && heightData.getValue) {\n // If it's a constant with a getter (eg percent), we just refresh .value after resize\n heightData.value = heightData.getValue();\n }\n\n if (hasData && widthData.computed) {\n widthData.value = computedStyleDimensions.width;\n if (!widthData.value) {\n throw new Error('collection-repeat tried to compute the width of repeated elements \"' +\n repeatExpr + '\", but was unable to. Please provide the \"item-width\" attribute. ' +\n 'http://ionicframework.com/docs/api/directive/collectionRepeat/');\n }\n } else if (!widthData.dynamic && widthData.getValue) {\n // If it's a constant with a getter (eg percent), we just refresh .value after resize\n widthData.value = widthData.getValue();\n }\n // Dynamic dimensions aren't updated on resize. Since they're already dynamic anyway,\n // .getValue() will be used.\n\n getRepeatManager().refreshLayout();\n }\n\n function parseDimensionAttr(attrValue, dimensionData) {\n if (!attrValue) return;\n\n var parsedValue;\n // Try to just parse the plain attr value\n try {\n parsedValue = $parse(attrValue);\n } catch (e) {\n // If the parse fails and the value has `px` or `%` in it, surround the attr in\n // quotes, to attempt to let the user provide a simple `attr=\"100%\"` or `attr=\"100px\"`\n if (attrValue.trim().match(/\\d+(px|%)$/)) {\n attrValue = '\"' + attrValue + '\"';\n }\n parsedValue = $parse(attrValue);\n }\n\n var constantAttrValue = attrValue.replace(/(\\'|\\\"|px|%)/g, '').trim();\n var isConstant = constantAttrValue.length && !/([a-zA-Z]|\\$|:|\\?)/.test(constantAttrValue);\n dimensionData.attrValue = attrValue;\n\n // If it's a constant, it's either a percent or just a constant pixel number.\n if (isConstant) {\n var intValue = parseInt(parsedValue());\n\n // For percents, store the percent getter on .getValue()\n if (attrValue.indexOf('%') > -1) {\n var decimalValue = intValue / 100;\n dimensionData.getValue = dimensionData === heightData ?\n function() { return Math.floor(decimalValue * scrollView.__clientHeight); } :\n function() { return Math.floor(decimalValue * scrollView.__clientWidth); };\n } else {\n // For static constants, just store the static constant.\n dimensionData.value = intValue;\n }\n\n } else {\n dimensionData.dynamic = true;\n dimensionData.getValue = dimensionData === heightData ?\n function heightGetter(scope, locals) {\n var result = parsedValue(scope, locals);\n if (result.charAt && result.charAt(result.length - 1) === '%') {\n return Math.floor(parseInt(result) / 100 * scrollView.__clientHeight);\n }\n return parseInt(result);\n } :\n function widthGetter(scope, locals) {\n var result = parsedValue(scope, locals);\n if (result.charAt && result.charAt(result.length - 1) === '%') {\n return Math.floor(parseInt(result) / 100 * scrollView.__clientWidth);\n }\n return parseInt(result);\n };\n }\n }\n\n var computedStyleNode;\n var computedStyleScope;\n function computeStyleDimensions() {\n if (!computedStyleNode) {\n transclude(computedStyleScope = scope.$new(), function(clone) {\n clone[0].removeAttribute('collection-repeat'); // remove absolute position styling\n computedStyleNode = clone[0];\n });\n }\n\n computedStyleScope[keyExpr] = (listGetter(scope) || [])[0];\n if (!$rootScope.$$phase) computedStyleScope.$digest();\n containerNode.appendChild(computedStyleNode);\n\n var style = $window.getComputedStyle(computedStyleNode);\n computedStyleDimensions.width = parseInt(style.width);\n computedStyleDimensions.height = parseInt(style.height);\n\n containerNode.removeChild(computedStyleNode);\n }\n\n }\n\n}\n\nRepeatManagerFactory.$inject = ['$rootScope', '$window', '$$rAF'];\nfunction RepeatManagerFactory($rootScope, $window, $$rAF) {\n var EMPTY_DIMENSION = { primaryPos: 0, secondaryPos: 0, primarySize: 0, secondarySize: 0, rowPrimarySize: 0 };\n\n return function RepeatController(options) {\n var afterItemsNode = options.afterItemsNode;\n var containerNode = options.containerNode;\n var forceRefreshImages = options.forceRefreshImages;\n var heightData = options.heightData;\n var widthData = options.widthData;\n var keyExpression = options.keyExpression;\n var renderBuffer = options.renderBuffer;\n var scope = options.scope;\n var scrollView = options.scrollView;\n var transclude = options.transclude;\n\n var data = [];\n\n var getterLocals = {};\n var heightFn = heightData.getValue || function() { return heightData.value; };\n var heightGetter = function(index, value) {\n getterLocals[keyExpression] = value;\n getterLocals.$index = index;\n return heightFn(scope, getterLocals);\n };\n\n var widthFn = widthData.getValue || function() { return widthData.value; };\n var widthGetter = function(index, value) {\n getterLocals[keyExpression] = value;\n getterLocals.$index = index;\n return widthFn(scope, getterLocals);\n };\n\n var isVertical = !!scrollView.options.scrollingY;\n\n // We say it's a grid view if we're either dynamic or not 100% width\n var isGridView = isVertical ?\n (widthData.dynamic || widthData.value !== scrollView.__clientWidth) :\n (heightData.dynamic || heightData.value !== scrollView.__clientHeight);\n\n var isStaticView = !heightData.dynamic && !widthData.dynamic;\n\n var PRIMARY = 'PRIMARY';\n var SECONDARY = 'SECONDARY';\n var TRANSLATE_TEMPLATE_STR = isVertical ?\n 'translate3d(SECONDARYpx,PRIMARYpx,0)' :\n 'translate3d(PRIMARYpx,SECONDARYpx,0)';\n var WIDTH_HEIGHT_TEMPLATE_STR = isVertical ?\n 'height: PRIMARYpx; width: SECONDARYpx;' :\n 'height: SECONDARYpx; width: PRIMARYpx;';\n\n var estimatedHeight;\n var estimatedWidth;\n\n var repeaterBeforeSize = 0;\n var repeaterAfterSize = 0;\n\n var renderStartIndex = -1;\n var renderEndIndex = -1;\n var renderAfterBoundary = -1;\n var renderBeforeBoundary = -1;\n\n var itemsPool = [];\n var itemsLeaving = [];\n var itemsEntering = [];\n var itemsShownMap = {};\n var nextItemId = 0;\n\n var scrollViewSetDimensions = isVertical ?\n function() { scrollView.setDimensions(null, null, null, view.getContentSize(), true); } :\n function() { scrollView.setDimensions(null, null, view.getContentSize(), null, true); };\n\n // view is a mix of list/grid methods + static/dynamic methods.\n // See bottom for implementations. Available methods:\n //\n // getEstimatedPrimaryPos(i), getEstimatedSecondaryPos(i), getEstimatedIndex(scrollTop),\n // calculateDimensions(toIndex), getDimensions(index),\n // updateRenderRange(scrollTop, scrollValueEnd), onRefreshLayout(), onRefreshData()\n var view = isVertical ? new VerticalViewType() : new HorizontalViewType();\n (isGridView ? GridViewType : ListViewType).call(view);\n (isStaticView ? StaticViewType : DynamicViewType).call(view);\n\n var contentSizeStr = isVertical ? 'getContentHeight' : 'getContentWidth';\n var originalGetContentSize = scrollView.options[contentSizeStr];\n scrollView.options[contentSizeStr] = angular.bind(view, view.getContentSize);\n\n scrollView.__$callback = scrollView.__callback;\n scrollView.__callback = function(transformLeft, transformTop, zoom, wasResize) {\n var scrollValue = view.getScrollValue();\n if (renderStartIndex === -1 ||\n scrollValue + view.scrollPrimarySize > renderAfterBoundary ||\n scrollValue < renderBeforeBoundary) {\n render();\n }\n scrollView.__$callback(transformLeft, transformTop, zoom, wasResize);\n };\n\n var isLayoutReady = false;\n var isDataReady = false;\n this.refreshLayout = function() {\n if (data.length) {\n estimatedHeight = heightGetter(0, data[0]);\n estimatedWidth = widthGetter(0, data[0]);\n } else {\n // If we don't have any data in our array, just guess.\n estimatedHeight = 100;\n estimatedWidth = 100;\n }\n\n // Get the size of every element AFTER the repeater. We have to get the margin before and\n // after the first/last element to fix a browser bug with getComputedStyle() not counting\n // the first/last child's margins into height.\n var style = getComputedStyle(afterItemsNode) || {};\n var firstStyle = afterItemsNode.firstElementChild && getComputedStyle(afterItemsNode.firstElementChild) || {};\n var lastStyle = afterItemsNode.lastElementChild && getComputedStyle(afterItemsNode.lastElementChild) || {};\n repeaterAfterSize = (parseInt(style[isVertical ? 'height' : 'width']) || 0) +\n (firstStyle && parseInt(firstStyle[isVertical ? 'marginTop' : 'marginLeft']) || 0) +\n (lastStyle && parseInt(lastStyle[isVertical ? 'marginBottom' : 'marginRight']) || 0);\n\n // Get the offsetTop of the repeater.\n repeaterBeforeSize = 0;\n var current = containerNode;\n do {\n repeaterBeforeSize += current[isVertical ? 'offsetTop' : 'offsetLeft'];\n } while ( ionic.DomUtil.contains(scrollView.__content, current = current.offsetParent) );\n\n var containerPrevNode = containerNode.previousElementSibling;\n var beforeStyle = containerPrevNode ? $window.getComputedStyle(containerPrevNode) : {};\n var beforeMargin = parseInt(beforeStyle[isVertical ? 'marginBottom' : 'marginRight'] || 0);\n\n // Because we position the collection container with position: relative, it doesn't take\n // into account where to position itself relative to the previous element's marginBottom.\n // To compensate, we translate the container up by the previous element's margin.\n containerNode.style[ionic.CSS.TRANSFORM] = TRANSLATE_TEMPLATE_STR\n .replace(PRIMARY, -beforeMargin)\n .replace(SECONDARY, 0);\n repeaterBeforeSize -= beforeMargin;\n\n if (!scrollView.__clientHeight || !scrollView.__clientWidth) {\n scrollView.__clientWidth = scrollView.__container.clientWidth;\n scrollView.__clientHeight = scrollView.__container.clientHeight;\n }\n\n (view.onRefreshLayout || angular.noop)();\n view.refreshDirection();\n scrollViewSetDimensions();\n\n // Create the pool of items for reuse, setting the size to (estimatedItemsOnScreen) * 2,\n // plus the size of the renderBuffer.\n if (!isLayoutReady) {\n var poolSize = Math.max(20, renderBuffer * 3);\n for (var i = 0; i < poolSize; i++) {\n itemsPool.push(new RepeatItem());\n }\n }\n\n isLayoutReady = true;\n if (isLayoutReady && isDataReady) {\n // If the resize or latest data change caused the scrollValue to\n // now be out of bounds, resize the scrollView.\n if (scrollView.__scrollLeft > scrollView.__maxScrollLeft ||\n scrollView.__scrollTop > scrollView.__maxScrollTop) {\n scrollView.resize();\n }\n forceRerender(true);\n }\n };\n\n this.setData = function(newData) {\n data = newData;\n (view.onRefreshData || angular.noop)();\n isDataReady = true;\n };\n\n this.destroy = function() {\n render.destroyed = true;\n\n itemsPool.forEach(function(item) {\n item.scope.$destroy();\n item.scope = item.element = item.node = item.images = null;\n });\n itemsPool.length = itemsEntering.length = itemsLeaving.length = 0;\n itemsShownMap = {};\n\n //Restore the scrollView's normal behavior and resize it to normal size.\n scrollView.options[contentSizeStr] = originalGetContentSize;\n scrollView.__callback = scrollView.__$callback;\n scrollView.resize();\n\n (view.onDestroy || angular.noop)();\n };\n\n function forceRerender() {\n return render(true);\n }\n function render(forceRerender) {\n if (render.destroyed) return;\n var i;\n var ii;\n var item;\n var dim;\n var scope;\n var scrollValue = view.getScrollValue();\n var scrollValueEnd = scrollValue + view.scrollPrimarySize;\n\n view.updateRenderRange(scrollValue, scrollValueEnd);\n\n renderStartIndex = Math.max(0, renderStartIndex - renderBuffer);\n renderEndIndex = Math.min(data.length - 1, renderEndIndex + renderBuffer);\n\n for (i in itemsShownMap) {\n if (i < renderStartIndex || i > renderEndIndex) {\n item = itemsShownMap[i];\n delete itemsShownMap[i];\n itemsLeaving.push(item);\n item.isShown = false;\n }\n }\n\n // Render indicies that aren't shown yet\n //\n // NOTE(ajoslin): this may sound crazy, but calling any other functions during this render\n // loop will often push the render time over the edge from less than one frame to over\n // one frame, causing visible jank.\n // DON'T call any other functions inside this loop unless it's vital.\n for (i = renderStartIndex; i <= renderEndIndex; i++) {\n // We only go forward with render if the index is in data, the item isn't already shown,\n // or forceRerender is on.\n if (i >= data.length || (itemsShownMap[i] && !forceRerender)) continue;\n\n item = itemsShownMap[i] || (itemsShownMap[i] = itemsLeaving.length ? itemsLeaving.pop() :\n itemsPool.length ? itemsPool.shift() :\n new RepeatItem());\n itemsEntering.push(item);\n item.isShown = true;\n\n scope = item.scope;\n scope.$index = i;\n scope[keyExpression] = data[i];\n scope.$first = (i === 0);\n scope.$last = (i === (data.length - 1));\n scope.$middle = !(scope.$first || scope.$last);\n scope.$odd = !(scope.$even = (i & 1) === 0);\n\n if (scope.$$disconnected) ionic.Utils.reconnectScope(item.scope);\n\n dim = view.getDimensions(i);\n if (item.secondaryPos !== dim.secondaryPos || item.primaryPos !== dim.primaryPos) {\n item.node.style[ionic.CSS.TRANSFORM] = TRANSLATE_TEMPLATE_STR\n .replace(PRIMARY, (item.primaryPos = dim.primaryPos))\n .replace(SECONDARY, (item.secondaryPos = dim.secondaryPos));\n }\n if (item.secondarySize !== dim.secondarySize || item.primarySize !== dim.primarySize) {\n item.node.style.cssText = item.node.style.cssText\n .replace(WIDTH_HEIGHT_REGEX, WIDTH_HEIGHT_TEMPLATE_STR\n //TODO fix item.primarySize + 1 hack\n .replace(PRIMARY, (item.primarySize = dim.primarySize) + 1)\n .replace(SECONDARY, (item.secondarySize = dim.secondarySize))\n );\n }\n\n }\n\n // If we reach the end of the list, render the afterItemsNode - this contains all the\n // elements the developer placed after the collection-repeat\n if (renderEndIndex === data.length - 1) {\n dim = view.getDimensions(data.length - 1) || EMPTY_DIMENSION;\n afterItemsNode.style[ionic.CSS.TRANSFORM] = TRANSLATE_TEMPLATE_STR\n .replace(PRIMARY, dim.primaryPos + dim.primarySize)\n .replace(SECONDARY, 0);\n }\n\n while (itemsLeaving.length) {\n item = itemsLeaving.pop();\n item.scope.$broadcast('$collectionRepeatLeave');\n ionic.Utils.disconnectScope(item.scope);\n itemsPool.push(item);\n item.node.style[ionic.CSS.TRANSFORM] = 'translate3d(-9999px,-9999px,0)';\n item.primaryPos = item.secondaryPos = null;\n }\n\n if (forceRefreshImages) {\n for (i = 0, ii = itemsEntering.length; i < ii && (item = itemsEntering[i]); i++) {\n if (!item.images) continue;\n for (var j = 0, jj = item.images.length, img; j < jj && (img = item.images[j]); j++) {\n var src = img.src;\n img.src = ONE_PX_TRANSPARENT_IMG_SRC;\n img.src = src;\n }\n }\n }\n if (forceRerender) {\n var rootScopePhase = $rootScope.$$phase;\n while (itemsEntering.length) {\n item = itemsEntering.pop();\n if (!rootScopePhase) item.scope.$digest();\n }\n } else {\n digestEnteringItems();\n }\n }\n\n function digestEnteringItems() {\n var item;\n if (digestEnteringItems.running) return;\n digestEnteringItems.running = true;\n\n $$rAF(function process() {\n var rootScopePhase = $rootScope.$$phase;\n while (itemsEntering.length) {\n item = itemsEntering.pop();\n if (item.isShown) {\n if (!rootScopePhase) item.scope.$digest();\n }\n }\n digestEnteringItems.running = false;\n });\n }\n\n function RepeatItem() {\n var self = this;\n this.scope = scope.$new();\n this.id = 'item' + (nextItemId++);\n transclude(this.scope, function(clone) {\n self.element = clone;\n self.element.data('$$collectionRepeatItem', self);\n // TODO destroy\n self.node = clone[0];\n // Batch style setting to lower repaints\n self.node.style[ionic.CSS.TRANSFORM] = 'translate3d(-9999px,-9999px,0)';\n self.node.style.cssText += ' height: 0px; width: 0px;';\n ionic.Utils.disconnectScope(self.scope);\n containerNode.appendChild(self.node);\n self.images = clone[0].getElementsByTagName('img');\n });\n }\n\n function VerticalViewType() {\n this.getItemPrimarySize = heightGetter;\n this.getItemSecondarySize = widthGetter;\n\n this.getScrollValue = function() {\n return Math.max(0, Math.min(scrollView.__scrollTop - repeaterBeforeSize,\n scrollView.__maxScrollTop - repeaterBeforeSize - repeaterAfterSize));\n };\n\n this.refreshDirection = function() {\n this.scrollPrimarySize = scrollView.__clientHeight;\n this.scrollSecondarySize = scrollView.__clientWidth;\n\n this.estimatedPrimarySize = estimatedHeight;\n this.estimatedSecondarySize = estimatedWidth;\n this.estimatedItemsAcross = isGridView &&\n Math.floor(scrollView.__clientWidth / estimatedWidth) ||\n 1;\n };\n }\n function HorizontalViewType() {\n this.getItemPrimarySize = widthGetter;\n this.getItemSecondarySize = heightGetter;\n\n this.getScrollValue = function() {\n return Math.max(0, Math.min(scrollView.__scrollLeft - repeaterBeforeSize,\n scrollView.__maxScrollLeft - repeaterBeforeSize - repeaterAfterSize));\n };\n\n this.refreshDirection = function() {\n this.scrollPrimarySize = scrollView.__clientWidth;\n this.scrollSecondarySize = scrollView.__clientHeight;\n\n this.estimatedPrimarySize = estimatedWidth;\n this.estimatedSecondarySize = estimatedHeight;\n this.estimatedItemsAcross = isGridView &&\n Math.floor(scrollView.__clientHeight / estimatedHeight) ||\n 1;\n };\n }\n\n function GridViewType() {\n this.getEstimatedSecondaryPos = function(index) {\n return (index % this.estimatedItemsAcross) * this.estimatedSecondarySize;\n };\n this.getEstimatedPrimaryPos = function(index) {\n return Math.floor(index / this.estimatedItemsAcross) * this.estimatedPrimarySize;\n };\n this.getEstimatedIndex = function(scrollValue) {\n return Math.floor(scrollValue / this.estimatedPrimarySize) *\n this.estimatedItemsAcross;\n };\n }\n\n function ListViewType() {\n this.getEstimatedSecondaryPos = function() {\n return 0;\n };\n this.getEstimatedPrimaryPos = function(index) {\n return index * this.estimatedPrimarySize;\n };\n this.getEstimatedIndex = function(scrollValue) {\n return Math.floor((scrollValue) / this.estimatedPrimarySize);\n };\n }\n\n function StaticViewType() {\n this.getContentSize = function() {\n return this.getEstimatedPrimaryPos(data.length - 1) + this.estimatedPrimarySize +\n repeaterBeforeSize + repeaterAfterSize;\n };\n // static view always returns the same object for getDimensions, to avoid memory allocation\n // while scrolling. This could be dangerous if this was a public function, but it's not.\n // Only we use it.\n var dim = {};\n this.getDimensions = function(index) {\n dim.primaryPos = this.getEstimatedPrimaryPos(index);\n dim.secondaryPos = this.getEstimatedSecondaryPos(index);\n dim.primarySize = this.estimatedPrimarySize;\n dim.secondarySize = this.estimatedSecondarySize;\n return dim;\n };\n this.updateRenderRange = function(scrollValue, scrollValueEnd) {\n renderStartIndex = Math.max(0, this.getEstimatedIndex(scrollValue));\n\n // Make sure the renderEndIndex takes into account all the items on the row\n renderEndIndex = Math.min(data.length - 1,\n this.getEstimatedIndex(scrollValueEnd) + this.estimatedItemsAcross - 1);\n\n renderBeforeBoundary = Math.max(0,\n this.getEstimatedPrimaryPos(renderStartIndex));\n renderAfterBoundary = this.getEstimatedPrimaryPos(renderEndIndex) +\n this.estimatedPrimarySize;\n };\n }\n\n function DynamicViewType() {\n var self = this;\n var debouncedScrollViewSetDimensions = ionic.debounce(scrollViewSetDimensions, 25, true);\n var calculateDimensions = isGridView ? calculateDimensionsGrid : calculateDimensionsList;\n var dimensionsIndex;\n var dimensions = [];\n\n\n // Get the dimensions at index. {width, height, left, top}.\n // We start with no dimensions calculated, then any time dimensions are asked for at an\n // index we calculate dimensions up to there.\n function calculateDimensionsList(toIndex) {\n var i, prevDimension, dim;\n for (i = Math.max(0, dimensionsIndex); i <= toIndex && (dim = dimensions[i]); i++) {\n prevDimension = dimensions[i - 1] || EMPTY_DIMENSION;\n dim.primarySize = self.getItemPrimarySize(i, data[i]);\n dim.secondarySize = self.scrollSecondarySize;\n dim.primaryPos = prevDimension.primaryPos + prevDimension.primarySize;\n dim.secondaryPos = 0;\n }\n }\n function calculateDimensionsGrid(toIndex) {\n var i, prevDimension, dim;\n for (i = Math.max(dimensionsIndex, 0); i <= toIndex && (dim = dimensions[i]); i++) {\n prevDimension = dimensions[i - 1] || EMPTY_DIMENSION;\n dim.secondarySize = Math.min(\n self.getItemSecondarySize(i, data[i]),\n self.scrollSecondarySize\n );\n dim.secondaryPos = prevDimension.secondaryPos + prevDimension.secondarySize;\n\n if (i === 0 || dim.secondaryPos + dim.secondarySize > self.scrollSecondarySize) {\n dim.secondaryPos = 0;\n dim.primarySize = self.getItemPrimarySize(i, data[i]);\n dim.primaryPos = prevDimension.primaryPos + prevDimension.rowPrimarySize;\n\n dim.rowStartIndex = i;\n dim.rowPrimarySize = dim.primarySize;\n } else {\n dim.primarySize = self.getItemPrimarySize(i, data[i]);\n dim.primaryPos = prevDimension.primaryPos;\n dim.rowStartIndex = prevDimension.rowStartIndex;\n\n dimensions[dim.rowStartIndex].rowPrimarySize = dim.rowPrimarySize = Math.max(\n dimensions[dim.rowStartIndex].rowPrimarySize,\n dim.primarySize\n );\n dim.rowPrimarySize = Math.max(dim.primarySize, dim.rowPrimarySize);\n }\n }\n }\n\n this.getContentSize = function() {\n var dim = dimensions[dimensionsIndex] || EMPTY_DIMENSION;\n return ((dim.primaryPos + dim.primarySize) || 0) +\n this.getEstimatedPrimaryPos(data.length - dimensionsIndex - 1) +\n repeaterBeforeSize + repeaterAfterSize;\n };\n this.onDestroy = function() {\n dimensions.length = 0;\n };\n\n this.onRefreshData = function() {\n var i;\n var ii;\n // Make sure dimensions has as many items as data.length.\n // This is to be sure we don't have to allocate objects while scrolling.\n for (i = dimensions.length, ii = data.length; i < ii; i++) {\n dimensions.push({});\n }\n dimensionsIndex = -1;\n };\n this.onRefreshLayout = function() {\n dimensionsIndex = -1;\n };\n this.getDimensions = function(index) {\n index = Math.min(index, data.length - 1);\n\n if (dimensionsIndex < index) {\n // Once we start asking for dimensions near the end of the list, go ahead and calculate\n // everything. This is to make sure when the user gets to the end of the list, the\n // scroll height of the list is 100% accurate (not estimated anymore).\n if (index > data.length * 0.9) {\n calculateDimensions(data.length - 1);\n dimensionsIndex = data.length - 1;\n scrollViewSetDimensions();\n } else {\n calculateDimensions(index);\n dimensionsIndex = index;\n debouncedScrollViewSetDimensions();\n }\n\n }\n return dimensions[index];\n };\n\n var oldRenderStartIndex = -1;\n var oldScrollValue = -1;\n this.updateRenderRange = function(scrollValue, scrollValueEnd) {\n var i;\n var len;\n var dim;\n\n // Calculate more dimensions than we estimate we'll need, to be sure.\n this.getDimensions( this.getEstimatedIndex(scrollValueEnd) * 2 );\n\n // -- Calculate renderStartIndex\n // base case: start at 0\n if (oldRenderStartIndex === -1 || scrollValue === 0) {\n i = 0;\n // scrolling down\n } else if (scrollValue >= oldScrollValue) {\n for (i = oldRenderStartIndex, len = data.length; i < len; i++) {\n if ((dim = this.getDimensions(i)) && dim.primaryPos + dim.rowPrimarySize >= scrollValue) {\n break;\n }\n }\n // scrolling up\n } else {\n for (i = oldRenderStartIndex; i >= 0; i--) {\n if ((dim = this.getDimensions(i)) && dim.primaryPos <= scrollValue) {\n // when grid view, make sure the render starts at the beginning of a row.\n i = isGridView ? dim.rowStartIndex : i;\n break;\n }\n }\n }\n\n renderStartIndex = Math.min(Math.max(0, i), data.length - 1);\n renderBeforeBoundary = renderStartIndex !== -1 ? this.getDimensions(renderStartIndex).primaryPos : -1;\n\n // -- Calculate renderEndIndex\n var lastRowDim;\n for (i = renderStartIndex + 1, len = data.length; i < len; i++) {\n if ((dim = this.getDimensions(i)) && dim.primaryPos + dim.rowPrimarySize > scrollValueEnd) {\n\n // Go all the way to the end of the row if we're in a grid\n if (isGridView) {\n lastRowDim = dim;\n while (i < len - 1 &&\n (dim = this.getDimensions(i + 1)).primaryPos === lastRowDim.primaryPos) {\n i++;\n }\n }\n break;\n }\n }\n\n renderEndIndex = Math.min(i, data.length - 1);\n renderAfterBoundary = renderEndIndex !== -1 ?\n ((dim = this.getDimensions(renderEndIndex)).primaryPos + (dim.rowPrimarySize || dim.primarySize)) :\n -1;\n\n oldScrollValue = scrollValue;\n oldRenderStartIndex = renderStartIndex;\n };\n }\n\n\n };\n\n}\n\n/**\n * @ngdoc directive\n * @name ionContent\n * @module ionic\n * @delegate ionic.service:$ionicScrollDelegate\n * @restrict E\n *\n * @description\n * The ionContent directive provides an easy to use content area that can be configured\n * to use Ionic's custom Scroll View, or the built in overflow scrolling of the browser.\n *\n * While we recommend using the custom Scroll features in Ionic in most cases, sometimes\n * (for performance reasons) only the browser's native overflow scrolling will suffice,\n * and so we've made it easy to toggle between the Ionic scroll implementation and\n * overflow scrolling.\n *\n * You can implement pull-to-refresh with the {@link ionic.directive:ionRefresher}\n * directive, and infinite scrolling with the {@link ionic.directive:ionInfiniteScroll}\n * directive.\n *\n * If there is any dynamic content inside the ion-content, be sure to call `.resize()` with {@link ionic.service:$ionicScrollDelegate}\n * after the content has been added.\n *\n * Be aware that this directive gets its own child scope. If you do not understand why this\n * is important, you can read [https://docs.angularjs.org/guide/scope](https://docs.angularjs.org/guide/scope).\n *\n * @param {string=} delegate-handle The handle used to identify this scrollView\n * with {@link ionic.service:$ionicScrollDelegate}.\n * @param {string=} direction Which way to scroll. 'x' or 'y' or 'xy'. Default 'y'.\n * @param {boolean=} locking Whether to lock scrolling in one direction at a time. Useful to set to false when zoomed in or scrolling in two directions. Default true.\n * @param {boolean=} padding Whether to add padding to the content.\n * of the content. Defaults to true on iOS, false on Android.\n * @param {boolean=} scroll Whether to allow scrolling of content. Defaults to true.\n * @param {boolean=} overflow-scroll Whether to use overflow-scrolling instead of\n * Ionic scroll. See {@link ionic.provider:$ionicConfigProvider} to set this as the global default.\n * @param {boolean=} scrollbar-x Whether to show the horizontal scrollbar. Default true.\n * @param {boolean=} scrollbar-y Whether to show the vertical scrollbar. Default true.\n * @param {string=} start-x Initial horizontal scroll position. Default 0.\n * @param {string=} start-y Initial vertical scroll position. Default 0.\n * @param {expression=} on-scroll Expression to evaluate when the content is scrolled.\n * @param {expression=} on-scroll-complete Expression to evaluate when a scroll action completes. Has access to 'scrollLeft' and 'scrollTop' locals.\n * @param {boolean=} has-bouncing Whether to allow scrolling to bounce past the edges\n * of the content. Defaults to true on iOS, false on Android.\n * @param {number=} scroll-event-interval Number of milliseconds between each firing of the 'on-scroll' expression. Default 10.\n */\nIonicModule\n.directive('ionContent', [\n '$timeout',\n '$controller',\n '$ionicBind',\n '$ionicConfig',\nfunction($timeout, $controller, $ionicBind, $ionicConfig) {\n return {\n restrict: 'E',\n require: '^?ionNavView',\n scope: true,\n priority: 800,\n compile: function(element, attr) {\n var innerElement;\n var scrollCtrl;\n\n element.addClass('scroll-content ionic-scroll');\n\n if (attr.scroll != 'false') {\n //We cannot use normal transclude here because it breaks element.data()\n //inheritance on compile\n innerElement = jqLite('');\n innerElement.append(element.contents());\n element.append(innerElement);\n } else {\n element.addClass('scroll-content-false');\n }\n\n var nativeScrolling = attr.overflowScroll === \"true\" || !$ionicConfig.scrolling.jsScrolling();\n\n // collection-repeat requires JS scrolling\n if (nativeScrolling) {\n nativeScrolling = !element[0].querySelector('[collection-repeat]');\n }\n\n return { pre: prelink };\n function prelink($scope, $element, $attr) {\n var parentScope = $scope.$parent;\n $scope.$watch(function() {\n return (parentScope.$hasHeader ? ' has-header' : '') +\n (parentScope.$hasSubheader ? ' has-subheader' : '') +\n (parentScope.$hasFooter ? ' has-footer' : '') +\n (parentScope.$hasSubfooter ? ' has-subfooter' : '') +\n (parentScope.$hasTabs ? ' has-tabs' : '') +\n (parentScope.$hasTabsTop ? ' has-tabs-top' : '');\n }, function(className, oldClassName) {\n $element.removeClass(oldClassName);\n $element.addClass(className);\n });\n\n //Only this ionContent should use these variables from parent scopes\n $scope.$hasHeader = $scope.$hasSubheader =\n $scope.$hasFooter = $scope.$hasSubfooter =\n $scope.$hasTabs = $scope.$hasTabsTop =\n false;\n $ionicBind($scope, $attr, {\n $onScroll: '&onScroll',\n $onScrollComplete: '&onScrollComplete',\n hasBouncing: '@',\n padding: '@',\n direction: '@',\n scrollbarX: '@',\n scrollbarY: '@',\n startX: '@',\n startY: '@',\n scrollEventInterval: '@'\n });\n $scope.direction = $scope.direction || 'y';\n\n if (isDefined($attr.padding)) {\n $scope.$watch($attr.padding, function(newVal) {\n (innerElement || $element).toggleClass('padding', !!newVal);\n });\n }\n\n if ($attr.scroll === \"false\") {\n //do nothing\n } else {\n var scrollViewOptions = {};\n\n // determined in compile phase above\n if (nativeScrolling) {\n // use native scrolling\n $element.addClass('overflow-scroll');\n\n scrollViewOptions = {\n el: $element[0],\n delegateHandle: attr.delegateHandle,\n startX: $scope.$eval($scope.startX) || 0,\n startY: $scope.$eval($scope.startY) || 0,\n nativeScrolling: true\n };\n\n } else {\n // Use JS scrolling\n scrollViewOptions = {\n el: $element[0],\n delegateHandle: attr.delegateHandle,\n locking: (attr.locking || 'true') === 'true',\n bouncing: $scope.$eval($scope.hasBouncing),\n startX: $scope.$eval($scope.startX) || 0,\n startY: $scope.$eval($scope.startY) || 0,\n scrollbarX: $scope.$eval($scope.scrollbarX) !== false,\n scrollbarY: $scope.$eval($scope.scrollbarY) !== false,\n scrollingX: $scope.direction.indexOf('x') >= 0,\n scrollingY: $scope.direction.indexOf('y') >= 0,\n scrollEventInterval: parseInt($scope.scrollEventInterval, 10) || 10,\n scrollingComplete: onScrollComplete\n };\n }\n\n // init scroll controller with appropriate options\n scrollCtrl = $controller('$ionicScroll', {\n $scope: $scope,\n scrollViewOptions: scrollViewOptions\n });\n\n $scope.$on('$destroy', function() {\n if (scrollViewOptions) {\n scrollViewOptions.scrollingComplete = noop;\n delete scrollViewOptions.el;\n }\n innerElement = null;\n $element = null;\n attr.$$element = null;\n });\n }\n\n function onScrollComplete() {\n $scope.$onScrollComplete({\n scrollTop: scrollCtrl.scrollView.__scrollTop,\n scrollLeft: scrollCtrl.scrollView.__scrollLeft\n });\n }\n\n }\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name exposeAsideWhen\n * @module ionic\n * @restrict A\n * @parent ionic.directive:ionSideMenus\n *\n * @description\n * It is common for a tablet application to hide a menu when in portrait mode, but to show the\n * same menu on the left side when the tablet is in landscape mode. The `exposeAsideWhen` attribute\n * directive can be used to accomplish a similar interface.\n *\n * By default, side menus are hidden underneath its side menu content, and can be opened by either\n * swiping the content left or right, or toggling a button to show the side menu. However, by adding the\n * `exposeAsideWhen` attribute directive to an {@link ionic.directive:ionSideMenu} element directive,\n * a side menu can be given instructions on \"when\" the menu should be exposed (always viewable). For\n * example, the `expose-aside-when=\"large\"` attribute will keep the side menu hidden when the viewport's\n * width is less than `768px`, but when the viewport's width is `768px` or greater, the menu will then\n * always be shown and can no longer be opened or closed like it could when it was hidden for smaller\n * viewports.\n *\n * Using `large` as the attribute's value is a shortcut value to `(min-width:768px)` since it is\n * the most common use-case. However, for added flexibility, any valid media query could be added\n * as the value, such as `(min-width:600px)` or even multiple queries such as\n * `(min-width:750px) and (max-width:1200px)`.\n\n * @usage\n * ```html\n * \n * \n * \n * \n *\n * \n * \n * \n * \n * ```\n * For a complete side menu example, see the\n * {@link ionic.directive:ionSideMenus} documentation.\n */\nIonicModule.directive('exposeAsideWhen', ['$window', function($window) {\n return {\n restrict: 'A',\n require: '^ionSideMenus',\n link: function($scope, $element, $attr, sideMenuCtrl) {\n\n function checkAsideExpose() {\n var mq = $attr.exposeAsideWhen == 'large' ? '(min-width:768px)' : $attr.exposeAsideWhen;\n sideMenuCtrl.exposeAside($window.matchMedia(mq).matches);\n sideMenuCtrl.activeAsideResizing(false);\n }\n\n function onResize() {\n sideMenuCtrl.activeAsideResizing(true);\n debouncedCheck();\n }\n\n var debouncedCheck = ionic.debounce(function() {\n $scope.$apply(checkAsideExpose);\n }, 300, false);\n\n $scope.$evalAsync(checkAsideExpose);\n\n ionic.on('resize', onResize, $window);\n\n $scope.$on('$destroy', function() {\n ionic.off('resize', onResize, $window);\n });\n\n }\n };\n}]);\n\n\nvar GESTURE_DIRECTIVES = 'onHold onTap onDoubleTap onTouch onRelease onDrag onDragUp onDragRight onDragDown onDragLeft onSwipe onSwipeUp onSwipeRight onSwipeDown onSwipeLeft'.split(' ');\n\nGESTURE_DIRECTIVES.forEach(function(name) {\n IonicModule.directive(name, gestureDirective(name));\n});\n\n\n/**\n * @ngdoc directive\n * @name onHold\n * @module ionic\n * @restrict A\n *\n * @description\n * Touch stays at the same location for 500ms. Similar to long touch events available for AngularJS and jQuery.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onTap\n * @module ionic\n * @restrict A\n *\n * @description\n * Quick touch at a location. If the duration of the touch goes\n * longer than 250ms it is no longer a tap gesture.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onDoubleTap\n * @module ionic\n * @restrict A\n *\n * @description\n * Double tap touch at a location.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onTouch\n * @module ionic\n * @restrict A\n *\n * @description\n * Called immediately when the user first begins a touch. This\n * gesture does not wait for a touchend/mouseup.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onRelease\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when the user ends a touch.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onDrag\n * @module ionic\n * @restrict A\n *\n * @description\n * Move with one touch around on the page. Blocking the scrolling when\n * moving left and right is a good practice. When all the drag events are\n * blocking you disable scrolling on that area.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onDragUp\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when the element is dragged up.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onDragRight\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when the element is dragged to the right.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onDragDown\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when the element is dragged down.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onDragLeft\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when the element is dragged to the left.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onSwipe\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when a moving touch has a high velocity in any direction.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onSwipeUp\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when a moving touch has a high velocity moving up.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onSwipeRight\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when a moving touch has a high velocity moving to the right.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onSwipeDown\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when a moving touch has a high velocity moving down.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\n/**\n * @ngdoc directive\n * @name onSwipeLeft\n * @module ionic\n * @restrict A\n *\n * @description\n * Called when a moving touch has a high velocity moving to the left.\n *\n * @usage\n * ```html\n * \n * ```\n */\n\n\nfunction gestureDirective(directiveName) {\n return ['$ionicGesture', '$parse', function($ionicGesture, $parse) {\n var eventType = directiveName.substr(2).toLowerCase();\n\n return function(scope, element, attr) {\n var fn = $parse( attr[directiveName] );\n\n var listener = function(ev) {\n scope.$apply(function() {\n fn(scope, {\n $event: ev\n });\n });\n };\n\n var gesture = $ionicGesture.on(eventType, listener, element);\n\n scope.$on('$destroy', function() {\n $ionicGesture.off(gesture, eventType, listener);\n });\n };\n }];\n}\n\n\nIonicModule\n.directive('ionHeaderBar', tapScrollToTopDirective())\n\n/**\n * @ngdoc directive\n * @name ionHeaderBar\n * @module ionic\n * @restrict E\n *\n * @description\n * Adds a fixed header bar above some content.\n *\n * Can also be a subheader (lower down) if the 'bar-subheader' class is applied.\n * See [the header CSS docs](/docs/components/#subheader).\n *\n * @param {string=} align-title How to align the title. By default the title\n * will be aligned the same as how the platform aligns its titles (iOS centers\n * titles, Android aligns them left).\n * Available: 'left', 'right', or 'center'. Defaults to the same as the platform.\n * @param {boolean=} no-tap-scroll By default, the header bar will scroll the\n * content to the top when tapped. Set no-tap-scroll to true to disable this\n * behavior.\n * Available: true or false. Defaults to false.\n *\n * @usage\n * ```html\n * \n * \n * \n * \n * Some content!\n * \n * ```\n */\n.directive('ionHeaderBar', headerFooterBarDirective(true))\n\n/**\n * @ngdoc directive\n * @name ionFooterBar\n * @module ionic\n * @restrict E\n *\n * @description\n * Adds a fixed footer bar below some content.\n *\n * Can also be a subfooter (higher up) if the 'bar-subfooter' class is applied.\n * See [the footer CSS docs](/docs/components/#footer).\n *\n * Note: If you use ionFooterBar in combination with ng-if, the surrounding content\n * will not align correctly. This will be fixed soon.\n *\n * @param {string=} align-title Where to align the title.\n * Available: 'left', 'right', or 'center'. Defaults to 'center'.\n *\n * @usage\n * ```html\n * \n * Some content!\n * \n * \n * \n * \n * ```\n */\n.directive('ionFooterBar', headerFooterBarDirective(false));\n\nfunction tapScrollToTopDirective() {\n return ['$ionicScrollDelegate', function($ionicScrollDelegate) {\n return {\n restrict: 'E',\n link: function($scope, $element, $attr) {\n if ($attr.noTapScroll == 'true') {\n return;\n }\n ionic.on('tap', onTap, $element[0]);\n $scope.$on('$destroy', function() {\n ionic.off('tap', onTap, $element[0]);\n });\n\n function onTap(e) {\n var depth = 3;\n var current = e.target;\n //Don't scroll to top in certain cases\n while (depth-- && current) {\n if (current.classList.contains('button') ||\n current.tagName.match(/input|textarea|select/i) ||\n current.isContentEditable) {\n return;\n }\n current = current.parentNode;\n }\n var touch = e.gesture && e.gesture.touches[0] || e.detail.touches[0];\n var bounds = $element[0].getBoundingClientRect();\n if (ionic.DomUtil.rectContains(\n touch.pageX, touch.pageY,\n bounds.left, bounds.top - 20,\n bounds.left + bounds.width, bounds.top + bounds.height\n )) {\n $ionicScrollDelegate.scrollTop(true);\n }\n }\n }\n };\n }];\n}\n\nfunction headerFooterBarDirective(isHeader) {\n return ['$document', '$timeout', function($document, $timeout) {\n return {\n restrict: 'E',\n controller: '$ionicHeaderBar',\n compile: function(tElement) {\n tElement.addClass(isHeader ? 'bar bar-header' : 'bar bar-footer');\n // top style tabs? if so, remove bottom border for seamless display\n $timeout(function() {\n if (isHeader && $document[0].getElementsByClassName('tabs-top').length) tElement.addClass('has-tabs-top');\n });\n\n return { pre: prelink };\n function prelink($scope, $element, $attr, ctrl) {\n if (isHeader) {\n $scope.$watch(function() { return $element[0].className; }, function(value) {\n var isShown = value.indexOf('ng-hide') === -1;\n var isSubheader = value.indexOf('bar-subheader') !== -1;\n $scope.$hasHeader = isShown && !isSubheader;\n $scope.$hasSubheader = isShown && isSubheader;\n $scope.$emit('$ionicSubheader', $scope.$hasSubheader);\n });\n $scope.$on('$destroy', function() {\n delete $scope.$hasHeader;\n delete $scope.$hasSubheader;\n });\n ctrl.align();\n $scope.$on('$ionicHeader.align', function() {\n ionic.requestAnimationFrame(function() {\n ctrl.align();\n });\n });\n\n } else {\n $scope.$watch(function() { return $element[0].className; }, function(value) {\n var isShown = value.indexOf('ng-hide') === -1;\n var isSubfooter = value.indexOf('bar-subfooter') !== -1;\n $scope.$hasFooter = isShown && !isSubfooter;\n $scope.$hasSubfooter = isShown && isSubfooter;\n });\n $scope.$on('$destroy', function() {\n delete $scope.$hasFooter;\n delete $scope.$hasSubfooter;\n });\n $scope.$watch('$hasTabs', function(val) {\n $element.toggleClass('has-tabs', !!val);\n });\n }\n }\n }\n };\n }];\n}\n\n/**\n * @ngdoc directive\n * @name ionInfiniteScroll\n * @module ionic\n * @parent ionic.directive:ionContent, ionic.directive:ionScroll\n * @restrict E\n *\n * @description\n * The ionInfiniteScroll directive allows you to call a function whenever\n * the user gets to the bottom of the page or near the bottom of the page.\n *\n * The expression you pass in for `on-infinite` is called when the user scrolls\n * greater than `distance` away from the bottom of the content. Once `on-infinite`\n * is done loading new data, it should broadcast the `scroll.infiniteScrollComplete`\n * event from your controller (see below example).\n *\n * @param {expression} on-infinite What to call when the scroller reaches the\n * bottom.\n * @param {string=} distance The distance from the bottom that the scroll must\n * reach to trigger the on-infinite expression. Default: 1%.\n * @param {string=} spinner The {@link ionic.directive:ionSpinner} to show while loading. The SVG\n * {@link ionic.directive:ionSpinner} is now the default, replacing rotating font icons.\n * @param {string=} icon The icon to show while loading. Default: 'ion-load-d'. This is depreicated\n * in favor of the SVG {@link ionic.directive:ionSpinner}.\n * @param {boolean=} immediate-check Whether to check the infinite scroll bounds immediately on load.\n *\n * @usage\n * ```html\n * \n * \n * ....\n * ....\n * \n *\n * \n * \n * \n * ```\n * ```js\n * function MyController($scope, $http) {\n * $scope.items = [];\n * $scope.loadMore = function() {\n * $http.get('/more-items').success(function(items) {\n * useItems(items);\n * $scope.$broadcast('scroll.infiniteScrollComplete');\n * });\n * };\n *\n * $scope.$on('$stateChangeSuccess', function() {\n * $scope.loadMore();\n * });\n * }\n * ```\n *\n * An easy to way to stop infinite scroll once there is no more data to load\n * is to use angular's `ng-if` directive:\n *\n * ```html\n * \n * \n * ```\n */\nIonicModule\n.directive('ionInfiniteScroll', ['$timeout', function($timeout) {\n return {\n restrict: 'E',\n require: ['?^$ionicScroll', 'ionInfiniteScroll'],\n template: function($element, $attrs) {\n if ($attrs.icon) return '';\n return '\n* Hello! \n* \n* Link to detail page\n* \n* \n* ```\n*/\nIonicModule\n.directive('ionItem', ['$$rAF', function($$rAF) {\n return {\n restrict: 'E',\n controller: ['$scope', '$element', function($scope, $element) {\n this.$scope = $scope;\n this.$element = $element;\n }],\n scope: true,\n compile: function($element, $attrs) {\n var isAnchor = isDefined($attrs.href) ||\n isDefined($attrs.ngHref) ||\n isDefined($attrs.uiSref);\n var isComplexItem = isAnchor ||\n //Lame way of testing, but we have to know at compile what to do with the element\n /ion-(delete|option|reorder)-button/i.test($element.html());\n\n if (isComplexItem) {\n var innerElement = jqLite(isAnchor ? '' : '');\n innerElement.addClass('item-content');\n\n if (isDefined($attrs.href) || isDefined($attrs.ngHref)) {\n innerElement.attr('ng-href', '{{$href()}}');\n if (isDefined($attrs.target)) {\n innerElement.attr('target', '{{$target()}}');\n }\n }\n\n innerElement.append($element.contents());\n\n $element.addClass('item item-complex')\n .append(innerElement);\n } else {\n $element.addClass('item');\n }\n\n return function link($scope, $element, $attrs) {\n $scope.$href = function() {\n return $attrs.href || $attrs.ngHref;\n };\n $scope.$target = function() {\n return $attrs.target;\n };\n\n var content = $element[0].querySelector('.item-content');\n if (content) {\n $scope.$on('$collectionRepeatLeave', function() {\n if (content && content.$$ionicOptionsOpen) {\n content.style[ionic.CSS.TRANSFORM] = '';\n content.style[ionic.CSS.TRANSITION] = 'none';\n $$rAF(function() {\n content.style[ionic.CSS.TRANSITION] = '';\n });\n content.$$ionicOptionsOpen = false;\n }\n });\n }\n };\n\n }\n };\n}]);\n\nvar ITEM_TPL_DELETE_BUTTON =\n '\n* \n* \n* \n* \n* Show Delete?\n* \n* ```\n*/\nIonicModule\n.directive('ionDeleteButton', function() {\n\n function stopPropagation(ev) {\n ev.stopPropagation();\n }\n\n return {\n restrict: 'E',\n require: ['^^ionItem', '^?ionList'],\n //Run before anything else, so we can move it before other directives process\n //its location (eg ngIf relies on the location of the directive in the dom)\n priority: Number.MAX_VALUE,\n compile: function($element, $attr) {\n //Add the classes we need during the compile phase, so that they stay\n //even if something else like ngIf removes the element and re-addss it\n $attr.$set('class', ($attr['class'] || '') + ' button icon button-icon', true);\n return function($scope, $element, $attr, ctrls) {\n var itemCtrl = ctrls[0];\n var listCtrl = ctrls[1];\n var container = jqLite(ITEM_TPL_DELETE_BUTTON);\n container.append($element);\n itemCtrl.$element.append(container).addClass('item-left-editable');\n\n //Don't bubble click up to main .item\n $element.on('click', stopPropagation);\n\n init();\n $scope.$on('$ionic.reconnectScope', init);\n function init() {\n listCtrl = listCtrl || $element.controller('ionList');\n if (listCtrl && listCtrl.showDelete()) {\n container.addClass('visible active');\n }\n }\n };\n }\n };\n});\n\n\nIonicModule\n.directive('itemFloatingLabel', function() {\n return {\n restrict: 'C',\n link: function(scope, element) {\n var el = element[0];\n var input = el.querySelector('input, textarea');\n var inputLabel = el.querySelector('.input-label');\n\n if (!input || !inputLabel) return;\n\n var onInput = function() {\n if (input.value) {\n inputLabel.classList.add('has-input');\n } else {\n inputLabel.classList.remove('has-input');\n }\n };\n\n input.addEventListener('input', onInput);\n\n var ngModelCtrl = jqLite(input).controller('ngModel');\n if (ngModelCtrl) {\n ngModelCtrl.$render = function() {\n input.value = ngModelCtrl.$viewValue || '';\n onInput();\n };\n }\n\n scope.$on('$destroy', function() {\n input.removeEventListener('input', onInput);\n });\n }\n };\n});\n\nvar ITEM_TPL_OPTION_BUTTONS =\n '';\n/**\n* @ngdoc directive\n* @name ionOptionButton\n* @parent ionic.directive:ionItem\n* @module ionic\n* @restrict E\n* Creates an option button inside a list item, that is visible when the item is swiped\n* to the left by the user. Swiped open option buttons can be hidden with\n* {@link ionic.service:$ionicListDelegate#closeOptionButtons $ionicListDelegate#closeOptionButtons}.\n*\n* Can be assigned any button class.\n*\n* See {@link ionic.directive:ionList} for a complete example & explanation.\n*\n* @usage\n*\n* ```html\n* \n* \n* I love kittens!\n* Share \n* Edit \n* \n* \n* ```\n*/\nIonicModule.directive('ionOptionButton', [function() {\n function stopPropagation(e) {\n e.stopPropagation();\n }\n return {\n restrict: 'E',\n require: '^ionItem',\n priority: Number.MAX_VALUE,\n compile: function($element, $attr) {\n $attr.$set('class', ($attr['class'] || '') + ' button', true);\n return function($scope, $element, $attr, itemCtrl) {\n if (!itemCtrl.optionsContainer) {\n itemCtrl.optionsContainer = jqLite(ITEM_TPL_OPTION_BUTTONS);\n itemCtrl.$element.append(itemCtrl.optionsContainer);\n }\n itemCtrl.optionsContainer.append($element);\n\n itemCtrl.$element.addClass('item-right-editable');\n\n //Don't bubble click up to main .item\n $element.on('click', stopPropagation);\n };\n }\n };\n}]);\n\nvar ITEM_TPL_REORDER_BUTTON =\n '\n* \n* Item {{item}}\n* \n* \n* \n* \n* ```\n* ```js\n* function MyCtrl($scope) {\n* $scope.items = [1, 2, 3, 4];\n* $scope.moveItem = function(item, fromIndex, toIndex) {\n* //Move the item in the array\n* $scope.items.splice(fromIndex, 1);\n* $scope.items.splice(toIndex, 0, item);\n* };\n* }\n* ```\n*\n* @param {expression=} on-reorder Expression to call when an item is reordered.\n* Parameters given: $fromIndex, $toIndex.\n*/\nIonicModule\n.directive('ionReorderButton', ['$parse', function($parse) {\n return {\n restrict: 'E',\n require: ['^ionItem', '^?ionList'],\n priority: Number.MAX_VALUE,\n compile: function($element, $attr) {\n $attr.$set('class', ($attr['class'] || '') + ' button icon button-icon', true);\n $element[0].setAttribute('data-prevent-scroll', true);\n return function($scope, $element, $attr, ctrls) {\n var itemCtrl = ctrls[0];\n var listCtrl = ctrls[1];\n var onReorderFn = $parse($attr.onReorder);\n\n $scope.$onReorder = function(oldIndex, newIndex) {\n onReorderFn($scope, {\n $fromIndex: oldIndex,\n $toIndex: newIndex\n });\n };\n\n // prevent clicks from bubbling up to the item\n if (!$attr.ngClick && !$attr.onClick && !$attr.onclick) {\n $element[0].onclick = function(e) {\n e.stopPropagation();\n return false;\n };\n }\n\n var container = jqLite(ITEM_TPL_REORDER_BUTTON);\n container.append($element);\n itemCtrl.$element.append(container).addClass('item-right-editable');\n\n if (listCtrl && listCtrl.showReorder()) {\n container.addClass('visible active');\n }\n };\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name keyboardAttach\n * @module ionic\n * @restrict A\n *\n * @description\n * keyboard-attach is an attribute directive which will cause an element to float above\n * the keyboard when the keyboard shows. Currently only supports the\n * [ion-footer-bar]({{ page.versionHref }}/api/directive/ionFooterBar/) directive.\n *\n * ### Notes\n * - This directive requires the\n * [Ionic Keyboard Plugin](https://github.com/driftyco/ionic-plugins-keyboard).\n * - On Android not in fullscreen mode, i.e. you have\n * `\n * \n * ```\n */\n\nIonicModule\n.directive('keyboardAttach', function() {\n return function(scope, element) {\n ionic.on('native.keyboardshow', onShow, window);\n ionic.on('native.keyboardhide', onHide, window);\n\n //deprecated\n ionic.on('native.showkeyboard', onShow, window);\n ionic.on('native.hidekeyboard', onHide, window);\n\n\n var scrollCtrl;\n\n function onShow(e) {\n if (ionic.Platform.isAndroid() && !ionic.Platform.isFullScreen) {\n return;\n }\n\n //for testing\n var keyboardHeight = e.keyboardHeight || e.detail.keyboardHeight;\n element.css('bottom', keyboardHeight + \"px\");\n scrollCtrl = element.controller('$ionicScroll');\n if (scrollCtrl) {\n scrollCtrl.scrollView.__container.style.bottom = keyboardHeight + keyboardAttachGetClientHeight(element[0]) + \"px\";\n }\n }\n\n function onHide() {\n if (ionic.Platform.isAndroid() && !ionic.Platform.isFullScreen) {\n return;\n }\n\n element.css('bottom', '');\n if (scrollCtrl) {\n scrollCtrl.scrollView.__container.style.bottom = '';\n }\n }\n\n scope.$on('$destroy', function() {\n ionic.off('native.keyboardshow', onShow, window);\n ionic.off('native.keyboardhide', onHide, window);\n\n //deprecated\n ionic.off('native.showkeyboard', onShow, window);\n ionic.off('native.hidekeyboard', onHide, window);\n });\n };\n});\n\nfunction keyboardAttachGetClientHeight(element) {\n return element.clientHeight;\n}\n\n/**\n* @ngdoc directive\n* @name ionList\n* @module ionic\n* @delegate ionic.service:$ionicListDelegate\n* @codepen JsHjf\n* @restrict E\n* @description\n* The List is a widely used interface element in almost any mobile app, and can include\n* content ranging from basic text all the way to buttons, toggles, icons, and thumbnails.\n*\n* Both the list, which contains items, and the list items themselves can be any HTML\n* element. The containing element requires the `list` class and each list item requires\n* the `item` class.\n*\n* However, using the ionList and ionItem directives make it easy to support various\n* interaction modes such as swipe to edit, drag to reorder, and removing items.\n*\n* Related: {@link ionic.directive:ionItem}, {@link ionic.directive:ionOptionButton}\n* {@link ionic.directive:ionReorderButton}, {@link ionic.directive:ionDeleteButton}, [`list CSS documentation`](/docs/components/#list).\n*\n* @usage\n*\n* Basic Usage:\n*\n* ```html\n* \n* \n* {% raw %}Hello, {{item}}!{% endraw %}\n* \n* \n* ```\n*\n* Advanced Usage: Thumbnails, Delete buttons, Reordering, Swiping\n*\n* ```html\n* \n* \n*\n* {% raw %}![]()
\n* \n* Share\n* \n* \n* Edit\n* \n* \n* \n* \n* \n*\n* \n* \n* ```\n*\n*```javascript\n* app.controller('MyCtrl', function($scope) {\n* $scope.shouldShowDelete = false;\n* $scope.shouldShowReorder = false;\n* $scope.listCanSwipe = true\n* });\n*```\n*\n* @param {string=} delegate-handle The handle used to identify this list with\n* {@link ionic.service:$ionicListDelegate}.\n* @param type {string=} The type of list to use (list-inset or card)\n* @param show-delete {boolean=} Whether the delete buttons for the items in the list are\n* currently shown or hidden.\n* @param show-reorder {boolean=} Whether the reorder buttons for the items in the list are\n* currently shown or hidden.\n* @param can-swipe {boolean=} Whether the items in the list are allowed to be swiped to reveal\n* option buttons. Default: true.\n*/\nIonicModule\n.directive('ionList', [\n '$timeout',\nfunction($timeout) {\n return {\n restrict: 'E',\n require: ['ionList', '^?$ionicScroll'],\n controller: '$ionicList',\n compile: function($element, $attr) {\n var listEl = jqLite('
Title!
\n * \n *Title!
\n * \n *' +\n '
';\n/**\n* @ngdoc directive\n* @name ionDeleteButton\n* @parent ionic.directive:ionItem\n* @module ionic\n* @restrict E\n* Creates a delete button inside a list item, that is visible when the\n* {@link ionic.directive:ionList ionList parent's} `show-delete` evaluates to true or\n* `$ionicListDelegate.showDelete(true)` is called.\n*\n* Takes any ionicon as a class.\n*\n* See {@link ionic.directive:ionList} for a complete example & explanation.\n*\n* @usage\n*\n* ```html\n* ' +\n '
';\n\n/**\n* @ngdoc directive\n* @name ionReorderButton\n* @parent ionic.directive:ionItem\n* @module ionic\n* @restrict E\n* Creates a reorder button inside a list item, that is visible when the\n* {@link ionic.directive:ionList ionList parent's} `show-reorder` evaluates to true or\n* `$ionicListDelegate.showReorder(true)` is called.\n*\n* Can be dragged to reorder items in the list. Takes any ionicon class.\n*\n* Note: Reordering works best when used with `ng-repeat`. Be sure that all `ion-item` children of an `ion-list` are part of the same `ng-repeat` expression.\n*\n* When an item reorder is complete, the expression given in the `on-reorder` attribute is called. The `on-reorder` expression is given two locals that can be used: `$fromIndex` and `$toIndex`. See below for an example.\n*\n* Look at {@link ionic.directive:ionList} for more examples.\n*\n* @usage\n*\n* ```html\n* Title!
\n *{{item.title}}
\n*{{item.description}}
{% endraw %}\n*')\n .append($element.contents())\n .addClass($attr.type);\n\n $element.append(listEl);\n\n return function($scope, $element, $attrs, ctrls) {\n var listCtrl = ctrls[0];\n var scrollCtrl = ctrls[1];\n\n // Wait for child elements to render...\n $timeout(init);\n\n function init() {\n var listView = listCtrl.listView = new ionic.views.ListView({\n el: $element[0],\n listEl: $element.children()[0],\n scrollEl: scrollCtrl && scrollCtrl.element,\n scrollView: scrollCtrl && scrollCtrl.scrollView,\n onReorder: function(el, oldIndex, newIndex) {\n var itemScope = jqLite(el).scope();\n if (itemScope && itemScope.$onReorder) {\n // Make sure onReorder is called in apply cycle,\n // but also make sure it has no conflicts by doing\n // $evalAsync\n $timeout(function() {\n itemScope.$onReorder(oldIndex, newIndex);\n });\n }\n },\n canSwipe: function() {\n return listCtrl.canSwipeItems();\n }\n });\n\n $scope.$on('$destroy', function() {\n if (listView) {\n listView.deregister && listView.deregister();\n listView = null;\n }\n });\n\n if (isDefined($attr.canSwipe)) {\n $scope.$watch('!!(' + $attr.canSwipe + ')', function(value) {\n listCtrl.canSwipeItems(value);\n });\n }\n if (isDefined($attr.showDelete)) {\n $scope.$watch('!!(' + $attr.showDelete + ')', function(value) {\n listCtrl.showDelete(value);\n });\n }\n if (isDefined($attr.showReorder)) {\n $scope.$watch('!!(' + $attr.showReorder + ')', function(value) {\n listCtrl.showReorder(value);\n });\n }\n\n $scope.$watch(function() {\n return listCtrl.showDelete();\n }, function(isShown, wasShown) {\n //Only use isShown=false if it was already shown\n if (!isShown && !wasShown) { return; }\n\n if (isShown) listCtrl.closeOptionButtons();\n listCtrl.canSwipeItems(!isShown);\n\n $element.children().toggleClass('list-left-editing', isShown);\n $element.toggleClass('disable-pointer-events', isShown);\n\n var deleteButton = jqLite($element[0].getElementsByClassName('item-delete'));\n setButtonShown(deleteButton, listCtrl.showDelete);\n });\n\n $scope.$watch(function() {\n return listCtrl.showReorder();\n }, function(isShown, wasShown) {\n //Only use isShown=false if it was already shown\n if (!isShown && !wasShown) { return; }\n\n if (isShown) listCtrl.closeOptionButtons();\n listCtrl.canSwipeItems(!isShown);\n\n $element.children().toggleClass('list-right-editing', isShown);\n $element.toggleClass('disable-pointer-events', isShown);\n\n var reorderButton = jqLite($element[0].getElementsByClassName('item-reorder'));\n setButtonShown(reorderButton, listCtrl.showReorder);\n });\n\n function setButtonShown(el, shown) {\n shown() && el.addClass('visible') || el.removeClass('active');\n ionic.requestAnimationFrame(function() {\n shown() && el.addClass('active') || el.removeClass('visible');\n });\n }\n }\n\n };\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name menuClose\n * @module ionic\n * @restrict AC\n *\n * @description\n * `menu-close` is an attribute directive that closes a currently opened side menu.\n * Note that by default, navigation transitions will not animate between views when\n * the menu is open. Additionally, this directive will reset the entering view's\n * history stack, making the new page the root of the history stack. This is done\n * to replicate the user experience seen in most side menu implementations, which is\n * to not show the back button at the root of the stack and show only the\n * menu button. We recommend that you also use the `enable-menu-with-back-views=\"false\"`\n * {@link ionic.directive:ionSideMenus} attribute when using the menuClose directive.\n *\n * @usage\n * Below is an example of a link within a side menu. Tapping this link would\n * automatically close the currently opened menu.\n *\n * ```html\n * Home\n * ```\n */\nIonicModule\n.directive('menuClose', ['$ionicHistory', function($ionicHistory) {\n return {\n restrict: 'AC',\n link: function($scope, $element) {\n $element.bind('click', function() {\n var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');\n if (sideMenuCtrl) {\n $ionicHistory.nextViewOptions({\n historyRoot: true,\n disableAnimate: true,\n expire: 300\n });\n sideMenuCtrl.close();\n }\n });\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name menuToggle\n * @module ionic\n * @restrict AC\n *\n * @description\n * Toggle a side menu on the given side.\n *\n * @usage\n * Below is an example of a link within a nav bar. Tapping this button\n * would open the given side menu, and tapping it again would close it.\n *\n * ```html\n * \n * \n * \n * \n * \n * ```\n *\n * ### Button Hidden On Child Views\n * By default, the menu toggle button will only appear on a root\n * level side-menu page. Navigating in to child views will hide the menu-\n * toggle button. They can be made visible on child pages by setting the\n * enable-menu-with-back-views attribute of the {@link ionic.directive:ionSideMenus}\n * directive to true.\n *\n * ```html\n * \n * ```\n */\nIonicModule\n.directive('menuToggle', function() {\n return {\n restrict: 'AC',\n link: function($scope, $element, $attr) {\n $scope.$on('$ionicView.beforeEnter', function(ev, viewData) {\n if (viewData.enableBack) {\n var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');\n if (!sideMenuCtrl.enableMenuWithBackViews()) {\n $element.addClass('hide');\n }\n } else {\n $element.removeClass('hide');\n }\n });\n\n $element.bind('click', function() {\n var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');\n sideMenuCtrl && sideMenuCtrl.toggle($attr.menuToggle);\n });\n }\n };\n});\n\n/*\n * We don't document the ionModal directive, we instead document\n * the $ionicModal service\n */\nIonicModule\n.directive('ionModal', [function() {\n return {\n restrict: 'E',\n transclude: true,\n replace: true,\n controller: [function() {}],\n template: '\n * \n * \n * \n * ```\n *\n * With custom inner markup, and automatically adds a default click action:\n *\n * ```html\n * \n * \n * Back\n * \n * \n * ```\n *\n * With custom inner markup and custom click action, using {@link ionic.service:$ionicHistory}:\n *\n * ```html\n * \n * \n * Back\n * \n * \n * ```\n * ```js\n * function MyCtrl($scope, $ionicHistory) {\n * $scope.myGoBack = function() {\n * $ionicHistory.goBack();\n * };\n * }\n * ```\n */\nIonicModule\n.directive('ionNavBackButton', ['$ionicConfig', '$document', function($ionicConfig, $document) {\n return {\n restrict: 'E',\n require: '^ionNavBar',\n compile: function(tElement, tAttrs) {\n\n // clone the back button, but as a
' +\n '' +\n '' +\n '
'\n };\n}]);\n\nIonicModule\n.directive('ionModalView', function() {\n return {\n restrict: 'E',\n compile: function(element) {\n element.addClass('modal');\n }\n };\n});\n\n/**\n * @ngdoc directive\n * @name ionNavBackButton\n * @module ionic\n * @restrict E\n * @parent ionNavBar\n * @description\n * Creates a back button inside an {@link ionic.directive:ionNavBar}.\n *\n * The back button will appear when the user is able to go back in the current navigation stack. By\n * default, the markup of the back button is automatically built using platform-appropriate defaults\n * (iOS back button icon on iOS and Android icon on Android).\n *\n * Additionally, the button is automatically set to `$ionicGoBack()` on click/tap. By default, the\n * app will navigate back one view when the back button is clicked. More advanced behavior is also\n * possible, as outlined below.\n *\n * @usage\n *\n * Recommended markup for default settings:\n *\n * ```html\n * \n var buttonEle = $document[0].createElement('button');\n for (var n in tAttrs.$attr) {\n buttonEle.setAttribute(tAttrs.$attr[n], tAttrs[n]);\n }\n\n if (!tAttrs.ngClick) {\n buttonEle.setAttribute('ng-click', '$ionicGoBack()');\n }\n\n buttonEle.className = 'button back-button hide buttons ' + (tElement.attr('class') || '');\n buttonEle.innerHTML = tElement.html() || '';\n\n var childNode;\n var hasIcon = hasIconClass(tElement[0]);\n var hasInnerText;\n var hasButtonText;\n var hasPreviousTitle;\n\n for (var x = 0; x < tElement[0].childNodes.length; x++) {\n childNode = tElement[0].childNodes[x];\n if (childNode.nodeType === 1) {\n if (hasIconClass(childNode)) {\n hasIcon = true;\n } else if (childNode.classList.contains('default-title')) {\n hasButtonText = true;\n } else if (childNode.classList.contains('previous-title')) {\n hasPreviousTitle = true;\n }\n } else if (!hasInnerText && childNode.nodeType === 3) {\n hasInnerText = !!childNode.nodeValue.trim();\n }\n }\n\n function hasIconClass(ele) {\n return /ion-|icon/.test(ele.className);\n }\n\n var defaultIcon = $ionicConfig.backButton.icon();\n if (!hasIcon && defaultIcon && defaultIcon !== 'none') {\n buttonEle.innerHTML = ' ' + buttonEle.innerHTML;\n buttonEle.className += ' button-clear';\n }\n\n if (!hasInnerText) {\n var buttonTextEle = $document[0].createElement('span');\n buttonTextEle.className = 'back-text';\n\n if (!hasButtonText && $ionicConfig.backButton.text()) {\n buttonTextEle.innerHTML += '' + $ionicConfig.backButton.text() + '';\n }\n if (!hasPreviousTitle && $ionicConfig.backButton.previousTitleText()) {\n buttonTextEle.innerHTML += '';\n }\n buttonEle.appendChild(buttonTextEle);\n\n }\n\n tElement.attr('class', 'hide');\n tElement.empty();\n\n return {\n pre: function($scope, $element, $attr, navBarCtrl) {\n // only register the plain HTML, the navBarCtrl takes care of scope/compile/link\n navBarCtrl.navElement('backButton', buttonEle.outerHTML);\n buttonEle = null;\n }\n };\n }\n };\n}]);\n\n\n/**\n * @ngdoc directive\n * @name ionNavBar\n * @module ionic\n * @delegate ionic.service:$ionicNavBarDelegate\n * @restrict E\n *\n * @description\n * If we have an {@link ionic.directive:ionNavView} directive, we can also create an\n * ``, which will create a topbar that updates as the application state changes.\n *\n * We can add a back button by putting an {@link ionic.directive:ionNavBackButton} inside.\n *\n * We can add buttons depending on the currently visible view using\n * {@link ionic.directive:ionNavButtons}.\n *\n * Note that the ion-nav-bar element will only work correctly if your content has an\n * ionView around it.\n *\n * @usage\n *\n * ```html\n * \n * \n * \n * \n *\n * \n * \n * \n * Hello! \n * \n * \n * \n * ```\n *\n * @param {string=} delegate-handle The handle used to identify this navBar\n * with {@link ionic.service:$ionicNavBarDelegate}.\n * @param align-title {string=} Where to align the title of the navbar.\n * Available: 'left', 'right', 'center'. Defaults to 'center'.\n * @param {boolean=} no-tap-scroll By default, the navbar will scroll the content\n * to the top when tapped. Set no-tap-scroll to true to disable this behavior.\n *\n *
\n */\nIonicModule\n.directive('ionNavBar', function() {\n return {\n restrict: 'E',\n controller: '$ionicNavBar',\n scope: true,\n link: function($scope, $element, $attr, ctrl) {\n ctrl.init();\n }\n };\n});\n\n\n/**\n * @ngdoc directive\n * @name ionNavButtons\n * @module ionic\n * @restrict E\n * @parent ionNavView\n *\n * @description\n * Use nav buttons to set the buttons on your {@link ionic.directive:ionNavBar}\n * from within an {@link ionic.directive:ionView}. This gives each\n * view template the ability to specify which buttons should show in the nav bar,\n * overriding any default buttons already placed in the nav bar.\n *\n * Any buttons you declare will be positioned on the navbar's corresponding side. Primary\n * buttons generally map to the left side of the header, and secondary buttons are\n * generally on the right side. However, their exact locations are platform-specific.\n * For example, in iOS, the primary buttons are on the far left of the header, and\n * secondary buttons are on the far right, with the header title centered between them.\n * For Android, however, both groups of buttons are on the far right of the header,\n * with the header title aligned left.\n *\n * We recommend always using `primary` and `secondary`, so the buttons correctly map\n * to the side familiar to users of each platform. However, in cases where buttons should\n * always be on an exact side, both `left` and `right` sides are still available. For\n * example, a toggle button for a left side menu should be on the left side; in this case,\n * we'd recommend using `side=\"left\"`, so it's always on the left, no matter the platform.\n *\n * ***Note*** that `ion-nav-buttons` must be immediate descendants of the `ion-view` or\n * `ion-nav-bar` element (basically, don't wrap it in another div).\n *\n * @usage\n * ```html\n *\n * \n * \n * \n * \n * \n * \n * \n * Some super content here!\n * \n * \n * \n * ```\n *\n * @param {string} side The side to place the buttons in the\n * {@link ionic.directive:ionNavBar}. Available sides: `primary`, `secondary`, `left`, and `right`.\n */\nIonicModule\n.directive('ionNavButtons', ['$document', function($document) {\n return {\n require: '^ionNavBar',\n restrict: 'E',\n compile: function(tElement, tAttrs) {\n var side = 'left';\n\n if (/^primary|secondary|right$/i.test(tAttrs.side || '')) {\n side = tAttrs.side.toLowerCase();\n }\n\n var spanEle = $document[0].createElement('span');\n spanEle.className = side + '-buttons';\n spanEle.innerHTML = tElement.html();\n\n var navElementType = side + 'Buttons';\n\n tElement.attr('class', 'hide');\n tElement.empty();\n\n return {\n pre: function($scope, $element, $attrs, navBarCtrl) {\n // only register the plain HTML, the navBarCtrl takes care of scope/compile/link\n\n var parentViewCtrl = $element.parent().data('$ionViewController');\n if (parentViewCtrl) {\n // if the parent is an ion-view, then these are ion-nav-buttons for JUST this ion-view\n parentViewCtrl.navElement(navElementType, spanEle.outerHTML);\n\n } else {\n // these are buttons for all views that do not have their own ion-nav-buttons\n navBarCtrl.navElement(navElementType, spanEle.outerHTML);\n }\n\n spanEle = null;\n }\n };\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name navDirection\n * @module ionic\n * @restrict A\n *\n * @description\n * The direction which the nav view transition should animate. Available options\n * are: `forward`, `back`, `enter`, `exit`, `swap`.\n *\n * @usage\n *\n * ```html\n * Home\n * ```\n */\nIonicModule\n.directive('navDirection', ['$ionicViewSwitcher', function($ionicViewSwitcher) {\n return {\n restrict: 'A',\n priority: 1000,\n link: function($scope, $element, $attr) {\n $element.bind('click', function() {\n $ionicViewSwitcher.nextDirection($attr.navDirection);\n });\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name ionNavTitle\n * @module ionic\n * @restrict E\n * @parent ionNavView\n *\n * @description\n *\n * The nav title directive replaces an {@link ionic.directive:ionNavBar} title text with\n * custom HTML from within an {@link ionic.directive:ionView} template. This gives each\n * view the ability to specify its own custom title element, such as an image or any HTML,\n * rather than being text-only. Alternatively, text-only titles can be updated using the\n * `view-title` {@link ionic.directive:ionView} attribute.\n *\n * Note that `ion-nav-title` must be an immediate descendant of the `ion-view` or\n * `ion-nav-bar` element (basically don't wrap it in another div).\n *\n * @usage\n * ```html\n * \n * \n * \n * \n * \n * ![](\"logo.svg\")
\n * \n * \n * Some super content here!\n * \n * \n * \n * ```\n *\n */\nIonicModule\n.directive('ionNavTitle', ['$document', function($document) {\n return {\n require: '^ionNavBar',\n restrict: 'E',\n compile: function(tElement, tAttrs) {\n var navElementType = 'title';\n var spanEle = $document[0].createElement('span');\n for (var n in tAttrs.$attr) {\n spanEle.setAttribute(tAttrs.$attr[n], tAttrs[n]);\n }\n spanEle.classList.add('nav-bar-title');\n spanEle.innerHTML = tElement.html();\n\n tElement.attr('class', 'hide');\n tElement.empty();\n\n return {\n pre: function($scope, $element, $attrs, navBarCtrl) {\n // only register the plain HTML, the navBarCtrl takes care of scope/compile/link\n\n var parentViewCtrl = $element.parent().data('$ionViewController');\n if (parentViewCtrl) {\n // if the parent is an ion-view, then these are ion-nav-buttons for JUST this ion-view\n parentViewCtrl.navElement(navElementType, spanEle.outerHTML);\n\n } else {\n // these are buttons for all views that do not have their own ion-nav-buttons\n navBarCtrl.navElement(navElementType, spanEle.outerHTML);\n }\n\n spanEle = null;\n }\n };\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name navTransition\n * @module ionic\n * @restrict A\n *\n * @description\n * The transition type which the nav view transition should use when it animates.\n * Current, options are `ios`, `android`, and `none`. More options coming soon.\n *\n * @usage\n *\n * ```html\n * Home\n * ```\n */\nIonicModule\n.directive('navTransition', ['$ionicViewSwitcher', function($ionicViewSwitcher) {\n return {\n restrict: 'A',\n priority: 1000,\n link: function($scope, $element, $attr) {\n $element.bind('click', function() {\n $ionicViewSwitcher.nextTransition($attr.navTransition);\n });\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name ionNavView\n * @module ionic\n * @restrict E\n * @codepen odqCz\n *\n * @description\n * As a user navigates throughout your app, Ionic is able to keep track of their\n * navigation history. By knowing their history, transitions between views\n * correctly enter and exit using the platform's transition style. An additional\n * benefit to Ionic's navigation system is its ability to manage multiple\n * histories. For example, each tab can have it's own navigation history stack.\n *\n * Ionic uses the AngularUI Router module so app interfaces can be organized\n * into various \"states\". Like Angular's core $route service, URLs can be used\n * to control the views. However, the AngularUI Router provides a more powerful\n * state manager in that states are bound to named, nested, and parallel views,\n * allowing more than one template to be rendered on the same page.\n * Additionally, each state is not required to be bound to a URL, and data can\n * be pushed to each state which allows much flexibility.\n *\n * The ionNavView directive is used to render templates in your application. Each template\n * is part of a state. States are usually mapped to a url, and are defined programatically\n * using angular-ui-router (see [their docs](https://github.com/angular-ui/ui-router/wiki),\n * and remember to replace ui-view with ion-nav-view in examples).\n *\n * @usage\n * In this example, we will create a navigation view that contains our different states for the app.\n *\n * To do this, in our markup we use ionNavView top level directive. To display a header bar we use\n * the {@link ionic.directive:ionNavBar} directive that updates as we navigate through the\n * navigation stack.\n *\n * Next, we need to setup our states that will be rendered.\n *\n * ```js\n * var app = angular.module('myApp', ['ionic']);\n * app.config(function($stateProvider) {\n * $stateProvider\n * .state('index', {\n * url: '/',\n * templateUrl: 'home.html'\n * })\n * .state('music', {\n * url: '/music',\n * templateUrl: 'music.html'\n * });\n * });\n * ```\n * Then on app start, $stateProvider will look at the url, see it matches the index state,\n * and then try to load home.html into the ``.\n *\n * Pages are loaded by the URLs given. One simple way to create templates in Angular is to put\n * them directly into your HTML file and use the `\n * ```\n *\n * This is good to do because the template will be cached for very fast loading, instead of\n * having to fetch them from the network.\n *\n * ## Caching\n *\n * By default, views are cached to improve performance. When a view is navigated away from, its\n * element is left in the DOM, and its scope is disconnected from the `$watch` cycle. When\n * navigating to a view that is already cached, its scope is then reconnected, and the existing\n * element that was left in the DOM becomes the active view. This also allows for the scroll\n * position of previous views to be maintained.\n *\n * Caching can be disabled and enabled in multiple ways. By default, Ionic will cache a maximum of\n * 10 views, and not only can this be configured, but apps can also explicitly state which views\n * should and should not be cached.\n *\n * Note that because we are caching these views, *we aren’t destroying scopes*. Instead, scopes\n * are being disconnected from the watch cycle. Because scopes are not being destroyed and\n * recreated, controllers are not loading again on a subsequent viewing. If the app/controller\n * needs to know when a view has entered or has left, then view events emitted from the\n * {@link ionic.directive:ionView} scope, such as `$ionicView.enter`, may be useful.\n *\n * By default, when navigating back in the history, the \"forward\" views are removed from the cache.\n * If you navigate forward to the same view again, it'll create a new DOM element and controller\n * instance. Basically, any forward views are reset each time. This can be configured using the\n * {@link ionic.provider:$ionicConfigProvider}:\n *\n * ```js\n * $ionicConfigProvider.views.forwardCache(true);\n * ```\n *\n * #### Disable cache globally\n *\n * The {@link ionic.provider:$ionicConfigProvider} can be used to set the maximum allowable views\n * which can be cached, but this can also be use to disable all caching by setting it to 0.\n *\n * ```js\n * $ionicConfigProvider.views.maxCache(0);\n * ```\n *\n * #### Disable cache within state provider\n *\n * ```js\n * $stateProvider.state('myState', {\n * cache: false,\n * url : '/myUrl',\n * templateUrl : 'my-template.html'\n * })\n * ```\n *\n * #### Disable cache with an attribute\n *\n * ```html\n * \n * ...\n * \n * ```\n *\n *\n * ## AngularUI Router\n *\n * Please visit [AngularUI Router's docs](https://github.com/angular-ui/ui-router/wiki) for\n * more info. Below is a great video by the AngularUI Router team that may help to explain\n * how it all works:\n *\n * \n *\n * @param {string=} name A view name. The name should be unique amongst the other views in the\n * same state. You can have views of the same name that live in different states. For more\n * information, see ui-router's\n * [ui-view documentation](http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-view).\n */\nIonicModule\n.directive('ionNavView', [\n '$state',\n '$ionicConfig',\nfunction($state, $ionicConfig) {\n // IONIC's fork of Angular UI Router, v0.2.10\n // the navView handles registering views in the history and how to transition between them\n return {\n restrict: 'E',\n terminal: true,\n priority: 2000,\n transclude: true,\n controller: '$ionicNavView',\n compile: function(tElement, tAttrs, transclude) {\n\n // a nav view element is a container for numerous views\n tElement.addClass('view-container');\n ionic.DomUtil.cachedAttr(tElement, 'nav-view-transition', $ionicConfig.views.transition());\n\n return function($scope, $element, $attr, navViewCtrl) {\n var latestLocals;\n\n // Put in the compiled initial view\n transclude($scope, function(clone) {\n $element.append(clone);\n });\n\n var viewData = navViewCtrl.init();\n\n // listen for $stateChangeSuccess\n $scope.$on('$stateChangeSuccess', function() {\n updateView(false);\n });\n $scope.$on('$viewContentLoading', function() {\n updateView(false);\n });\n\n // initial load, ready go\n updateView(true);\n\n\n function updateView(firstTime) {\n // get the current local according to the $state\n var viewLocals = $state.$current && $state.$current.locals[viewData.name];\n\n // do not update THIS nav-view if its is not the container for the given state\n // if the viewLocals are the same as THIS latestLocals, then nothing to do\n if (!viewLocals || (!firstTime && viewLocals === latestLocals)) return;\n\n // update the latestLocals\n latestLocals = viewLocals;\n viewData.state = viewLocals.$$state;\n\n // register, update and transition to the new view\n navViewCtrl.register(viewLocals);\n }\n\n };\n }\n };\n}]);\n\nIonicModule\n\n.config(['$provide', function($provide) {\n $provide.decorator('ngClickDirective', ['$delegate', function($delegate) {\n // drop the default ngClick directive\n $delegate.shift();\n return $delegate;\n }]);\n}])\n\n/**\n * @private\n */\n.factory('$ionicNgClick', ['$parse', function($parse) {\n return function(scope, element, clickExpr) {\n var clickHandler = angular.isFunction(clickExpr) ?\n clickExpr :\n $parse(clickExpr);\n\n element.on('click', function(event) {\n scope.$apply(function() {\n clickHandler(scope, {$event: (event)});\n });\n });\n\n // Hack for iOS Safari's benefit. It goes searching for onclick handlers and is liable to click\n // something else nearby.\n element.onclick = noop;\n };\n}])\n\n.directive('ngClick', ['$ionicNgClick', function($ionicNgClick) {\n return function(scope, element, attr) {\n $ionicNgClick(scope, element, attr.ngClick);\n };\n}])\n\n.directive('ionStopEvent', function() {\n return {\n restrict: 'A',\n link: function(scope, element, attr) {\n element.bind(attr.ionStopEvent, eventStopPropagation);\n }\n };\n});\nfunction eventStopPropagation(e) {\n e.stopPropagation();\n}\n\n\n/**\n * @ngdoc directive\n * @name ionPane\n * @module ionic\n * @restrict E\n *\n * @description A simple container that fits content, with no side effects. Adds the 'pane' class to the element.\n */\nIonicModule\n.directive('ionPane', function() {\n return {\n restrict: 'E',\n link: function(scope, element) {\n element.addClass('pane');\n }\n };\n});\n\n/*\n * We don't document the ionPopover directive, we instead document\n * the $ionicPopover service\n */\nIonicModule\n.directive('ionPopover', [function() {\n return {\n restrict: 'E',\n transclude: true,\n replace: true,\n controller: [function() {}],\n template: '
\n */\nIonicModule\n.directive('ionNavBar', function() {\n return {\n restrict: 'E',\n controller: '$ionicNavBar',\n scope: true,\n link: function($scope, $element, $attr, ctrl) {\n ctrl.init();\n }\n };\n});\n\n\n/**\n * @ngdoc directive\n * @name ionNavButtons\n * @module ionic\n * @restrict E\n * @parent ionNavView\n *\n * @description\n * Use nav buttons to set the buttons on your {@link ionic.directive:ionNavBar}\n * from within an {@link ionic.directive:ionView}. This gives each\n * view template the ability to specify which buttons should show in the nav bar,\n * overriding any default buttons already placed in the nav bar.\n *\n * Any buttons you declare will be positioned on the navbar's corresponding side. Primary\n * buttons generally map to the left side of the header, and secondary buttons are\n * generally on the right side. However, their exact locations are platform-specific.\n * For example, in iOS, the primary buttons are on the far left of the header, and\n * secondary buttons are on the far right, with the header title centered between them.\n * For Android, however, both groups of buttons are on the far right of the header,\n * with the header title aligned left.\n *\n * We recommend always using `primary` and `secondary`, so the buttons correctly map\n * to the side familiar to users of each platform. However, in cases where buttons should\n * always be on an exact side, both `left` and `right` sides are still available. For\n * example, a toggle button for a left side menu should be on the left side; in this case,\n * we'd recommend using `side=\"left\"`, so it's always on the left, no matter the platform.\n *\n * ***Note*** that `ion-nav-buttons` must be immediate descendants of the `ion-view` or\n * `ion-nav-bar` element (basically, don't wrap it in another div).\n *\n * @usage\n * ```html\n *
\n * ' +\n '' +\n '
'\n };\n}]);\n\nIonicModule\n.directive('ionPopoverView', function() {\n return {\n restrict: 'E',\n compile: function(element) {\n element.append(jqLite(''));\n element.addClass('popover');\n }\n };\n});\n\n/**\n * @ngdoc directive\n * @name ionRadio\n * @module ionic\n * @restrict E\n * @codepen saoBG\n * @description\n * The radio directive is no different than the HTML radio input, except it's styled differently.\n *\n * Radio behaves like any [AngularJS radio](http://docs.angularjs.org/api/ng/input/input[radio]).\n *\n * @usage\n * ```html\n * Choose A \n * Choose B \n * Choose C \n * ```\n *\n * @param {string=} name The name of the radio input.\n * @param {expression=} value The value of the radio input.\n * @param {boolean=} disabled The state of the radio input.\n * @param {string=} icon The icon to use when the radio input is selected.\n * @param {expression=} ng-value Angular equivalent of the value attribute.\n * @param {expression=} ng-model The angular model for the radio input.\n * @param {boolean=} ng-disabled Angular equivalent of the disabled attribute.\n * @param {expression=} ng-change Triggers given expression when radio input's model changes\n */\nIonicModule\n.directive('ionRadio', function() {\n return {\n restrict: 'E',\n replace: true,\n require: '?ngModel',\n transclude: true,\n template:\n '',\n\n compile: function(element, attr) {\n if (attr.icon) {\n element.children().eq(2).removeClass('ion-checkmark').addClass(attr.icon);\n }\n\n var input = element.find('input');\n forEach({\n 'name': attr.name,\n 'value': attr.value,\n 'disabled': attr.disabled,\n 'ng-value': attr.ngValue,\n 'ng-model': attr.ngModel,\n 'ng-disabled': attr.ngDisabled,\n 'ng-change': attr.ngChange,\n 'ng-required': attr.ngRequired,\n 'required': attr.required\n }, function(value, name) {\n if (isDefined(value)) {\n input.attr(name, value);\n }\n });\n\n return function(scope, element, attr) {\n scope.getValue = function() {\n return scope.ngValue || attr.value;\n };\n };\n }\n };\n});\n\n\n/**\n * @ngdoc directive\n * @name ionRefresher\n * @module ionic\n * @restrict E\n * @parent ionic.directive:ionContent, ionic.directive:ionScroll\n * @description\n * Allows you to add pull-to-refresh to a scrollView.\n *\n * Place it as the first child of your {@link ionic.directive:ionContent} or\n * {@link ionic.directive:ionScroll} element.\n *\n * When refreshing is complete, $broadcast the 'scroll.refreshComplete' event\n * from your controller.\n *\n * @usage\n *\n * ```html\n * \n * \n * \n * \n * \n * \n * ```\n * ```js\n * angular.module('testApp', ['ionic'])\n * .controller('MyController', function($scope, $http) {\n * $scope.items = [1,2,3];\n * $scope.doRefresh = function() {\n * $http.get('/new-items')\n * .success(function(newItems) {\n * $scope.items = newItems;\n * })\n * .finally(function() {\n * // Stop the ion-refresher from spinning\n * $scope.$broadcast('scroll.refreshComplete');\n * });\n * };\n * });\n * ```\n *\n * @param {expression=} on-refresh Called when the user pulls down enough and lets go\n * of the refresher.\n * @param {expression=} on-pulling Called when the user starts to pull down\n * on the refresher.\n * @param {string=} pulling-text The text to display while the user is pulling down.\n * @param {string=} pulling-icon The icon to display while the user is pulling down.\n * Default: 'ion-android-arrow-down'.\n * @param {string=} spinner The {@link ionic.directive:ionSpinner} icon to display\n * after user lets go of the refresher. The SVG {@link ionic.directive:ionSpinner}\n * is now the default, replacing rotating font icons. Set to `none` to disable both the\n * spinner and the icon.\n * @param {string=} refreshing-icon The font icon to display after user lets go of the\n * refresher. This is depreicated in favor of the SVG {@link ionic.directive:ionSpinner}.\n * @param {boolean=} disable-pulling-rotation Disables the rotation animation of the pulling\n * icon when it reaches its activated threshold. To be used with a custom `pulling-icon`.\n *\n */\nIonicModule\n.directive('ionRefresher', [function() {\n return {\n restrict: 'E',\n replace: true,\n require: ['?^$ionicScroll', 'ionRefresher'],\n controller: '$ionicRefresher',\n template:\n '\n * \n * \n * ```\n *\n * Note that it's important to set the height of the scroll box as well as the height of the inner\n * content to enable scrolling. This makes it possible to have full control over scrollable areas.\n *\n * If you'd just like to have a center content scrolling area, use {@link ionic.directive:ionContent} instead.\n *\n * @param {string=} delegate-handle The handle used to identify this scrollView\n * with {@link ionic.service:$ionicScrollDelegate}.\n * @param {string=} direction Which way to scroll. 'x' or 'y' or 'xy'. Default 'y'.\n * @param {boolean=} locking Whether to lock scrolling in one direction at a time. Useful to set to false when zoomed in or scrolling in two directions. Default true.\n * @param {boolean=} paging Whether to scroll with paging.\n * @param {expression=} on-refresh Called on pull-to-refresh, triggered by an {@link ionic.directive:ionRefresher}.\n * @param {expression=} on-scroll Called whenever the user scrolls.\n * @param {boolean=} scrollbar-x Whether to show the horizontal scrollbar. Default true.\n * @param {boolean=} scrollbar-y Whether to show the vertical scrollbar. Default true.\n * @param {boolean=} zooming Whether to support pinch-to-zoom\n * @param {integer=} min-zoom The smallest zoom amount allowed (default is 0.5)\n * @param {integer=} max-zoom The largest zoom amount allowed (default is 3)\n * @param {boolean=} has-bouncing Whether to allow scrolling to bounce past the edges\n * of the content. Defaults to true on iOS, false on Android.\n */\nIonicModule\n.directive('ionScroll', [\n '$timeout',\n '$controller',\n '$ionicBind',\nfunction($timeout, $controller, $ionicBind) {\n return {\n restrict: 'E',\n scope: true,\n controller: function() {},\n compile: function(element) {\n element.addClass('scroll-view ionic-scroll');\n\n //We cannot transclude here because it breaks element.data() inheritance on compile\n var innerElement = jqLite('');\n innerElement.append(element.contents());\n element.append(innerElement);\n\n return { pre: prelink };\n function prelink($scope, $element, $attr) {\n $ionicBind($scope, $attr, {\n direction: '@',\n paging: '@',\n $onScroll: '&onScroll',\n scroll: '@',\n scrollbarX: '@',\n scrollbarY: '@',\n zooming: '@',\n minZoom: '@',\n maxZoom: '@'\n });\n $scope.direction = $scope.direction || 'y';\n\n if (isDefined($attr.padding)) {\n $scope.$watch($attr.padding, function(newVal) {\n innerElement.toggleClass('padding', !!newVal);\n });\n }\n if ($scope.$eval($scope.paging) === true) {\n innerElement.addClass('scroll-paging');\n }\n\n if (!$scope.direction) { $scope.direction = 'y'; }\n var isPaging = $scope.$eval($scope.paging) === true;\n\n var scrollViewOptions = {\n el: $element[0],\n delegateHandle: $attr.delegateHandle,\n locking: ($attr.locking || 'true') === 'true',\n bouncing: $scope.$eval($attr.hasBouncing),\n paging: isPaging,\n scrollbarX: $scope.$eval($scope.scrollbarX) !== false,\n scrollbarY: $scope.$eval($scope.scrollbarY) !== false,\n scrollingX: $scope.direction.indexOf('x') >= 0,\n scrollingY: $scope.direction.indexOf('y') >= 0,\n zooming: $scope.$eval($scope.zooming) === true,\n maxZoom: $scope.$eval($scope.maxZoom) || 3,\n minZoom: $scope.$eval($scope.minZoom) || 0.5,\n preventDefault: true\n };\n if (isPaging) {\n scrollViewOptions.speedMultiplier = 0.8;\n scrollViewOptions.bouncing = false;\n }\n\n $controller('$ionicScroll', {\n $scope: $scope,\n scrollViewOptions: scrollViewOptions\n });\n }\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name ionSideMenu\n * @module ionic\n * @restrict E\n * @parent ionic.directive:ionSideMenus\n *\n * @description\n * A container for a side menu, sibling to an {@link ionic.directive:ionSideMenuContent} directive.\n *\n * @usage\n * ```html\n * \n * \n * ```\n * For a complete side menu example, see the\n * {@link ionic.directive:ionSideMenus} documentation.\n *\n * @param {string} side Which side the side menu is currently on. Allowed values: 'left' or 'right'.\n * @param {boolean=} is-enabled Whether this side menu is enabled.\n * @param {number=} width How many pixels wide the side menu should be. Defaults to 275.\n */\nIonicModule\n.directive('ionSideMenu', function() {\n return {\n restrict: 'E',\n require: '^ionSideMenus',\n scope: true,\n compile: function(element, attr) {\n angular.isUndefined(attr.isEnabled) && attr.$set('isEnabled', 'true');\n angular.isUndefined(attr.width) && attr.$set('width', '275');\n\n element.addClass('menu menu-' + attr.side);\n\n return function($scope, $element, $attr, sideMenuCtrl) {\n $scope.side = $attr.side || 'left';\n\n var sideMenu = sideMenuCtrl[$scope.side] = new ionic.views.SideMenu({\n width: attr.width,\n el: $element[0],\n isEnabled: true\n });\n\n $scope.$watch($attr.width, function(val) {\n var numberVal = +val;\n if (numberVal && numberVal == val) {\n sideMenu.setWidth(+val);\n }\n });\n $scope.$watch($attr.isEnabled, function(val) {\n sideMenu.setIsEnabled(!!val);\n });\n };\n }\n };\n});\n\n\n/**\n * @ngdoc directive\n * @name ionSideMenuContent\n * @module ionic\n * @restrict E\n * @parent ionic.directive:ionSideMenus\n *\n * @description\n * A container for the main visible content, sibling to one or more\n * {@link ionic.directive:ionSideMenu} directives.\n *\n * @usage\n * ```html\n * \n * \n * ```\n * For a complete side menu example, see the\n * {@link ionic.directive:ionSideMenus} documentation.\n *\n * @param {boolean=} drag-content Whether the content can be dragged. Default true.\n * @param {boolean|number=} edge-drag-threshold Whether the content drag can only start if it is below a certain threshold distance from the edge of the screen. Default false. Accepts three types of values:\n * - If a non-zero number is given, that many pixels is used as the maximum allowed distance from the edge that starts dragging the side menu.\n * - If true is given, the default number of pixels (25) is used as the maximum allowed distance.\n * - If false or 0 is given, the edge drag threshold is disabled, and dragging from anywhere on the content is allowed.\n *\n */\nIonicModule\n.directive('ionSideMenuContent', [\n '$timeout',\n '$ionicGesture',\n '$window',\nfunction($timeout, $ionicGesture, $window) {\n\n return {\n restrict: 'EA', //DEPRECATED 'A'\n require: '^ionSideMenus',\n scope: true,\n compile: function(element, attr) {\n element.addClass('menu-content pane');\n\n return { pre: prelink };\n function prelink($scope, $element, $attr, sideMenuCtrl) {\n var startCoord = null;\n var primaryScrollAxis = null;\n\n if (isDefined(attr.dragContent)) {\n $scope.$watch(attr.dragContent, function(value) {\n sideMenuCtrl.canDragContent(value);\n });\n } else {\n sideMenuCtrl.canDragContent(true);\n }\n\n if (isDefined(attr.edgeDragThreshold)) {\n $scope.$watch(attr.edgeDragThreshold, function(value) {\n sideMenuCtrl.edgeDragThreshold(value);\n });\n }\n\n // Listen for taps on the content to close the menu\n function onContentTap(gestureEvt) {\n if (sideMenuCtrl.getOpenAmount() !== 0) {\n sideMenuCtrl.close();\n gestureEvt.gesture.srcEvent.preventDefault();\n startCoord = null;\n primaryScrollAxis = null;\n } else if (!startCoord) {\n startCoord = ionic.tap.pointerCoord(gestureEvt.gesture.srcEvent);\n }\n }\n\n function onDragX(e) {\n if (!sideMenuCtrl.isDraggableTarget(e)) return;\n\n if (getPrimaryScrollAxis(e) == 'x') {\n sideMenuCtrl._handleDrag(e);\n e.gesture.srcEvent.preventDefault();\n }\n }\n\n function onDragY(e) {\n if (getPrimaryScrollAxis(e) == 'x') {\n e.gesture.srcEvent.preventDefault();\n }\n }\n\n function onDragRelease(e) {\n sideMenuCtrl._endDrag(e);\n startCoord = null;\n primaryScrollAxis = null;\n }\n\n function getPrimaryScrollAxis(gestureEvt) {\n // gets whether the user is primarily scrolling on the X or Y\n // If a majority of the drag has been on the Y since the start of\n // the drag, but the X has moved a little bit, it's still a Y drag\n\n if (primaryScrollAxis) {\n // we already figured out which way they're scrolling\n return primaryScrollAxis;\n }\n\n if (gestureEvt && gestureEvt.gesture) {\n\n if (!startCoord) {\n // get the starting point\n startCoord = ionic.tap.pointerCoord(gestureEvt.gesture.srcEvent);\n\n } else {\n // we already have a starting point, figure out which direction they're going\n var endCoord = ionic.tap.pointerCoord(gestureEvt.gesture.srcEvent);\n\n var xDistance = Math.abs(endCoord.x - startCoord.x);\n var yDistance = Math.abs(endCoord.y - startCoord.y);\n\n var scrollAxis = (xDistance < yDistance ? 'y' : 'x');\n\n if (Math.max(xDistance, yDistance) > 30) {\n // ok, we pretty much know which way they're going\n // let's lock it in\n primaryScrollAxis = scrollAxis;\n }\n\n return scrollAxis;\n }\n }\n return 'y';\n }\n\n var content = {\n element: element[0],\n onDrag: function() {},\n endDrag: function() {},\n getTranslateX: function() {\n return $scope.sideMenuContentTranslateX || 0;\n },\n setTranslateX: ionic.animationFrameThrottle(function(amount) {\n var xTransform = content.offsetX + amount;\n $element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + xTransform + 'px,0,0)';\n $timeout(function() {\n $scope.sideMenuContentTranslateX = amount;\n });\n }),\n setMarginLeft: ionic.animationFrameThrottle(function(amount) {\n if (amount) {\n amount = parseInt(amount, 10);\n $element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + amount + 'px,0,0)';\n $element[0].style.width = ($window.innerWidth - amount) + 'px';\n content.offsetX = amount;\n } else {\n $element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(0,0,0)';\n $element[0].style.width = '';\n content.offsetX = 0;\n }\n }),\n setMarginRight: ionic.animationFrameThrottle(function(amount) {\n if (amount) {\n amount = parseInt(amount, 10);\n $element[0].style.width = ($window.innerWidth - amount) + 'px';\n content.offsetX = amount;\n } else {\n $element[0].style.width = '';\n content.offsetX = 0;\n }\n // reset incase left gets grabby\n $element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(0,0,0)';\n }),\n enableAnimation: function() {\n $scope.animationEnabled = true;\n $element[0].classList.add('menu-animated');\n },\n disableAnimation: function() {\n $scope.animationEnabled = false;\n $element[0].classList.remove('menu-animated');\n },\n offsetX: 0\n };\n\n sideMenuCtrl.setContent(content);\n\n // add gesture handlers\n var gestureOpts = { stop_browser_behavior: false };\n if (ionic.DomUtil.getParentOrSelfWithClass($element[0], 'overflow-scroll')) {\n gestureOpts.prevent_default_directions = ['left', 'right'];\n }\n var contentTapGesture = $ionicGesture.on('tap', onContentTap, $element, gestureOpts);\n var dragRightGesture = $ionicGesture.on('dragright', onDragX, $element, gestureOpts);\n var dragLeftGesture = $ionicGesture.on('dragleft', onDragX, $element, gestureOpts);\n var dragUpGesture = $ionicGesture.on('dragup', onDragY, $element, gestureOpts);\n var dragDownGesture = $ionicGesture.on('dragdown', onDragY, $element, gestureOpts);\n var releaseGesture = $ionicGesture.on('release', onDragRelease, $element, gestureOpts);\n\n // Cleanup\n $scope.$on('$destroy', function() {\n if (content) {\n content.element = null;\n content = null;\n }\n $ionicGesture.off(dragLeftGesture, 'dragleft', onDragX);\n $ionicGesture.off(dragRightGesture, 'dragright', onDragX);\n $ionicGesture.off(dragUpGesture, 'dragup', onDragY);\n $ionicGesture.off(dragDownGesture, 'dragdown', onDragY);\n $ionicGesture.off(releaseGesture, 'release', onDragRelease);\n $ionicGesture.off(contentTapGesture, 'tap', onContentTap);\n });\n }\n }\n };\n}]);\n\nIonicModule\n\n/**\n * @ngdoc directive\n * @name ionSideMenus\n * @module ionic\n * @delegate ionic.service:$ionicSideMenuDelegate\n * @restrict E\n *\n * @description\n * A container element for side menu(s) and the main content. Allows the left and/or right side menu\n * to be toggled by dragging the main content area side to side.\n *\n * To automatically close an opened menu, you can add the {@link ionic.directive:menuClose} attribute\n * directive. The `menu-close` attribute is usually added to links and buttons within\n * `ion-side-menu-content`, so that when the element is clicked, the opened side menu will\n * automatically close.\n *\n * \"Burger Icon\" toggles can be added to the header with the {@link ionic.directive:menuToggle}\n * attribute directive. Clicking the toggle will open and close the side menu like the `menu-close`\n * directive. The side menu will automatically hide on child pages, but can be overridden with the\n * enable-menu-with-back-views attribute mentioned below.\n *\n * By default, side menus are hidden underneath their side menu content and can be opened by swiping\n * the content left or right or by toggling a button to show the side menu. Additionally, by adding the\n * {@link ionic.directive:exposeAsideWhen} attribute directive to an\n * {@link ionic.directive:ionSideMenu} element directive, a side menu can be given instructions about\n * \"when\" the menu should be exposed (always viewable).\n *\n * \n *\n * For more information on side menus, check out:\n *\n * - {@link ionic.directive:ionSideMenuContent}\n * - {@link ionic.directive:ionSideMenu}\n * - {@link ionic.directive:menuToggle}\n * - {@link ionic.directive:menuClose}\n * - {@link ionic.directive:exposeAsideWhen}\n *\n * @usage\n * To use side menus, add an `` parent element. This will encompass all pages that have a\n * side menu, and have at least 2 child elements: 1 `` for the center content,\n * and one or more `` directives for each side menu(left/right) that you wish to place.\n *\n * ```html\n * \n * \n * \n * \n *\n * \n * \n * \n *\n * \n * \n * \n *\n * \n * \n * \n * \n * ```\n * ```js\n * function ContentController($scope, $ionicSideMenuDelegate) {\n * $scope.toggleLeft = function() {\n * $ionicSideMenuDelegate.toggleLeft();\n * };\n * }\n * ```\n *\n * @param {bool=} enable-menu-with-back-views Determines whether the side menu is enabled when the\n * back button is showing. When set to `false`, any {@link ionic.directive:menuToggle} will be hidden,\n * and the user cannot swipe to open the menu. When going back to the root page of the side menu (the\n * page without a back button visible), then any menuToggle buttons will show again, and menus will be\n * enabled again.\n * @param {string=} delegate-handle The handle used to identify this side menu\n * with {@link ionic.service:$ionicSideMenuDelegate}.\n *\n */\n.directive('ionSideMenus', ['$ionicBody', function($ionicBody) {\n return {\n restrict: 'ECA',\n controller: '$ionicSideMenus',\n compile: function(element, attr) {\n attr.$set('class', (attr['class'] || '') + ' view');\n\n return { pre: prelink };\n function prelink($scope, $element, $attrs, ctrl) {\n\n ctrl.enableMenuWithBackViews($scope.$eval($attrs.enableMenuWithBackViews));\n\n $scope.$on('$ionicExposeAside', function(evt, isAsideExposed) {\n if (!$scope.$exposeAside) $scope.$exposeAside = {};\n $scope.$exposeAside.active = isAsideExposed;\n $ionicBody.enableClass(isAsideExposed, 'aside-open');\n });\n\n $scope.$on('$ionicView.beforeEnter', function(ev, d) {\n if (d.historyId) {\n $scope.$activeHistoryId = d.historyId;\n }\n });\n\n $scope.$on('$destroy', function() {\n $ionicBody.removeClass('menu-open', 'aside-open');\n });\n\n }\n }\n };\n}]);\n\n\n/**\n * @ngdoc directive\n * @name ionSlideBox\n * @module ionic\n * @delegate ionic.service:$ionicSlideBoxDelegate\n * @restrict E\n * @description\n * The Slide Box is a multi-page container where each page can be swiped or dragged between:\n *\n * \n *\n * @usage\n * ```html\n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * \n * ```\n *\n * @param {string=} delegate-handle The handle used to identify this slideBox\n * with {@link ionic.service:$ionicSlideBoxDelegate}.\n * @param {boolean=} does-continue Whether the slide box should loop.\n * @param {boolean=} auto-play Whether the slide box should automatically slide. Default true if does-continue is true.\n * @param {number=} slide-interval How many milliseconds to wait to change slides (if does-continue is true). Defaults to 4000.\n * @param {boolean=} show-pager Whether a pager should be shown for this slide box. Accepts expressions via `show-pager=\"{{shouldShow()}}\"`. Defaults to true.\n * @param {expression=} pager-click Expression to call when a pager is clicked (if show-pager is true). Is passed the 'index' variable.\n * @param {expression=} on-slide-changed Expression called whenever the slide is changed. Is passed an '$index' variable.\n * @param {expression=} active-slide Model to bind the current slide to.\n */\nIonicModule\n.directive('ionSlideBox', [\n '$timeout',\n '$compile',\n '$ionicSlideBoxDelegate',\n '$ionicHistory',\n '$ionicScrollDelegate',\nfunction($timeout, $compile, $ionicSlideBoxDelegate, $ionicHistory, $ionicScrollDelegate) {\n return {\n restrict: 'E',\n replace: true,\n transclude: true,\n scope: {\n autoPlay: '=',\n doesContinue: '@',\n slideInterval: '@',\n showPager: '@',\n pagerClick: '&',\n disableScroll: '@',\n onSlideChanged: '&',\n activeSlide: '=?'\n },\n controller: ['$scope', '$element', '$attrs', function($scope, $element, $attrs) {\n var _this = this;\n\n var continuous = $scope.$eval($scope.doesContinue) === true;\n var shouldAutoPlay = isDefined($attrs.autoPlay) ? !!$scope.autoPlay : false;\n var slideInterval = shouldAutoPlay ? $scope.$eval($scope.slideInterval) || 4000 : 0;\n\n var slider = new ionic.views.Slider({\n el: $element[0],\n auto: slideInterval,\n continuous: continuous,\n startSlide: $scope.activeSlide,\n slidesChanged: function() {\n $scope.currentSlide = slider.currentIndex();\n\n // Try to trigger a digest\n $timeout(function() {});\n },\n callback: function(slideIndex) {\n $scope.currentSlide = slideIndex;\n $scope.onSlideChanged({ index: $scope.currentSlide, $index: $scope.currentSlide});\n $scope.$parent.$broadcast('slideBox.slideChanged', slideIndex);\n $scope.activeSlide = slideIndex;\n // Try to trigger a digest\n $timeout(function() {});\n },\n onDrag: function() {\n freezeAllScrolls(true);\n },\n onDragEnd: function() {\n freezeAllScrolls(false);\n }\n });\n\n function freezeAllScrolls(shouldFreeze) {\n if (shouldFreeze && !_this.isScrollFreeze) {\n $ionicScrollDelegate.freezeAllScrolls(shouldFreeze);\n\n } else if (!shouldFreeze && _this.isScrollFreeze) {\n $ionicScrollDelegate.freezeAllScrolls(false);\n }\n _this.isScrollFreeze = shouldFreeze;\n }\n\n slider.enableSlide($scope.$eval($attrs.disableScroll) !== true);\n\n $scope.$watch('activeSlide', function(nv) {\n if (isDefined(nv)) {\n slider.slide(nv);\n }\n });\n\n $scope.$on('slideBox.nextSlide', function() {\n slider.next();\n });\n\n $scope.$on('slideBox.prevSlide', function() {\n slider.prev();\n });\n\n $scope.$on('slideBox.setSlide', function(e, index) {\n slider.slide(index);\n });\n\n //Exposed for testing\n this.__slider = slider;\n\n var deregisterInstance = $ionicSlideBoxDelegate._registerInstance(\n slider, $attrs.delegateHandle, function() {\n return $ionicHistory.isActiveScope($scope);\n }\n );\n $scope.$on('$destroy', function() {\n deregisterInstance();\n slider.kill();\n });\n\n this.slidesCount = function() {\n return slider.slidesCount();\n };\n\n this.onPagerClick = function(index) {\n void 0;\n $scope.pagerClick({index: index});\n };\n\n $timeout(function() {\n slider.load();\n });\n }],\n template: '',\n\n link: function($scope, $element, $attr) {\n // if showPager is undefined, show the pager\n if (!isDefined($attr.showPager)) {\n $scope.showPager = true;\n getPager().toggleClass('hide', !true);\n }\n\n $attr.$observe('showPager', function(show) {\n show = $scope.$eval(show);\n getPager().toggleClass('hide', !show);\n });\n\n var pager;\n function getPager() {\n if (!pager) {\n var childScope = $scope.$new();\n pager = jqLite('\n *
\n *\n * Each spinner uses SVG with SMIL animations, however, the Android spinner also uses JavaScript\n * so it also works on Android 4.0-4.3. Additionally, each spinner can be styled with CSS,\n * and scaled to any size.\n *\n *\n * @usage\n * The following code would use the default spinner for the platform it's running from. If it's neither\n * iOS or Android, it'll default to use `ios`.\n *\n * ```html\n * \n * \n * ```\n * For a complete, working tab bar example, see the {@link ionic.directive:ionTabs} documentation.\n *\n * @param {string} title The title of the tab.\n * @param {string=} href The link that this tab will navigate to when tapped.\n * @param {string=} icon The icon of the tab. If given, this will become the default for icon-on and icon-off.\n * @param {string=} icon-on The icon of the tab while it is selected.\n * @param {string=} icon-off The icon of the tab while it is not selected.\n * @param {expression=} badge The badge to put on this tab (usually a number).\n * @param {expression=} badge-style The style of badge to put on this tab (eg: badge-positive).\n * @param {expression=} on-select Called when this tab is selected.\n * @param {expression=} on-deselect Called when this tab is deselected.\n * @param {expression=} ng-click By default, the tab will be selected on click. If ngClick is set, it will not. You can explicitly switch tabs using {@link ionic.service:$ionicTabsDelegate#select $ionicTabsDelegate.select()}.\n * @param {expression=} hidden Whether the tab is to be hidden or not.\n * @param {expression=} disabled Whether the tab is to be disabled or not.\n */\nIonicModule\n.directive('ionTab', [\n '$compile',\n '$ionicConfig',\n '$ionicBind',\n '$ionicViewSwitcher',\nfunction($compile, $ionicConfig, $ionicBind, $ionicViewSwitcher) {\n\n //Returns ' key=\"value\"' if value exists\n function attrStr(k, v) {\n return isDefined(v) ? ' ' + k + '=\"' + v + '\"' : '';\n }\n return {\n restrict: 'E',\n require: ['^ionTabs', 'ionTab'],\n controller: '$ionicTab',\n scope: true,\n compile: function(element, attr) {\n\n //We create the tabNavTemplate in the compile phase so that the\n //attributes we pass down won't be interpolated yet - we want\n //to pass down the 'raw' versions of the attributes\n var tabNavTemplate = '';\n\n //Remove the contents of the element so we can compile them later, if tab is selected\n var tabContentEle = document.createElement('div');\n for (var x = 0; x < element[0].children.length; x++) {\n tabContentEle.appendChild(element[0].children[x].cloneNode(true));\n }\n var childElementCount = tabContentEle.childElementCount;\n element.empty();\n\n var navViewName, isNavView;\n if (childElementCount) {\n if (tabContentEle.children[0].tagName === 'ION-NAV-VIEW') {\n // get the name if it's a nav-view\n navViewName = tabContentEle.children[0].getAttribute('name');\n tabContentEle.children[0].classList.add('view-container');\n isNavView = true;\n }\n if (childElementCount === 1) {\n // make the 1 child element the primary tab content container\n tabContentEle = tabContentEle.children[0];\n }\n if (!isNavView) tabContentEle.classList.add('pane');\n tabContentEle.classList.add('tab-content');\n }\n\n return function link($scope, $element, $attr, ctrls) {\n var childScope;\n var childElement;\n var tabsCtrl = ctrls[0];\n var tabCtrl = ctrls[1];\n var isTabContentAttached = false;\n $scope.$tabSelected = false;\n\n $ionicBind($scope, $attr, {\n onSelect: '&',\n onDeselect: '&',\n title: '@',\n uiSref: '@',\n href: '@'\n });\n\n tabsCtrl.add($scope);\n $scope.$on('$destroy', function() {\n if (!$scope.$tabsDestroy) {\n // if the containing ionTabs directive is being destroyed\n // then don't bother going through the controllers remove\n // method, since remove will reset the active tab as each tab\n // is being destroyed, causing unnecessary view loads and transitions\n tabsCtrl.remove($scope);\n }\n tabNavElement.isolateScope().$destroy();\n tabNavElement.remove();\n tabNavElement = tabContentEle = childElement = null;\n });\n\n //Remove title attribute so browser-tooltip does not apear\n $element[0].removeAttribute('title');\n\n if (navViewName) {\n tabCtrl.navViewName = $scope.navViewName = navViewName;\n }\n $scope.$on('$stateChangeSuccess', selectIfMatchesState);\n selectIfMatchesState();\n function selectIfMatchesState() {\n if (tabCtrl.tabMatchesState()) {\n tabsCtrl.select($scope, false);\n }\n }\n\n var tabNavElement = jqLite(tabNavTemplate);\n tabNavElement.data('$ionTabsController', tabsCtrl);\n tabNavElement.data('$ionTabController', tabCtrl);\n tabsCtrl.$tabsElement.append($compile(tabNavElement)($scope));\n\n\n function tabSelected(isSelected) {\n if (isSelected && childElementCount) {\n // this tab is being selected\n\n // check if the tab is already in the DOM\n // only do this if the tab has child elements\n if (!isTabContentAttached) {\n // tab should be selected and is NOT in the DOM\n // create a new scope and append it\n childScope = $scope.$new();\n childElement = jqLite(tabContentEle);\n $ionicViewSwitcher.viewEleIsActive(childElement, true);\n tabsCtrl.$element.append(childElement);\n $compile(childElement)(childScope);\n isTabContentAttached = true;\n }\n\n // remove the hide class so the tabs content shows up\n $ionicViewSwitcher.viewEleIsActive(childElement, true);\n\n } else if (isTabContentAttached && childElement) {\n // this tab should NOT be selected, and it is already in the DOM\n\n if ($ionicConfig.views.maxCache() > 0) {\n // keep the tabs in the DOM, only css hide it\n $ionicViewSwitcher.viewEleIsActive(childElement, false);\n\n } else {\n // do not keep tabs in the DOM\n destroyTab();\n }\n\n }\n }\n\n function destroyTab() {\n childScope && childScope.$destroy();\n isTabContentAttached && childElement && childElement.remove();\n tabContentEle.innerHTML = '';\n isTabContentAttached = childScope = childElement = null;\n }\n\n $scope.$watch('$tabSelected', tabSelected);\n\n $scope.$on('$ionicView.afterEnter', function() {\n $ionicViewSwitcher.viewEleIsActive(childElement, $scope.$tabSelected);\n });\n\n $scope.$on('$ionicView.clearCache', function() {\n if (!$scope.$tabSelected) {\n destroyTab();\n }\n });\n\n };\n }\n };\n}]);\n\nIonicModule\n.directive('ionTabNav', [function() {\n return {\n restrict: 'E',\n replace: true,\n require: ['^ionTabs', '^ionTab'],\n template:\n '' +\n '{{badge}}' +\n '' +\n '' +\n '' +\n '',\n scope: {\n title: '@',\n icon: '@',\n iconOn: '@',\n iconOff: '@',\n badge: '=',\n hidden: '@',\n disabled: '&',\n badgeStyle: '@',\n 'class': '@'\n },\n link: function($scope, $element, $attrs, ctrls) {\n var tabsCtrl = ctrls[0],\n tabCtrl = ctrls[1];\n\n //Remove title attribute so browser-tooltip does not apear\n $element[0].removeAttribute('title');\n\n $scope.selectTab = function(e) {\n e.preventDefault();\n tabsCtrl.select(tabCtrl.$scope, true);\n };\n if (!$attrs.ngClick) {\n $element.on('click', function(event) {\n $scope.$apply(function() {\n $scope.selectTab(event);\n });\n });\n }\n\n $scope.isHidden = function() {\n if ($attrs.hidden === 'true' || $attrs.hidden === true) return true;\n return false;\n };\n\n $scope.getIconOn = function() {\n return $scope.iconOn || $scope.icon;\n };\n $scope.getIconOff = function() {\n return $scope.iconOff || $scope.icon;\n };\n\n $scope.isTabActive = function() {\n return tabsCtrl.selectedTab() === tabCtrl.$scope;\n };\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name ionTabs\n * @module ionic\n * @delegate ionic.service:$ionicTabsDelegate\n * @restrict E\n * @codepen odqCz\n *\n * @description\n * Powers a multi-tabbed interface with a Tab Bar and a set of \"pages\" that can be tabbed\n * through.\n *\n * Assign any [tabs class](/docs/components#tabs) to the element to define\n * its look and feel.\n *\n * For iOS, tabs will appear at the bottom of the screen. For Android, tabs will be at the top\n * of the screen, below the nav-bar. This follows each OS's design specification, but can be\n * configured with the {@link ionic.provider:$ionicConfigProvider}.\n *\n * See the {@link ionic.directive:ionTab} directive's documentation for more details on\n * individual tabs.\n *\n * Note: do not place ion-tabs inside of an ion-content element; it has been known to cause a\n * certain CSS bug.\n *\n * @usage\n * ```html\n * \n *\n * \n * \n * \n *\n * \n * \n * \n *\n * \n * \n * \n *\n * \n * ```\n *\n * @param {string=} delegate-handle The handle used to identify these tabs\n * with {@link ionic.service:$ionicTabsDelegate}.\n */\n\nIonicModule\n.directive('ionTabs', [\n '$ionicTabsDelegate',\n '$ionicConfig',\nfunction($ionicTabsDelegate, $ionicConfig) {\n return {\n restrict: 'E',\n scope: true,\n controller: '$ionicTabs',\n compile: function(tElement) {\n //We cannot use regular transclude here because it breaks element.data()\n //inheritance on compile\n var innerElement = jqLite('
' +\n '
',\n link: function($scope, $element, $attrs, ctrls) {\n\n // JS Scrolling uses the scroll controller\n var scrollCtrl = ctrls[0],\n refresherCtrl = ctrls[1];\n if (!scrollCtrl || scrollCtrl.isNative()) {\n // Kick off native scrolling\n refresherCtrl.init();\n } else {\n $element[0].classList.add('js-scrolling');\n scrollCtrl._setRefresher(\n $scope,\n $element[0],\n refresherCtrl.getRefresherDomMethods()\n );\n\n $scope.$on('scroll.refreshComplete', function() {\n $scope.$evalAsync(function() {\n scrollCtrl.scrollView.finishPullToRefresh();\n });\n });\n }\n\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name ionScroll\n * @module ionic\n * @delegate ionic.service:$ionicScrollDelegate\n * @codepen mwFuh\n * @restrict E\n *\n * @description\n * Creates a scrollable container for all content inside.\n *\n * @usage\n *\n * Basic usage:\n *\n * ```html\n * ' +\n '
' +\n '' +\n '' +\n '
' +\n '' +\n '' +\n '
' +\n '' +\n 'BLUE
YELLOW
PINK
\n * android\n * | \n * \n * | \n *
|---|---|
\n * ios\n * | \n * \n * | \n *
\n * ios-small\n * | \n * \n * | \n *
\n * bubbles\n * | \n * \n * | \n *
\n * circles\n * | \n * \n * | \n *
\n * crescent\n * | \n * \n * | \n *
\n * dots\n * | \n * \n * | \n *
\n * lines\n * | \n * \n * | \n *
\n * ripple\n * | \n * \n * | \n *
\n * spiral\n * | \n * \n * | \n *
');\n innerElement.append(tElement.contents());\n\n tElement.append(innerElement)\n .addClass('tabs-' + $ionicConfig.tabs.position() + ' tabs-' + $ionicConfig.tabs.style());\n\n return { pre: prelink, post: postLink };\n function prelink($scope, $element, $attr, tabsCtrl) {\n var deregisterInstance = $ionicTabsDelegate._registerInstance(\n tabsCtrl, $attr.delegateHandle, tabsCtrl.hasActiveScope\n );\n\n tabsCtrl.$scope = $scope;\n tabsCtrl.$element = $element;\n tabsCtrl.$tabsElement = jqLite($element[0].querySelector('.tabs'));\n\n $scope.$watch(function() { return $element[0].className; }, function(value) {\n var isTabsTop = value.indexOf('tabs-top') !== -1;\n var isHidden = value.indexOf('tabs-item-hide') !== -1;\n $scope.$hasTabs = !isTabsTop && !isHidden;\n $scope.$hasTabsTop = isTabsTop && !isHidden;\n $scope.$emit('$ionicTabs.top', $scope.$hasTabsTop);\n });\n\n function emitLifecycleEvent(ev, data) {\n ev.stopPropagation();\n var previousSelectedTab = tabsCtrl.previousSelectedTab();\n if (previousSelectedTab) {\n previousSelectedTab.$broadcast(ev.name.replace('NavView', 'Tabs'), data);\n }\n }\n\n $scope.$on('$ionicNavView.beforeLeave', emitLifecycleEvent);\n $scope.$on('$ionicNavView.afterLeave', emitLifecycleEvent);\n $scope.$on('$ionicNavView.leave', emitLifecycleEvent);\n\n $scope.$on('$destroy', function() {\n // variable to inform child tabs that they're all being blown away\n // used so that while destorying an individual tab, each one\n // doesn't select the next tab as the active one, which causes unnecessary\n // loading of tab views when each will eventually all go away anyway\n $scope.$tabsDestroy = true;\n deregisterInstance();\n tabsCtrl.$tabsElement = tabsCtrl.$element = tabsCtrl.$scope = innerElement = null;\n delete $scope.$hasTabs;\n delete $scope.$hasTabsTop;\n });\n }\n\n function postLink($scope, $element, $attr, tabsCtrl) {\n if (!tabsCtrl.selectedTab()) {\n // all the tabs have been added\n // but one hasn't been selected yet\n tabsCtrl.select(0);\n }\n }\n }\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name ionToggle\n * @module ionic\n * @codepen tfAzj\n * @restrict E\n *\n * @description\n * A toggle is an animated switch which binds a given model to a boolean.\n *\n * Allows dragging of the switch's nub.\n *\n * The toggle behaves like any [AngularJS checkbox](http://docs.angularjs.org/api/ng/input/input[checkbox]) otherwise.\n *\n * @param toggle-class {string=} Sets the CSS class on the inner `label.toggle` element created by the directive.\n *\n * @usage\n * Below is an example of a toggle directive which is wired up to the `airplaneMode` model\n * and has the `toggle-calm` CSS class assigned to the inner element.\n *\n * ```html\n * Airplane Mode \n * ```\n */\nIonicModule\n.directive('ionToggle', [\n '$timeout',\n '$ionicConfig',\nfunction($timeout, $ionicConfig) {\n\n return {\n restrict: 'E',\n replace: true,\n require: '?ngModel',\n transclude: true,\n template:\n '\n * \n * \n * Hello!\n * \n * \n * \n * ```\n *\n * ## View LifeCycle and Events\n *\n * Views can be cached, which means ***controllers normally only load once***, which may\n * affect your controller logic. To know when a view has entered or left, events\n * have been added that are emitted from the view's scope. These events also\n * contain data about the view, such as the title and whether the back button should\n * show. Also contained is transition data, such as the transition type and\n * direction that will be or was used.\n *\n * \n *
\n *\n * ## Caching\n *\n * Caching can be disabled and enabled in multiple ways. By default, Ionic will\n * cache a maximum of 10 views. You can optionally choose to disable caching at\n * either an individual view basis, or by global configuration. Please see the\n * _Caching_ section in {@link ionic.directive:ionNavView} for more info.\n *\n * @param {string=} view-title A text-only title to display on the parent {@link ionic.directive:ionNavBar}.\n * For an HTML title, such as an image, see {@link ionic.directive:ionNavTitle} instead.\n * @param {boolean=} cache-view If this view should be allowed to be cached or not.\n * Please see the _Caching_ section in {@link ionic.directive:ionNavView} for\n * more info. Default `true`\n * @param {boolean=} can-swipe-back If this view should be allowed to use the swipe to go back gesture or not.\n * This does not enable the swipe to go back feature if it is not available for the platform it's running\n * from, or there isn't a previous view. Default `true`\n * @param {boolean=} hide-back-button Whether to hide the back button on the parent\n * {@link ionic.directive:ionNavBar} by default.\n * @param {boolean=} hide-nav-bar Whether to hide the parent\n * {@link ionic.directive:ionNavBar} by default.\n */\nIonicModule\n.directive('ionView', function() {\n return {\n restrict: 'EA',\n priority: 1000,\n controller: '$ionicView',\n compile: function(tElement) {\n tElement.addClass('pane');\n tElement[0].removeAttribute('title');\n return function link($scope, $element, $attrs, viewCtrl) {\n viewCtrl.init();\n };\n }\n };\n});\n\n})();"
},
{
"path": "www/lib/ionic/js/ionic.bundle.js",
"content": "/*!\n * ionic.bundle.js is a concatenation of:\n * ionic.js, angular.js, angular-animate.js,\n * angular-sanitize.js, angular-ui-router.js,\n * and ionic-angular.js\n */\n\n/*!\n * Copyright 2014 Drifty Co.\n * http://drifty.com/\n *\n * Ionic, v1.0.0\n * A powerful HTML5 mobile app framework.\n * http://ionicframework.com/\n *\n * By @maxlynch, @benjsperry, @adamdbradley <3\n *\n * Licensed under the MIT license. Please see LICENSE for more information.\n *\n */\n\n(function() {\n\n// Create global ionic obj and its namespaces\n// build processes may have already created an ionic obj\nwindow.ionic = window.ionic || {};\nwindow.ionic.views = {};\nwindow.ionic.version = '1.0.0';\n\n(function (ionic) {\n\n ionic.DelegateService = function(methodNames) {\n\n if (methodNames.indexOf('$getByHandle') > -1) {\n throw new Error(\"Method '$getByHandle' is implicitly added to each delegate service. Do not list it as a method.\");\n }\n\n function trueFn() { return true; }\n\n return ['$log', function($log) {\n\n /*\n * Creates a new object that will have all the methodNames given,\n * and call them on the given the controller instance matching given\n * handle.\n * The reason we don't just let $getByHandle return the controller instance\n * itself is that the controller instance might not exist yet.\n *\n * We want people to be able to do\n * `var instance = $ionicScrollDelegate.$getByHandle('foo')` on controller\n * instantiation, but on controller instantiation a child directive\n * may not have been compiled yet!\n *\n * So this is our way of solving this problem: we create an object\n * that will only try to fetch the controller with given handle\n * once the methods are actually called.\n */\n function DelegateInstance(instances, handle) {\n this._instances = instances;\n this.handle = handle;\n }\n methodNames.forEach(function(methodName) {\n DelegateInstance.prototype[methodName] = instanceMethodCaller(methodName);\n });\n\n\n /**\n * The delegate service (eg $ionicNavBarDelegate) is just an instance\n * with a non-defined handle, a couple extra methods for registering\n * and narrowing down to a specific handle.\n */\n function DelegateService() {\n this._instances = [];\n }\n DelegateService.prototype = DelegateInstance.prototype;\n DelegateService.prototype._registerInstance = function(instance, handle, filterFn) {\n var instances = this._instances;\n instance.$$delegateHandle = handle;\n instance.$$filterFn = filterFn || trueFn;\n instances.push(instance);\n\n return function deregister() {\n var index = instances.indexOf(instance);\n if (index !== -1) {\n instances.splice(index, 1);\n }\n };\n };\n DelegateService.prototype.$getByHandle = function(handle) {\n return new DelegateInstance(this._instances, handle);\n };\n\n return new DelegateService();\n\n function instanceMethodCaller(methodName) {\n return function caller() {\n var handle = this.handle;\n var args = arguments;\n var foundInstancesCount = 0;\n var returnValue;\n\n this._instances.forEach(function(instance) {\n if ((!handle || handle == instance.$$delegateHandle) && instance.$$filterFn(instance)) {\n foundInstancesCount++;\n var ret = instance[methodName].apply(instance, args);\n //Only return the value from the first call\n if (foundInstancesCount === 1) {\n returnValue = ret;\n }\n }\n });\n\n if (!foundInstancesCount && handle) {\n return $log.warn(\n 'Delegate for handle \"' + handle + '\" could not find a ' +\n 'corresponding element with delegate-handle=\"' + handle + '\"! ' +\n methodName + '() was not called!\\n' +\n 'Possible cause: If you are calling ' + methodName + '() immediately, and ' +\n 'your element with delegate-handle=\"' + handle + '\" is a child of your ' +\n 'controller, then your element may not be compiled yet. Put a $timeout ' +\n 'around your call to ' + methodName + '() and try again.'\n );\n }\n return returnValue;\n };\n }\n\n }];\n };\n\n})(window.ionic);\n\n(function(window, document, ionic) {\n\n var readyCallbacks = [];\n var isDomReady = document.readyState === 'complete' || document.readyState === 'interactive';\n\n function domReady() {\n isDomReady = true;\n for (var x = 0; x < readyCallbacks.length; x++) {\n ionic.requestAnimationFrame(readyCallbacks[x]);\n }\n readyCallbacks = [];\n document.removeEventListener('DOMContentLoaded', domReady);\n }\n if (!isDomReady) {\n document.addEventListener('DOMContentLoaded', domReady);\n }\n\n\n // From the man himself, Mr. Paul Irish.\n // The requestAnimationFrame polyfill\n // Put it on window just to preserve its context\n // without having to use .call\n window._rAF = (function() {\n return window.requestAnimationFrame ||\n window.webkitRequestAnimationFrame ||\n window.mozRequestAnimationFrame ||\n function(callback) {\n window.setTimeout(callback, 16);\n };\n })();\n\n var cancelAnimationFrame = window.cancelAnimationFrame ||\n window.webkitCancelAnimationFrame ||\n window.mozCancelAnimationFrame ||\n window.webkitCancelRequestAnimationFrame;\n\n /**\n * @ngdoc utility\n * @name ionic.DomUtil\n * @module ionic\n */\n ionic.DomUtil = {\n //Call with proper context\n /**\n * @ngdoc method\n * @name ionic.DomUtil#requestAnimationFrame\n * @alias ionic.requestAnimationFrame\n * @description Calls [requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window.requestAnimationFrame), or a polyfill if not available.\n * @param {function} callback The function to call when the next frame\n * happens.\n */\n requestAnimationFrame: function(cb) {\n return window._rAF(cb);\n },\n\n cancelAnimationFrame: function(requestId) {\n cancelAnimationFrame(requestId);\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#animationFrameThrottle\n * @alias ionic.animationFrameThrottle\n * @description\n * When given a callback, if that callback is called 100 times between\n * animation frames, adding Throttle will make it only run the last of\n * the 100 calls.\n *\n * @param {function} callback a function which will be throttled to\n * requestAnimationFrame\n * @returns {function} A function which will then call the passed in callback.\n * The passed in callback will receive the context the returned function is\n * called with.\n */\n animationFrameThrottle: function(cb) {\n var args, isQueued, context;\n return function() {\n args = arguments;\n context = this;\n if (!isQueued) {\n isQueued = true;\n ionic.requestAnimationFrame(function() {\n cb.apply(context, args);\n isQueued = false;\n });\n }\n };\n },\n\n contains: function(parentNode, otherNode) {\n var current = otherNode;\n while (current) {\n if (current === parentNode) return true;\n current = current.parentNode;\n }\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#getPositionInParent\n * @description\n * Find an element's scroll offset within its container.\n * @param {DOMElement} element The element to find the offset of.\n * @returns {object} A position object with the following properties:\n * - `{number}` `left` The left offset of the element.\n * - `{number}` `top` The top offset of the element.\n */\n getPositionInParent: function(el) {\n return {\n left: el.offsetLeft,\n top: el.offsetTop\n };\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#ready\n * @description\n * Call a function when the DOM is ready, or if it is already ready\n * call the function immediately.\n * @param {function} callback The function to be called.\n */\n ready: function(cb) {\n if (isDomReady) {\n ionic.requestAnimationFrame(cb);\n } else {\n readyCallbacks.push(cb);\n }\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#getTextBounds\n * @description\n * Get a rect representing the bounds of the given textNode.\n * @param {DOMElement} textNode The textNode to find the bounds of.\n * @returns {object} An object representing the bounds of the node. Properties:\n * - `{number}` `left` The left position of the textNode.\n * - `{number}` `right` The right position of the textNode.\n * - `{number}` `top` The top position of the textNode.\n * - `{number}` `bottom` The bottom position of the textNode.\n * - `{number}` `width` The width of the textNode.\n * - `{number}` `height` The height of the textNode.\n */\n getTextBounds: function(textNode) {\n if (document.createRange) {\n var range = document.createRange();\n range.selectNodeContents(textNode);\n if (range.getBoundingClientRect) {\n var rect = range.getBoundingClientRect();\n if (rect) {\n var sx = window.scrollX;\n var sy = window.scrollY;\n\n return {\n top: rect.top + sy,\n left: rect.left + sx,\n right: rect.left + sx + rect.width,\n bottom: rect.top + sy + rect.height,\n width: rect.width,\n height: rect.height\n };\n }\n }\n }\n return null;\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#getChildIndex\n * @description\n * Get the first index of a child node within the given element of the\n * specified type.\n * @param {DOMElement} element The element to find the index of.\n * @param {string} type The nodeName to match children of element against.\n * @returns {number} The index, or -1, of a child with nodeName matching type.\n */\n getChildIndex: function(element, type) {\n if (type) {\n var ch = element.parentNode.children;\n var c;\n for (var i = 0, k = 0, j = ch.length; i < j; i++) {\n c = ch[i];\n if (c.nodeName && c.nodeName.toLowerCase() == type) {\n if (c == element) {\n return k;\n }\n k++;\n }\n }\n }\n return Array.prototype.slice.call(element.parentNode.children).indexOf(element);\n },\n\n /**\n * @private\n */\n swapNodes: function(src, dest) {\n dest.parentNode.insertBefore(src, dest);\n },\n\n elementIsDescendant: function(el, parent, stopAt) {\n var current = el;\n do {\n if (current === parent) return true;\n current = current.parentNode;\n } while (current && current !== stopAt);\n return false;\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#getParentWithClass\n * @param {DOMElement} element\n * @param {string} className\n * @returns {DOMElement} The closest parent of element matching the\n * className, or null.\n */\n getParentWithClass: function(e, className, depth) {\n depth = depth || 10;\n while (e.parentNode && depth--) {\n if (e.parentNode.classList && e.parentNode.classList.contains(className)) {\n return e.parentNode;\n }\n e = e.parentNode;\n }\n return null;\n },\n /**\n * @ngdoc method\n * @name ionic.DomUtil#getParentOrSelfWithClass\n * @param {DOMElement} element\n * @param {string} className\n * @returns {DOMElement} The closest parent or self matching the\n * className, or null.\n */\n getParentOrSelfWithClass: function(e, className, depth) {\n depth = depth || 10;\n while (e && depth--) {\n if (e.classList && e.classList.contains(className)) {\n return e;\n }\n e = e.parentNode;\n }\n return null;\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#rectContains\n * @param {number} x\n * @param {number} y\n * @param {number} x1\n * @param {number} y1\n * @param {number} x2\n * @param {number} y2\n * @returns {boolean} Whether {x,y} fits within the rectangle defined by\n * {x1,y1,x2,y2}.\n */\n rectContains: function(x, y, x1, y1, x2, y2) {\n if (x < x1 || x > x2) return false;\n if (y < y1 || y > y2) return false;\n return true;\n },\n\n /**\n * @ngdoc method\n * @name ionic.DomUtil#blurAll\n * @description\n * Blurs any currently focused input element\n * @returns {DOMElement} The element blurred or null\n */\n blurAll: function() {\n if (document.activeElement && document.activeElement != document.body) {\n document.activeElement.blur();\n return document.activeElement;\n }\n return null;\n },\n\n cachedAttr: function(ele, key, value) {\n ele = ele && ele.length && ele[0] || ele;\n if (ele && ele.setAttribute) {\n var dataKey = '$attr-' + key;\n if (arguments.length > 2) {\n if (ele[dataKey] !== value) {\n ele.setAttribute(key, value);\n ele[dataKey] = value;\n }\n } else if (typeof ele[dataKey] == 'undefined') {\n ele[dataKey] = ele.getAttribute(key);\n }\n return ele[dataKey];\n }\n },\n\n cachedStyles: function(ele, styles) {\n ele = ele && ele.length && ele[0] || ele;\n if (ele && ele.style) {\n for (var prop in styles) {\n if (ele['$style-' + prop] !== styles[prop]) {\n ele.style[prop] = ele['$style-' + prop] = styles[prop];\n }\n }\n }\n }\n\n };\n\n //Shortcuts\n ionic.requestAnimationFrame = ionic.DomUtil.requestAnimationFrame;\n ionic.cancelAnimationFrame = ionic.DomUtil.cancelAnimationFrame;\n ionic.animationFrameThrottle = ionic.DomUtil.animationFrameThrottle;\n\n})(window, document, ionic);\n\n/**\n * ion-events.js\n *\n * Author: Max Lynch \n *\n * Framework events handles various mobile browser events, and\n * detects special events like tap/swipe/etc. and emits them\n * as custom events that can be used in an app.\n *\n * Portions lovingly adapted from github.com/maker/ratchet and github.com/alexgibson/tap.js - thanks guys!\n */\n\n(function(ionic) {\n\n // Custom event polyfill\n ionic.CustomEvent = (function() {\n if( typeof window.CustomEvent === 'function' ) return CustomEvent;\n\n var customEvent = function(event, params) {\n var evt;\n params = params || {\n bubbles: false,\n cancelable: false,\n detail: undefined\n };\n try {\n evt = document.createEvent(\"CustomEvent\");\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\n } catch (error) {\n // fallback for browsers that don't support createEvent('CustomEvent')\n evt = document.createEvent(\"Event\");\n for (var param in params) {\n evt[param] = params[param];\n }\n evt.initEvent(event, params.bubbles, params.cancelable);\n }\n return evt;\n };\n customEvent.prototype = window.Event.prototype;\n return customEvent;\n })();\n\n\n /**\n * @ngdoc utility\n * @name ionic.EventController\n * @module ionic\n */\n ionic.EventController = {\n VIRTUALIZED_EVENTS: ['tap', 'swipe', 'swiperight', 'swipeleft', 'drag', 'hold', 'release'],\n\n /**\n * @ngdoc method\n * @name ionic.EventController#trigger\n * @alias ionic.trigger\n * @param {string} eventType The event to trigger.\n * @param {object} data The data for the event. Hint: pass in\n * `{target: targetElement}`\n * @param {boolean=} bubbles Whether the event should bubble up the DOM.\n * @param {boolean=} cancelable Whether the event should be cancelable.\n */\n // Trigger a new event\n trigger: function(eventType, data, bubbles, cancelable) {\n var event = new ionic.CustomEvent(eventType, {\n detail: data,\n bubbles: !!bubbles,\n cancelable: !!cancelable\n });\n\n // Make sure to trigger the event on the given target, or dispatch it from\n // the window if we don't have an event target\n data && data.target && data.target.dispatchEvent && data.target.dispatchEvent(event) || window.dispatchEvent(event);\n },\n\n /**\n * @ngdoc method\n * @name ionic.EventController#on\n * @alias ionic.on\n * @description Listen to an event on an element.\n * @param {string} type The event to listen for.\n * @param {function} callback The listener to be called.\n * @param {DOMElement} element The element to listen for the event on.\n */\n on: function(type, callback, element) {\n var e = element || window;\n\n // Bind a gesture if it's a virtual event\n for(var i = 0, j = this.VIRTUALIZED_EVENTS.length; i < j; i++) {\n if(type == this.VIRTUALIZED_EVENTS[i]) {\n var gesture = new ionic.Gesture(element);\n gesture.on(type, callback);\n return gesture;\n }\n }\n\n // Otherwise bind a normal event\n e.addEventListener(type, callback);\n },\n\n /**\n * @ngdoc method\n * @name ionic.EventController#off\n * @alias ionic.off\n * @description Remove an event listener.\n * @param {string} type\n * @param {function} callback\n * @param {DOMElement} element\n */\n off: function(type, callback, element) {\n element.removeEventListener(type, callback);\n },\n\n /**\n * @ngdoc method\n * @name ionic.EventController#onGesture\n * @alias ionic.onGesture\n * @description Add an event listener for a gesture on an element.\n *\n * Available eventTypes (from [hammer.js](http://eightmedia.github.io/hammer.js/)):\n *\n * `hold`, `tap`, `doubletap`, `drag`, `dragstart`, `dragend`, `dragup`, `dragdown`,
\n * `dragleft`, `dragright`, `swipe`, `swipeup`, `swipedown`, `swipeleft`, `swiperight`,
\n * `transform`, `transformstart`, `transformend`, `rotate`, `pinch`, `pinchin`, `pinchout`, \n * `touch`, `release`\n *\n * @param {string} eventType The gesture event to listen for.\n * @param {function(e)} callback The function to call when the gesture\n * happens.\n * @param {DOMElement} element The angular element to listen for the event on.\n * @param {object} options object.\n * @returns {ionic.Gesture} The gesture object (use this to remove the gesture later on).\n */\n onGesture: function(type, callback, element, options) {\n var gesture = new ionic.Gesture(element, options);\n gesture.on(type, callback);\n return gesture;\n },\n\n /**\n * @ngdoc method\n * @name ionic.EventController#offGesture\n * @alias ionic.offGesture\n * @description Remove an event listener for a gesture created on an element.\n * @param {ionic.Gesture} gesture The gesture that should be removed.\n * @param {string} eventType The gesture event to remove the listener for.\n * @param {function(e)} callback The listener to remove.\n\n */\n offGesture: function(gesture, type, callback) {\n gesture && gesture.off(type, callback);\n },\n\n handlePopState: function() {}\n };\n\n\n // Map some convenient top-level functions for event handling\n ionic.on = function() { ionic.EventController.on.apply(ionic.EventController, arguments); };\n ionic.off = function() { ionic.EventController.off.apply(ionic.EventController, arguments); };\n ionic.trigger = ionic.EventController.trigger;//function() { ionic.EventController.trigger.apply(ionic.EventController.trigger, arguments); };\n ionic.onGesture = function() { return ionic.EventController.onGesture.apply(ionic.EventController.onGesture, arguments); };\n ionic.offGesture = function() { return ionic.EventController.offGesture.apply(ionic.EventController.offGesture, arguments); };\n\n})(window.ionic);\n\n/* eslint camelcase:0 */\n/**\n * Simple gesture controllers with some common gestures that emit\n * gesture events.\n *\n * Ported from github.com/EightMedia/hammer.js Gestures - thanks!\n */\n(function(ionic) {\n\n /**\n * ionic.Gestures\n * use this to create instances\n * @param {HTMLElement} element\n * @param {Object} options\n * @returns {ionic.Gestures.Instance}\n * @constructor\n */\n ionic.Gesture = function(element, options) {\n return new ionic.Gestures.Instance(element, options || {});\n };\n\n ionic.Gestures = {};\n\n // default settings\n ionic.Gestures.defaults = {\n // add css to the element to prevent the browser from doing\n // its native behavior. this doesnt prevent the scrolling,\n // but cancels the contextmenu, tap highlighting etc\n // set to false to disable this\n stop_browser_behavior: 'disable-user-behavior'\n };\n\n // detect touchevents\n ionic.Gestures.HAS_POINTEREVENTS = window.navigator.pointerEnabled || window.navigator.msPointerEnabled;\n ionic.Gestures.HAS_TOUCHEVENTS = ('ontouchstart' in window);\n\n // dont use mouseevents on mobile devices\n ionic.Gestures.MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android|silk/i;\n ionic.Gestures.NO_MOUSEEVENTS = ionic.Gestures.HAS_TOUCHEVENTS && window.navigator.userAgent.match(ionic.Gestures.MOBILE_REGEX);\n\n // eventtypes per touchevent (start, move, end)\n // are filled by ionic.Gestures.event.determineEventTypes on setup\n ionic.Gestures.EVENT_TYPES = {};\n\n // direction defines\n ionic.Gestures.DIRECTION_DOWN = 'down';\n ionic.Gestures.DIRECTION_LEFT = 'left';\n ionic.Gestures.DIRECTION_UP = 'up';\n ionic.Gestures.DIRECTION_RIGHT = 'right';\n\n // pointer type\n ionic.Gestures.POINTER_MOUSE = 'mouse';\n ionic.Gestures.POINTER_TOUCH = 'touch';\n ionic.Gestures.POINTER_PEN = 'pen';\n\n // touch event defines\n ionic.Gestures.EVENT_START = 'start';\n ionic.Gestures.EVENT_MOVE = 'move';\n ionic.Gestures.EVENT_END = 'end';\n\n // hammer document where the base events are added at\n ionic.Gestures.DOCUMENT = window.document;\n\n // plugins namespace\n ionic.Gestures.plugins = {};\n\n // if the window events are set...\n ionic.Gestures.READY = false;\n\n /**\n * setup events to detect gestures on the document\n */\n function setup() {\n if(ionic.Gestures.READY) {\n return;\n }\n\n // find what eventtypes we add listeners to\n ionic.Gestures.event.determineEventTypes();\n\n // Register all gestures inside ionic.Gestures.gestures\n for(var name in ionic.Gestures.gestures) {\n if(ionic.Gestures.gestures.hasOwnProperty(name)) {\n ionic.Gestures.detection.register(ionic.Gestures.gestures[name]);\n }\n }\n\n // Add touch events on the document\n ionic.Gestures.event.onTouch(ionic.Gestures.DOCUMENT, ionic.Gestures.EVENT_MOVE, ionic.Gestures.detection.detect);\n ionic.Gestures.event.onTouch(ionic.Gestures.DOCUMENT, ionic.Gestures.EVENT_END, ionic.Gestures.detection.detect);\n\n // ionic.Gestures is ready...!\n ionic.Gestures.READY = true;\n }\n\n /**\n * create new hammer instance\n * all methods should return the instance itself, so it is chainable.\n * @param {HTMLElement} element\n * @param {Object} [options={}]\n * @returns {ionic.Gestures.Instance}\n * @name Gesture.Instance\n * @constructor\n */\n ionic.Gestures.Instance = function(element, options) {\n var self = this;\n\n // A null element was passed into the instance, which means\n // whatever lookup was done to find this element failed to find it\n // so we can't listen for events on it.\n if(element === null) {\n void 0;\n return this;\n }\n\n // setup ionic.GesturesJS window events and register all gestures\n // this also sets up the default options\n setup();\n\n this.element = element;\n\n // start/stop detection option\n this.enabled = true;\n\n // merge options\n this.options = ionic.Gestures.utils.extend(\n ionic.Gestures.utils.extend({}, ionic.Gestures.defaults),\n options || {});\n\n // add some css to the element to prevent the browser from doing its native behavoir\n if(this.options.stop_browser_behavior) {\n ionic.Gestures.utils.stopDefaultBrowserBehavior(this.element, this.options.stop_browser_behavior);\n }\n\n // start detection on touchstart\n ionic.Gestures.event.onTouch(element, ionic.Gestures.EVENT_START, function(ev) {\n if(self.enabled) {\n ionic.Gestures.detection.startDetect(self, ev);\n }\n });\n\n // return instance\n return this;\n };\n\n\n ionic.Gestures.Instance.prototype = {\n /**\n * bind events to the instance\n * @param {String} gesture\n * @param {Function} handler\n * @returns {ionic.Gestures.Instance}\n */\n on: function onEvent(gesture, handler){\n var gestures = gesture.split(' ');\n for(var t = 0; t < gestures.length; t++) {\n this.element.addEventListener(gestures[t], handler, false);\n }\n return this;\n },\n\n\n /**\n * unbind events to the instance\n * @param {String} gesture\n * @param {Function} handler\n * @returns {ionic.Gestures.Instance}\n */\n off: function offEvent(gesture, handler){\n var gestures = gesture.split(' ');\n for(var t = 0; t < gestures.length; t++) {\n this.element.removeEventListener(gestures[t], handler, false);\n }\n return this;\n },\n\n\n /**\n * trigger gesture event\n * @param {String} gesture\n * @param {Object} eventData\n * @returns {ionic.Gestures.Instance}\n */\n trigger: function triggerEvent(gesture, eventData){\n // create DOM event\n var event = ionic.Gestures.DOCUMENT.createEvent('Event');\n event.initEvent(gesture, true, true);\n event.gesture = eventData;\n\n // trigger on the target if it is in the instance element,\n // this is for event delegation tricks\n var element = this.element;\n if(ionic.Gestures.utils.hasParent(eventData.target, element)) {\n element = eventData.target;\n }\n\n element.dispatchEvent(event);\n return this;\n },\n\n\n /**\n * enable of disable hammer.js detection\n * @param {Boolean} state\n * @returns {ionic.Gestures.Instance}\n */\n enable: function enable(state) {\n this.enabled = state;\n return this;\n }\n };\n\n /**\n * this holds the last move event,\n * used to fix empty touchend issue\n * see the onTouch event for an explanation\n * type {Object}\n */\n var last_move_event = null;\n\n\n /**\n * when the mouse is hold down, this is true\n * type {Boolean}\n */\n var enable_detect = false;\n\n\n /**\n * when touch events have been fired, this is true\n * type {Boolean}\n */\n var touch_triggered = false;\n\n\n ionic.Gestures.event = {\n /**\n * simple addEventListener\n * @param {HTMLElement} element\n * @param {String} type\n * @param {Function} handler\n */\n bindDom: function(element, type, handler) {\n var types = type.split(' ');\n for(var t = 0; t < types.length; t++) {\n element.addEventListener(types[t], handler, false);\n }\n },\n\n\n /**\n * touch events with mouse fallback\n * @param {HTMLElement} element\n * @param {String} eventType like ionic.Gestures.EVENT_MOVE\n * @param {Function} handler\n */\n onTouch: function onTouch(element, eventType, handler) {\n var self = this;\n\n this.bindDom(element, ionic.Gestures.EVENT_TYPES[eventType], function bindDomOnTouch(ev) {\n var sourceEventType = ev.type.toLowerCase();\n\n // onmouseup, but when touchend has been fired we do nothing.\n // this is for touchdevices which also fire a mouseup on touchend\n if(sourceEventType.match(/mouse/) && touch_triggered) {\n return;\n }\n\n // mousebutton must be down or a touch event\n else if( sourceEventType.match(/touch/) || // touch events are always on screen\n sourceEventType.match(/pointerdown/) || // pointerevents touch\n (sourceEventType.match(/mouse/) && ev.which === 1) // mouse is pressed\n ){\n enable_detect = true;\n }\n\n // mouse isn't pressed\n else if(sourceEventType.match(/mouse/) && ev.which !== 1) {\n enable_detect = false;\n }\n\n\n // we are in a touch event, set the touch triggered bool to true,\n // this for the conflicts that may occur on ios and android\n if(sourceEventType.match(/touch|pointer/)) {\n touch_triggered = true;\n }\n\n // count the total touches on the screen\n var count_touches = 0;\n\n // when touch has been triggered in this detection session\n // and we are now handling a mouse event, we stop that to prevent conflicts\n if(enable_detect) {\n // update pointerevent\n if(ionic.Gestures.HAS_POINTEREVENTS && eventType != ionic.Gestures.EVENT_END) {\n count_touches = ionic.Gestures.PointerEvent.updatePointer(eventType, ev);\n }\n // touch\n else if(sourceEventType.match(/touch/)) {\n count_touches = ev.touches.length;\n }\n // mouse\n else if(!touch_triggered) {\n count_touches = sourceEventType.match(/up/) ? 0 : 1;\n }\n\n // if we are in a end event, but when we remove one touch and\n // we still have enough, set eventType to move\n if(count_touches > 0 && eventType == ionic.Gestures.EVENT_END) {\n eventType = ionic.Gestures.EVENT_MOVE;\n }\n // no touches, force the end event\n else if(!count_touches) {\n eventType = ionic.Gestures.EVENT_END;\n }\n\n // store the last move event\n if(count_touches || last_move_event === null) {\n last_move_event = ev;\n }\n\n // trigger the handler\n handler.call(ionic.Gestures.detection, self.collectEventData(element, eventType, self.getTouchList(last_move_event, eventType), ev));\n\n // remove pointerevent from list\n if(ionic.Gestures.HAS_POINTEREVENTS && eventType == ionic.Gestures.EVENT_END) {\n count_touches = ionic.Gestures.PointerEvent.updatePointer(eventType, ev);\n }\n }\n\n //debug(sourceEventType +\" \"+ eventType);\n\n // on the end we reset everything\n if(!count_touches) {\n last_move_event = null;\n enable_detect = false;\n touch_triggered = false;\n ionic.Gestures.PointerEvent.reset();\n }\n });\n },\n\n\n /**\n * we have different events for each device/browser\n * determine what we need and set them in the ionic.Gestures.EVENT_TYPES constant\n */\n determineEventTypes: function determineEventTypes() {\n // determine the eventtype we want to set\n var types;\n\n // pointerEvents magic\n if(ionic.Gestures.HAS_POINTEREVENTS) {\n types = ionic.Gestures.PointerEvent.getEvents();\n }\n // on Android, iOS, blackberry, windows mobile we dont want any mouseevents\n else if(ionic.Gestures.NO_MOUSEEVENTS) {\n types = [\n 'touchstart',\n 'touchmove',\n 'touchend touchcancel'];\n }\n // for non pointer events browsers and mixed browsers,\n // like chrome on windows8 touch laptop\n else {\n types = [\n 'touchstart mousedown',\n 'touchmove mousemove',\n 'touchend touchcancel mouseup'];\n }\n\n ionic.Gestures.EVENT_TYPES[ionic.Gestures.EVENT_START] = types[0];\n ionic.Gestures.EVENT_TYPES[ionic.Gestures.EVENT_MOVE] = types[1];\n ionic.Gestures.EVENT_TYPES[ionic.Gestures.EVENT_END] = types[2];\n },\n\n\n /**\n * create touchlist depending on the event\n * @param {Object} ev\n * @param {String} eventType used by the fakemultitouch plugin\n */\n getTouchList: function getTouchList(ev/*, eventType*/) {\n // get the fake pointerEvent touchlist\n if(ionic.Gestures.HAS_POINTEREVENTS) {\n return ionic.Gestures.PointerEvent.getTouchList();\n }\n // get the touchlist\n else if(ev.touches) {\n return ev.touches;\n }\n // make fake touchlist from mouse position\n else {\n ev.identifier = 1;\n return [ev];\n }\n },\n\n\n /**\n * collect event data for ionic.Gestures js\n * @param {HTMLElement} element\n * @param {String} eventType like ionic.Gestures.EVENT_MOVE\n * @param {Object} eventData\n */\n collectEventData: function collectEventData(element, eventType, touches, ev) {\n\n // find out pointerType\n var pointerType = ionic.Gestures.POINTER_TOUCH;\n if(ev.type.match(/mouse/) || ionic.Gestures.PointerEvent.matchType(ionic.Gestures.POINTER_MOUSE, ev)) {\n pointerType = ionic.Gestures.POINTER_MOUSE;\n }\n\n return {\n center: ionic.Gestures.utils.getCenter(touches),\n timeStamp: new Date().getTime(),\n target: ev.target,\n touches: touches,\n eventType: eventType,\n pointerType: pointerType,\n srcEvent: ev,\n\n /**\n * prevent the browser default actions\n * mostly used to disable scrolling of the browser\n */\n preventDefault: function() {\n if(this.srcEvent.preventManipulation) {\n this.srcEvent.preventManipulation();\n }\n\n if(this.srcEvent.preventDefault) {\n // this.srcEvent.preventDefault();\n }\n },\n\n /**\n * stop bubbling the event up to its parents\n */\n stopPropagation: function() {\n this.srcEvent.stopPropagation();\n },\n\n /**\n * immediately stop gesture detection\n * might be useful after a swipe was detected\n * @return {*}\n */\n stopDetect: function() {\n return ionic.Gestures.detection.stopDetect();\n }\n };\n }\n };\n\n ionic.Gestures.PointerEvent = {\n /**\n * holds all pointers\n * type {Object}\n */\n pointers: {},\n\n /**\n * get a list of pointers\n * @returns {Array} touchlist\n */\n getTouchList: function() {\n var self = this;\n var touchlist = [];\n\n // we can use forEach since pointerEvents only is in IE10\n Object.keys(self.pointers).sort().forEach(function(id) {\n touchlist.push(self.pointers[id]);\n });\n return touchlist;\n },\n\n /**\n * update the position of a pointer\n * @param {String} type ionic.Gestures.EVENT_END\n * @param {Object} pointerEvent\n */\n updatePointer: function(type, pointerEvent) {\n if(type == ionic.Gestures.EVENT_END) {\n this.pointers = {};\n }\n else {\n pointerEvent.identifier = pointerEvent.pointerId;\n this.pointers[pointerEvent.pointerId] = pointerEvent;\n }\n\n return Object.keys(this.pointers).length;\n },\n\n /**\n * check if ev matches pointertype\n * @param {String} pointerType ionic.Gestures.POINTER_MOUSE\n * @param {PointerEvent} ev\n */\n matchType: function(pointerType, ev) {\n if(!ev.pointerType) {\n return false;\n }\n\n var types = {};\n types[ionic.Gestures.POINTER_MOUSE] = (ev.pointerType == ev.MSPOINTER_TYPE_MOUSE || ev.pointerType == ionic.Gestures.POINTER_MOUSE);\n types[ionic.Gestures.POINTER_TOUCH] = (ev.pointerType == ev.MSPOINTER_TYPE_TOUCH || ev.pointerType == ionic.Gestures.POINTER_TOUCH);\n types[ionic.Gestures.POINTER_PEN] = (ev.pointerType == ev.MSPOINTER_TYPE_PEN || ev.pointerType == ionic.Gestures.POINTER_PEN);\n return types[pointerType];\n },\n\n\n /**\n * get events\n */\n getEvents: function() {\n return [\n 'pointerdown MSPointerDown',\n 'pointermove MSPointerMove',\n 'pointerup pointercancel MSPointerUp MSPointerCancel'\n ];\n },\n\n /**\n * reset the list\n */\n reset: function() {\n this.pointers = {};\n }\n };\n\n\n ionic.Gestures.utils = {\n /**\n * extend method,\n * also used for cloning when dest is an empty object\n * @param {Object} dest\n * @param {Object} src\n * @param\t{Boolean}\tmerge\t\tdo a merge\n * @returns {Object} dest\n */\n extend: function extend(dest, src, merge) {\n for (var key in src) {\n if(dest[key] !== undefined && merge) {\n continue;\n }\n dest[key] = src[key];\n }\n return dest;\n },\n\n\n /**\n * find if a node is in the given parent\n * used for event delegation tricks\n * @param {HTMLElement} node\n * @param {HTMLElement} parent\n * @returns {boolean} has_parent\n */\n hasParent: function(node, parent) {\n while(node){\n if(node == parent) {\n return true;\n }\n node = node.parentNode;\n }\n return false;\n },\n\n\n /**\n * get the center of all the touches\n * @param {Array} touches\n * @returns {Object} center\n */\n getCenter: function getCenter(touches) {\n var valuesX = [], valuesY = [];\n\n for(var t = 0, len = touches.length; t < len; t++) {\n valuesX.push(touches[t].pageX);\n valuesY.push(touches[t].pageY);\n }\n\n return {\n pageX: ((Math.min.apply(Math, valuesX) + Math.max.apply(Math, valuesX)) / 2),\n pageY: ((Math.min.apply(Math, valuesY) + Math.max.apply(Math, valuesY)) / 2)\n };\n },\n\n\n /**\n * calculate the velocity between two points\n * @param {Number} delta_time\n * @param {Number} delta_x\n * @param {Number} delta_y\n * @returns {Object} velocity\n */\n getVelocity: function getVelocity(delta_time, delta_x, delta_y) {\n return {\n x: Math.abs(delta_x / delta_time) || 0,\n y: Math.abs(delta_y / delta_time) || 0\n };\n },\n\n\n /**\n * calculate the angle between two coordinates\n * @param {Touch} touch1\n * @param {Touch} touch2\n * @returns {Number} angle\n */\n getAngle: function getAngle(touch1, touch2) {\n var y = touch2.pageY - touch1.pageY,\n x = touch2.pageX - touch1.pageX;\n return Math.atan2(y, x) * 180 / Math.PI;\n },\n\n\n /**\n * angle to direction define\n * @param {Touch} touch1\n * @param {Touch} touch2\n * @returns {String} direction constant, like ionic.Gestures.DIRECTION_LEFT\n */\n getDirection: function getDirection(touch1, touch2) {\n var x = Math.abs(touch1.pageX - touch2.pageX),\n y = Math.abs(touch1.pageY - touch2.pageY);\n\n if(x >= y) {\n return touch1.pageX - touch2.pageX > 0 ? ionic.Gestures.DIRECTION_LEFT : ionic.Gestures.DIRECTION_RIGHT;\n }\n else {\n return touch1.pageY - touch2.pageY > 0 ? ionic.Gestures.DIRECTION_UP : ionic.Gestures.DIRECTION_DOWN;\n }\n },\n\n\n /**\n * calculate the distance between two touches\n * @param {Touch} touch1\n * @param {Touch} touch2\n * @returns {Number} distance\n */\n getDistance: function getDistance(touch1, touch2) {\n var x = touch2.pageX - touch1.pageX,\n y = touch2.pageY - touch1.pageY;\n return Math.sqrt((x * x) + (y * y));\n },\n\n\n /**\n * calculate the scale factor between two touchLists (fingers)\n * no scale is 1, and goes down to 0 when pinched together, and bigger when pinched out\n * @param {Array} start\n * @param {Array} end\n * @returns {Number} scale\n */\n getScale: function getScale(start, end) {\n // need two fingers...\n if(start.length >= 2 && end.length >= 2) {\n return this.getDistance(end[0], end[1]) /\n this.getDistance(start[0], start[1]);\n }\n return 1;\n },\n\n\n /**\n * calculate the rotation degrees between two touchLists (fingers)\n * @param {Array} start\n * @param {Array} end\n * @returns {Number} rotation\n */\n getRotation: function getRotation(start, end) {\n // need two fingers\n if(start.length >= 2 && end.length >= 2) {\n return this.getAngle(end[1], end[0]) -\n this.getAngle(start[1], start[0]);\n }\n return 0;\n },\n\n\n /**\n * boolean if the direction is vertical\n * @param {String} direction\n * @returns {Boolean} is_vertical\n */\n isVertical: function isVertical(direction) {\n return (direction == ionic.Gestures.DIRECTION_UP || direction == ionic.Gestures.DIRECTION_DOWN);\n },\n\n\n /**\n * stop browser default behavior with css class\n * @param {HtmlElement} element\n * @param {Object} css_class\n */\n stopDefaultBrowserBehavior: function stopDefaultBrowserBehavior(element, css_class) {\n // changed from making many style changes to just adding a preset classname\n // less DOM manipulations, less code, and easier to control in the CSS side of things\n // hammer.js doesn't come with CSS, but ionic does, which is why we prefer this method\n if(element && element.classList) {\n element.classList.add(css_class);\n element.onselectstart = function() {\n return false;\n };\n }\n }\n };\n\n\n ionic.Gestures.detection = {\n // contains all registred ionic.Gestures.gestures in the correct order\n gestures: [],\n\n // data of the current ionic.Gestures.gesture detection session\n current: null,\n\n // the previous ionic.Gestures.gesture session data\n // is a full clone of the previous gesture.current object\n previous: null,\n\n // when this becomes true, no gestures are fired\n stopped: false,\n\n\n /**\n * start ionic.Gestures.gesture detection\n * @param {ionic.Gestures.Instance} inst\n * @param {Object} eventData\n */\n startDetect: function startDetect(inst, eventData) {\n // already busy with a ionic.Gestures.gesture detection on an element\n if(this.current) {\n return;\n }\n\n this.stopped = false;\n\n this.current = {\n inst: inst, // reference to ionic.GesturesInstance we're working for\n startEvent: ionic.Gestures.utils.extend({}, eventData), // start eventData for distances, timing etc\n lastEvent: false, // last eventData\n name: '' // current gesture we're in/detected, can be 'tap', 'hold' etc\n };\n\n this.detect(eventData);\n },\n\n\n /**\n * ionic.Gestures.gesture detection\n * @param {Object} eventData\n */\n detect: function detect(eventData) {\n if(!this.current || this.stopped) {\n return null;\n }\n\n // extend event data with calculations about scale, distance etc\n eventData = this.extendEventData(eventData);\n\n // instance options\n var inst_options = this.current.inst.options;\n\n // call ionic.Gestures.gesture handlers\n for(var g = 0, len = this.gestures.length; g < len; g++) {\n var gesture = this.gestures[g];\n\n // only when the instance options have enabled this gesture\n if(!this.stopped && inst_options[gesture.name] !== false) {\n // if a handler returns false, we stop with the detection\n if(gesture.handler.call(gesture, eventData, this.current.inst) === false) {\n this.stopDetect();\n break;\n }\n }\n }\n\n // store as previous event event\n if(this.current) {\n this.current.lastEvent = eventData;\n }\n\n // endevent, but not the last touch, so dont stop\n if(eventData.eventType == ionic.Gestures.EVENT_END && !eventData.touches.length - 1) {\n this.stopDetect();\n }\n\n return eventData;\n },\n\n\n /**\n * clear the ionic.Gestures.gesture vars\n * this is called on endDetect, but can also be used when a final ionic.Gestures.gesture has been detected\n * to stop other ionic.Gestures.gestures from being fired\n */\n stopDetect: function stopDetect() {\n // clone current data to the store as the previous gesture\n // used for the double tap gesture, since this is an other gesture detect session\n this.previous = ionic.Gestures.utils.extend({}, this.current);\n\n // reset the current\n this.current = null;\n\n // stopped!\n this.stopped = true;\n },\n\n\n /**\n * extend eventData for ionic.Gestures.gestures\n * @param {Object} ev\n * @returns {Object} ev\n */\n extendEventData: function extendEventData(ev) {\n var startEv = this.current.startEvent;\n\n // if the touches change, set the new touches over the startEvent touches\n // this because touchevents don't have all the touches on touchstart, or the\n // user must place his fingers at the EXACT same time on the screen, which is not realistic\n // but, sometimes it happens that both fingers are touching at the EXACT same time\n if(startEv && (ev.touches.length != startEv.touches.length || ev.touches === startEv.touches)) {\n // extend 1 level deep to get the touchlist with the touch objects\n startEv.touches = [];\n for(var i = 0, len = ev.touches.length; i < len; i++) {\n startEv.touches.push(ionic.Gestures.utils.extend({}, ev.touches[i]));\n }\n }\n\n var delta_time = ev.timeStamp - startEv.timeStamp,\n delta_x = ev.center.pageX - startEv.center.pageX,\n delta_y = ev.center.pageY - startEv.center.pageY,\n velocity = ionic.Gestures.utils.getVelocity(delta_time, delta_x, delta_y);\n\n ionic.Gestures.utils.extend(ev, {\n deltaTime: delta_time,\n deltaX: delta_x,\n deltaY: delta_y,\n\n velocityX: velocity.x,\n velocityY: velocity.y,\n\n distance: ionic.Gestures.utils.getDistance(startEv.center, ev.center),\n angle: ionic.Gestures.utils.getAngle(startEv.center, ev.center),\n direction: ionic.Gestures.utils.getDirection(startEv.center, ev.center),\n\n scale: ionic.Gestures.utils.getScale(startEv.touches, ev.touches),\n rotation: ionic.Gestures.utils.getRotation(startEv.touches, ev.touches),\n\n startEvent: startEv\n });\n\n return ev;\n },\n\n\n /**\n * register new gesture\n * @param {Object} gesture object, see gestures.js for documentation\n * @returns {Array} gestures\n */\n register: function register(gesture) {\n // add an enable gesture options if there is no given\n var options = gesture.defaults || {};\n if(options[gesture.name] === undefined) {\n options[gesture.name] = true;\n }\n\n // extend ionic.Gestures default options with the ionic.Gestures.gesture options\n ionic.Gestures.utils.extend(ionic.Gestures.defaults, options, true);\n\n // set its index\n gesture.index = gesture.index || 1000;\n\n // add ionic.Gestures.gesture to the list\n this.gestures.push(gesture);\n\n // sort the list by index\n this.gestures.sort(function(a, b) {\n if (a.index < b.index) {\n return -1;\n }\n if (a.index > b.index) {\n return 1;\n }\n return 0;\n });\n\n return this.gestures;\n }\n };\n\n\n ionic.Gestures.gestures = ionic.Gestures.gestures || {};\n\n /**\n * Custom gestures\n * ==============================\n *\n * Gesture object\n * --------------------\n * The object structure of a gesture:\n *\n * { name: 'mygesture',\n * index: 1337,\n * defaults: {\n * mygesture_option: true\n * }\n * handler: function(type, ev, inst) {\n * // trigger gesture event\n * inst.trigger(this.name, ev);\n * }\n * }\n\n * @param {String} name\n * this should be the name of the gesture, lowercase\n * it is also being used to disable/enable the gesture per instance config.\n *\n * @param {Number} [index=1000]\n * the index of the gesture, where it is going to be in the stack of gestures detection\n * like when you build an gesture that depends on the drag gesture, it is a good\n * idea to place it after the index of the drag gesture.\n *\n * @param {Object} [defaults={}]\n * the default settings of the gesture. these are added to the instance settings,\n * and can be overruled per instance. you can also add the name of the gesture,\n * but this is also added by default (and set to true).\n *\n * @param {Function} handler\n * this handles the gesture detection of your custom gesture and receives the\n * following arguments:\n *\n * @param {Object} eventData\n * event data containing the following properties:\n * timeStamp {Number} time the event occurred\n * target {HTMLElement} target element\n * touches {Array} touches (fingers, pointers, mouse) on the screen\n * pointerType {String} kind of pointer that was used. matches ionic.Gestures.POINTER_MOUSE|TOUCH\n * center {Object} center position of the touches. contains pageX and pageY\n * deltaTime {Number} the total time of the touches in the screen\n * deltaX {Number} the delta on x axis we haved moved\n * deltaY {Number} the delta on y axis we haved moved\n * velocityX {Number} the velocity on the x\n * velocityY {Number} the velocity on y\n * angle {Number} the angle we are moving\n * direction {String} the direction we are moving. matches ionic.Gestures.DIRECTION_UP|DOWN|LEFT|RIGHT\n * distance {Number} the distance we haved moved\n * scale {Number} scaling of the touches, needs 2 touches\n * rotation {Number} rotation of the touches, needs 2 touches *\n * eventType {String} matches ionic.Gestures.EVENT_START|MOVE|END\n * srcEvent {Object} the source event, like TouchStart or MouseDown *\n * startEvent {Object} contains the same properties as above,\n * but from the first touch. this is used to calculate\n * distances, deltaTime, scaling etc\n *\n * @param {ionic.Gestures.Instance} inst\n * the instance we are doing the detection for. you can get the options from\n * the inst.options object and trigger the gesture event by calling inst.trigger\n *\n *\n * Handle gestures\n * --------------------\n * inside the handler you can get/set ionic.Gestures.detectionic.current. This is the current\n * detection sessionic. It has the following properties\n * @param {String} name\n * contains the name of the gesture we have detected. it has not a real function,\n * only to check in other gestures if something is detected.\n * like in the drag gesture we set it to 'drag' and in the swipe gesture we can\n * check if the current gesture is 'drag' by accessing ionic.Gestures.detectionic.current.name\n *\n * readonly\n * @param {ionic.Gestures.Instance} inst\n * the instance we do the detection for\n *\n * readonly\n * @param {Object} startEvent\n * contains the properties of the first gesture detection in this sessionic.\n * Used for calculations about timing, distance, etc.\n *\n * readonly\n * @param {Object} lastEvent\n * contains all the properties of the last gesture detect in this sessionic.\n *\n * after the gesture detection session has been completed (user has released the screen)\n * the ionic.Gestures.detectionic.current object is copied into ionic.Gestures.detectionic.previous,\n * this is usefull for gestures like doubletap, where you need to know if the\n * previous gesture was a tap\n *\n * options that have been set by the instance can be received by calling inst.options\n *\n * You can trigger a gesture event by calling inst.trigger(\"mygesture\", event).\n * The first param is the name of your gesture, the second the event argument\n *\n *\n * Register gestures\n * --------------------\n * When an gesture is added to the ionic.Gestures.gestures object, it is auto registered\n * at the setup of the first ionic.Gestures instance. You can also call ionic.Gestures.detectionic.register\n * manually and pass your gesture object as a param\n *\n */\n\n /**\n * Hold\n * Touch stays at the same place for x time\n * events hold\n */\n ionic.Gestures.gestures.Hold = {\n name: 'hold',\n index: 10,\n defaults: {\n hold_timeout: 500,\n hold_threshold: 1\n },\n timer: null,\n handler: function holdGesture(ev, inst) {\n switch(ev.eventType) {\n case ionic.Gestures.EVENT_START:\n // clear any running timers\n clearTimeout(this.timer);\n\n // set the gesture so we can check in the timeout if it still is\n ionic.Gestures.detection.current.name = this.name;\n\n // set timer and if after the timeout it still is hold,\n // we trigger the hold event\n this.timer = setTimeout(function() {\n if(ionic.Gestures.detection.current.name == 'hold') {\n ionic.tap.cancelClick();\n inst.trigger('hold', ev);\n }\n }, inst.options.hold_timeout);\n break;\n\n // when you move or end we clear the timer\n case ionic.Gestures.EVENT_MOVE:\n if(ev.distance > inst.options.hold_threshold) {\n clearTimeout(this.timer);\n }\n break;\n\n case ionic.Gestures.EVENT_END:\n clearTimeout(this.timer);\n break;\n }\n }\n };\n\n\n /**\n * Tap/DoubleTap\n * Quick touch at a place or double at the same place\n * events tap, doubletap\n */\n ionic.Gestures.gestures.Tap = {\n name: 'tap',\n index: 100,\n defaults: {\n tap_max_touchtime: 250,\n tap_max_distance: 10,\n tap_always: true,\n doubletap_distance: 20,\n doubletap_interval: 300\n },\n handler: function tapGesture(ev, inst) {\n if(ev.eventType == ionic.Gestures.EVENT_END && ev.srcEvent.type != 'touchcancel') {\n // previous gesture, for the double tap since these are two different gesture detections\n var prev = ionic.Gestures.detection.previous,\n did_doubletap = false;\n\n // when the touchtime is higher then the max touch time\n // or when the moving distance is too much\n if(ev.deltaTime > inst.options.tap_max_touchtime ||\n ev.distance > inst.options.tap_max_distance) {\n return;\n }\n\n // check if double tap\n if(prev && prev.name == 'tap' &&\n (ev.timeStamp - prev.lastEvent.timeStamp) < inst.options.doubletap_interval &&\n ev.distance < inst.options.doubletap_distance) {\n inst.trigger('doubletap', ev);\n did_doubletap = true;\n }\n\n // do a single tap\n if(!did_doubletap || inst.options.tap_always) {\n ionic.Gestures.detection.current.name = 'tap';\n inst.trigger('tap', ev);\n }\n }\n }\n };\n\n\n /**\n * Swipe\n * triggers swipe events when the end velocity is above the threshold\n * events swipe, swipeleft, swiperight, swipeup, swipedown\n */\n ionic.Gestures.gestures.Swipe = {\n name: 'swipe',\n index: 40,\n defaults: {\n // set 0 for unlimited, but this can conflict with transform\n swipe_max_touches: 1,\n swipe_velocity: 0.4\n },\n handler: function swipeGesture(ev, inst) {\n if(ev.eventType == ionic.Gestures.EVENT_END) {\n // max touches\n if(inst.options.swipe_max_touches > 0 &&\n ev.touches.length > inst.options.swipe_max_touches) {\n return;\n }\n\n // when the distance we moved is too small we skip this gesture\n // or we can be already in dragging\n if(ev.velocityX > inst.options.swipe_velocity ||\n ev.velocityY > inst.options.swipe_velocity) {\n // trigger swipe events\n inst.trigger(this.name, ev);\n inst.trigger(this.name + ev.direction, ev);\n }\n }\n }\n };\n\n\n /**\n * Drag\n * Move with x fingers (default 1) around on the page. Blocking the scrolling when\n * moving left and right is a good practice. When all the drag events are blocking\n * you disable scrolling on that area.\n * events drag, drapleft, dragright, dragup, dragdown\n */\n ionic.Gestures.gestures.Drag = {\n name: 'drag',\n index: 50,\n defaults: {\n drag_min_distance: 10,\n // Set correct_for_drag_min_distance to true to make the starting point of the drag\n // be calculated from where the drag was triggered, not from where the touch started.\n // Useful to avoid a jerk-starting drag, which can make fine-adjustments\n // through dragging difficult, and be visually unappealing.\n correct_for_drag_min_distance: true,\n // set 0 for unlimited, but this can conflict with transform\n drag_max_touches: 1,\n // prevent default browser behavior when dragging occurs\n // be careful with it, it makes the element a blocking element\n // when you are using the drag gesture, it is a good practice to set this true\n drag_block_horizontal: true,\n drag_block_vertical: true,\n // drag_lock_to_axis keeps the drag gesture on the axis that it started on,\n // It disallows vertical directions if the initial direction was horizontal, and vice versa.\n drag_lock_to_axis: false,\n // drag lock only kicks in when distance > drag_lock_min_distance\n // This way, locking occurs only when the distance has become large enough to reliably determine the direction\n drag_lock_min_distance: 25,\n // prevent default if the gesture is going the given direction\n prevent_default_directions: []\n },\n triggered: false,\n handler: function dragGesture(ev, inst) {\n if (ev.srcEvent.type == 'touchstart' || ev.srcEvent.type == 'touchend') {\n this.preventedFirstMove = false;\n\n } else if (!this.preventedFirstMove && ev.srcEvent.type == 'touchmove') {\n if (inst.options.prevent_default_directions.indexOf(ev.direction) != -1) {\n ev.srcEvent.preventDefault();\n }\n this.preventedFirstMove = true;\n }\n\n // current gesture isnt drag, but dragged is true\n // this means an other gesture is busy. now call dragend\n if(ionic.Gestures.detection.current.name != this.name && this.triggered) {\n inst.trigger(this.name + 'end', ev);\n this.triggered = false;\n return;\n }\n\n // max touches\n if(inst.options.drag_max_touches > 0 &&\n ev.touches.length > inst.options.drag_max_touches) {\n return;\n }\n\n switch(ev.eventType) {\n case ionic.Gestures.EVENT_START:\n this.triggered = false;\n break;\n\n case ionic.Gestures.EVENT_MOVE:\n // when the distance we moved is too small we skip this gesture\n // or we can be already in dragging\n if(ev.distance < inst.options.drag_min_distance &&\n ionic.Gestures.detection.current.name != this.name) {\n return;\n }\n\n // we are dragging!\n if(ionic.Gestures.detection.current.name != this.name) {\n ionic.Gestures.detection.current.name = this.name;\n if (inst.options.correct_for_drag_min_distance) {\n // When a drag is triggered, set the event center to drag_min_distance pixels from the original event center.\n // Without this correction, the dragged distance would jumpstart at drag_min_distance pixels instead of at 0.\n // It might be useful to save the original start point somewhere\n var factor = Math.abs(inst.options.drag_min_distance / ev.distance);\n ionic.Gestures.detection.current.startEvent.center.pageX += ev.deltaX * factor;\n ionic.Gestures.detection.current.startEvent.center.pageY += ev.deltaY * factor;\n\n // recalculate event data using new start point\n ev = ionic.Gestures.detection.extendEventData(ev);\n }\n }\n\n // lock drag to axis?\n if(ionic.Gestures.detection.current.lastEvent.drag_locked_to_axis || (inst.options.drag_lock_to_axis && inst.options.drag_lock_min_distance <= ev.distance)) {\n ev.drag_locked_to_axis = true;\n }\n var last_direction = ionic.Gestures.detection.current.lastEvent.direction;\n if(ev.drag_locked_to_axis && last_direction !== ev.direction) {\n // keep direction on the axis that the drag gesture started on\n if(ionic.Gestures.utils.isVertical(last_direction)) {\n ev.direction = (ev.deltaY < 0) ? ionic.Gestures.DIRECTION_UP : ionic.Gestures.DIRECTION_DOWN;\n }\n else {\n ev.direction = (ev.deltaX < 0) ? ionic.Gestures.DIRECTION_LEFT : ionic.Gestures.DIRECTION_RIGHT;\n }\n }\n\n // first time, trigger dragstart event\n if(!this.triggered) {\n inst.trigger(this.name + 'start', ev);\n this.triggered = true;\n }\n\n // trigger normal event\n inst.trigger(this.name, ev);\n\n // direction event, like dragdown\n inst.trigger(this.name + ev.direction, ev);\n\n // block the browser events\n if( (inst.options.drag_block_vertical && ionic.Gestures.utils.isVertical(ev.direction)) ||\n (inst.options.drag_block_horizontal && !ionic.Gestures.utils.isVertical(ev.direction))) {\n ev.preventDefault();\n }\n break;\n\n case ionic.Gestures.EVENT_END:\n // trigger dragend\n if(this.triggered) {\n inst.trigger(this.name + 'end', ev);\n }\n\n this.triggered = false;\n break;\n }\n }\n };\n\n\n /**\n * Transform\n * User want to scale or rotate with 2 fingers\n * events transform, pinch, pinchin, pinchout, rotate\n */\n ionic.Gestures.gestures.Transform = {\n name: 'transform',\n index: 45,\n defaults: {\n // factor, no scale is 1, zoomin is to 0 and zoomout until higher then 1\n transform_min_scale: 0.01,\n // rotation in degrees\n transform_min_rotation: 1,\n // prevent default browser behavior when two touches are on the screen\n // but it makes the element a blocking element\n // when you are using the transform gesture, it is a good practice to set this true\n transform_always_block: false\n },\n triggered: false,\n handler: function transformGesture(ev, inst) {\n // current gesture isnt drag, but dragged is true\n // this means an other gesture is busy. now call dragend\n if(ionic.Gestures.detection.current.name != this.name && this.triggered) {\n inst.trigger(this.name + 'end', ev);\n this.triggered = false;\n return;\n }\n\n // atleast multitouch\n if(ev.touches.length < 2) {\n return;\n }\n\n // prevent default when two fingers are on the screen\n if(inst.options.transform_always_block) {\n ev.preventDefault();\n }\n\n switch(ev.eventType) {\n case ionic.Gestures.EVENT_START:\n this.triggered = false;\n break;\n\n case ionic.Gestures.EVENT_MOVE:\n var scale_threshold = Math.abs(1 - ev.scale);\n var rotation_threshold = Math.abs(ev.rotation);\n\n // when the distance we moved is too small we skip this gesture\n // or we can be already in dragging\n if(scale_threshold < inst.options.transform_min_scale &&\n rotation_threshold < inst.options.transform_min_rotation) {\n return;\n }\n\n // we are transforming!\n ionic.Gestures.detection.current.name = this.name;\n\n // first time, trigger dragstart event\n if(!this.triggered) {\n inst.trigger(this.name + 'start', ev);\n this.triggered = true;\n }\n\n inst.trigger(this.name, ev); // basic transform event\n\n // trigger rotate event\n if(rotation_threshold > inst.options.transform_min_rotation) {\n inst.trigger('rotate', ev);\n }\n\n // trigger pinch event\n if(scale_threshold > inst.options.transform_min_scale) {\n inst.trigger('pinch', ev);\n inst.trigger('pinch' + ((ev.scale < 1) ? 'in' : 'out'), ev);\n }\n break;\n\n case ionic.Gestures.EVENT_END:\n // trigger dragend\n if(this.triggered) {\n inst.trigger(this.name + 'end', ev);\n }\n\n this.triggered = false;\n break;\n }\n }\n };\n\n\n /**\n * Touch\n * Called as first, tells the user has touched the screen\n * events touch\n */\n ionic.Gestures.gestures.Touch = {\n name: 'touch',\n index: -Infinity,\n defaults: {\n // call preventDefault at touchstart, and makes the element blocking by\n // disabling the scrolling of the page, but it improves gestures like\n // transforming and dragging.\n // be careful with using this, it can be very annoying for users to be stuck\n // on the page\n prevent_default: false,\n\n // disable mouse events, so only touch (or pen!) input triggers events\n prevent_mouseevents: false\n },\n handler: function touchGesture(ev, inst) {\n if(inst.options.prevent_mouseevents && ev.pointerType == ionic.Gestures.POINTER_MOUSE) {\n ev.stopDetect();\n return;\n }\n\n if(inst.options.prevent_default) {\n ev.preventDefault();\n }\n\n if(ev.eventType == ionic.Gestures.EVENT_START) {\n inst.trigger(this.name, ev);\n }\n }\n };\n\n\n /**\n * Release\n * Called as last, tells the user has released the screen\n * events release\n */\n ionic.Gestures.gestures.Release = {\n name: 'release',\n index: Infinity,\n handler: function releaseGesture(ev, inst) {\n if(ev.eventType == ionic.Gestures.EVENT_END) {\n inst.trigger(this.name, ev);\n }\n }\n };\n})(window.ionic);\n\n(function(window, document, ionic) {\n\n function getParameterByName(name) {\n name = name.replace(/[\\[]/, \"\\\\[\").replace(/[\\]]/, \"\\\\]\");\n var regex = new RegExp(\"[\\\\?&]\" + name + \"=([^&#]*)\"),\n results = regex.exec(location.search);\n return results === null ? \"\" : decodeURIComponent(results[1].replace(/\\+/g, \" \"));\n }\n\n var IOS = 'ios';\n var ANDROID = 'android';\n var WINDOWS_PHONE = 'windowsphone';\n var requestAnimationFrame = ionic.requestAnimationFrame;\n\n /**\n * @ngdoc utility\n * @name ionic.Platform\n * @module ionic\n * @description\n * A set of utility methods that can be used to retrieve the device ready state and\n * various other information such as what kind of platform the app is currently installed on.\n *\n * @usage\n * ```js\n * angular.module('PlatformApp', ['ionic'])\n * .controller('PlatformCtrl', function($scope) {\n *\n * ionic.Platform.ready(function(){\n * // will execute when device is ready, or immediately if the device is already ready.\n * });\n *\n * var deviceInformation = ionic.Platform.device();\n *\n * var isWebView = ionic.Platform.isWebView();\n * var isIPad = ionic.Platform.isIPad();\n * var isIOS = ionic.Platform.isIOS();\n * var isAndroid = ionic.Platform.isAndroid();\n * var isWindowsPhone = ionic.Platform.isWindowsPhone();\n *\n * var currentPlatform = ionic.Platform.platform();\n * var currentPlatformVersion = ionic.Platform.version();\n *\n * ionic.Platform.exitApp(); // stops the app\n * });\n * ```\n */\n var self = ionic.Platform = {\n\n // Put navigator on platform so it can be mocked and set\n // the browser does not allow window.navigator to be set\n navigator: window.navigator,\n\n /**\n * @ngdoc property\n * @name ionic.Platform#isReady\n * @returns {boolean} Whether the device is ready.\n */\n isReady: false,\n /**\n * @ngdoc property\n * @name ionic.Platform#isFullScreen\n * @returns {boolean} Whether the device is fullscreen.\n */\n isFullScreen: false,\n /**\n * @ngdoc property\n * @name ionic.Platform#platforms\n * @returns {Array(string)} An array of all platforms found.\n */\n platforms: null,\n /**\n * @ngdoc property\n * @name ionic.Platform#grade\n * @returns {string} What grade the current platform is.\n */\n grade: null,\n ua: navigator.userAgent,\n\n /**\n * @ngdoc method\n * @name ionic.Platform#ready\n * @description\n * Trigger a callback once the device is ready, or immediately\n * if the device is already ready. This method can be run from\n * anywhere and does not need to be wrapped by any additonal methods.\n * When the app is within a WebView (Cordova), it'll fire\n * the callback once the device is ready. If the app is within\n * a web browser, it'll fire the callback after `window.load`.\n * Please remember that Cordova features (Camera, FileSystem, etc) still\n * will not work in a web browser.\n * @param {function} callback The function to call.\n */\n ready: function(cb) {\n // run through tasks to complete now that the device is ready\n if (self.isReady) {\n cb();\n } else {\n // the platform isn't ready yet, add it to this array\n // which will be called once the platform is ready\n readyCallbacks.push(cb);\n }\n },\n\n /**\n * @private\n */\n detect: function() {\n self._checkPlatforms();\n\n requestAnimationFrame(function() {\n // only add to the body class if we got platform info\n for (var i = 0; i < self.platforms.length; i++) {\n document.body.classList.add('platform-' + self.platforms[i]);\n }\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#setGrade\n * @description Set the grade of the device: 'a', 'b', or 'c'. 'a' is the best\n * (most css features enabled), 'c' is the worst. By default, sets the grade\n * depending on the current device.\n * @param {string} grade The new grade to set.\n */\n setGrade: function(grade) {\n var oldGrade = self.grade;\n self.grade = grade;\n requestAnimationFrame(function() {\n if (oldGrade) {\n document.body.classList.remove('grade-' + oldGrade);\n }\n document.body.classList.add('grade-' + grade);\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#device\n * @description Return the current device (given by cordova).\n * @returns {object} The device object.\n */\n device: function() {\n return window.device || {};\n },\n\n _checkPlatforms: function() {\n self.platforms = [];\n var grade = 'a';\n\n if (self.isWebView()) {\n self.platforms.push('webview');\n if (!(!window.cordova && !window.PhoneGap && !window.phonegap)) {\n self.platforms.push('cordova');\n } else if (window.forge) {\n self.platforms.push('trigger');\n }\n } else {\n self.platforms.push('browser');\n }\n if (self.isIPad()) self.platforms.push('ipad');\n\n var platform = self.platform();\n if (platform) {\n self.platforms.push(platform);\n\n var version = self.version();\n if (version) {\n var v = version.toString();\n if (v.indexOf('.') > 0) {\n v = v.replace('.', '_');\n } else {\n v += '_0';\n }\n self.platforms.push(platform + v.split('_')[0]);\n self.platforms.push(platform + v);\n\n if (self.isAndroid() && version < 4.4) {\n grade = (version < 4 ? 'c' : 'b');\n } else if (self.isWindowsPhone()) {\n grade = 'b';\n }\n }\n }\n\n self.setGrade(grade);\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#isWebView\n * @returns {boolean} Check if we are running within a WebView (such as Cordova).\n */\n isWebView: function() {\n return !(!window.cordova && !window.PhoneGap && !window.phonegap && !window.forge);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isIPad\n * @returns {boolean} Whether we are running on iPad.\n */\n isIPad: function() {\n if (/iPad/i.test(self.navigator.platform)) {\n return true;\n }\n return /iPad/i.test(self.ua);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isIOS\n * @returns {boolean} Whether we are running on iOS.\n */\n isIOS: function() {\n return self.is(IOS);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isAndroid\n * @returns {boolean} Whether we are running on Android.\n */\n isAndroid: function() {\n return self.is(ANDROID);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isWindowsPhone\n * @returns {boolean} Whether we are running on Windows Phone.\n */\n isWindowsPhone: function() {\n return self.is(WINDOWS_PHONE);\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#platform\n * @returns {string} The name of the current platform.\n */\n platform: function() {\n // singleton to get the platform name\n if (platformName === null) self.setPlatform(self.device().platform);\n return platformName;\n },\n\n /**\n * @private\n */\n setPlatform: function(n) {\n if (typeof n != 'undefined' && n !== null && n.length) {\n platformName = n.toLowerCase();\n } else if (getParameterByName('ionicplatform')) {\n platformName = getParameterByName('ionicplatform');\n } else if (self.ua.indexOf('Android') > 0) {\n platformName = ANDROID;\n } else if (/iPhone|iPad|iPod/.test(self.ua)) {\n platformName = IOS;\n } else if (self.ua.indexOf('Windows Phone') > -1) {\n platformName = WINDOWS_PHONE;\n } else {\n platformName = self.navigator.platform && navigator.platform.toLowerCase().split(' ')[0] || '';\n }\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#version\n * @returns {number} The version of the current device platform.\n */\n version: function() {\n // singleton to get the platform version\n if (platformVersion === null) self.setVersion(self.device().version);\n return platformVersion;\n },\n\n /**\n * @private\n */\n setVersion: function(v) {\n if (typeof v != 'undefined' && v !== null) {\n v = v.split('.');\n v = parseFloat(v[0] + '.' + (v.length > 1 ? v[1] : 0));\n if (!isNaN(v)) {\n platformVersion = v;\n return;\n }\n }\n\n platformVersion = 0;\n\n // fallback to user-agent checking\n var pName = self.platform();\n var versionMatch = {\n 'android': /Android (\\d+).(\\d+)?/,\n 'ios': /OS (\\d+)_(\\d+)?/,\n 'windowsphone': /Windows Phone (\\d+).(\\d+)?/\n };\n if (versionMatch[pName]) {\n v = self.ua.match(versionMatch[pName]);\n if (v && v.length > 2) {\n platformVersion = parseFloat(v[1] + '.' + v[2]);\n }\n }\n },\n\n // Check if the platform is the one detected by cordova\n is: function(type) {\n type = type.toLowerCase();\n // check if it has an array of platforms\n if (self.platforms) {\n for (var x = 0; x < self.platforms.length; x++) {\n if (self.platforms[x] === type) return true;\n }\n }\n // exact match\n var pName = self.platform();\n if (pName) {\n return pName === type.toLowerCase();\n }\n\n // A quick hack for to check userAgent\n return self.ua.toLowerCase().indexOf(type) >= 0;\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#exitApp\n * @description Exit the app.\n */\n exitApp: function() {\n self.ready(function() {\n navigator.app && navigator.app.exitApp && navigator.app.exitApp();\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#showStatusBar\n * @description Shows or hides the device status bar (in Cordova). Requires `cordova plugin add org.apache.cordova.statusbar`\n * @param {boolean} shouldShow Whether or not to show the status bar.\n */\n showStatusBar: function(val) {\n // Only useful when run within cordova\n self._showStatusBar = val;\n self.ready(function() {\n // run this only when or if the platform (cordova) is ready\n requestAnimationFrame(function() {\n if (self._showStatusBar) {\n // they do not want it to be full screen\n window.StatusBar && window.StatusBar.show();\n document.body.classList.remove('status-bar-hide');\n } else {\n // it should be full screen\n window.StatusBar && window.StatusBar.hide();\n document.body.classList.add('status-bar-hide');\n }\n });\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#fullScreen\n * @description\n * Sets whether the app is fullscreen or not (in Cordova).\n * @param {boolean=} showFullScreen Whether or not to set the app to fullscreen. Defaults to true. Requires `cordova plugin add org.apache.cordova.statusbar`\n * @param {boolean=} showStatusBar Whether or not to show the device's status bar. Defaults to false.\n */\n fullScreen: function(showFullScreen, showStatusBar) {\n // showFullScreen: default is true if no param provided\n self.isFullScreen = (showFullScreen !== false);\n\n // add/remove the fullscreen classname to the body\n ionic.DomUtil.ready(function() {\n // run this only when or if the DOM is ready\n requestAnimationFrame(function() {\n if (self.isFullScreen) {\n document.body.classList.add('fullscreen');\n } else {\n document.body.classList.remove('fullscreen');\n }\n });\n // showStatusBar: default is false if no param provided\n self.showStatusBar((showStatusBar === true));\n });\n }\n\n };\n\n var platformName = null, // just the name, like iOS or Android\n platformVersion = null, // a float of the major and minor, like 7.1\n readyCallbacks = [],\n windowLoadListenderAttached;\n\n // setup listeners to know when the device is ready to go\n function onWindowLoad() {\n if (self.isWebView()) {\n // the window and scripts are fully loaded, and a cordova/phonegap\n // object exists then let's listen for the deviceready\n document.addEventListener(\"deviceready\", onPlatformReady, false);\n } else {\n // the window and scripts are fully loaded, but the window object doesn't have the\n // cordova/phonegap object, so its just a browser, not a webview wrapped w/ cordova\n onPlatformReady();\n }\n if (windowLoadListenderAttached) {\n window.removeEventListener(\"load\", onWindowLoad, false);\n }\n }\n if (document.readyState === 'complete') {\n onWindowLoad();\n } else {\n windowLoadListenderAttached = true;\n window.addEventListener(\"load\", onWindowLoad, false);\n }\n\n function onPlatformReady() {\n // the device is all set to go, init our own stuff then fire off our event\n self.isReady = true;\n self.detect();\n for (var x = 0; x < readyCallbacks.length; x++) {\n // fire off all the callbacks that were added before the platform was ready\n readyCallbacks[x]();\n }\n readyCallbacks = [];\n ionic.trigger('platformready', { target: document });\n\n requestAnimationFrame(function() {\n document.body.classList.add('platform-ready');\n });\n }\n\n})(this, document, ionic);\n\n(function(document, ionic) {\n 'use strict';\n\n // Ionic CSS polyfills\n ionic.CSS = {};\n\n (function() {\n\n // transform\n var i, keys = ['webkitTransform', 'transform', '-webkit-transform', 'webkit-transform',\n '-moz-transform', 'moz-transform', 'MozTransform', 'mozTransform', 'msTransform'];\n\n for (i = 0; i < keys.length; i++) {\n if (document.documentElement.style[keys[i]] !== undefined) {\n ionic.CSS.TRANSFORM = keys[i];\n break;\n }\n }\n\n // transition\n keys = ['webkitTransition', 'mozTransition', 'msTransition', 'transition'];\n for (i = 0; i < keys.length; i++) {\n if (document.documentElement.style[keys[i]] !== undefined) {\n ionic.CSS.TRANSITION = keys[i];\n break;\n }\n }\n\n // The only prefix we care about is webkit for transitions.\n var isWebkit = ionic.CSS.TRANSITION.indexOf('webkit') > -1;\n\n // transition duration\n ionic.CSS.TRANSITION_DURATION = (isWebkit ? '-webkit-' : '') + 'transition-duration';\n\n // To be sure transitionend works everywhere, include *both* the webkit and non-webkit events\n ionic.CSS.TRANSITIONEND = (isWebkit ? 'webkitTransitionEnd ' : '') + 'transitionend';\n })();\n\n // classList polyfill for them older Androids\n // https://gist.github.com/devongovett/1381839\n if (!(\"classList\" in document.documentElement) && Object.defineProperty && typeof HTMLElement !== 'undefined') {\n Object.defineProperty(HTMLElement.prototype, 'classList', {\n get: function() {\n var self = this;\n function update(fn) {\n return function() {\n var x, classes = self.className.split(/\\s+/);\n\n for (x = 0; x < arguments.length; x++) {\n fn(classes, classes.indexOf(arguments[x]), arguments[x]);\n }\n\n self.className = classes.join(\" \");\n };\n }\n\n return {\n add: update(function(classes, index, value) {\n ~index || classes.push(value);\n }),\n\n remove: update(function(classes, index) {\n ~index && classes.splice(index, 1);\n }),\n\n toggle: update(function(classes, index, value) {\n ~index ? classes.splice(index, 1) : classes.push(value);\n }),\n\n contains: function(value) {\n return !!~self.className.split(/\\s+/).indexOf(value);\n },\n\n item: function(i) {\n return self.className.split(/\\s+/)[i] || null;\n }\n };\n\n }\n });\n }\n\n})(document, ionic);\n\n\n/**\n * @ngdoc page\n * @name tap\n * @module ionic\n * @description\n * On touch devices such as a phone or tablet, some browsers implement a 300ms delay between\n * the time the user stops touching the display and the moment the browser executes the\n * click. This delay was initially introduced so the browser can know whether the user wants to\n * double-tap to zoom in on the webpage. Basically, the browser waits roughly 300ms to see if\n * the user is double-tapping, or just tapping on the display once.\n *\n * Out of the box, Ionic automatically removes the 300ms delay in order to make Ionic apps\n * feel more \"native\" like. Resultingly, other solutions such as\n * [fastclick](https://github.com/ftlabs/fastclick) and Angular's\n * [ngTouch](https://docs.angularjs.org/api/ngTouch) should not be included, to avoid conflicts.\n *\n * Some browsers already remove the delay with certain settings, such as the CSS property\n * `touch-events: none` or with specific meta tag viewport values. However, each of these\n * browsers still handle clicks differently, such as when to fire off or cancel the event\n * (like scrolling when the target is a button, or holding a button down).\n * For browsers that already remove the 300ms delay, consider Ionic's tap system as a way to\n * normalize how clicks are handled across the various devices so there's an expected response\n * no matter what the device, platform or version. Additionally, Ionic will prevent\n * ghostclicks which even browsers that remove the delay still experience.\n *\n * In some cases, third-party libraries may also be working with touch events which can interfere\n * with the tap system. For example, mapping libraries like Google or Leaflet Maps often implement\n * a touch detection system which conflicts with Ionic's tap system.\n *\n * ### Disabling the tap system\n *\n * To disable the tap for an element and all of its children elements,\n * add the attribute `data-tap-disabled=\"true\"`.\n *\n * ```html\n *\n *\n * ```\n *\n * ### iOS Notes\n * - If the content of your app (including the header) is being pushed up and\n * out of view on input focus, try setting `cordova.plugins.Keyboard.disableScroll(true)`.\n * This does **not** disable scrolling in the Ionic scroll view, rather it\n * disables the native overflow scrolling that happens automatically as a\n * result of focusing on inputs below the keyboard.\n *\n */\n\n/**\n * The current viewport height.\n */\nvar keyboardCurrentViewportHeight = 0;\n\n/**\n * The viewport height when in portrait orientation.\n */\nvar keyboardPortraitViewportHeight = 0;\n\n/**\n * The viewport height when in landscape orientation.\n */\nvar keyboardLandscapeViewportHeight = 0;\n\n/**\n * The currently focused input.\n */\nvar keyboardActiveElement;\n\n/**\n * The scroll view containing the currently focused input.\n */\nvar scrollView;\n\n/**\n * Timer for the setInterval that polls window.innerHeight to determine whether\n * the layout has updated for the keyboard showing/hiding.\n */\nvar waitForResizeTimer;\n\n/**\n * Sometimes when switching inputs or orientations, focusout will fire before\n * focusin, so this timer is for the small setTimeout to determine if we should\n * really focusout/hide the keyboard.\n */\nvar keyboardFocusOutTimer;\n\n/**\n * on Android, orientationchange will fire before the keyboard plugin notifies\n * the browser that the keyboard will show/is showing, so this flag indicates\n * to nativeShow that there was an orientationChange and we should update\n * the viewport height with an accurate keyboard height value\n */\nvar wasOrientationChange = false;\n\n/**\n * CSS class added to the body indicating the keyboard is open.\n */\nvar KEYBOARD_OPEN_CSS = 'keyboard-open';\n\n/**\n * CSS class that indicates a scroll container.\n */\nvar SCROLL_CONTAINER_CSS = 'scroll-content';\n\n/**\n * Debounced keyboardFocusIn function\n */\nvar debouncedKeyboardFocusIn = ionic.debounce(keyboardFocusIn, 200, true);\n\n/**\n * Debounced keyboardNativeShow function\n */\nvar debouncedKeyboardNativeShow = ionic.debounce(keyboardNativeShow, 100, true);\n\n/**\n * Ionic keyboard namespace.\n * @namespace keyboard\n */\nionic.keyboard = {\n\n /**\n * Whether the keyboard is open or not.\n */\n isOpen: false,\n\n /**\n * Whether the keyboard is closing or not.\n */\n isClosing: false,\n\n /**\n * Whether the keyboard is opening or not.\n */\n isOpening: false,\n\n /**\n * The height of the keyboard in pixels, as reported by the keyboard plugin.\n * If the plugin is not available, calculated as the difference in\n * window.innerHeight after the keyboard has shown.\n */\n height: 0,\n\n /**\n * Whether the device is in landscape orientation or not.\n */\n isLandscape: false,\n\n /**\n * Whether the keyboard event listeners have been added or not\n */\n isInitialized: false,\n\n /**\n * Hide the keyboard, if it is open.\n */\n hide: function() {\n if (keyboardHasPlugin()) {\n cordova.plugins.Keyboard.close();\n }\n keyboardActiveElement && keyboardActiveElement.blur();\n },\n\n /**\n * An alias for cordova.plugins.Keyboard.show(). If the keyboard plugin\n * is installed, show the keyboard.\n */\n show: function() {\n if (keyboardHasPlugin()) {\n cordova.plugins.Keyboard.show();\n }\n },\n\n /**\n * Remove all keyboard related event listeners, effectively disabling Ionic's\n * keyboard adjustments.\n */\n disable: function() {\n if (keyboardHasPlugin()) {\n window.removeEventListener('native.keyboardshow', debouncedKeyboardNativeShow );\n window.removeEventListener('native.keyboardhide', keyboardFocusOut);\n } else {\n document.body.removeEventListener('focusout', keyboardFocusOut);\n }\n\n document.body.removeEventListener('ionic.focusin', debouncedKeyboardFocusIn);\n document.body.removeEventListener('focusin', debouncedKeyboardFocusIn);\n\n window.removeEventListener('orientationchange', keyboardOrientationChange);\n\n if ( window.navigator.msPointerEnabled ) {\n document.removeEventListener(\"MSPointerDown\", keyboardInit);\n } else {\n document.removeEventListener('touchstart', keyboardInit);\n }\n ionic.keyboard.isInitialized = false;\n },\n\n /**\n * Alias for keyboardInit, initialize all keyboard related event listeners.\n */\n enable: function() {\n keyboardInit();\n }\n};\n\n// Initialize the viewport height (after ionic.keyboard.height has been\n// defined).\nkeyboardCurrentViewportHeight = getViewportHeight();\n\n\n /* Event handlers */\n/* ------------------------------------------------------------------------- */\n\n/**\n * Event handler for first touch event, initializes all event listeners\n * for keyboard related events. Also aliased by ionic.keyboard.enable.\n */\nfunction keyboardInit() {\n\n if (ionic.keyboard.isInitialized) return;\n\n if (keyboardHasPlugin()) {\n window.addEventListener('native.keyboardshow', debouncedKeyboardNativeShow);\n window.addEventListener('native.keyboardhide', keyboardFocusOut);\n } else {\n document.body.addEventListener('focusout', keyboardFocusOut);\n }\n\n document.body.addEventListener('ionic.focusin', debouncedKeyboardFocusIn);\n document.body.addEventListener('focusin', debouncedKeyboardFocusIn);\n\n if (window.navigator.msPointerEnabled) {\n document.removeEventListener(\"MSPointerDown\", keyboardInit);\n } else {\n document.removeEventListener('touchstart', keyboardInit);\n }\n\n ionic.keyboard.isInitialized = true;\n}\n\n/**\n * Event handler for 'native.keyboardshow' event, sets keyboard.height to the\n * reported height and keyboard.isOpening to true. Then calls\n * keyboardWaitForResize with keyboardShow or keyboardUpdateViewportHeight as\n * the callback depending on whether the event was triggered by a focusin or\n * an orientationchange.\n */\nfunction keyboardNativeShow(e) {\n clearTimeout(keyboardFocusOutTimer);\n //console.log(\"keyboardNativeShow fired at: \" + Date.now());\n //console.log(\"keyboardNativeshow window.innerHeight: \" + window.innerHeight);\n\n if (!ionic.keyboard.isOpen || ionic.keyboard.isClosing) {\n ionic.keyboard.isOpening = true;\n ionic.keyboard.isClosing = false;\n }\n\n ionic.keyboard.height = e.keyboardHeight;\n //console.log('nativeshow keyboard height:' + e.keyboardHeight);\n\n if (wasOrientationChange) {\n keyboardWaitForResize(keyboardUpdateViewportHeight, true);\n } else {\n keyboardWaitForResize(keyboardShow, true);\n }\n}\n\n/**\n * Event handler for 'focusin' and 'ionic.focusin' events. Initializes\n * keyboard state (keyboardActiveElement and keyboard.isOpening) for the\n * appropriate adjustments once the window has resized. If not using the\n * keyboard plugin, calls keyboardWaitForResize with keyboardShow as the\n * callback or keyboardShow right away if the keyboard is already open. If\n * using the keyboard plugin does nothing and lets keyboardNativeShow handle\n * adjustments with a more accurate keyboard height.\n */\nfunction keyboardFocusIn(e) {\n clearTimeout(keyboardFocusOutTimer);\n //console.log(\"keyboardFocusIn from: \" + e.type + \" at: \" + Date.now());\n\n if (!e.target ||\n e.target.readOnly ||\n !ionic.tap.isKeyboardElement(e.target) ||\n !(scrollView = inputScrollView(e.target))) {\n keyboardActiveElement = null;\n return;\n }\n\n keyboardActiveElement = e.target;\n\n // if using JS scrolling, undo the effects of native overflow scroll so the\n // scroll view is positioned correctly\n document.body.scrollTop = 0;\n scrollView.scrollTop = 0;\n ionic.requestAnimationFrame(function(){\n document.body.scrollTop = 0;\n scrollView.scrollTop = 0;\n });\n\n if (!ionic.keyboard.isOpen || ionic.keyboard.isClosing) {\n ionic.keyboard.isOpening = true;\n ionic.keyboard.isClosing = false;\n }\n\n // attempt to prevent browser from natively scrolling input into view while\n // we are trying to do the same (while we are scrolling) if the user taps the\n // keyboard\n document.addEventListener('keydown', keyboardOnKeyDown, false);\n\n // any showing part of the document that isn't within the scroll the user\n // could touchmove and cause some ugly changes to the app, so disable\n // any touchmove events while the keyboard is open using e.preventDefault()\n if (window.navigator.msPointerEnabled) {\n document.addEventListener(\"MSPointerMove\", keyboardPreventDefault, false);\n } else {\n document.addEventListener('touchmove', keyboardPreventDefault, false);\n }\n\n // if we aren't using the plugin and the keyboard isn't open yet, wait for the\n // window to resize so we can get an accurate estimate of the keyboard size,\n // otherwise we do nothing and let nativeShow call keyboardShow once we have\n // an exact keyboard height\n // if the keyboard is already open, go ahead and scroll the input into view\n // if necessary\n if (!ionic.keyboard.isOpen && !keyboardHasPlugin()) {\n keyboardWaitForResize(keyboardShow, true);\n\n } else if (ionic.keyboard.isOpen) {\n keyboardShow();\n }\n}\n\n/**\n * Event handler for 'focusout' events. Sets keyboard.isClosing to true and\n * calls keyboardWaitForResize with keyboardHide as the callback after a small\n * timeout.\n */\nfunction keyboardFocusOut() {\n clearTimeout(keyboardFocusOutTimer);\n //console.log(\"keyboardFocusOut fired at: \" + Date.now());\n //console.log(\"keyboardFocusOut event type: \" + e.type);\n\n if (ionic.keyboard.isOpen || ionic.keyboard.isOpening) {\n ionic.keyboard.isClosing = true;\n ionic.keyboard.isOpening = false;\n }\n\n // Call keyboardHide with a slight delay because sometimes on focus or\n // orientation change focusin is called immediately after, so we give it time\n // to cancel keyboardHide\n keyboardFocusOutTimer = setTimeout(function() {\n ionic.requestAnimationFrame(function() {\n // focusOut during or right after an orientationchange, so we didn't get\n // a chance to update the viewport height yet, do it and keyboardHide\n //console.log(\"focusOut, wasOrientationChange: \" + wasOrientationChange);\n if (wasOrientationChange) {\n keyboardWaitForResize(function(){\n keyboardUpdateViewportHeight();\n keyboardHide();\n }, false);\n } else {\n keyboardWaitForResize(keyboardHide, false);\n }\n });\n }, 50);\n}\n\n/**\n * Event handler for 'orientationchange' events. If using the keyboard plugin\n * and the keyboard is open on Android, sets wasOrientationChange to true so\n * nativeShow can update the viewport height with an accurate keyboard height.\n * If the keyboard isn't open or keyboard plugin isn't being used,\n * waits for the window to resize before updating the viewport height.\n *\n * On iOS, where orientationchange fires after the keyboard has already shown,\n * updates the viewport immediately, regardless of if the keyboard is already\n * open.\n */\nfunction keyboardOrientationChange() {\n //console.log(\"orientationchange fired at: \" + Date.now());\n //console.log(\"orientation was: \" + (ionic.keyboard.isLandscape ? \"landscape\" : \"portrait\"));\n\n // toggle orientation\n ionic.keyboard.isLandscape = !ionic.keyboard.isLandscape;\n // //console.log(\"now orientation is: \" + (ionic.keyboard.isLandscape ? \"landscape\" : \"portrait\"));\n\n // no need to wait for resizing on iOS, and orientationchange always fires\n // after the keyboard has opened, so it doesn't matter if it's open or not\n if (ionic.Platform.isIOS()) {\n keyboardUpdateViewportHeight();\n }\n\n // On Android, if the keyboard isn't open or we aren't using the keyboard\n // plugin, update the viewport height once everything has resized. If the\n // keyboard is open and we are using the keyboard plugin do nothing and let\n // nativeShow handle it using an accurate keyboard height.\n if ( ionic.Platform.isAndroid()) {\n if (!ionic.keyboard.isOpen || !keyboardHasPlugin()) {\n keyboardWaitForResize(keyboardUpdateViewportHeight, false);\n } else {\n wasOrientationChange = true;\n }\n }\n}\n\n/**\n * Event handler for 'keydown' event. Tries to prevent browser from natively\n * scrolling an input into view when a user taps the keyboard while we are\n * scrolling the input into view ourselves with JS.\n */\nfunction keyboardOnKeyDown(e) {\n if (ionic.scroll.isScrolling) {\n keyboardPreventDefault(e);\n }\n}\n\n/**\n * Event for 'touchmove' or 'MSPointerMove'. Prevents native scrolling on\n * elements outside the scroll view while the keyboard is open.\n */\nfunction keyboardPreventDefault(e) {\n if (e.target.tagName !== 'TEXTAREA') {\n e.preventDefault();\n }\n}\n\n /* Private API */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Polls window.innerHeight until it has updated to an expected value (or\n * sufficient time has passed) before calling the specified callback function.\n * Only necessary for non-fullscreen Android which sometimes reports multiple\n * window.innerHeight values during interim layouts while it is resizing.\n *\n * On iOS, the window.innerHeight will already be updated, but we use the 50ms\n * delay as essentially a timeout so that scroll view adjustments happen after\n * the keyboard has shown so there isn't a white flash from us resizing too\n * quickly.\n *\n * @param {Function} callback the function to call once the window has resized\n * @param {boolean} isOpening whether the resize is from the keyboard opening\n * or not\n */\nfunction keyboardWaitForResize(callback, isOpening) {\n clearInterval(waitForResizeTimer);\n var count = 0;\n var maxCount;\n var initialHeight = getViewportHeight();\n var viewportHeight = initialHeight;\n\n //console.log(\"waitForResize initial viewport height: \" + viewportHeight);\n //var start = Date.now();\n //console.log(\"start: \" + start);\n\n // want to fail relatively quickly on modern android devices, since it's much\n // more likely we just have a bad keyboard height\n if (ionic.Platform.isAndroid() && ionic.Platform.version() < 4.4) {\n maxCount = 30;\n } else if (ionic.Platform.isAndroid()) {\n maxCount = 10;\n } else {\n maxCount = 1;\n }\n\n // poll timer\n waitForResizeTimer = setInterval(function(){\n viewportHeight = getViewportHeight();\n\n // height hasn't updated yet, try again in 50ms\n // if not using plugin, wait for maxCount to ensure we have waited long enough\n // to get an accurate keyboard height\n if (++count < maxCount &&\n ((!isPortraitViewportHeight(viewportHeight) &&\n !isLandscapeViewportHeight(viewportHeight)) ||\n !ionic.keyboard.height)) {\n return;\n }\n\n // infer the keyboard height from the resize if not using the keyboard plugin\n if (!keyboardHasPlugin()) {\n ionic.keyboard.height = Math.abs(initialHeight - window.innerHeight);\n }\n\n // set to true if we were waiting for the keyboard to open\n ionic.keyboard.isOpen = isOpening;\n\n clearInterval(waitForResizeTimer);\n //var end = Date.now();\n //console.log(\"waitForResize count: \" + count);\n //console.log(\"end: \" + end);\n //console.log(\"difference: \" + ( end - start ) + \"ms\");\n\n //console.log(\"callback: \" + callback.name);\n callback();\n\n }, 50);\n\n return maxCount; //for tests\n}\n\n/**\n * On keyboard close sets keyboard state to closed, resets the scroll view,\n * removes CSS from body indicating keyboard was open, removes any event\n * listeners for when the keyboard is open and on Android blurs the active\n * element (which in some cases will still have focus even if the keyboard\n * is closed and can cause it to reappear on subsequent taps).\n */\nfunction keyboardHide() {\n clearTimeout(keyboardFocusOutTimer);\n //console.log(\"keyboardHide\");\n\n ionic.keyboard.isOpen = false;\n ionic.keyboard.isClosing = false;\n\n if (keyboardActiveElement) {\n ionic.trigger('resetScrollView', {\n target: keyboardActiveElement\n }, true);\n }\n\n ionic.requestAnimationFrame(function(){\n document.body.classList.remove(KEYBOARD_OPEN_CSS);\n });\n\n // the keyboard is gone now, remove the touchmove that disables native scroll\n if (window.navigator.msPointerEnabled) {\n document.removeEventListener(\"MSPointerMove\", keyboardPreventDefault);\n } else {\n document.removeEventListener('touchmove', keyboardPreventDefault);\n }\n document.removeEventListener('keydown', keyboardOnKeyDown);\n\n if (ionic.Platform.isAndroid()) {\n // on android closing the keyboard with the back/dismiss button won't remove\n // focus and keyboard can re-appear on subsequent taps (like scrolling)\n if (keyboardHasPlugin()) cordova.plugins.Keyboard.close();\n keyboardActiveElement && keyboardActiveElement.blur();\n }\n\n keyboardActiveElement = null;\n}\n\n/**\n * On keyboard open sets keyboard state to open, adds CSS to the body\n * indicating the keyboard is open and tells the scroll view to resize and\n * the currently focused input into view if necessary.\n */\nfunction keyboardShow() {\n\n ionic.keyboard.isOpen = true;\n ionic.keyboard.isOpening = false;\n\n var details = {\n keyboardHeight: keyboardGetHeight(),\n viewportHeight: keyboardCurrentViewportHeight\n };\n\n if (keyboardActiveElement) {\n details.target = keyboardActiveElement;\n\n var elementBounds = keyboardActiveElement.getBoundingClientRect();\n\n details.elementTop = Math.round(elementBounds.top);\n details.elementBottom = Math.round(elementBounds.bottom);\n\n details.windowHeight = details.viewportHeight - details.keyboardHeight;\n //console.log(\"keyboardShow viewportHeight: \" + details.viewportHeight +\n //\", windowHeight: \" + details.windowHeight +\n //\", keyboardHeight: \" + details.keyboardHeight);\n\n // figure out if the element is under the keyboard\n details.isElementUnderKeyboard = (details.elementBottom > details.windowHeight);\n //console.log(\"isUnderKeyboard: \" + details.isElementUnderKeyboard);\n //console.log(\"elementBottom: \" + details.elementBottom);\n\n // send event so the scroll view adjusts\n ionic.trigger('scrollChildIntoView', details, true);\n }\n\n setTimeout(function(){\n document.body.classList.add(KEYBOARD_OPEN_CSS);\n }, 400);\n\n return details; //for testing\n}\n\n/* eslint no-unused-vars:0 */\nfunction keyboardGetHeight() {\n // check if we already have a keyboard height from the plugin or resize calculations\n if (ionic.keyboard.height) {\n return ionic.keyboard.height;\n }\n\n if (ionic.Platform.isAndroid()) {\n // should be using the plugin, no way to know how big the keyboard is, so guess\n if ( ionic.Platform.isFullScreen ) {\n return 275;\n }\n // otherwise just calculate it\n var contentHeight = window.innerHeight;\n if (contentHeight < keyboardCurrentViewportHeight) {\n return keyboardCurrentViewportHeight - contentHeight;\n } else {\n return 0;\n }\n }\n\n // fallback for when it's the webview without the plugin\n // or for just the standard web browser\n // TODO: have these be based on device\n if (ionic.Platform.isIOS()) {\n if (ionic.keyboard.isLandscape) {\n return 206;\n }\n\n if (!ionic.Platform.isWebView()) {\n return 216;\n }\n\n return 260;\n }\n\n // safe guess\n return 275;\n}\n\nfunction isPortraitViewportHeight(viewportHeight) {\n return !!(!ionic.keyboard.isLandscape &&\n keyboardPortraitViewportHeight &&\n (Math.abs(keyboardPortraitViewportHeight - viewportHeight) < 2));\n}\n\nfunction isLandscapeViewportHeight(viewportHeight) {\n return !!(ionic.keyboard.isLandscape &&\n keyboardLandscapeViewportHeight &&\n (Math.abs(keyboardLandscapeViewportHeight - viewportHeight) < 2));\n}\n\nfunction keyboardUpdateViewportHeight() {\n wasOrientationChange = false;\n keyboardCurrentViewportHeight = getViewportHeight();\n\n if (ionic.keyboard.isLandscape && !keyboardLandscapeViewportHeight) {\n //console.log(\"saved landscape: \" + keyboardCurrentViewportHeight);\n keyboardLandscapeViewportHeight = keyboardCurrentViewportHeight;\n\n } else if (!ionic.keyboard.isLandscape && !keyboardPortraitViewportHeight) {\n //console.log(\"saved portrait: \" + keyboardCurrentViewportHeight);\n keyboardPortraitViewportHeight = keyboardCurrentViewportHeight;\n }\n\n if (keyboardActiveElement) {\n ionic.trigger('resetScrollView', {\n target: keyboardActiveElement\n }, true);\n }\n\n if (ionic.keyboard.isOpen && ionic.tap.isTextInput(keyboardActiveElement)) {\n keyboardShow();\n }\n}\n\nfunction keyboardInitViewportHeight() {\n var viewportHeight = getViewportHeight();\n //console.log(\"Keyboard init VP: \" + viewportHeight + \" \" + window.innerWidth);\n // can't just use window.innerHeight in case the keyboard is opened immediately\n if ((viewportHeight / window.innerWidth) < 1) {\n ionic.keyboard.isLandscape = true;\n }\n //console.log(\"ionic.keyboard.isLandscape is: \" + ionic.keyboard.isLandscape);\n\n // initialize or update the current viewport height values\n keyboardCurrentViewportHeight = viewportHeight;\n if (ionic.keyboard.isLandscape && !keyboardLandscapeViewportHeight) {\n keyboardLandscapeViewportHeight = keyboardCurrentViewportHeight;\n } else if (!ionic.keyboard.isLandscape && !keyboardPortraitViewportHeight) {\n keyboardPortraitViewportHeight = keyboardCurrentViewportHeight;\n }\n}\n\nfunction getViewportHeight() {\n var windowHeight = window.innerHeight;\n //console.log('window.innerHeight is: ' + windowHeight);\n //console.log('kb height is: ' + ionic.keyboard.height);\n //console.log('kb isOpen: ' + ionic.keyboard.isOpen);\n\n //TODO: add iPad undocked/split kb once kb plugin supports it\n // the keyboard overlays the window on Android fullscreen\n if (!(ionic.Platform.isAndroid() && ionic.Platform.isFullScreen) &&\n (ionic.keyboard.isOpen || ionic.keyboard.isOpening) &&\n !ionic.keyboard.isClosing) {\n\n return windowHeight + keyboardGetHeight();\n }\n return windowHeight;\n}\n\nfunction inputScrollView(ele) {\n while(ele) {\n if (ele.classList.contains(SCROLL_CONTAINER_CSS)) {\n return ele;\n }\n ele = ele.parentElement;\n }\n return null;\n}\n\nfunction keyboardHasPlugin() {\n return !!(window.cordova && cordova.plugins && cordova.plugins.Keyboard);\n}\n\nionic.Platform.ready(function() {\n keyboardInitViewportHeight();\n\n window.addEventListener('orientationchange', keyboardOrientationChange);\n\n // if orientation changes while app is in background, update on resuming\n /*\n if ( ionic.Platform.isWebView() ) {\n document.addEventListener('resume', keyboardInitViewportHeight);\n\n if (ionic.Platform.isAndroid()) {\n //TODO: onbackpressed to detect keyboard close without focusout or plugin\n }\n }\n */\n\n // if orientation changes while app is in background, update on resuming\n/* if ( ionic.Platform.isWebView() ) {\n document.addEventListener('pause', function() {\n window.removeEventListener('orientationchange', keyboardOrientationChange);\n })\n document.addEventListener('resume', function() {\n keyboardInitViewportHeight();\n window.addEventListener('orientationchange', keyboardOrientationChange)\n });\n }*/\n\n // Android sometimes reports bad innerHeight on window.load\n // try it again in a lil bit to play it safe\n setTimeout(keyboardInitViewportHeight, 999);\n\n // only initialize the adjustments for the virtual keyboard\n // if a touchstart event happens\n if (window.navigator.msPointerEnabled) {\n document.addEventListener(\"MSPointerDown\", keyboardInit, false);\n } else {\n document.addEventListener('touchstart', keyboardInit, false);\n }\n});\n\n\n\nvar viewportTag;\nvar viewportProperties = {};\n\nionic.viewport = {\n orientation: function() {\n // 0 = Portrait\n // 90 = Landscape\n // not using window.orientation because each device has a different implementation\n return (window.innerWidth > window.innerHeight ? 90 : 0);\n }\n};\n\nfunction viewportLoadTag() {\n var x;\n\n for (x = 0; x < document.head.children.length; x++) {\n if (document.head.children[x].name == 'viewport') {\n viewportTag = document.head.children[x];\n break;\n }\n }\n\n if (viewportTag) {\n var props = viewportTag.content.toLowerCase().replace(/\\s+/g, '').split(',');\n var keyValue;\n for (x = 0; x < props.length; x++) {\n if (props[x]) {\n keyValue = props[x].split('=');\n viewportProperties[ keyValue[0] ] = (keyValue.length > 1 ? keyValue[1] : '_');\n }\n }\n viewportUpdate();\n }\n}\n\nfunction viewportUpdate() {\n // unit tests in viewport.unit.js\n\n var initWidth = viewportProperties.width;\n var initHeight = viewportProperties.height;\n var p = ionic.Platform;\n var version = p.version();\n var DEVICE_WIDTH = 'device-width';\n var DEVICE_HEIGHT = 'device-height';\n var orientation = ionic.viewport.orientation();\n\n // Most times we're removing the height and adding the width\n // So this is the default to start with, then modify per platform/version/oreintation\n delete viewportProperties.height;\n viewportProperties.width = DEVICE_WIDTH;\n\n if (p.isIPad()) {\n // iPad\n\n if (version > 7) {\n // iPad >= 7.1\n // https://issues.apache.org/jira/browse/CB-4323\n delete viewportProperties.width;\n\n } else {\n // iPad <= 7.0\n\n if (p.isWebView()) {\n // iPad <= 7.0 WebView\n\n if (orientation == 90) {\n // iPad <= 7.0 WebView Landscape\n viewportProperties.height = '0';\n\n } else if (version == 7) {\n // iPad <= 7.0 WebView Portait\n viewportProperties.height = DEVICE_HEIGHT;\n }\n } else {\n // iPad <= 6.1 Browser\n if (version < 7) {\n viewportProperties.height = '0';\n }\n }\n }\n\n } else if (p.isIOS()) {\n // iPhone\n\n if (p.isWebView()) {\n // iPhone WebView\n\n if (version > 7) {\n // iPhone >= 7.1 WebView\n delete viewportProperties.width;\n\n } else if (version < 7) {\n // iPhone <= 6.1 WebView\n // if height was set it needs to get removed with this hack for <= 6.1\n if (initHeight) viewportProperties.height = '0';\n\n } else if (version == 7) {\n //iPhone == 7.0 WebView\n viewportProperties.height = DEVICE_HEIGHT;\n }\n\n } else {\n // iPhone Browser\n\n if (version < 7) {\n // iPhone <= 6.1 Browser\n // if height was set it needs to get removed with this hack for <= 6.1\n if (initHeight) viewportProperties.height = '0';\n }\n }\n\n }\n\n // only update the viewport tag if there was a change\n if (initWidth !== viewportProperties.width || initHeight !== viewportProperties.height) {\n viewportTagUpdate();\n }\n}\n\nfunction viewportTagUpdate() {\n var key, props = [];\n for (key in viewportProperties) {\n if (viewportProperties[key]) {\n props.push(key + (viewportProperties[key] == '_' ? '' : '=' + viewportProperties[key]));\n }\n }\n\n viewportTag.content = props.join(', ');\n}\n\nionic.Platform.ready(function() {\n viewportLoadTag();\n\n window.addEventListener(\"orientationchange\", function() {\n setTimeout(viewportUpdate, 1000);\n }, false);\n});\n\n(function(ionic) {\n'use strict';\n ionic.views.View = function() {\n this.initialize.apply(this, arguments);\n };\n\n ionic.views.View.inherit = ionic.inherit;\n\n ionic.extend(ionic.views.View.prototype, {\n initialize: function() {}\n });\n\n})(window.ionic);\n\n/*\n * Scroller\n * http://github.com/zynga/scroller\n *\n * Copyright 2011, Zynga Inc.\n * Licensed under the MIT License.\n * https://raw.github.com/zynga/scroller/master/MIT-LICENSE.txt\n *\n * Based on the work of: Unify Project (unify-project.org)\n * http://unify-project.org\n * Copyright 2011, Deutsche Telekom AG\n * License: MIT + Apache (V2)\n */\n\n/* jshint eqnull: true */\n\n/**\n * Generic animation class with support for dropped frames both optional easing and duration.\n *\n * Optional duration is useful when the lifetime is defined by another condition than time\n * e.g. speed of an animating object, etc.\n *\n * Dropped frame logic allows to keep using the same updater logic independent from the actual\n * rendering. This eases a lot of cases where it might be pretty complex to break down a state\n * based on the pure time difference.\n */\nvar zyngaCore = { effect: {} };\n(function(global) {\n var time = Date.now || function() {\n return +new Date();\n };\n var desiredFrames = 60;\n var millisecondsPerSecond = 1000;\n var running = {};\n var counter = 1;\n\n zyngaCore.effect.Animate = {\n\n /**\n * A requestAnimationFrame wrapper / polyfill.\n *\n * @param callback {Function} The callback to be invoked before the next repaint.\n * @param root {HTMLElement} The root element for the repaint\n */\n requestAnimationFrame: (function() {\n\n // Check for request animation Frame support\n var requestFrame = global.requestAnimationFrame || global.webkitRequestAnimationFrame || global.mozRequestAnimationFrame || global.oRequestAnimationFrame;\n var isNative = !!requestFrame;\n\n if (requestFrame && !/requestAnimationFrame\\(\\)\\s*\\{\\s*\\[native code\\]\\s*\\}/i.test(requestFrame.toString())) {\n isNative = false;\n }\n\n if (isNative) {\n return function(callback, root) {\n requestFrame(callback, root);\n };\n }\n\n var TARGET_FPS = 60;\n var requests = {};\n var requestCount = 0;\n var rafHandle = 1;\n var intervalHandle = null;\n var lastActive = +new Date();\n\n return function(callback) {\n var callbackHandle = rafHandle++;\n\n // Store callback\n requests[callbackHandle] = callback;\n requestCount++;\n\n // Create timeout at first request\n if (intervalHandle === null) {\n\n intervalHandle = setInterval(function() {\n\n var time = +new Date();\n var currentRequests = requests;\n\n // Reset data structure before executing callbacks\n requests = {};\n requestCount = 0;\n\n for(var key in currentRequests) {\n if (currentRequests.hasOwnProperty(key)) {\n currentRequests[key](time);\n lastActive = time;\n }\n }\n\n // Disable the timeout when nothing happens for a certain\n // period of time\n if (time - lastActive > 2500) {\n clearInterval(intervalHandle);\n intervalHandle = null;\n }\n\n }, 1000 / TARGET_FPS);\n }\n\n return callbackHandle;\n };\n\n })(),\n\n\n /**\n * Stops the given animation.\n *\n * @param id {Integer} Unique animation ID\n * @return {Boolean} Whether the animation was stopped (aka, was running before)\n */\n stop: function(id) {\n var cleared = running[id] != null;\n if (cleared) {\n running[id] = null;\n }\n\n return cleared;\n },\n\n\n /**\n * Whether the given animation is still running.\n *\n * @param id {Integer} Unique animation ID\n * @return {Boolean} Whether the animation is still running\n */\n isRunning: function(id) {\n return running[id] != null;\n },\n\n\n /**\n * Start the animation.\n *\n * @param stepCallback {Function} Pointer to function which is executed on every step.\n * Signature of the method should be `function(percent, now, virtual) { return continueWithAnimation; }`\n * @param verifyCallback {Function} Executed before every animation step.\n * Signature of the method should be `function() { return continueWithAnimation; }`\n * @param completedCallback {Function}\n * Signature of the method should be `function(droppedFrames, finishedAnimation) {}`\n * @param duration {Integer} Milliseconds to run the animation\n * @param easingMethod {Function} Pointer to easing function\n * Signature of the method should be `function(percent) { return modifiedValue; }`\n * @param root {Element} Render root, when available. Used for internal\n * usage of requestAnimationFrame.\n * @return {Integer} Identifier of animation. Can be used to stop it any time.\n */\n start: function(stepCallback, verifyCallback, completedCallback, duration, easingMethod, root) {\n\n var start = time();\n var lastFrame = start;\n var percent = 0;\n var dropCounter = 0;\n var id = counter++;\n\n if (!root) {\n root = document.body;\n }\n\n // Compacting running db automatically every few new animations\n if (id % 20 === 0) {\n var newRunning = {};\n for (var usedId in running) {\n newRunning[usedId] = true;\n }\n running = newRunning;\n }\n\n // This is the internal step method which is called every few milliseconds\n var step = function(virtual) {\n\n // Normalize virtual value\n var render = virtual !== true;\n\n // Get current time\n var now = time();\n\n // Verification is executed before next animation step\n if (!running[id] || (verifyCallback && !verifyCallback(id))) {\n\n running[id] = null;\n completedCallback && completedCallback(desiredFrames - (dropCounter / ((now - start) / millisecondsPerSecond)), id, false);\n return;\n\n }\n\n // For the current rendering to apply let's update omitted steps in memory.\n // This is important to bring internal state variables up-to-date with progress in time.\n if (render) {\n\n var droppedFrames = Math.round((now - lastFrame) / (millisecondsPerSecond / desiredFrames)) - 1;\n for (var j = 0; j < Math.min(droppedFrames, 4); j++) {\n step(true);\n dropCounter++;\n }\n\n }\n\n // Compute percent value\n if (duration) {\n percent = (now - start) / duration;\n if (percent > 1) {\n percent = 1;\n }\n }\n\n // Execute step callback, then...\n var value = easingMethod ? easingMethod(percent) : percent;\n if ((stepCallback(value, now, render) === false || percent === 1) && render) {\n running[id] = null;\n completedCallback && completedCallback(desiredFrames - (dropCounter / ((now - start) / millisecondsPerSecond)), id, percent === 1 || duration == null);\n } else if (render) {\n lastFrame = now;\n zyngaCore.effect.Animate.requestAnimationFrame(step, root);\n }\n };\n\n // Mark as running\n running[id] = true;\n\n // Init first step\n zyngaCore.effect.Animate.requestAnimationFrame(step, root);\n\n // Return unique animation ID\n return id;\n }\n };\n})(this);\n\n/*\n * Scroller\n * http://github.com/zynga/scroller\n *\n * Copyright 2011, Zynga Inc.\n * Licensed under the MIT License.\n * https://raw.github.com/zynga/scroller/master/MIT-LICENSE.txt\n *\n * Based on the work of: Unify Project (unify-project.org)\n * http://unify-project.org\n * Copyright 2011, Deutsche Telekom AG\n * License: MIT + Apache (V2)\n */\n\n(function(ionic) {\n var NOOP = function(){};\n\n // Easing Equations (c) 2003 Robert Penner, all rights reserved.\n // Open source under the BSD License.\n\n /**\n * @param pos {Number} position between 0 (start of effect) and 1 (end of effect)\n **/\n var easeOutCubic = function(pos) {\n return (Math.pow((pos - 1), 3) + 1);\n };\n\n /**\n * @param pos {Number} position between 0 (start of effect) and 1 (end of effect)\n **/\n var easeInOutCubic = function(pos) {\n if ((pos /= 0.5) < 1) {\n return 0.5 * Math.pow(pos, 3);\n }\n\n return 0.5 * (Math.pow((pos - 2), 3) + 2);\n };\n\n\n/**\n * ionic.views.Scroll\n * A powerful scroll view with support for bouncing, pull to refresh, and paging.\n * @param {Object} options options for the scroll view\n * @class A scroll view system\n * @memberof ionic.views\n */\nionic.views.Scroll = ionic.views.View.inherit({\n initialize: function(options) {\n var self = this;\n\n self.__container = options.el;\n self.__content = options.el.firstElementChild;\n\n //Remove any scrollTop attached to these elements; they are virtual scroll now\n //This also stops on-load-scroll-to-window.location.hash that the browser does\n setTimeout(function() {\n if (self.__container && self.__content) {\n self.__container.scrollTop = 0;\n self.__content.scrollTop = 0;\n }\n });\n\n self.options = {\n\n /** Disable scrolling on x-axis by default */\n scrollingX: false,\n scrollbarX: true,\n\n /** Enable scrolling on y-axis */\n scrollingY: true,\n scrollbarY: true,\n\n startX: 0,\n startY: 0,\n\n /** The amount to dampen mousewheel events */\n wheelDampen: 6,\n\n /** The minimum size the scrollbars scale to while scrolling */\n minScrollbarSizeX: 5,\n minScrollbarSizeY: 5,\n\n /** Scrollbar fading after scrolling */\n scrollbarsFade: true,\n scrollbarFadeDelay: 300,\n /** The initial fade delay when the pane is resized or initialized */\n scrollbarResizeFadeDelay: 1000,\n\n /** Enable animations for deceleration, snap back, zooming and scrolling */\n animating: true,\n\n /** duration for animations triggered by scrollTo/zoomTo */\n animationDuration: 250,\n\n /** The velocity required to make the scroll view \"slide\" after touchend */\n decelVelocityThreshold: 4,\n\n /** The velocity required to make the scroll view \"slide\" after touchend when using paging */\n decelVelocityThresholdPaging: 4,\n\n /** Enable bouncing (content can be slowly moved outside and jumps back after releasing) */\n bouncing: true,\n\n /** Enable locking to the main axis if user moves only slightly on one of them at start */\n locking: true,\n\n /** Enable pagination mode (switching between full page content panes) */\n paging: false,\n\n /** Enable snapping of content to a configured pixel grid */\n snapping: false,\n\n /** Enable zooming of content via API, fingers and mouse wheel */\n zooming: false,\n\n /** Minimum zoom level */\n minZoom: 0.5,\n\n /** Maximum zoom level */\n maxZoom: 3,\n\n /** Multiply or decrease scrolling speed **/\n speedMultiplier: 1,\n\n deceleration: 0.97,\n\n /** Whether to prevent default on a scroll operation to capture drag events **/\n preventDefault: false,\n\n /** Callback that is fired on the later of touch end or deceleration end,\n provided that another scrolling action has not begun. Used to know\n when to fade out a scrollbar. */\n scrollingComplete: NOOP,\n\n /** This configures the amount of change applied to deceleration when reaching boundaries **/\n penetrationDeceleration: 0.03,\n\n /** This configures the amount of change applied to acceleration when reaching boundaries **/\n penetrationAcceleration: 0.08,\n\n // The ms interval for triggering scroll events\n scrollEventInterval: 10,\n\n freeze: false,\n\n getContentWidth: function() {\n return Math.max(self.__content.scrollWidth, self.__content.offsetWidth);\n },\n getContentHeight: function() {\n return Math.max(self.__content.scrollHeight, self.__content.offsetHeight + (self.__content.offsetTop * 2));\n }\n };\n\n for (var key in options) {\n self.options[key] = options[key];\n }\n\n self.hintResize = ionic.debounce(function() {\n self.resize();\n }, 1000, true);\n\n self.onScroll = function() {\n\n if (!ionic.scroll.isScrolling) {\n setTimeout(self.setScrollStart, 50);\n } else {\n clearTimeout(self.scrollTimer);\n self.scrollTimer = setTimeout(self.setScrollStop, 80);\n }\n\n };\n\n self.freeze = function(shouldFreeze) {\n if (arguments.length) {\n self.options.freeze = shouldFreeze;\n }\n return self.options.freeze;\n };\n\n self.setScrollStart = function() {\n ionic.scroll.isScrolling = Math.abs(ionic.scroll.lastTop - self.__scrollTop) > 1;\n clearTimeout(self.scrollTimer);\n self.scrollTimer = setTimeout(self.setScrollStop, 80);\n };\n\n self.setScrollStop = function() {\n ionic.scroll.isScrolling = false;\n ionic.scroll.lastTop = self.__scrollTop;\n };\n\n self.triggerScrollEvent = ionic.throttle(function() {\n self.onScroll();\n ionic.trigger('scroll', {\n scrollTop: self.__scrollTop,\n scrollLeft: self.__scrollLeft,\n target: self.__container\n });\n }, self.options.scrollEventInterval);\n\n self.triggerScrollEndEvent = function() {\n ionic.trigger('scrollend', {\n scrollTop: self.__scrollTop,\n scrollLeft: self.__scrollLeft,\n target: self.__container\n });\n };\n\n self.__scrollLeft = self.options.startX;\n self.__scrollTop = self.options.startY;\n\n // Get the render update function, initialize event handlers,\n // and calculate the size of the scroll container\n self.__callback = self.getRenderFn();\n self.__initEventHandlers();\n self.__createScrollbars();\n\n },\n\n run: function() {\n this.resize();\n\n // Fade them out\n this.__fadeScrollbars('out', this.options.scrollbarResizeFadeDelay);\n },\n\n\n\n /*\n ---------------------------------------------------------------------------\n INTERNAL FIELDS :: STATUS\n ---------------------------------------------------------------------------\n */\n\n /** Whether only a single finger is used in touch handling */\n __isSingleTouch: false,\n\n /** Whether a touch event sequence is in progress */\n __isTracking: false,\n\n /** Whether a deceleration animation went to completion. */\n __didDecelerationComplete: false,\n\n /**\n * Whether a gesture zoom/rotate event is in progress. Activates when\n * a gesturestart event happens. This has higher priority than dragging.\n */\n __isGesturing: false,\n\n /**\n * Whether the user has moved by such a distance that we have enabled\n * dragging mode. Hint: It's only enabled after some pixels of movement to\n * not interrupt with clicks etc.\n */\n __isDragging: false,\n\n /**\n * Not touching and dragging anymore, and smoothly animating the\n * touch sequence using deceleration.\n */\n __isDecelerating: false,\n\n /**\n * Smoothly animating the currently configured change\n */\n __isAnimating: false,\n\n\n\n /*\n ---------------------------------------------------------------------------\n INTERNAL FIELDS :: DIMENSIONS\n ---------------------------------------------------------------------------\n */\n\n /** Available outer left position (from document perspective) */\n __clientLeft: 0,\n\n /** Available outer top position (from document perspective) */\n __clientTop: 0,\n\n /** Available outer width */\n __clientWidth: 0,\n\n /** Available outer height */\n __clientHeight: 0,\n\n /** Outer width of content */\n __contentWidth: 0,\n\n /** Outer height of content */\n __contentHeight: 0,\n\n /** Snapping width for content */\n __snapWidth: 100,\n\n /** Snapping height for content */\n __snapHeight: 100,\n\n /** Height to assign to refresh area */\n __refreshHeight: null,\n\n /** Whether the refresh process is enabled when the event is released now */\n __refreshActive: false,\n\n /** Callback to execute on activation. This is for signalling the user about a refresh is about to happen when he release */\n __refreshActivate: null,\n\n /** Callback to execute on deactivation. This is for signalling the user about the refresh being cancelled */\n __refreshDeactivate: null,\n\n /** Callback to execute to start the actual refresh. Call {@link #refreshFinish} when done */\n __refreshStart: null,\n\n /** Zoom level */\n __zoomLevel: 1,\n\n /** Scroll position on x-axis */\n __scrollLeft: 0,\n\n /** Scroll position on y-axis */\n __scrollTop: 0,\n\n /** Maximum allowed scroll position on x-axis */\n __maxScrollLeft: 0,\n\n /** Maximum allowed scroll position on y-axis */\n __maxScrollTop: 0,\n\n /* Scheduled left position (final position when animating) */\n __scheduledLeft: 0,\n\n /* Scheduled top position (final position when animating) */\n __scheduledTop: 0,\n\n /* Scheduled zoom level (final scale when animating) */\n __scheduledZoom: 0,\n\n\n\n /*\n ---------------------------------------------------------------------------\n INTERNAL FIELDS :: LAST POSITIONS\n ---------------------------------------------------------------------------\n */\n\n /** Left position of finger at start */\n __lastTouchLeft: null,\n\n /** Top position of finger at start */\n __lastTouchTop: null,\n\n /** Timestamp of last move of finger. Used to limit tracking range for deceleration speed. */\n __lastTouchMove: null,\n\n /** List of positions, uses three indexes for each state: left, top, timestamp */\n __positions: null,\n\n\n\n /*\n ---------------------------------------------------------------------------\n INTERNAL FIELDS :: DECELERATION SUPPORT\n ---------------------------------------------------------------------------\n */\n\n /** Minimum left scroll position during deceleration */\n __minDecelerationScrollLeft: null,\n\n /** Minimum top scroll position during deceleration */\n __minDecelerationScrollTop: null,\n\n /** Maximum left scroll position during deceleration */\n __maxDecelerationScrollLeft: null,\n\n /** Maximum top scroll position during deceleration */\n __maxDecelerationScrollTop: null,\n\n /** Current factor to modify horizontal scroll position with on every step */\n __decelerationVelocityX: null,\n\n /** Current factor to modify vertical scroll position with on every step */\n __decelerationVelocityY: null,\n\n\n /** the browser-specific property to use for transforms */\n __transformProperty: null,\n __perspectiveProperty: null,\n\n /** scrollbar indicators */\n __indicatorX: null,\n __indicatorY: null,\n\n /** Timeout for scrollbar fading */\n __scrollbarFadeTimeout: null,\n\n /** whether we've tried to wait for size already */\n __didWaitForSize: null,\n __sizerTimeout: null,\n\n __initEventHandlers: function() {\n var self = this;\n\n // Event Handler\n var container = self.__container;\n\n // save height when scroll view is shrunk so we don't need to reflow\n var scrollViewOffsetHeight;\n\n /**\n * Shrink the scroll view when the keyboard is up if necessary and if the\n * focused input is below the bottom of the shrunk scroll view, scroll it\n * into view.\n */\n self.scrollChildIntoView = function(e) {\n //console.log(\"scrollChildIntoView at: \" + Date.now());\n\n // D\n var scrollBottomOffsetToTop = container.getBoundingClientRect().bottom;\n // D - A\n scrollViewOffsetHeight = container.offsetHeight;\n var alreadyShrunk = self.isShrunkForKeyboard;\n\n var isModal = container.parentNode.classList.contains('modal');\n // 680px is when the media query for 60% modal width kicks in\n var isInsetModal = isModal && window.innerWidth >= 680;\n\n /*\n * _______\n * |---A---| <- top of scroll view\n * | |\n * |---B---| <- keyboard\n * | C | <- input\n * |---D---| <- initial bottom of scroll view\n * |___E___| <- bottom of viewport\n *\n * All commented calculations relative to the top of the viewport (ie E\n * is the viewport height, not 0)\n */\n if (!alreadyShrunk) {\n // shrink scrollview so we can actually scroll if the input is hidden\n // if it isn't shrink so we can scroll to inputs under the keyboard\n // inset modals won't shrink on Android on their own when the keyboard appears\n if ( ionic.Platform.isIOS() || ionic.Platform.isFullScreen || isInsetModal ) {\n // if there are things below the scroll view account for them and\n // subtract them from the keyboard height when resizing\n // E - D E D\n var scrollBottomOffsetToBottom = e.detail.viewportHeight - scrollBottomOffsetToTop;\n\n // 0 or D - B if D > B E - B E - D\n var keyboardOffset = Math.max(0, e.detail.keyboardHeight - scrollBottomOffsetToBottom);\n\n ionic.requestAnimationFrame(function(){\n // D - A or B - A if D > B D - A max(0, D - B)\n scrollViewOffsetHeight = scrollViewOffsetHeight - keyboardOffset;\n container.style.height = scrollViewOffsetHeight + \"px\";\n container.style.overflow = \"visible\";\n\n //update scroll view\n self.resize();\n });\n }\n\n self.isShrunkForKeyboard = true;\n }\n\n /*\n * _______\n * |---A---| <- top of scroll view\n * | * | <- where we want to scroll to\n * |--B-D--| <- keyboard, bottom of scroll view\n * | C | <- input\n * | |\n * |___E___| <- bottom of viewport\n *\n * All commented calculations relative to the top of the viewport (ie E\n * is the viewport height, not 0)\n */\n // if the element is positioned under the keyboard scroll it into view\n if (e.detail.isElementUnderKeyboard) {\n\n ionic.requestAnimationFrame(function(){\n container.scrollTop = 0;\n // update D if we shrunk\n if (self.isShrunkForKeyboard && !alreadyShrunk) {\n scrollBottomOffsetToTop = container.getBoundingClientRect().bottom;\n }\n\n // middle of the scrollview, this is where we want to scroll to\n // (D - A) / 2\n var scrollMidpointOffset = scrollViewOffsetHeight * 0.5;\n //console.log(\"container.offsetHeight: \" + scrollViewOffsetHeight);\n\n // middle of the input we want to scroll into view\n // C\n var inputMidpoint = ((e.detail.elementBottom + e.detail.elementTop) / 2);\n\n // distance from middle of input to the bottom of the scroll view\n // C - D C D\n var inputMidpointOffsetToScrollBottom = inputMidpoint - scrollBottomOffsetToTop;\n\n //C - D + (D - A)/2 C - D (D - A)/ 2\n var scrollTop = inputMidpointOffsetToScrollBottom + scrollMidpointOffset;\n\n if ( scrollTop > 0) {\n if (ionic.Platform.isIOS()) ionic.tap.cloneFocusedInput(container, self);\n self.scrollBy(0, scrollTop, true);\n self.onScroll();\n }\n });\n }\n\n // Only the first scrollView parent of the element that broadcasted this event\n // (the active element that needs to be shown) should receive this event\n e.stopPropagation();\n };\n\n self.resetScrollView = function() {\n //return scrollview to original height once keyboard has hidden\n if ( self.isShrunkForKeyboard ) {\n self.isShrunkForKeyboard = false;\n container.style.height = \"\";\n container.style.overflow = \"\";\n }\n self.resize();\n };\n\n //Broadcasted when keyboard is shown on some platforms.\n //See js/utils/keyboard.js\n container.addEventListener('scrollChildIntoView', self.scrollChildIntoView);\n\n // Listen on document because container may not have had the last\n // keyboardActiveElement, for example after closing a modal with a focused\n // input and returning to a previously resized scroll view in an ion-content.\n // Since we can only resize scroll views that are currently visible, just resize\n // the current scroll view when the keyboard is closed.\n document.addEventListener('resetScrollView', self.resetScrollView);\n\n function getEventTouches(e) {\n return e.touches && e.touches.length ? e.touches : [{\n pageX: e.pageX,\n pageY: e.pageY\n }];\n }\n\n self.touchStart = function(e) {\n self.startCoordinates = ionic.tap.pointerCoord(e);\n\n if ( ionic.tap.ignoreScrollStart(e) ) {\n return;\n }\n\n self.__isDown = true;\n\n if ( ionic.tap.containsOrIsTextInput(e.target) || e.target.tagName === 'SELECT' ) {\n // do not start if the target is a text input\n // if there is a touchmove on this input, then we can start the scroll\n self.__hasStarted = false;\n return;\n }\n\n self.__isSelectable = true;\n self.__enableScrollY = true;\n self.__hasStarted = true;\n self.doTouchStart(getEventTouches(e), e.timeStamp);\n e.preventDefault();\n };\n\n self.touchMove = function(e) {\n if (self.options.freeze || !self.__isDown ||\n (!self.__isDown && e.defaultPrevented) ||\n (e.target.tagName === 'TEXTAREA' && e.target.parentElement.querySelector(':focus')) ) {\n return;\n }\n\n if ( !self.__hasStarted && ( ionic.tap.containsOrIsTextInput(e.target) || e.target.tagName === 'SELECT' ) ) {\n // the target is a text input and scroll has started\n // since the text input doesn't start on touchStart, do it here\n self.__hasStarted = true;\n self.doTouchStart(getEventTouches(e), e.timeStamp);\n e.preventDefault();\n return;\n }\n\n if (self.startCoordinates) {\n // we have start coordinates, so get this touch move's current coordinates\n var currentCoordinates = ionic.tap.pointerCoord(e);\n\n if ( self.__isSelectable &&\n ionic.tap.isTextInput(e.target) &&\n Math.abs(self.startCoordinates.x - currentCoordinates.x) > 20 ) {\n // user slid the text input's caret on its x axis, disable any future y scrolling\n self.__enableScrollY = false;\n self.__isSelectable = true;\n }\n\n if ( self.__enableScrollY && Math.abs(self.startCoordinates.y - currentCoordinates.y) > 10 ) {\n // user scrolled the entire view on the y axis\n // disabled being able to select text on an input\n // hide the input which has focus, and show a cloned one that doesn't have focus\n self.__isSelectable = false;\n ionic.tap.cloneFocusedInput(container, self);\n }\n }\n\n self.doTouchMove(getEventTouches(e), e.timeStamp, e.scale);\n self.__isDown = true;\n };\n\n self.touchMoveBubble = function(e) {\n if(self.__isDown && self.options.preventDefault) {\n e.preventDefault();\n }\n };\n\n self.touchEnd = function(e) {\n if (!self.__isDown) return;\n\n self.doTouchEnd(e, e.timeStamp);\n self.__isDown = false;\n self.__hasStarted = false;\n self.__isSelectable = true;\n self.__enableScrollY = true;\n\n if ( !self.__isDragging && !self.__isDecelerating && !self.__isAnimating ) {\n ionic.tap.removeClonedInputs(container, self);\n }\n };\n\n self.mouseWheel = ionic.animationFrameThrottle(function(e) {\n var scrollParent = ionic.DomUtil.getParentOrSelfWithClass(e.target, 'ionic-scroll');\n if (!self.options.freeze && scrollParent === self.__container) {\n\n self.hintResize();\n self.scrollBy(\n (e.wheelDeltaX || e.deltaX || 0) / self.options.wheelDampen,\n (-e.wheelDeltaY || e.deltaY || 0) / self.options.wheelDampen\n );\n\n self.__fadeScrollbars('in');\n clearTimeout(self.__wheelHideBarTimeout);\n self.__wheelHideBarTimeout = setTimeout(function() {\n self.__fadeScrollbars('out');\n }, 100);\n }\n });\n\n if ('ontouchstart' in window) {\n // Touch Events\n container.addEventListener(\"touchstart\", self.touchStart, false);\n if(self.options.preventDefault) container.addEventListener(\"touchmove\", self.touchMoveBubble, false);\n document.addEventListener(\"touchmove\", self.touchMove, false);\n document.addEventListener(\"touchend\", self.touchEnd, false);\n document.addEventListener(\"touchcancel\", self.touchEnd, false);\n\n } else if (window.navigator.pointerEnabled) {\n // Pointer Events\n container.addEventListener(\"pointerdown\", self.touchStart, false);\n if(self.options.preventDefault) container.addEventListener(\"pointermove\", self.touchMoveBubble, false);\n document.addEventListener(\"pointermove\", self.touchMove, false);\n document.addEventListener(\"pointerup\", self.touchEnd, false);\n document.addEventListener(\"pointercancel\", self.touchEnd, false);\n document.addEventListener(\"wheel\", self.mouseWheel, false);\n\n } else if (window.navigator.msPointerEnabled) {\n // IE10, WP8 (Pointer Events)\n container.addEventListener(\"MSPointerDown\", self.touchStart, false);\n if(self.options.preventDefault) container.addEventListener(\"MSPointerMove\", self.touchMoveBubble, false);\n document.addEventListener(\"MSPointerMove\", self.touchMove, false);\n document.addEventListener(\"MSPointerUp\", self.touchEnd, false);\n document.addEventListener(\"MSPointerCancel\", self.touchEnd, false);\n document.addEventListener(\"wheel\", self.mouseWheel, false);\n\n } else {\n // Mouse Events\n var mousedown = false;\n\n self.mouseDown = function(e) {\n if ( ionic.tap.ignoreScrollStart(e) || e.target.tagName === 'SELECT' ) {\n return;\n }\n self.doTouchStart(getEventTouches(e), e.timeStamp);\n\n if ( !ionic.tap.isTextInput(e.target) ) {\n e.preventDefault();\n }\n mousedown = true;\n };\n\n self.mouseMove = function(e) {\n if (self.options.freeze || !mousedown || (!mousedown && e.defaultPrevented)) {\n return;\n }\n\n self.doTouchMove(getEventTouches(e), e.timeStamp);\n\n mousedown = true;\n };\n\n self.mouseMoveBubble = function(e) {\n if (mousedown && self.options.preventDefault) {\n e.preventDefault();\n }\n };\n\n self.mouseUp = function(e) {\n if (!mousedown) {\n return;\n }\n\n self.doTouchEnd(e, e.timeStamp);\n\n mousedown = false;\n };\n\n container.addEventListener(\"mousedown\", self.mouseDown, false);\n if(self.options.preventDefault) container.addEventListener(\"mousemove\", self.mouseMoveBubble, false);\n document.addEventListener(\"mousemove\", self.mouseMove, false);\n document.addEventListener(\"mouseup\", self.mouseUp, false);\n document.addEventListener('mousewheel', self.mouseWheel, false);\n document.addEventListener('wheel', self.mouseWheel, false);\n }\n },\n\n __cleanup: function() {\n var self = this;\n var container = self.__container;\n\n container.removeEventListener('touchstart', self.touchStart);\n container.removeEventListener('touchmove', self.touchMoveBubble);\n document.removeEventListener('touchmove', self.touchMove);\n document.removeEventListener('touchend', self.touchEnd);\n document.removeEventListener('touchcancel', self.touchCancel);\n\n container.removeEventListener(\"pointerdown\", self.touchStart);\n container.removeEventListener(\"pointermove\", self.touchMoveBubble);\n document.removeEventListener(\"pointermove\", self.touchMove);\n document.removeEventListener(\"pointerup\", self.touchEnd);\n document.removeEventListener(\"pointercancel\", self.touchEnd);\n\n container.removeEventListener(\"MSPointerDown\", self.touchStart);\n container.removeEventListener(\"MSPointerMove\", self.touchMoveBubble);\n document.removeEventListener(\"MSPointerMove\", self.touchMove);\n document.removeEventListener(\"MSPointerUp\", self.touchEnd);\n document.removeEventListener(\"MSPointerCancel\", self.touchEnd);\n\n container.removeEventListener(\"mousedown\", self.mouseDown);\n container.removeEventListener(\"mousemove\", self.mouseMoveBubble);\n document.removeEventListener(\"mousemove\", self.mouseMove);\n document.removeEventListener(\"mouseup\", self.mouseUp);\n document.removeEventListener('mousewheel', self.mouseWheel);\n document.removeEventListener('wheel', self.mouseWheel);\n\n container.removeEventListener('scrollChildIntoView', self.scrollChildIntoView);\n document.removeEventListener('resetScrollView', self.resetScrollView);\n\n ionic.tap.removeClonedInputs(container, self);\n\n delete self.__container;\n delete self.__content;\n delete self.__indicatorX;\n delete self.__indicatorY;\n delete self.options.el;\n\n self.__callback = self.scrollChildIntoView = self.resetScrollView = NOOP;\n\n self.mouseMove = self.mouseDown = self.mouseUp = self.mouseWheel =\n self.touchStart = self.touchMove = self.touchEnd = self.touchCancel = NOOP;\n\n self.resize = self.scrollTo = self.zoomTo =\n self.__scrollingComplete = NOOP;\n container = null;\n },\n\n /** Create a scroll bar div with the given direction **/\n __createScrollbar: function(direction) {\n var bar = document.createElement('div'),\n indicator = document.createElement('div');\n\n indicator.className = 'scroll-bar-indicator scroll-bar-fade-out';\n\n if (direction == 'h') {\n bar.className = 'scroll-bar scroll-bar-h';\n } else {\n bar.className = 'scroll-bar scroll-bar-v';\n }\n\n bar.appendChild(indicator);\n return bar;\n },\n\n __createScrollbars: function() {\n var self = this;\n var indicatorX, indicatorY;\n\n if (self.options.scrollingX) {\n indicatorX = {\n el: self.__createScrollbar('h'),\n sizeRatio: 1\n };\n indicatorX.indicator = indicatorX.el.children[0];\n\n if (self.options.scrollbarX) {\n self.__container.appendChild(indicatorX.el);\n }\n self.__indicatorX = indicatorX;\n }\n\n if (self.options.scrollingY) {\n indicatorY = {\n el: self.__createScrollbar('v'),\n sizeRatio: 1\n };\n indicatorY.indicator = indicatorY.el.children[0];\n\n if (self.options.scrollbarY) {\n self.__container.appendChild(indicatorY.el);\n }\n self.__indicatorY = indicatorY;\n }\n },\n\n __resizeScrollbars: function() {\n var self = this;\n\n // Update horiz bar\n if (self.__indicatorX) {\n var width = Math.max(Math.round(self.__clientWidth * self.__clientWidth / (self.__contentWidth)), 20);\n if (width > self.__contentWidth) {\n width = 0;\n }\n if (width !== self.__indicatorX.size) {\n ionic.requestAnimationFrame(function(){\n self.__indicatorX.indicator.style.width = width + 'px';\n });\n }\n self.__indicatorX.size = width;\n self.__indicatorX.minScale = self.options.minScrollbarSizeX / width;\n self.__indicatorX.maxPos = self.__clientWidth - width;\n self.__indicatorX.sizeRatio = self.__maxScrollLeft ? self.__indicatorX.maxPos / self.__maxScrollLeft : 1;\n }\n\n // Update vert bar\n if (self.__indicatorY) {\n var height = Math.max(Math.round(self.__clientHeight * self.__clientHeight / (self.__contentHeight)), 20);\n if (height > self.__contentHeight) {\n height = 0;\n }\n if (height !== self.__indicatorY.size) {\n ionic.requestAnimationFrame(function(){\n self.__indicatorY && (self.__indicatorY.indicator.style.height = height + 'px');\n });\n }\n self.__indicatorY.size = height;\n self.__indicatorY.minScale = self.options.minScrollbarSizeY / height;\n self.__indicatorY.maxPos = self.__clientHeight - height;\n self.__indicatorY.sizeRatio = self.__maxScrollTop ? self.__indicatorY.maxPos / self.__maxScrollTop : 1;\n }\n },\n\n /**\n * Move and scale the scrollbars as the page scrolls.\n */\n __repositionScrollbars: function() {\n var self = this,\n heightScale, widthScale,\n widthDiff, heightDiff,\n x, y,\n xstop = 0, ystop = 0;\n\n if (self.__indicatorX) {\n // Handle the X scrollbar\n\n // Don't go all the way to the right if we have a vertical scrollbar as well\n if (self.__indicatorY) xstop = 10;\n\n x = Math.round(self.__indicatorX.sizeRatio * self.__scrollLeft) || 0;\n\n // The the difference between the last content X position, and our overscrolled one\n widthDiff = self.__scrollLeft - (self.__maxScrollLeft - xstop);\n\n if (self.__scrollLeft < 0) {\n\n widthScale = Math.max(self.__indicatorX.minScale,\n (self.__indicatorX.size - Math.abs(self.__scrollLeft)) / self.__indicatorX.size);\n\n // Stay at left\n x = 0;\n\n // Make sure scale is transformed from the left/center origin point\n self.__indicatorX.indicator.style[self.__transformOriginProperty] = 'left center';\n } else if (widthDiff > 0) {\n\n widthScale = Math.max(self.__indicatorX.minScale,\n (self.__indicatorX.size - widthDiff) / self.__indicatorX.size);\n\n // Stay at the furthest x for the scrollable viewport\n x = self.__indicatorX.maxPos - xstop;\n\n // Make sure scale is transformed from the right/center origin point\n self.__indicatorX.indicator.style[self.__transformOriginProperty] = 'right center';\n\n } else {\n\n // Normal motion\n x = Math.min(self.__maxScrollLeft, Math.max(0, x));\n widthScale = 1;\n\n }\n\n var translate3dX = 'translate3d(' + x + 'px, 0, 0) scaleX(' + widthScale + ')';\n if (self.__indicatorX.transformProp !== translate3dX) {\n self.__indicatorX.indicator.style[self.__transformProperty] = translate3dX;\n self.__indicatorX.transformProp = translate3dX;\n }\n }\n\n if (self.__indicatorY) {\n\n y = Math.round(self.__indicatorY.sizeRatio * self.__scrollTop) || 0;\n\n // Don't go all the way to the right if we have a vertical scrollbar as well\n if (self.__indicatorX) ystop = 10;\n\n heightDiff = self.__scrollTop - (self.__maxScrollTop - ystop);\n\n if (self.__scrollTop < 0) {\n\n heightScale = Math.max(self.__indicatorY.minScale, (self.__indicatorY.size - Math.abs(self.__scrollTop)) / self.__indicatorY.size);\n\n // Stay at top\n y = 0;\n\n // Make sure scale is transformed from the center/top origin point\n if (self.__indicatorY.originProp !== 'center top') {\n self.__indicatorY.indicator.style[self.__transformOriginProperty] = 'center top';\n self.__indicatorY.originProp = 'center top';\n }\n\n } else if (heightDiff > 0) {\n\n heightScale = Math.max(self.__indicatorY.minScale, (self.__indicatorY.size - heightDiff) / self.__indicatorY.size);\n\n // Stay at bottom of scrollable viewport\n y = self.__indicatorY.maxPos - ystop;\n\n // Make sure scale is transformed from the center/bottom origin point\n if (self.__indicatorY.originProp !== 'center bottom') {\n self.__indicatorY.indicator.style[self.__transformOriginProperty] = 'center bottom';\n self.__indicatorY.originProp = 'center bottom';\n }\n\n } else {\n\n // Normal motion\n y = Math.min(self.__maxScrollTop, Math.max(0, y));\n heightScale = 1;\n\n }\n\n var translate3dY = 'translate3d(0,' + y + 'px, 0) scaleY(' + heightScale + ')';\n if (self.__indicatorY.transformProp !== translate3dY) {\n self.__indicatorY.indicator.style[self.__transformProperty] = translate3dY;\n self.__indicatorY.transformProp = translate3dY;\n }\n }\n },\n\n __fadeScrollbars: function(direction, delay) {\n var self = this;\n\n if (!self.options.scrollbarsFade) {\n return;\n }\n\n var className = 'scroll-bar-fade-out';\n\n if (self.options.scrollbarsFade === true) {\n clearTimeout(self.__scrollbarFadeTimeout);\n\n if (direction == 'in') {\n if (self.__indicatorX) { self.__indicatorX.indicator.classList.remove(className); }\n if (self.__indicatorY) { self.__indicatorY.indicator.classList.remove(className); }\n } else {\n self.__scrollbarFadeTimeout = setTimeout(function() {\n if (self.__indicatorX) { self.__indicatorX.indicator.classList.add(className); }\n if (self.__indicatorY) { self.__indicatorY.indicator.classList.add(className); }\n }, delay || self.options.scrollbarFadeDelay);\n }\n }\n },\n\n __scrollingComplete: function() {\n this.options.scrollingComplete();\n ionic.tap.removeClonedInputs(this.__container, this);\n this.__fadeScrollbars('out');\n },\n\n resize: function(continueScrolling) {\n var self = this;\n if (!self.__container || !self.options) return;\n\n // Update Scroller dimensions for changed content\n // Add padding to bottom of content\n self.setDimensions(\n self.__container.clientWidth,\n self.__container.clientHeight,\n self.options.getContentWidth(),\n self.options.getContentHeight(),\n continueScrolling\n );\n },\n /*\n ---------------------------------------------------------------------------\n PUBLIC API\n ---------------------------------------------------------------------------\n */\n\n getRenderFn: function() {\n var self = this;\n\n var content = self.__content;\n\n var docStyle = document.documentElement.style;\n\n var engine;\n if ('MozAppearance' in docStyle) {\n engine = 'gecko';\n } else if ('WebkitAppearance' in docStyle) {\n engine = 'webkit';\n } else if (typeof navigator.cpuClass === 'string') {\n engine = 'trident';\n }\n\n var vendorPrefix = {\n trident: 'ms',\n gecko: 'Moz',\n webkit: 'Webkit',\n presto: 'O'\n }[engine];\n\n var helperElem = document.createElement(\"div\");\n var undef;\n\n var perspectiveProperty = vendorPrefix + \"Perspective\";\n var transformProperty = vendorPrefix + \"Transform\";\n var transformOriginProperty = vendorPrefix + 'TransformOrigin';\n\n self.__perspectiveProperty = transformProperty;\n self.__transformProperty = transformProperty;\n self.__transformOriginProperty = transformOriginProperty;\n\n if (helperElem.style[perspectiveProperty] !== undef) {\n\n return function(left, top, zoom, wasResize) {\n var translate3d = 'translate3d(' + (-left) + 'px,' + (-top) + 'px,0) scale(' + zoom + ')';\n if (translate3d !== self.contentTransform) {\n content.style[transformProperty] = translate3d;\n self.contentTransform = translate3d;\n }\n self.__repositionScrollbars();\n if (!wasResize) {\n self.triggerScrollEvent();\n }\n };\n\n } else if (helperElem.style[transformProperty] !== undef) {\n\n return function(left, top, zoom, wasResize) {\n content.style[transformProperty] = 'translate(' + (-left) + 'px,' + (-top) + 'px) scale(' + zoom + ')';\n self.__repositionScrollbars();\n if (!wasResize) {\n self.triggerScrollEvent();\n }\n };\n\n } else {\n\n return function(left, top, zoom, wasResize) {\n content.style.marginLeft = left ? (-left / zoom) + 'px' : '';\n content.style.marginTop = top ? (-top / zoom) + 'px' : '';\n content.style.zoom = zoom || '';\n self.__repositionScrollbars();\n if (!wasResize) {\n self.triggerScrollEvent();\n }\n };\n\n }\n },\n\n\n /**\n * Configures the dimensions of the client (outer) and content (inner) elements.\n * Requires the available space for the outer element and the outer size of the inner element.\n * All values which are falsy (null or zero etc.) are ignored and the old value is kept.\n *\n * @param clientWidth {Integer} Inner width of outer element\n * @param clientHeight {Integer} Inner height of outer element\n * @param contentWidth {Integer} Outer width of inner element\n * @param contentHeight {Integer} Outer height of inner element\n */\n setDimensions: function(clientWidth, clientHeight, contentWidth, contentHeight, continueScrolling) {\n var self = this;\n\n if (!clientWidth && !clientHeight && !contentWidth && !contentHeight) {\n // this scrollview isn't rendered, don't bother\n return;\n }\n\n // Only update values which are defined\n if (clientWidth === +clientWidth) {\n self.__clientWidth = clientWidth;\n }\n\n if (clientHeight === +clientHeight) {\n self.__clientHeight = clientHeight;\n }\n\n if (contentWidth === +contentWidth) {\n self.__contentWidth = contentWidth;\n }\n\n if (contentHeight === +contentHeight) {\n self.__contentHeight = contentHeight;\n }\n\n // Refresh maximums\n self.__computeScrollMax();\n self.__resizeScrollbars();\n\n // Refresh scroll position\n if (!continueScrolling) {\n self.scrollTo(self.__scrollLeft, self.__scrollTop, true, null, true);\n }\n\n },\n\n\n /**\n * Sets the client coordinates in relation to the document.\n *\n * @param left {Integer} Left position of outer element\n * @param top {Integer} Top position of outer element\n */\n setPosition: function(left, top) {\n this.__clientLeft = left || 0;\n this.__clientTop = top || 0;\n },\n\n\n /**\n * Configures the snapping (when snapping is active)\n *\n * @param width {Integer} Snapping width\n * @param height {Integer} Snapping height\n */\n setSnapSize: function(width, height) {\n this.__snapWidth = width;\n this.__snapHeight = height;\n },\n\n\n /**\n * Activates pull-to-refresh. A special zone on the top of the list to start a list refresh whenever\n * the user event is released during visibility of this zone. This was introduced by some apps on iOS like\n * the official Twitter client.\n *\n * @param height {Integer} Height of pull-to-refresh zone on top of rendered list\n * @param activateCallback {Function} Callback to execute on activation. This is for signalling the user about a refresh is about to happen when he release.\n * @param deactivateCallback {Function} Callback to execute on deactivation. This is for signalling the user about the refresh being cancelled.\n * @param startCallback {Function} Callback to execute to start the real async refresh action. Call {@link #finishPullToRefresh} after finish of refresh.\n * @param showCallback {Function} Callback to execute when the refresher should be shown. This is for showing the refresher during a negative scrollTop.\n * @param hideCallback {Function} Callback to execute when the refresher should be hidden. This is for hiding the refresher when it's behind the nav bar.\n * @param tailCallback {Function} Callback to execute just before the refresher returns to it's original state. This is for zooming out the refresher.\n * @param pullProgressCallback Callback to state the progress while pulling to refresh\n */\n activatePullToRefresh: function(height, refresherMethods) {\n var self = this;\n\n self.__refreshHeight = height;\n self.__refreshActivate = function() { ionic.requestAnimationFrame(refresherMethods.activate); };\n self.__refreshDeactivate = function() { ionic.requestAnimationFrame(refresherMethods.deactivate); };\n self.__refreshStart = function() { ionic.requestAnimationFrame(refresherMethods.start); };\n self.__refreshShow = function() { ionic.requestAnimationFrame(refresherMethods.show); };\n self.__refreshHide = function() { ionic.requestAnimationFrame(refresherMethods.hide); };\n self.__refreshTail = function() { ionic.requestAnimationFrame(refresherMethods.tail); };\n self.__refreshTailTime = 100;\n self.__minSpinTime = 600;\n },\n\n\n /**\n * Starts pull-to-refresh manually.\n */\n triggerPullToRefresh: function() {\n // Use publish instead of scrollTo to allow scrolling to out of boundary position\n // We don't need to normalize scrollLeft, zoomLevel, etc. here because we only y-scrolling when pull-to-refresh is enabled\n this.__publish(this.__scrollLeft, -this.__refreshHeight, this.__zoomLevel, true);\n\n var d = new Date();\n this.refreshStartTime = d.getTime();\n\n if (this.__refreshStart) {\n this.__refreshStart();\n }\n },\n\n\n /**\n * Signalizes that pull-to-refresh is finished.\n */\n finishPullToRefresh: function() {\n var self = this;\n // delay to make sure the spinner has a chance to spin for a split second before it's dismissed\n var d = new Date();\n var delay = 0;\n if (self.refreshStartTime + self.__minSpinTime > d.getTime()) {\n delay = self.refreshStartTime + self.__minSpinTime - d.getTime();\n }\n setTimeout(function() {\n if (self.__refreshTail) {\n self.__refreshTail();\n }\n setTimeout(function() {\n self.__refreshActive = false;\n if (self.__refreshDeactivate) {\n self.__refreshDeactivate();\n }\n if (self.__refreshHide) {\n self.__refreshHide();\n }\n\n self.scrollTo(self.__scrollLeft, self.__scrollTop, true);\n }, self.__refreshTailTime);\n }, delay);\n },\n\n\n /**\n * Returns the scroll position and zooming values\n *\n * @return {Map} `left` and `top` scroll position and `zoom` level\n */\n getValues: function() {\n return {\n left: this.__scrollLeft,\n top: this.__scrollTop,\n zoom: this.__zoomLevel\n };\n },\n\n\n /**\n * Returns the maximum scroll values\n *\n * @return {Map} `left` and `top` maximum scroll values\n */\n getScrollMax: function() {\n return {\n left: this.__maxScrollLeft,\n top: this.__maxScrollTop\n };\n },\n\n\n /**\n * Zooms to the given level. Supports optional animation. Zooms\n * the center when no coordinates are given.\n *\n * @param level {Number} Level to zoom to\n * @param animate {Boolean} Whether to use animation\n * @param originLeft {Number} Zoom in at given left coordinate\n * @param originTop {Number} Zoom in at given top coordinate\n */\n zoomTo: function(level, animate, originLeft, originTop) {\n var self = this;\n\n if (!self.options.zooming) {\n throw new Error(\"Zooming is not enabled!\");\n }\n\n // Stop deceleration\n if (self.__isDecelerating) {\n zyngaCore.effect.Animate.stop(self.__isDecelerating);\n self.__isDecelerating = false;\n }\n\n var oldLevel = self.__zoomLevel;\n\n // Normalize input origin to center of viewport if not defined\n if (originLeft == null) {\n originLeft = self.__clientWidth / 2;\n }\n\n if (originTop == null) {\n originTop = self.__clientHeight / 2;\n }\n\n // Limit level according to configuration\n level = Math.max(Math.min(level, self.options.maxZoom), self.options.minZoom);\n\n // Recompute maximum values while temporary tweaking maximum scroll ranges\n self.__computeScrollMax(level);\n\n // Recompute left and top coordinates based on new zoom level\n var left = ((originLeft + self.__scrollLeft) * level / oldLevel) - originLeft;\n var top = ((originTop + self.__scrollTop) * level / oldLevel) - originTop;\n\n // Limit x-axis\n if (left > self.__maxScrollLeft) {\n left = self.__maxScrollLeft;\n } else if (left < 0) {\n left = 0;\n }\n\n // Limit y-axis\n if (top > self.__maxScrollTop) {\n top = self.__maxScrollTop;\n } else if (top < 0) {\n top = 0;\n }\n\n // Push values out\n self.__publish(left, top, level, animate);\n\n },\n\n\n /**\n * Zooms the content by the given factor.\n *\n * @param factor {Number} Zoom by given factor\n * @param animate {Boolean} Whether to use animation\n * @param originLeft {Number} Zoom in at given left coordinate\n * @param originTop {Number} Zoom in at given top coordinate\n */\n zoomBy: function(factor, animate, originLeft, originTop) {\n this.zoomTo(this.__zoomLevel * factor, animate, originLeft, originTop);\n },\n\n\n /**\n * Scrolls to the given position. Respect limitations and snapping automatically.\n *\n * @param left {Number} Horizontal scroll position, keeps current if value is \n \n \n \n */\nfunction copy(source, destination, stackSource, stackDest) {\n if (isWindow(source) || isScope(source)) {\n throw ngMinErr('cpws',\n \"Can't copy! Making copies of Window or Scope instances is not supported.\");\n }\n\n if (!destination) {\n destination = source;\n if (source) {\n if (isArray(source)) {\n destination = copy(source, [], stackSource, stackDest);\n } else if (isDate(source)) {\n destination = new Date(source.getTime());\n } else if (isRegExp(source)) {\n destination = new RegExp(source.source, source.toString().match(/[^\\/]*$/)[0]);\n destination.lastIndex = source.lastIndex;\n } else if (isObject(source)) {\n var emptyObject = Object.create(Object.getPrototypeOf(source));\n destination = copy(source, emptyObject, stackSource, stackDest);\n }\n }\n } else {\n if (source === destination) throw ngMinErr('cpi',\n \"Can't copy! Source and destination are identical.\");\n\n stackSource = stackSource || [];\n stackDest = stackDest || [];\n\n if (isObject(source)) {\n var index = stackSource.indexOf(source);\n if (index !== -1) return stackDest[index];\n\n stackSource.push(source);\n stackDest.push(destination);\n }\n\n var result;\n if (isArray(source)) {\n destination.length = 0;\n for (var i = 0; i < source.length; i++) {\n result = copy(source[i], null, stackSource, stackDest);\n if (isObject(source[i])) {\n stackSource.push(source[i]);\n stackDest.push(result);\n }\n destination.push(result);\n }\n } else {\n var h = destination.$$hashKey;\n if (isArray(destination)) {\n destination.length = 0;\n } else {\n forEach(destination, function(value, key) {\n delete destination[key];\n });\n }\n for (var key in source) {\n if (source.hasOwnProperty(key)) {\n result = copy(source[key], null, stackSource, stackDest);\n if (isObject(source[key])) {\n stackSource.push(source[key]);\n stackDest.push(result);\n }\n destination[key] = result;\n }\n }\n setHashKey(destination,h);\n }\n\n }\n return destination;\n}\n\n/**\n * Creates a shallow copy of an object, an array or a primitive.\n *\n * Assumes that there are no proto properties for objects.\n */\nfunction shallowCopy(src, dst) {\n if (isArray(src)) {\n dst = dst || [];\n\n for (var i = 0, ii = src.length; i < ii; i++) {\n dst[i] = src[i];\n }\n } else if (isObject(src)) {\n dst = dst || {};\n\n for (var key in src) {\n if (!(key.charAt(0) === '$' && key.charAt(1) === '$')) {\n dst[key] = src[key];\n }\n }\n }\n\n return dst || src;\n}\n\n\n/**\n * @ngdoc function\n * @name angular.equals\n * @module ng\n * @kind function\n *\n * @description\n * Determines if two objects or two values are equivalent. Supports value types, regular\n * expressions, arrays and objects.\n *\n * Two objects or values are considered equivalent if at least one of the following is true:\n *\n * * Both objects or values pass `===` comparison.\n * * Both objects or values are of the same type and all of their properties are equal by\n * comparing them with `angular.equals`.\n * * Both values are NaN. (In JavaScript, NaN == NaN => false. But we consider two NaN as equal)\n * * Both values represent the same regular expression (In JavaScript,\n * /abc/ == /abc/ => false. But we consider two regular expressions as equal when their textual\n * representation matches).\n *\n * During a property comparison, properties of `function` type and properties with names\n * that begin with `$` are ignored.\n *\n * Scope and DOMWindow objects are being compared only by identify (`===`).\n *\n * @param {*} o1 Object or value to compare.\n * @param {*} o2 Object or value to compare.\n * @returns {boolean} True if arguments are equal.\n */\nfunction equals(o1, o2) {\n if (o1 === o2) return true;\n if (o1 === null || o2 === null) return false;\n if (o1 !== o1 && o2 !== o2) return true; // NaN === NaN\n var t1 = typeof o1, t2 = typeof o2, length, key, keySet;\n if (t1 == t2) {\n if (t1 == 'object') {\n if (isArray(o1)) {\n if (!isArray(o2)) return false;\n if ((length = o1.length) == o2.length) {\n for (key = 0; key < length; key++) {\n if (!equals(o1[key], o2[key])) return false;\n }\n return true;\n }\n } else if (isDate(o1)) {\n if (!isDate(o2)) return false;\n return equals(o1.getTime(), o2.getTime());\n } else if (isRegExp(o1) && isRegExp(o2)) {\n return o1.toString() == o2.toString();\n } else {\n if (isScope(o1) || isScope(o2) || isWindow(o1) || isWindow(o2) || isArray(o2)) return false;\n keySet = {};\n for (key in o1) {\n if (key.charAt(0) === '$' || isFunction(o1[key])) continue;\n if (!equals(o1[key], o2[key])) return false;\n keySet[key] = true;\n }\n for (key in o2) {\n if (!keySet.hasOwnProperty(key) &&\n key.charAt(0) !== '$' &&\n o2[key] !== undefined &&\n !isFunction(o2[key])) return false;\n }\n return true;\n }\n }\n }\n return false;\n}\n\nvar csp = function() {\n if (isDefined(csp.isActive_)) return csp.isActive_;\n\n var active = !!(document.querySelector('[ng-csp]') ||\n document.querySelector('[data-ng-csp]'));\n\n if (!active) {\n try {\n /* jshint -W031, -W054 */\n new Function('');\n /* jshint +W031, +W054 */\n } catch (e) {\n active = true;\n }\n }\n\n return (csp.isActive_ = active);\n};\n\n\n\nfunction concat(array1, array2, index) {\n return array1.concat(slice.call(array2, index));\n}\n\nfunction sliceArgs(args, startIndex) {\n return slice.call(args, startIndex || 0);\n}\n\n\n/* jshint -W101 */\n/**\n * @ngdoc function\n * @name angular.bind\n * @module ng\n * @kind function\n *\n * @description\n * Returns a function which calls function `fn` bound to `self` (`self` becomes the `this` for\n * `fn`). You can supply optional `args` that are prebound to the function. This feature is also\n * known as [partial application](http://en.wikipedia.org/wiki/Partial_application), as\n * distinguished from [function currying](http://en.wikipedia.org/wiki/Currying#Contrast_with_partial_function_application).\n *\n * @param {Object} self Context which `fn` should be evaluated in.\n * @param {function()} fn Function to be bound.\n * @param {...*} args Optional arguments to be prebound to the `fn` function call.\n * @returns {function()} Function that wraps the `fn` with all the specified bindings.\n */\n/* jshint +W101 */\nfunction bind(self, fn) {\n var curryArgs = arguments.length > 2 ? sliceArgs(arguments, 2) : [];\n if (isFunction(fn) && !(fn instanceof RegExp)) {\n return curryArgs.length\n ? function() {\n return arguments.length\n ? fn.apply(self, concat(curryArgs, arguments, 0))\n : fn.apply(self, curryArgs);\n }\n : function() {\n return arguments.length\n ? fn.apply(self, arguments)\n : fn.call(self);\n };\n } else {\n // in IE, native methods are not functions so they cannot be bound (note: they don't need to be)\n return fn;\n }\n}\n\n\nfunction toJsonReplacer(key, value) {\n var val = value;\n\n if (typeof key === 'string' && key.charAt(0) === '$' && key.charAt(1) === '$') {\n val = undefined;\n } else if (isWindow(value)) {\n val = '$WINDOW';\n } else if (value && document === value) {\n val = '$DOCUMENT';\n } else if (isScope(value)) {\n val = '$SCOPE';\n }\n\n return val;\n}\n\n\n/**\n * @ngdoc function\n * @name angular.toJson\n * @module ng\n * @kind function\n *\n * @description\n * Serializes input into a JSON-formatted string. Properties with leading $$ characters will be\n * stripped since angular uses this notation internally.\n *\n * @param {Object|Array|Date|string|number} obj Input to be serialized into JSON.\n * @param {boolean|number=} pretty If set to true, the JSON output will contain newlines and whitespace.\n * If set to an integer, the JSON output will contain that many spaces per indentation (the default is 2).\n * @returns {string|undefined} JSON-ified string representing `obj`.\n */\nfunction toJson(obj, pretty) {\n if (typeof obj === 'undefined') return undefined;\n if (!isNumber(pretty)) {\n pretty = pretty ? 2 : null;\n }\n return JSON.stringify(obj, toJsonReplacer, pretty);\n}\n\n\n/**\n * @ngdoc function\n * @name angular.fromJson\n * @module ng\n * @kind function\n *\n * @description\n * Deserializes a JSON string.\n *\n * @param {string} json JSON string to deserialize.\n * @returns {Object|Array|string|number} Deserialized JSON string.\n */\nfunction fromJson(json) {\n return isString(json)\n ? JSON.parse(json)\n : json;\n}\n\n\n/**\n * @returns {string} Returns the string representation of the element.\n */\nfunction startingTag(element) {\n element = jqLite(element).clone();\n try {\n // turns out IE does not let you set .html() on elements which\n // are not allowed to have children. So we just ignore it.\n element.empty();\n } catch (e) {}\n var elemHtml = jqLite('
' +\n '' +\n '' +\n '
',\n\n compile: function(element, attr) {\n var input = element.find('input');\n forEach({\n 'name': attr.name,\n 'ng-value': attr.ngValue,\n 'ng-model': attr.ngModel,\n 'ng-checked': attr.ngChecked,\n 'ng-disabled': attr.ngDisabled,\n 'ng-true-value': attr.ngTrueValue,\n 'ng-false-value': attr.ngFalseValue,\n 'ng-change': attr.ngChange,\n 'ng-required': attr.ngRequired,\n 'required': attr.required\n }, function(value, name) {\n if (isDefined(value)) {\n input.attr(name, value);\n }\n });\n\n if (attr.toggleClass) {\n element[0].getElementsByTagName('label')[0].classList.add(attr.toggleClass);\n }\n\n element.addClass('toggle-' + $ionicConfig.form.toggle());\n\n return function($scope, $element) {\n var el = $element[0].getElementsByTagName('label')[0];\n var checkbox = el.children[0];\n var track = el.children[1];\n var handle = track.children[0];\n\n var ngModelController = jqLite(checkbox).controller('ngModel');\n\n $scope.toggle = new ionic.views.Toggle({\n el: el,\n track: track,\n checkbox: checkbox,\n handle: handle,\n onChange: function() {\n if (ngModelController) {\n ngModelController.$setViewValue(checkbox.checked);\n $scope.$apply();\n }\n }\n });\n\n $scope.$on('$destroy', function() {\n $scope.toggle.destroy();\n });\n };\n }\n\n };\n}]);\n\n/**\n * @ngdoc directive\n * @name ionView\n * @module ionic\n * @restrict E\n * @parent ionNavView\n *\n * @description\n * A container for view content and any navigational and header bar information. When a view\n * enters and exits its parent {@link ionic.directive:ionNavView}, the view also emits view\n * information, such as its title, whether the back button should be displayed or not, whether the\n * corresponding {@link ionic.directive:ionNavBar} should be displayed or not, which transition the view\n * should use to animate, and which direction to animate.\n *\n * *Views are cached to improve performance.* When a view is navigated away from, its element is\n * left in the DOM, and its scope is disconnected from the `$watch` cycle. When navigating to a\n * view that is already cached, its scope is reconnected, and the existing element, which was\n * left in the DOM, becomes active again. This can be disabled, or the maximum number of cached\n * views changed in {@link ionic.provider:$ionicConfigProvider}, in the view's `$state` configuration, or\n * as an attribute on the view itself (see below).\n *\n * @usage\n * Below is an example where our page will load with a {@link ionic.directive:ionNavBar} containing\n * \"My Page\" as the title.\n *\n * ```html\n * $ionicView.loaded | \n * The view has loaded. This event only happens once per\n * view being created and added to the DOM. If a view leaves but is cached,\n * then this event will not fire again on a subsequent viewing. The loaded event\n * is good place to put your setup code for the view; however, it is not the\n * recommended event to listen to when a view becomes active. | \n *
$ionicView.enter | \n * The view has fully entered and is now the active view.\n * This event will fire, whether it was the first load or a cached view. | \n *
$ionicView.leave | \n * The view has finished leaving and is no longer the\n * active view. This event will fire, whether it is cached or destroyed. | \n *
$ionicView.beforeEnter | \n * The view is about to enter and become the active view. | \n *
$ionicView.beforeLeave | \n * The view is about to leave and no longer be the active view. | \n *
$ionicView.afterEnter | \n * The view has fully entered and is now the active view. | \n *
$ionicView.afterLeave | \n * The view has finished leaving and is no longer the active view. | \n *
$ionicView.unloaded | \n * The view's controller has been destroyed and its element has been\n * removed from the DOM. | \n *
\n * `dragleft`, `dragright`, `swipe`, `swipeup`, `swipedown`, `swipeleft`, `swiperight`,
\n * `transform`, `transformstart`, `transformend`, `rotate`, `pinch`, `pinchin`, `pinchout`, \n * `touch`, `release`\n *\n * @param {string} eventType The gesture event to listen for.\n * @param {function(e)} callback The function to call when the gesture\n * happens.\n * @param {DOMElement} element The angular element to listen for the event on.\n * @param {object} options object.\n * @returns {ionic.Gesture} The gesture object (use this to remove the gesture later on).\n */\n onGesture: function(type, callback, element, options) {\n var gesture = new ionic.Gesture(element, options);\n gesture.on(type, callback);\n return gesture;\n },\n\n /**\n * @ngdoc method\n * @name ionic.EventController#offGesture\n * @alias ionic.offGesture\n * @description Remove an event listener for a gesture created on an element.\n * @param {ionic.Gesture} gesture The gesture that should be removed.\n * @param {string} eventType The gesture event to remove the listener for.\n * @param {function(e)} callback The listener to remove.\n\n */\n offGesture: function(gesture, type, callback) {\n gesture && gesture.off(type, callback);\n },\n\n handlePopState: function() {}\n };\n\n\n // Map some convenient top-level functions for event handling\n ionic.on = function() { ionic.EventController.on.apply(ionic.EventController, arguments); };\n ionic.off = function() { ionic.EventController.off.apply(ionic.EventController, arguments); };\n ionic.trigger = ionic.EventController.trigger;//function() { ionic.EventController.trigger.apply(ionic.EventController.trigger, arguments); };\n ionic.onGesture = function() { return ionic.EventController.onGesture.apply(ionic.EventController.onGesture, arguments); };\n ionic.offGesture = function() { return ionic.EventController.offGesture.apply(ionic.EventController.offGesture, arguments); };\n\n})(window.ionic);\n\n/* eslint camelcase:0 */\n/**\n * Simple gesture controllers with some common gestures that emit\n * gesture events.\n *\n * Ported from github.com/EightMedia/hammer.js Gestures - thanks!\n */\n(function(ionic) {\n\n /**\n * ionic.Gestures\n * use this to create instances\n * @param {HTMLElement} element\n * @param {Object} options\n * @returns {ionic.Gestures.Instance}\n * @constructor\n */\n ionic.Gesture = function(element, options) {\n return new ionic.Gestures.Instance(element, options || {});\n };\n\n ionic.Gestures = {};\n\n // default settings\n ionic.Gestures.defaults = {\n // add css to the element to prevent the browser from doing\n // its native behavior. this doesnt prevent the scrolling,\n // but cancels the contextmenu, tap highlighting etc\n // set to false to disable this\n stop_browser_behavior: 'disable-user-behavior'\n };\n\n // detect touchevents\n ionic.Gestures.HAS_POINTEREVENTS = window.navigator.pointerEnabled || window.navigator.msPointerEnabled;\n ionic.Gestures.HAS_TOUCHEVENTS = ('ontouchstart' in window);\n\n // dont use mouseevents on mobile devices\n ionic.Gestures.MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android|silk/i;\n ionic.Gestures.NO_MOUSEEVENTS = ionic.Gestures.HAS_TOUCHEVENTS && window.navigator.userAgent.match(ionic.Gestures.MOBILE_REGEX);\n\n // eventtypes per touchevent (start, move, end)\n // are filled by ionic.Gestures.event.determineEventTypes on setup\n ionic.Gestures.EVENT_TYPES = {};\n\n // direction defines\n ionic.Gestures.DIRECTION_DOWN = 'down';\n ionic.Gestures.DIRECTION_LEFT = 'left';\n ionic.Gestures.DIRECTION_UP = 'up';\n ionic.Gestures.DIRECTION_RIGHT = 'right';\n\n // pointer type\n ionic.Gestures.POINTER_MOUSE = 'mouse';\n ionic.Gestures.POINTER_TOUCH = 'touch';\n ionic.Gestures.POINTER_PEN = 'pen';\n\n // touch event defines\n ionic.Gestures.EVENT_START = 'start';\n ionic.Gestures.EVENT_MOVE = 'move';\n ionic.Gestures.EVENT_END = 'end';\n\n // hammer document where the base events are added at\n ionic.Gestures.DOCUMENT = window.document;\n\n // plugins namespace\n ionic.Gestures.plugins = {};\n\n // if the window events are set...\n ionic.Gestures.READY = false;\n\n /**\n * setup events to detect gestures on the document\n */\n function setup() {\n if(ionic.Gestures.READY) {\n return;\n }\n\n // find what eventtypes we add listeners to\n ionic.Gestures.event.determineEventTypes();\n\n // Register all gestures inside ionic.Gestures.gestures\n for(var name in ionic.Gestures.gestures) {\n if(ionic.Gestures.gestures.hasOwnProperty(name)) {\n ionic.Gestures.detection.register(ionic.Gestures.gestures[name]);\n }\n }\n\n // Add touch events on the document\n ionic.Gestures.event.onTouch(ionic.Gestures.DOCUMENT, ionic.Gestures.EVENT_MOVE, ionic.Gestures.detection.detect);\n ionic.Gestures.event.onTouch(ionic.Gestures.DOCUMENT, ionic.Gestures.EVENT_END, ionic.Gestures.detection.detect);\n\n // ionic.Gestures is ready...!\n ionic.Gestures.READY = true;\n }\n\n /**\n * create new hammer instance\n * all methods should return the instance itself, so it is chainable.\n * @param {HTMLElement} element\n * @param {Object} [options={}]\n * @returns {ionic.Gestures.Instance}\n * @name Gesture.Instance\n * @constructor\n */\n ionic.Gestures.Instance = function(element, options) {\n var self = this;\n\n // A null element was passed into the instance, which means\n // whatever lookup was done to find this element failed to find it\n // so we can't listen for events on it.\n if(element === null) {\n void 0;\n return this;\n }\n\n // setup ionic.GesturesJS window events and register all gestures\n // this also sets up the default options\n setup();\n\n this.element = element;\n\n // start/stop detection option\n this.enabled = true;\n\n // merge options\n this.options = ionic.Gestures.utils.extend(\n ionic.Gestures.utils.extend({}, ionic.Gestures.defaults),\n options || {});\n\n // add some css to the element to prevent the browser from doing its native behavoir\n if(this.options.stop_browser_behavior) {\n ionic.Gestures.utils.stopDefaultBrowserBehavior(this.element, this.options.stop_browser_behavior);\n }\n\n // start detection on touchstart\n ionic.Gestures.event.onTouch(element, ionic.Gestures.EVENT_START, function(ev) {\n if(self.enabled) {\n ionic.Gestures.detection.startDetect(self, ev);\n }\n });\n\n // return instance\n return this;\n };\n\n\n ionic.Gestures.Instance.prototype = {\n /**\n * bind events to the instance\n * @param {String} gesture\n * @param {Function} handler\n * @returns {ionic.Gestures.Instance}\n */\n on: function onEvent(gesture, handler){\n var gestures = gesture.split(' ');\n for(var t = 0; t < gestures.length; t++) {\n this.element.addEventListener(gestures[t], handler, false);\n }\n return this;\n },\n\n\n /**\n * unbind events to the instance\n * @param {String} gesture\n * @param {Function} handler\n * @returns {ionic.Gestures.Instance}\n */\n off: function offEvent(gesture, handler){\n var gestures = gesture.split(' ');\n for(var t = 0; t < gestures.length; t++) {\n this.element.removeEventListener(gestures[t], handler, false);\n }\n return this;\n },\n\n\n /**\n * trigger gesture event\n * @param {String} gesture\n * @param {Object} eventData\n * @returns {ionic.Gestures.Instance}\n */\n trigger: function triggerEvent(gesture, eventData){\n // create DOM event\n var event = ionic.Gestures.DOCUMENT.createEvent('Event');\n event.initEvent(gesture, true, true);\n event.gesture = eventData;\n\n // trigger on the target if it is in the instance element,\n // this is for event delegation tricks\n var element = this.element;\n if(ionic.Gestures.utils.hasParent(eventData.target, element)) {\n element = eventData.target;\n }\n\n element.dispatchEvent(event);\n return this;\n },\n\n\n /**\n * enable of disable hammer.js detection\n * @param {Boolean} state\n * @returns {ionic.Gestures.Instance}\n */\n enable: function enable(state) {\n this.enabled = state;\n return this;\n }\n };\n\n /**\n * this holds the last move event,\n * used to fix empty touchend issue\n * see the onTouch event for an explanation\n * type {Object}\n */\n var last_move_event = null;\n\n\n /**\n * when the mouse is hold down, this is true\n * type {Boolean}\n */\n var enable_detect = false;\n\n\n /**\n * when touch events have been fired, this is true\n * type {Boolean}\n */\n var touch_triggered = false;\n\n\n ionic.Gestures.event = {\n /**\n * simple addEventListener\n * @param {HTMLElement} element\n * @param {String} type\n * @param {Function} handler\n */\n bindDom: function(element, type, handler) {\n var types = type.split(' ');\n for(var t = 0; t < types.length; t++) {\n element.addEventListener(types[t], handler, false);\n }\n },\n\n\n /**\n * touch events with mouse fallback\n * @param {HTMLElement} element\n * @param {String} eventType like ionic.Gestures.EVENT_MOVE\n * @param {Function} handler\n */\n onTouch: function onTouch(element, eventType, handler) {\n var self = this;\n\n this.bindDom(element, ionic.Gestures.EVENT_TYPES[eventType], function bindDomOnTouch(ev) {\n var sourceEventType = ev.type.toLowerCase();\n\n // onmouseup, but when touchend has been fired we do nothing.\n // this is for touchdevices which also fire a mouseup on touchend\n if(sourceEventType.match(/mouse/) && touch_triggered) {\n return;\n }\n\n // mousebutton must be down or a touch event\n else if( sourceEventType.match(/touch/) || // touch events are always on screen\n sourceEventType.match(/pointerdown/) || // pointerevents touch\n (sourceEventType.match(/mouse/) && ev.which === 1) // mouse is pressed\n ){\n enable_detect = true;\n }\n\n // mouse isn't pressed\n else if(sourceEventType.match(/mouse/) && ev.which !== 1) {\n enable_detect = false;\n }\n\n\n // we are in a touch event, set the touch triggered bool to true,\n // this for the conflicts that may occur on ios and android\n if(sourceEventType.match(/touch|pointer/)) {\n touch_triggered = true;\n }\n\n // count the total touches on the screen\n var count_touches = 0;\n\n // when touch has been triggered in this detection session\n // and we are now handling a mouse event, we stop that to prevent conflicts\n if(enable_detect) {\n // update pointerevent\n if(ionic.Gestures.HAS_POINTEREVENTS && eventType != ionic.Gestures.EVENT_END) {\n count_touches = ionic.Gestures.PointerEvent.updatePointer(eventType, ev);\n }\n // touch\n else if(sourceEventType.match(/touch/)) {\n count_touches = ev.touches.length;\n }\n // mouse\n else if(!touch_triggered) {\n count_touches = sourceEventType.match(/up/) ? 0 : 1;\n }\n\n // if we are in a end event, but when we remove one touch and\n // we still have enough, set eventType to move\n if(count_touches > 0 && eventType == ionic.Gestures.EVENT_END) {\n eventType = ionic.Gestures.EVENT_MOVE;\n }\n // no touches, force the end event\n else if(!count_touches) {\n eventType = ionic.Gestures.EVENT_END;\n }\n\n // store the last move event\n if(count_touches || last_move_event === null) {\n last_move_event = ev;\n }\n\n // trigger the handler\n handler.call(ionic.Gestures.detection, self.collectEventData(element, eventType, self.getTouchList(last_move_event, eventType), ev));\n\n // remove pointerevent from list\n if(ionic.Gestures.HAS_POINTEREVENTS && eventType == ionic.Gestures.EVENT_END) {\n count_touches = ionic.Gestures.PointerEvent.updatePointer(eventType, ev);\n }\n }\n\n //debug(sourceEventType +\" \"+ eventType);\n\n // on the end we reset everything\n if(!count_touches) {\n last_move_event = null;\n enable_detect = false;\n touch_triggered = false;\n ionic.Gestures.PointerEvent.reset();\n }\n });\n },\n\n\n /**\n * we have different events for each device/browser\n * determine what we need and set them in the ionic.Gestures.EVENT_TYPES constant\n */\n determineEventTypes: function determineEventTypes() {\n // determine the eventtype we want to set\n var types;\n\n // pointerEvents magic\n if(ionic.Gestures.HAS_POINTEREVENTS) {\n types = ionic.Gestures.PointerEvent.getEvents();\n }\n // on Android, iOS, blackberry, windows mobile we dont want any mouseevents\n else if(ionic.Gestures.NO_MOUSEEVENTS) {\n types = [\n 'touchstart',\n 'touchmove',\n 'touchend touchcancel'];\n }\n // for non pointer events browsers and mixed browsers,\n // like chrome on windows8 touch laptop\n else {\n types = [\n 'touchstart mousedown',\n 'touchmove mousemove',\n 'touchend touchcancel mouseup'];\n }\n\n ionic.Gestures.EVENT_TYPES[ionic.Gestures.EVENT_START] = types[0];\n ionic.Gestures.EVENT_TYPES[ionic.Gestures.EVENT_MOVE] = types[1];\n ionic.Gestures.EVENT_TYPES[ionic.Gestures.EVENT_END] = types[2];\n },\n\n\n /**\n * create touchlist depending on the event\n * @param {Object} ev\n * @param {String} eventType used by the fakemultitouch plugin\n */\n getTouchList: function getTouchList(ev/*, eventType*/) {\n // get the fake pointerEvent touchlist\n if(ionic.Gestures.HAS_POINTEREVENTS) {\n return ionic.Gestures.PointerEvent.getTouchList();\n }\n // get the touchlist\n else if(ev.touches) {\n return ev.touches;\n }\n // make fake touchlist from mouse position\n else {\n ev.identifier = 1;\n return [ev];\n }\n },\n\n\n /**\n * collect event data for ionic.Gestures js\n * @param {HTMLElement} element\n * @param {String} eventType like ionic.Gestures.EVENT_MOVE\n * @param {Object} eventData\n */\n collectEventData: function collectEventData(element, eventType, touches, ev) {\n\n // find out pointerType\n var pointerType = ionic.Gestures.POINTER_TOUCH;\n if(ev.type.match(/mouse/) || ionic.Gestures.PointerEvent.matchType(ionic.Gestures.POINTER_MOUSE, ev)) {\n pointerType = ionic.Gestures.POINTER_MOUSE;\n }\n\n return {\n center: ionic.Gestures.utils.getCenter(touches),\n timeStamp: new Date().getTime(),\n target: ev.target,\n touches: touches,\n eventType: eventType,\n pointerType: pointerType,\n srcEvent: ev,\n\n /**\n * prevent the browser default actions\n * mostly used to disable scrolling of the browser\n */\n preventDefault: function() {\n if(this.srcEvent.preventManipulation) {\n this.srcEvent.preventManipulation();\n }\n\n if(this.srcEvent.preventDefault) {\n // this.srcEvent.preventDefault();\n }\n },\n\n /**\n * stop bubbling the event up to its parents\n */\n stopPropagation: function() {\n this.srcEvent.stopPropagation();\n },\n\n /**\n * immediately stop gesture detection\n * might be useful after a swipe was detected\n * @return {*}\n */\n stopDetect: function() {\n return ionic.Gestures.detection.stopDetect();\n }\n };\n }\n };\n\n ionic.Gestures.PointerEvent = {\n /**\n * holds all pointers\n * type {Object}\n */\n pointers: {},\n\n /**\n * get a list of pointers\n * @returns {Array} touchlist\n */\n getTouchList: function() {\n var self = this;\n var touchlist = [];\n\n // we can use forEach since pointerEvents only is in IE10\n Object.keys(self.pointers).sort().forEach(function(id) {\n touchlist.push(self.pointers[id]);\n });\n return touchlist;\n },\n\n /**\n * update the position of a pointer\n * @param {String} type ionic.Gestures.EVENT_END\n * @param {Object} pointerEvent\n */\n updatePointer: function(type, pointerEvent) {\n if(type == ionic.Gestures.EVENT_END) {\n this.pointers = {};\n }\n else {\n pointerEvent.identifier = pointerEvent.pointerId;\n this.pointers[pointerEvent.pointerId] = pointerEvent;\n }\n\n return Object.keys(this.pointers).length;\n },\n\n /**\n * check if ev matches pointertype\n * @param {String} pointerType ionic.Gestures.POINTER_MOUSE\n * @param {PointerEvent} ev\n */\n matchType: function(pointerType, ev) {\n if(!ev.pointerType) {\n return false;\n }\n\n var types = {};\n types[ionic.Gestures.POINTER_MOUSE] = (ev.pointerType == ev.MSPOINTER_TYPE_MOUSE || ev.pointerType == ionic.Gestures.POINTER_MOUSE);\n types[ionic.Gestures.POINTER_TOUCH] = (ev.pointerType == ev.MSPOINTER_TYPE_TOUCH || ev.pointerType == ionic.Gestures.POINTER_TOUCH);\n types[ionic.Gestures.POINTER_PEN] = (ev.pointerType == ev.MSPOINTER_TYPE_PEN || ev.pointerType == ionic.Gestures.POINTER_PEN);\n return types[pointerType];\n },\n\n\n /**\n * get events\n */\n getEvents: function() {\n return [\n 'pointerdown MSPointerDown',\n 'pointermove MSPointerMove',\n 'pointerup pointercancel MSPointerUp MSPointerCancel'\n ];\n },\n\n /**\n * reset the list\n */\n reset: function() {\n this.pointers = {};\n }\n };\n\n\n ionic.Gestures.utils = {\n /**\n * extend method,\n * also used for cloning when dest is an empty object\n * @param {Object} dest\n * @param {Object} src\n * @param\t{Boolean}\tmerge\t\tdo a merge\n * @returns {Object} dest\n */\n extend: function extend(dest, src, merge) {\n for (var key in src) {\n if(dest[key] !== undefined && merge) {\n continue;\n }\n dest[key] = src[key];\n }\n return dest;\n },\n\n\n /**\n * find if a node is in the given parent\n * used for event delegation tricks\n * @param {HTMLElement} node\n * @param {HTMLElement} parent\n * @returns {boolean} has_parent\n */\n hasParent: function(node, parent) {\n while(node){\n if(node == parent) {\n return true;\n }\n node = node.parentNode;\n }\n return false;\n },\n\n\n /**\n * get the center of all the touches\n * @param {Array} touches\n * @returns {Object} center\n */\n getCenter: function getCenter(touches) {\n var valuesX = [], valuesY = [];\n\n for(var t = 0, len = touches.length; t < len; t++) {\n valuesX.push(touches[t].pageX);\n valuesY.push(touches[t].pageY);\n }\n\n return {\n pageX: ((Math.min.apply(Math, valuesX) + Math.max.apply(Math, valuesX)) / 2),\n pageY: ((Math.min.apply(Math, valuesY) + Math.max.apply(Math, valuesY)) / 2)\n };\n },\n\n\n /**\n * calculate the velocity between two points\n * @param {Number} delta_time\n * @param {Number} delta_x\n * @param {Number} delta_y\n * @returns {Object} velocity\n */\n getVelocity: function getVelocity(delta_time, delta_x, delta_y) {\n return {\n x: Math.abs(delta_x / delta_time) || 0,\n y: Math.abs(delta_y / delta_time) || 0\n };\n },\n\n\n /**\n * calculate the angle between two coordinates\n * @param {Touch} touch1\n * @param {Touch} touch2\n * @returns {Number} angle\n */\n getAngle: function getAngle(touch1, touch2) {\n var y = touch2.pageY - touch1.pageY,\n x = touch2.pageX - touch1.pageX;\n return Math.atan2(y, x) * 180 / Math.PI;\n },\n\n\n /**\n * angle to direction define\n * @param {Touch} touch1\n * @param {Touch} touch2\n * @returns {String} direction constant, like ionic.Gestures.DIRECTION_LEFT\n */\n getDirection: function getDirection(touch1, touch2) {\n var x = Math.abs(touch1.pageX - touch2.pageX),\n y = Math.abs(touch1.pageY - touch2.pageY);\n\n if(x >= y) {\n return touch1.pageX - touch2.pageX > 0 ? ionic.Gestures.DIRECTION_LEFT : ionic.Gestures.DIRECTION_RIGHT;\n }\n else {\n return touch1.pageY - touch2.pageY > 0 ? ionic.Gestures.DIRECTION_UP : ionic.Gestures.DIRECTION_DOWN;\n }\n },\n\n\n /**\n * calculate the distance between two touches\n * @param {Touch} touch1\n * @param {Touch} touch2\n * @returns {Number} distance\n */\n getDistance: function getDistance(touch1, touch2) {\n var x = touch2.pageX - touch1.pageX,\n y = touch2.pageY - touch1.pageY;\n return Math.sqrt((x * x) + (y * y));\n },\n\n\n /**\n * calculate the scale factor between two touchLists (fingers)\n * no scale is 1, and goes down to 0 when pinched together, and bigger when pinched out\n * @param {Array} start\n * @param {Array} end\n * @returns {Number} scale\n */\n getScale: function getScale(start, end) {\n // need two fingers...\n if(start.length >= 2 && end.length >= 2) {\n return this.getDistance(end[0], end[1]) /\n this.getDistance(start[0], start[1]);\n }\n return 1;\n },\n\n\n /**\n * calculate the rotation degrees between two touchLists (fingers)\n * @param {Array} start\n * @param {Array} end\n * @returns {Number} rotation\n */\n getRotation: function getRotation(start, end) {\n // need two fingers\n if(start.length >= 2 && end.length >= 2) {\n return this.getAngle(end[1], end[0]) -\n this.getAngle(start[1], start[0]);\n }\n return 0;\n },\n\n\n /**\n * boolean if the direction is vertical\n * @param {String} direction\n * @returns {Boolean} is_vertical\n */\n isVertical: function isVertical(direction) {\n return (direction == ionic.Gestures.DIRECTION_UP || direction == ionic.Gestures.DIRECTION_DOWN);\n },\n\n\n /**\n * stop browser default behavior with css class\n * @param {HtmlElement} element\n * @param {Object} css_class\n */\n stopDefaultBrowserBehavior: function stopDefaultBrowserBehavior(element, css_class) {\n // changed from making many style changes to just adding a preset classname\n // less DOM manipulations, less code, and easier to control in the CSS side of things\n // hammer.js doesn't come with CSS, but ionic does, which is why we prefer this method\n if(element && element.classList) {\n element.classList.add(css_class);\n element.onselectstart = function() {\n return false;\n };\n }\n }\n };\n\n\n ionic.Gestures.detection = {\n // contains all registred ionic.Gestures.gestures in the correct order\n gestures: [],\n\n // data of the current ionic.Gestures.gesture detection session\n current: null,\n\n // the previous ionic.Gestures.gesture session data\n // is a full clone of the previous gesture.current object\n previous: null,\n\n // when this becomes true, no gestures are fired\n stopped: false,\n\n\n /**\n * start ionic.Gestures.gesture detection\n * @param {ionic.Gestures.Instance} inst\n * @param {Object} eventData\n */\n startDetect: function startDetect(inst, eventData) {\n // already busy with a ionic.Gestures.gesture detection on an element\n if(this.current) {\n return;\n }\n\n this.stopped = false;\n\n this.current = {\n inst: inst, // reference to ionic.GesturesInstance we're working for\n startEvent: ionic.Gestures.utils.extend({}, eventData), // start eventData for distances, timing etc\n lastEvent: false, // last eventData\n name: '' // current gesture we're in/detected, can be 'tap', 'hold' etc\n };\n\n this.detect(eventData);\n },\n\n\n /**\n * ionic.Gestures.gesture detection\n * @param {Object} eventData\n */\n detect: function detect(eventData) {\n if(!this.current || this.stopped) {\n return null;\n }\n\n // extend event data with calculations about scale, distance etc\n eventData = this.extendEventData(eventData);\n\n // instance options\n var inst_options = this.current.inst.options;\n\n // call ionic.Gestures.gesture handlers\n for(var g = 0, len = this.gestures.length; g < len; g++) {\n var gesture = this.gestures[g];\n\n // only when the instance options have enabled this gesture\n if(!this.stopped && inst_options[gesture.name] !== false) {\n // if a handler returns false, we stop with the detection\n if(gesture.handler.call(gesture, eventData, this.current.inst) === false) {\n this.stopDetect();\n break;\n }\n }\n }\n\n // store as previous event event\n if(this.current) {\n this.current.lastEvent = eventData;\n }\n\n // endevent, but not the last touch, so dont stop\n if(eventData.eventType == ionic.Gestures.EVENT_END && !eventData.touches.length - 1) {\n this.stopDetect();\n }\n\n return eventData;\n },\n\n\n /**\n * clear the ionic.Gestures.gesture vars\n * this is called on endDetect, but can also be used when a final ionic.Gestures.gesture has been detected\n * to stop other ionic.Gestures.gestures from being fired\n */\n stopDetect: function stopDetect() {\n // clone current data to the store as the previous gesture\n // used for the double tap gesture, since this is an other gesture detect session\n this.previous = ionic.Gestures.utils.extend({}, this.current);\n\n // reset the current\n this.current = null;\n\n // stopped!\n this.stopped = true;\n },\n\n\n /**\n * extend eventData for ionic.Gestures.gestures\n * @param {Object} ev\n * @returns {Object} ev\n */\n extendEventData: function extendEventData(ev) {\n var startEv = this.current.startEvent;\n\n // if the touches change, set the new touches over the startEvent touches\n // this because touchevents don't have all the touches on touchstart, or the\n // user must place his fingers at the EXACT same time on the screen, which is not realistic\n // but, sometimes it happens that both fingers are touching at the EXACT same time\n if(startEv && (ev.touches.length != startEv.touches.length || ev.touches === startEv.touches)) {\n // extend 1 level deep to get the touchlist with the touch objects\n startEv.touches = [];\n for(var i = 0, len = ev.touches.length; i < len; i++) {\n startEv.touches.push(ionic.Gestures.utils.extend({}, ev.touches[i]));\n }\n }\n\n var delta_time = ev.timeStamp - startEv.timeStamp,\n delta_x = ev.center.pageX - startEv.center.pageX,\n delta_y = ev.center.pageY - startEv.center.pageY,\n velocity = ionic.Gestures.utils.getVelocity(delta_time, delta_x, delta_y);\n\n ionic.Gestures.utils.extend(ev, {\n deltaTime: delta_time,\n deltaX: delta_x,\n deltaY: delta_y,\n\n velocityX: velocity.x,\n velocityY: velocity.y,\n\n distance: ionic.Gestures.utils.getDistance(startEv.center, ev.center),\n angle: ionic.Gestures.utils.getAngle(startEv.center, ev.center),\n direction: ionic.Gestures.utils.getDirection(startEv.center, ev.center),\n\n scale: ionic.Gestures.utils.getScale(startEv.touches, ev.touches),\n rotation: ionic.Gestures.utils.getRotation(startEv.touches, ev.touches),\n\n startEvent: startEv\n });\n\n return ev;\n },\n\n\n /**\n * register new gesture\n * @param {Object} gesture object, see gestures.js for documentation\n * @returns {Array} gestures\n */\n register: function register(gesture) {\n // add an enable gesture options if there is no given\n var options = gesture.defaults || {};\n if(options[gesture.name] === undefined) {\n options[gesture.name] = true;\n }\n\n // extend ionic.Gestures default options with the ionic.Gestures.gesture options\n ionic.Gestures.utils.extend(ionic.Gestures.defaults, options, true);\n\n // set its index\n gesture.index = gesture.index || 1000;\n\n // add ionic.Gestures.gesture to the list\n this.gestures.push(gesture);\n\n // sort the list by index\n this.gestures.sort(function(a, b) {\n if (a.index < b.index) {\n return -1;\n }\n if (a.index > b.index) {\n return 1;\n }\n return 0;\n });\n\n return this.gestures;\n }\n };\n\n\n ionic.Gestures.gestures = ionic.Gestures.gestures || {};\n\n /**\n * Custom gestures\n * ==============================\n *\n * Gesture object\n * --------------------\n * The object structure of a gesture:\n *\n * { name: 'mygesture',\n * index: 1337,\n * defaults: {\n * mygesture_option: true\n * }\n * handler: function(type, ev, inst) {\n * // trigger gesture event\n * inst.trigger(this.name, ev);\n * }\n * }\n\n * @param {String} name\n * this should be the name of the gesture, lowercase\n * it is also being used to disable/enable the gesture per instance config.\n *\n * @param {Number} [index=1000]\n * the index of the gesture, where it is going to be in the stack of gestures detection\n * like when you build an gesture that depends on the drag gesture, it is a good\n * idea to place it after the index of the drag gesture.\n *\n * @param {Object} [defaults={}]\n * the default settings of the gesture. these are added to the instance settings,\n * and can be overruled per instance. you can also add the name of the gesture,\n * but this is also added by default (and set to true).\n *\n * @param {Function} handler\n * this handles the gesture detection of your custom gesture and receives the\n * following arguments:\n *\n * @param {Object} eventData\n * event data containing the following properties:\n * timeStamp {Number} time the event occurred\n * target {HTMLElement} target element\n * touches {Array} touches (fingers, pointers, mouse) on the screen\n * pointerType {String} kind of pointer that was used. matches ionic.Gestures.POINTER_MOUSE|TOUCH\n * center {Object} center position of the touches. contains pageX and pageY\n * deltaTime {Number} the total time of the touches in the screen\n * deltaX {Number} the delta on x axis we haved moved\n * deltaY {Number} the delta on y axis we haved moved\n * velocityX {Number} the velocity on the x\n * velocityY {Number} the velocity on y\n * angle {Number} the angle we are moving\n * direction {String} the direction we are moving. matches ionic.Gestures.DIRECTION_UP|DOWN|LEFT|RIGHT\n * distance {Number} the distance we haved moved\n * scale {Number} scaling of the touches, needs 2 touches\n * rotation {Number} rotation of the touches, needs 2 touches *\n * eventType {String} matches ionic.Gestures.EVENT_START|MOVE|END\n * srcEvent {Object} the source event, like TouchStart or MouseDown *\n * startEvent {Object} contains the same properties as above,\n * but from the first touch. this is used to calculate\n * distances, deltaTime, scaling etc\n *\n * @param {ionic.Gestures.Instance} inst\n * the instance we are doing the detection for. you can get the options from\n * the inst.options object and trigger the gesture event by calling inst.trigger\n *\n *\n * Handle gestures\n * --------------------\n * inside the handler you can get/set ionic.Gestures.detectionic.current. This is the current\n * detection sessionic. It has the following properties\n * @param {String} name\n * contains the name of the gesture we have detected. it has not a real function,\n * only to check in other gestures if something is detected.\n * like in the drag gesture we set it to 'drag' and in the swipe gesture we can\n * check if the current gesture is 'drag' by accessing ionic.Gestures.detectionic.current.name\n *\n * readonly\n * @param {ionic.Gestures.Instance} inst\n * the instance we do the detection for\n *\n * readonly\n * @param {Object} startEvent\n * contains the properties of the first gesture detection in this sessionic.\n * Used for calculations about timing, distance, etc.\n *\n * readonly\n * @param {Object} lastEvent\n * contains all the properties of the last gesture detect in this sessionic.\n *\n * after the gesture detection session has been completed (user has released the screen)\n * the ionic.Gestures.detectionic.current object is copied into ionic.Gestures.detectionic.previous,\n * this is usefull for gestures like doubletap, where you need to know if the\n * previous gesture was a tap\n *\n * options that have been set by the instance can be received by calling inst.options\n *\n * You can trigger a gesture event by calling inst.trigger(\"mygesture\", event).\n * The first param is the name of your gesture, the second the event argument\n *\n *\n * Register gestures\n * --------------------\n * When an gesture is added to the ionic.Gestures.gestures object, it is auto registered\n * at the setup of the first ionic.Gestures instance. You can also call ionic.Gestures.detectionic.register\n * manually and pass your gesture object as a param\n *\n */\n\n /**\n * Hold\n * Touch stays at the same place for x time\n * events hold\n */\n ionic.Gestures.gestures.Hold = {\n name: 'hold',\n index: 10,\n defaults: {\n hold_timeout: 500,\n hold_threshold: 1\n },\n timer: null,\n handler: function holdGesture(ev, inst) {\n switch(ev.eventType) {\n case ionic.Gestures.EVENT_START:\n // clear any running timers\n clearTimeout(this.timer);\n\n // set the gesture so we can check in the timeout if it still is\n ionic.Gestures.detection.current.name = this.name;\n\n // set timer and if after the timeout it still is hold,\n // we trigger the hold event\n this.timer = setTimeout(function() {\n if(ionic.Gestures.detection.current.name == 'hold') {\n ionic.tap.cancelClick();\n inst.trigger('hold', ev);\n }\n }, inst.options.hold_timeout);\n break;\n\n // when you move or end we clear the timer\n case ionic.Gestures.EVENT_MOVE:\n if(ev.distance > inst.options.hold_threshold) {\n clearTimeout(this.timer);\n }\n break;\n\n case ionic.Gestures.EVENT_END:\n clearTimeout(this.timer);\n break;\n }\n }\n };\n\n\n /**\n * Tap/DoubleTap\n * Quick touch at a place or double at the same place\n * events tap, doubletap\n */\n ionic.Gestures.gestures.Tap = {\n name: 'tap',\n index: 100,\n defaults: {\n tap_max_touchtime: 250,\n tap_max_distance: 10,\n tap_always: true,\n doubletap_distance: 20,\n doubletap_interval: 300\n },\n handler: function tapGesture(ev, inst) {\n if(ev.eventType == ionic.Gestures.EVENT_END && ev.srcEvent.type != 'touchcancel') {\n // previous gesture, for the double tap since these are two different gesture detections\n var prev = ionic.Gestures.detection.previous,\n did_doubletap = false;\n\n // when the touchtime is higher then the max touch time\n // or when the moving distance is too much\n if(ev.deltaTime > inst.options.tap_max_touchtime ||\n ev.distance > inst.options.tap_max_distance) {\n return;\n }\n\n // check if double tap\n if(prev && prev.name == 'tap' &&\n (ev.timeStamp - prev.lastEvent.timeStamp) < inst.options.doubletap_interval &&\n ev.distance < inst.options.doubletap_distance) {\n inst.trigger('doubletap', ev);\n did_doubletap = true;\n }\n\n // do a single tap\n if(!did_doubletap || inst.options.tap_always) {\n ionic.Gestures.detection.current.name = 'tap';\n inst.trigger('tap', ev);\n }\n }\n }\n };\n\n\n /**\n * Swipe\n * triggers swipe events when the end velocity is above the threshold\n * events swipe, swipeleft, swiperight, swipeup, swipedown\n */\n ionic.Gestures.gestures.Swipe = {\n name: 'swipe',\n index: 40,\n defaults: {\n // set 0 for unlimited, but this can conflict with transform\n swipe_max_touches: 1,\n swipe_velocity: 0.4\n },\n handler: function swipeGesture(ev, inst) {\n if(ev.eventType == ionic.Gestures.EVENT_END) {\n // max touches\n if(inst.options.swipe_max_touches > 0 &&\n ev.touches.length > inst.options.swipe_max_touches) {\n return;\n }\n\n // when the distance we moved is too small we skip this gesture\n // or we can be already in dragging\n if(ev.velocityX > inst.options.swipe_velocity ||\n ev.velocityY > inst.options.swipe_velocity) {\n // trigger swipe events\n inst.trigger(this.name, ev);\n inst.trigger(this.name + ev.direction, ev);\n }\n }\n }\n };\n\n\n /**\n * Drag\n * Move with x fingers (default 1) around on the page. Blocking the scrolling when\n * moving left and right is a good practice. When all the drag events are blocking\n * you disable scrolling on that area.\n * events drag, drapleft, dragright, dragup, dragdown\n */\n ionic.Gestures.gestures.Drag = {\n name: 'drag',\n index: 50,\n defaults: {\n drag_min_distance: 10,\n // Set correct_for_drag_min_distance to true to make the starting point of the drag\n // be calculated from where the drag was triggered, not from where the touch started.\n // Useful to avoid a jerk-starting drag, which can make fine-adjustments\n // through dragging difficult, and be visually unappealing.\n correct_for_drag_min_distance: true,\n // set 0 for unlimited, but this can conflict with transform\n drag_max_touches: 1,\n // prevent default browser behavior when dragging occurs\n // be careful with it, it makes the element a blocking element\n // when you are using the drag gesture, it is a good practice to set this true\n drag_block_horizontal: true,\n drag_block_vertical: true,\n // drag_lock_to_axis keeps the drag gesture on the axis that it started on,\n // It disallows vertical directions if the initial direction was horizontal, and vice versa.\n drag_lock_to_axis: false,\n // drag lock only kicks in when distance > drag_lock_min_distance\n // This way, locking occurs only when the distance has become large enough to reliably determine the direction\n drag_lock_min_distance: 25,\n // prevent default if the gesture is going the given direction\n prevent_default_directions: []\n },\n triggered: false,\n handler: function dragGesture(ev, inst) {\n if (ev.srcEvent.type == 'touchstart' || ev.srcEvent.type == 'touchend') {\n this.preventedFirstMove = false;\n\n } else if (!this.preventedFirstMove && ev.srcEvent.type == 'touchmove') {\n if (inst.options.prevent_default_directions.indexOf(ev.direction) != -1) {\n ev.srcEvent.preventDefault();\n }\n this.preventedFirstMove = true;\n }\n\n // current gesture isnt drag, but dragged is true\n // this means an other gesture is busy. now call dragend\n if(ionic.Gestures.detection.current.name != this.name && this.triggered) {\n inst.trigger(this.name + 'end', ev);\n this.triggered = false;\n return;\n }\n\n // max touches\n if(inst.options.drag_max_touches > 0 &&\n ev.touches.length > inst.options.drag_max_touches) {\n return;\n }\n\n switch(ev.eventType) {\n case ionic.Gestures.EVENT_START:\n this.triggered = false;\n break;\n\n case ionic.Gestures.EVENT_MOVE:\n // when the distance we moved is too small we skip this gesture\n // or we can be already in dragging\n if(ev.distance < inst.options.drag_min_distance &&\n ionic.Gestures.detection.current.name != this.name) {\n return;\n }\n\n // we are dragging!\n if(ionic.Gestures.detection.current.name != this.name) {\n ionic.Gestures.detection.current.name = this.name;\n if (inst.options.correct_for_drag_min_distance) {\n // When a drag is triggered, set the event center to drag_min_distance pixels from the original event center.\n // Without this correction, the dragged distance would jumpstart at drag_min_distance pixels instead of at 0.\n // It might be useful to save the original start point somewhere\n var factor = Math.abs(inst.options.drag_min_distance / ev.distance);\n ionic.Gestures.detection.current.startEvent.center.pageX += ev.deltaX * factor;\n ionic.Gestures.detection.current.startEvent.center.pageY += ev.deltaY * factor;\n\n // recalculate event data using new start point\n ev = ionic.Gestures.detection.extendEventData(ev);\n }\n }\n\n // lock drag to axis?\n if(ionic.Gestures.detection.current.lastEvent.drag_locked_to_axis || (inst.options.drag_lock_to_axis && inst.options.drag_lock_min_distance <= ev.distance)) {\n ev.drag_locked_to_axis = true;\n }\n var last_direction = ionic.Gestures.detection.current.lastEvent.direction;\n if(ev.drag_locked_to_axis && last_direction !== ev.direction) {\n // keep direction on the axis that the drag gesture started on\n if(ionic.Gestures.utils.isVertical(last_direction)) {\n ev.direction = (ev.deltaY < 0) ? ionic.Gestures.DIRECTION_UP : ionic.Gestures.DIRECTION_DOWN;\n }\n else {\n ev.direction = (ev.deltaX < 0) ? ionic.Gestures.DIRECTION_LEFT : ionic.Gestures.DIRECTION_RIGHT;\n }\n }\n\n // first time, trigger dragstart event\n if(!this.triggered) {\n inst.trigger(this.name + 'start', ev);\n this.triggered = true;\n }\n\n // trigger normal event\n inst.trigger(this.name, ev);\n\n // direction event, like dragdown\n inst.trigger(this.name + ev.direction, ev);\n\n // block the browser events\n if( (inst.options.drag_block_vertical && ionic.Gestures.utils.isVertical(ev.direction)) ||\n (inst.options.drag_block_horizontal && !ionic.Gestures.utils.isVertical(ev.direction))) {\n ev.preventDefault();\n }\n break;\n\n case ionic.Gestures.EVENT_END:\n // trigger dragend\n if(this.triggered) {\n inst.trigger(this.name + 'end', ev);\n }\n\n this.triggered = false;\n break;\n }\n }\n };\n\n\n /**\n * Transform\n * User want to scale or rotate with 2 fingers\n * events transform, pinch, pinchin, pinchout, rotate\n */\n ionic.Gestures.gestures.Transform = {\n name: 'transform',\n index: 45,\n defaults: {\n // factor, no scale is 1, zoomin is to 0 and zoomout until higher then 1\n transform_min_scale: 0.01,\n // rotation in degrees\n transform_min_rotation: 1,\n // prevent default browser behavior when two touches are on the screen\n // but it makes the element a blocking element\n // when you are using the transform gesture, it is a good practice to set this true\n transform_always_block: false\n },\n triggered: false,\n handler: function transformGesture(ev, inst) {\n // current gesture isnt drag, but dragged is true\n // this means an other gesture is busy. now call dragend\n if(ionic.Gestures.detection.current.name != this.name && this.triggered) {\n inst.trigger(this.name + 'end', ev);\n this.triggered = false;\n return;\n }\n\n // atleast multitouch\n if(ev.touches.length < 2) {\n return;\n }\n\n // prevent default when two fingers are on the screen\n if(inst.options.transform_always_block) {\n ev.preventDefault();\n }\n\n switch(ev.eventType) {\n case ionic.Gestures.EVENT_START:\n this.triggered = false;\n break;\n\n case ionic.Gestures.EVENT_MOVE:\n var scale_threshold = Math.abs(1 - ev.scale);\n var rotation_threshold = Math.abs(ev.rotation);\n\n // when the distance we moved is too small we skip this gesture\n // or we can be already in dragging\n if(scale_threshold < inst.options.transform_min_scale &&\n rotation_threshold < inst.options.transform_min_rotation) {\n return;\n }\n\n // we are transforming!\n ionic.Gestures.detection.current.name = this.name;\n\n // first time, trigger dragstart event\n if(!this.triggered) {\n inst.trigger(this.name + 'start', ev);\n this.triggered = true;\n }\n\n inst.trigger(this.name, ev); // basic transform event\n\n // trigger rotate event\n if(rotation_threshold > inst.options.transform_min_rotation) {\n inst.trigger('rotate', ev);\n }\n\n // trigger pinch event\n if(scale_threshold > inst.options.transform_min_scale) {\n inst.trigger('pinch', ev);\n inst.trigger('pinch' + ((ev.scale < 1) ? 'in' : 'out'), ev);\n }\n break;\n\n case ionic.Gestures.EVENT_END:\n // trigger dragend\n if(this.triggered) {\n inst.trigger(this.name + 'end', ev);\n }\n\n this.triggered = false;\n break;\n }\n }\n };\n\n\n /**\n * Touch\n * Called as first, tells the user has touched the screen\n * events touch\n */\n ionic.Gestures.gestures.Touch = {\n name: 'touch',\n index: -Infinity,\n defaults: {\n // call preventDefault at touchstart, and makes the element blocking by\n // disabling the scrolling of the page, but it improves gestures like\n // transforming and dragging.\n // be careful with using this, it can be very annoying for users to be stuck\n // on the page\n prevent_default: false,\n\n // disable mouse events, so only touch (or pen!) input triggers events\n prevent_mouseevents: false\n },\n handler: function touchGesture(ev, inst) {\n if(inst.options.prevent_mouseevents && ev.pointerType == ionic.Gestures.POINTER_MOUSE) {\n ev.stopDetect();\n return;\n }\n\n if(inst.options.prevent_default) {\n ev.preventDefault();\n }\n\n if(ev.eventType == ionic.Gestures.EVENT_START) {\n inst.trigger(this.name, ev);\n }\n }\n };\n\n\n /**\n * Release\n * Called as last, tells the user has released the screen\n * events release\n */\n ionic.Gestures.gestures.Release = {\n name: 'release',\n index: Infinity,\n handler: function releaseGesture(ev, inst) {\n if(ev.eventType == ionic.Gestures.EVENT_END) {\n inst.trigger(this.name, ev);\n }\n }\n };\n})(window.ionic);\n\n(function(window, document, ionic) {\n\n function getParameterByName(name) {\n name = name.replace(/[\\[]/, \"\\\\[\").replace(/[\\]]/, \"\\\\]\");\n var regex = new RegExp(\"[\\\\?&]\" + name + \"=([^&#]*)\"),\n results = regex.exec(location.search);\n return results === null ? \"\" : decodeURIComponent(results[1].replace(/\\+/g, \" \"));\n }\n\n var IOS = 'ios';\n var ANDROID = 'android';\n var WINDOWS_PHONE = 'windowsphone';\n var requestAnimationFrame = ionic.requestAnimationFrame;\n\n /**\n * @ngdoc utility\n * @name ionic.Platform\n * @module ionic\n * @description\n * A set of utility methods that can be used to retrieve the device ready state and\n * various other information such as what kind of platform the app is currently installed on.\n *\n * @usage\n * ```js\n * angular.module('PlatformApp', ['ionic'])\n * .controller('PlatformCtrl', function($scope) {\n *\n * ionic.Platform.ready(function(){\n * // will execute when device is ready, or immediately if the device is already ready.\n * });\n *\n * var deviceInformation = ionic.Platform.device();\n *\n * var isWebView = ionic.Platform.isWebView();\n * var isIPad = ionic.Platform.isIPad();\n * var isIOS = ionic.Platform.isIOS();\n * var isAndroid = ionic.Platform.isAndroid();\n * var isWindowsPhone = ionic.Platform.isWindowsPhone();\n *\n * var currentPlatform = ionic.Platform.platform();\n * var currentPlatformVersion = ionic.Platform.version();\n *\n * ionic.Platform.exitApp(); // stops the app\n * });\n * ```\n */\n var self = ionic.Platform = {\n\n // Put navigator on platform so it can be mocked and set\n // the browser does not allow window.navigator to be set\n navigator: window.navigator,\n\n /**\n * @ngdoc property\n * @name ionic.Platform#isReady\n * @returns {boolean} Whether the device is ready.\n */\n isReady: false,\n /**\n * @ngdoc property\n * @name ionic.Platform#isFullScreen\n * @returns {boolean} Whether the device is fullscreen.\n */\n isFullScreen: false,\n /**\n * @ngdoc property\n * @name ionic.Platform#platforms\n * @returns {Array(string)} An array of all platforms found.\n */\n platforms: null,\n /**\n * @ngdoc property\n * @name ionic.Platform#grade\n * @returns {string} What grade the current platform is.\n */\n grade: null,\n ua: navigator.userAgent,\n\n /**\n * @ngdoc method\n * @name ionic.Platform#ready\n * @description\n * Trigger a callback once the device is ready, or immediately\n * if the device is already ready. This method can be run from\n * anywhere and does not need to be wrapped by any additonal methods.\n * When the app is within a WebView (Cordova), it'll fire\n * the callback once the device is ready. If the app is within\n * a web browser, it'll fire the callback after `window.load`.\n * Please remember that Cordova features (Camera, FileSystem, etc) still\n * will not work in a web browser.\n * @param {function} callback The function to call.\n */\n ready: function(cb) {\n // run through tasks to complete now that the device is ready\n if (self.isReady) {\n cb();\n } else {\n // the platform isn't ready yet, add it to this array\n // which will be called once the platform is ready\n readyCallbacks.push(cb);\n }\n },\n\n /**\n * @private\n */\n detect: function() {\n self._checkPlatforms();\n\n requestAnimationFrame(function() {\n // only add to the body class if we got platform info\n for (var i = 0; i < self.platforms.length; i++) {\n document.body.classList.add('platform-' + self.platforms[i]);\n }\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#setGrade\n * @description Set the grade of the device: 'a', 'b', or 'c'. 'a' is the best\n * (most css features enabled), 'c' is the worst. By default, sets the grade\n * depending on the current device.\n * @param {string} grade The new grade to set.\n */\n setGrade: function(grade) {\n var oldGrade = self.grade;\n self.grade = grade;\n requestAnimationFrame(function() {\n if (oldGrade) {\n document.body.classList.remove('grade-' + oldGrade);\n }\n document.body.classList.add('grade-' + grade);\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#device\n * @description Return the current device (given by cordova).\n * @returns {object} The device object.\n */\n device: function() {\n return window.device || {};\n },\n\n _checkPlatforms: function() {\n self.platforms = [];\n var grade = 'a';\n\n if (self.isWebView()) {\n self.platforms.push('webview');\n if (!(!window.cordova && !window.PhoneGap && !window.phonegap)) {\n self.platforms.push('cordova');\n } else if (window.forge) {\n self.platforms.push('trigger');\n }\n } else {\n self.platforms.push('browser');\n }\n if (self.isIPad()) self.platforms.push('ipad');\n\n var platform = self.platform();\n if (platform) {\n self.platforms.push(platform);\n\n var version = self.version();\n if (version) {\n var v = version.toString();\n if (v.indexOf('.') > 0) {\n v = v.replace('.', '_');\n } else {\n v += '_0';\n }\n self.platforms.push(platform + v.split('_')[0]);\n self.platforms.push(platform + v);\n\n if (self.isAndroid() && version < 4.4) {\n grade = (version < 4 ? 'c' : 'b');\n } else if (self.isWindowsPhone()) {\n grade = 'b';\n }\n }\n }\n\n self.setGrade(grade);\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#isWebView\n * @returns {boolean} Check if we are running within a WebView (such as Cordova).\n */\n isWebView: function() {\n return !(!window.cordova && !window.PhoneGap && !window.phonegap && !window.forge);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isIPad\n * @returns {boolean} Whether we are running on iPad.\n */\n isIPad: function() {\n if (/iPad/i.test(self.navigator.platform)) {\n return true;\n }\n return /iPad/i.test(self.ua);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isIOS\n * @returns {boolean} Whether we are running on iOS.\n */\n isIOS: function() {\n return self.is(IOS);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isAndroid\n * @returns {boolean} Whether we are running on Android.\n */\n isAndroid: function() {\n return self.is(ANDROID);\n },\n /**\n * @ngdoc method\n * @name ionic.Platform#isWindowsPhone\n * @returns {boolean} Whether we are running on Windows Phone.\n */\n isWindowsPhone: function() {\n return self.is(WINDOWS_PHONE);\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#platform\n * @returns {string} The name of the current platform.\n */\n platform: function() {\n // singleton to get the platform name\n if (platformName === null) self.setPlatform(self.device().platform);\n return platformName;\n },\n\n /**\n * @private\n */\n setPlatform: function(n) {\n if (typeof n != 'undefined' && n !== null && n.length) {\n platformName = n.toLowerCase();\n } else if (getParameterByName('ionicplatform')) {\n platformName = getParameterByName('ionicplatform');\n } else if (self.ua.indexOf('Android') > 0) {\n platformName = ANDROID;\n } else if (/iPhone|iPad|iPod/.test(self.ua)) {\n platformName = IOS;\n } else if (self.ua.indexOf('Windows Phone') > -1) {\n platformName = WINDOWS_PHONE;\n } else {\n platformName = self.navigator.platform && navigator.platform.toLowerCase().split(' ')[0] || '';\n }\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#version\n * @returns {number} The version of the current device platform.\n */\n version: function() {\n // singleton to get the platform version\n if (platformVersion === null) self.setVersion(self.device().version);\n return platformVersion;\n },\n\n /**\n * @private\n */\n setVersion: function(v) {\n if (typeof v != 'undefined' && v !== null) {\n v = v.split('.');\n v = parseFloat(v[0] + '.' + (v.length > 1 ? v[1] : 0));\n if (!isNaN(v)) {\n platformVersion = v;\n return;\n }\n }\n\n platformVersion = 0;\n\n // fallback to user-agent checking\n var pName = self.platform();\n var versionMatch = {\n 'android': /Android (\\d+).(\\d+)?/,\n 'ios': /OS (\\d+)_(\\d+)?/,\n 'windowsphone': /Windows Phone (\\d+).(\\d+)?/\n };\n if (versionMatch[pName]) {\n v = self.ua.match(versionMatch[pName]);\n if (v && v.length > 2) {\n platformVersion = parseFloat(v[1] + '.' + v[2]);\n }\n }\n },\n\n // Check if the platform is the one detected by cordova\n is: function(type) {\n type = type.toLowerCase();\n // check if it has an array of platforms\n if (self.platforms) {\n for (var x = 0; x < self.platforms.length; x++) {\n if (self.platforms[x] === type) return true;\n }\n }\n // exact match\n var pName = self.platform();\n if (pName) {\n return pName === type.toLowerCase();\n }\n\n // A quick hack for to check userAgent\n return self.ua.toLowerCase().indexOf(type) >= 0;\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#exitApp\n * @description Exit the app.\n */\n exitApp: function() {\n self.ready(function() {\n navigator.app && navigator.app.exitApp && navigator.app.exitApp();\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#showStatusBar\n * @description Shows or hides the device status bar (in Cordova). Requires `cordova plugin add org.apache.cordova.statusbar`\n * @param {boolean} shouldShow Whether or not to show the status bar.\n */\n showStatusBar: function(val) {\n // Only useful when run within cordova\n self._showStatusBar = val;\n self.ready(function() {\n // run this only when or if the platform (cordova) is ready\n requestAnimationFrame(function() {\n if (self._showStatusBar) {\n // they do not want it to be full screen\n window.StatusBar && window.StatusBar.show();\n document.body.classList.remove('status-bar-hide');\n } else {\n // it should be full screen\n window.StatusBar && window.StatusBar.hide();\n document.body.classList.add('status-bar-hide');\n }\n });\n });\n },\n\n /**\n * @ngdoc method\n * @name ionic.Platform#fullScreen\n * @description\n * Sets whether the app is fullscreen or not (in Cordova).\n * @param {boolean=} showFullScreen Whether or not to set the app to fullscreen. Defaults to true. Requires `cordova plugin add org.apache.cordova.statusbar`\n * @param {boolean=} showStatusBar Whether or not to show the device's status bar. Defaults to false.\n */\n fullScreen: function(showFullScreen, showStatusBar) {\n // showFullScreen: default is true if no param provided\n self.isFullScreen = (showFullScreen !== false);\n\n // add/remove the fullscreen classname to the body\n ionic.DomUtil.ready(function() {\n // run this only when or if the DOM is ready\n requestAnimationFrame(function() {\n if (self.isFullScreen) {\n document.body.classList.add('fullscreen');\n } else {\n document.body.classList.remove('fullscreen');\n }\n });\n // showStatusBar: default is false if no param provided\n self.showStatusBar((showStatusBar === true));\n });\n }\n\n };\n\n var platformName = null, // just the name, like iOS or Android\n platformVersion = null, // a float of the major and minor, like 7.1\n readyCallbacks = [],\n windowLoadListenderAttached;\n\n // setup listeners to know when the device is ready to go\n function onWindowLoad() {\n if (self.isWebView()) {\n // the window and scripts are fully loaded, and a cordova/phonegap\n // object exists then let's listen for the deviceready\n document.addEventListener(\"deviceready\", onPlatformReady, false);\n } else {\n // the window and scripts are fully loaded, but the window object doesn't have the\n // cordova/phonegap object, so its just a browser, not a webview wrapped w/ cordova\n onPlatformReady();\n }\n if (windowLoadListenderAttached) {\n window.removeEventListener(\"load\", onWindowLoad, false);\n }\n }\n if (document.readyState === 'complete') {\n onWindowLoad();\n } else {\n windowLoadListenderAttached = true;\n window.addEventListener(\"load\", onWindowLoad, false);\n }\n\n function onPlatformReady() {\n // the device is all set to go, init our own stuff then fire off our event\n self.isReady = true;\n self.detect();\n for (var x = 0; x < readyCallbacks.length; x++) {\n // fire off all the callbacks that were added before the platform was ready\n readyCallbacks[x]();\n }\n readyCallbacks = [];\n ionic.trigger('platformready', { target: document });\n\n requestAnimationFrame(function() {\n document.body.classList.add('platform-ready');\n });\n }\n\n})(this, document, ionic);\n\n(function(document, ionic) {\n 'use strict';\n\n // Ionic CSS polyfills\n ionic.CSS = {};\n\n (function() {\n\n // transform\n var i, keys = ['webkitTransform', 'transform', '-webkit-transform', 'webkit-transform',\n '-moz-transform', 'moz-transform', 'MozTransform', 'mozTransform', 'msTransform'];\n\n for (i = 0; i < keys.length; i++) {\n if (document.documentElement.style[keys[i]] !== undefined) {\n ionic.CSS.TRANSFORM = keys[i];\n break;\n }\n }\n\n // transition\n keys = ['webkitTransition', 'mozTransition', 'msTransition', 'transition'];\n for (i = 0; i < keys.length; i++) {\n if (document.documentElement.style[keys[i]] !== undefined) {\n ionic.CSS.TRANSITION = keys[i];\n break;\n }\n }\n\n // The only prefix we care about is webkit for transitions.\n var isWebkit = ionic.CSS.TRANSITION.indexOf('webkit') > -1;\n\n // transition duration\n ionic.CSS.TRANSITION_DURATION = (isWebkit ? '-webkit-' : '') + 'transition-duration';\n\n // To be sure transitionend works everywhere, include *both* the webkit and non-webkit events\n ionic.CSS.TRANSITIONEND = (isWebkit ? 'webkitTransitionEnd ' : '') + 'transitionend';\n })();\n\n // classList polyfill for them older Androids\n // https://gist.github.com/devongovett/1381839\n if (!(\"classList\" in document.documentElement) && Object.defineProperty && typeof HTMLElement !== 'undefined') {\n Object.defineProperty(HTMLElement.prototype, 'classList', {\n get: function() {\n var self = this;\n function update(fn) {\n return function() {\n var x, classes = self.className.split(/\\s+/);\n\n for (x = 0; x < arguments.length; x++) {\n fn(classes, classes.indexOf(arguments[x]), arguments[x]);\n }\n\n self.className = classes.join(\" \");\n };\n }\n\n return {\n add: update(function(classes, index, value) {\n ~index || classes.push(value);\n }),\n\n remove: update(function(classes, index) {\n ~index && classes.splice(index, 1);\n }),\n\n toggle: update(function(classes, index, value) {\n ~index ? classes.splice(index, 1) : classes.push(value);\n }),\n\n contains: function(value) {\n return !!~self.className.split(/\\s+/).indexOf(value);\n },\n\n item: function(i) {\n return self.className.split(/\\s+/)[i] || null;\n }\n };\n\n }\n });\n }\n\n})(document, ionic);\n\n\n/**\n * @ngdoc page\n * @name tap\n * @module ionic\n * @description\n * On touch devices such as a phone or tablet, some browsers implement a 300ms delay between\n * the time the user stops touching the display and the moment the browser executes the\n * click. This delay was initially introduced so the browser can know whether the user wants to\n * double-tap to zoom in on the webpage. Basically, the browser waits roughly 300ms to see if\n * the user is double-tapping, or just tapping on the display once.\n *\n * Out of the box, Ionic automatically removes the 300ms delay in order to make Ionic apps\n * feel more \"native\" like. Resultingly, other solutions such as\n * [fastclick](https://github.com/ftlabs/fastclick) and Angular's\n * [ngTouch](https://docs.angularjs.org/api/ngTouch) should not be included, to avoid conflicts.\n *\n * Some browsers already remove the delay with certain settings, such as the CSS property\n * `touch-events: none` or with specific meta tag viewport values. However, each of these\n * browsers still handle clicks differently, such as when to fire off or cancel the event\n * (like scrolling when the target is a button, or holding a button down).\n * For browsers that already remove the 300ms delay, consider Ionic's tap system as a way to\n * normalize how clicks are handled across the various devices so there's an expected response\n * no matter what the device, platform or version. Additionally, Ionic will prevent\n * ghostclicks which even browsers that remove the delay still experience.\n *\n * In some cases, third-party libraries may also be working with touch events which can interfere\n * with the tap system. For example, mapping libraries like Google or Leaflet Maps often implement\n * a touch detection system which conflicts with Ionic's tap system.\n *\n * ### Disabling the tap system\n *\n * To disable the tap for an element and all of its children elements,\n * add the attribute `data-tap-disabled=\"true\"`.\n *\n * ```html\n *
\n * \n *
\n * ```\n *\n * ### Additional Notes:\n *\n * - Ionic tap works with Ionic's JavaScript scrolling\n * - Elements can come and go from the DOM and Ionic tap doesn't keep adding and removing\n * listeners\n * - No \"tap delay\" after the first \"tap\" (you can tap as fast as you want, they all click)\n * - Minimal events listeners, only being added to document\n * - Correct focus in/out on each input type (select, textearea, range) on each platform/device\n * - Shows and hides virtual keyboard correctly for each platform/device\n * - Works with labels surrounding inputs\n * - Does not fire off a click if the user moves the pointer too far\n * - Adds and removes an 'activated' css class\n * - Multiple [unit tests](https://github.com/driftyco/ionic/blob/master/test/unit/utils/tap.unit.js) for each scenario\n *\n */\n/*\n\n IONIC TAP\n ---------------\n - Both touch and mouse events are added to the document.body on DOM ready\n - If a touch event happens, it does not use mouse event listeners\n - On touchend, if the distance between start and end was small, trigger a click\n - In the triggered click event, add a 'isIonicTap' property\n - The triggered click receives the same x,y coordinates as as the end event\n - On document.body click listener (with useCapture=true), only allow clicks with 'isIonicTap'\n - Triggering clicks with mouse events work the same as touch, except with mousedown/mouseup\n - Tapping inputs is disabled during scrolling\n*/\n\nvar tapDoc; // the element which the listeners are on (document.body)\nvar tapActiveEle; // the element which is active (probably has focus)\nvar tapEnabledTouchEvents;\nvar tapMouseResetTimer;\nvar tapPointerMoved;\nvar tapPointerStart;\nvar tapTouchFocusedInput;\nvar tapLastTouchTarget;\nvar tapTouchMoveListener = 'touchmove';\n\n// how much the coordinates can be off between start/end, but still a click\nvar TAP_RELEASE_TOLERANCE = 12; // default tolerance\nvar TAP_RELEASE_BUTTON_TOLERANCE = 50; // button elements should have a larger tolerance\n\nvar tapEventListeners = {\n 'click': tapClickGateKeeper,\n\n 'mousedown': tapMouseDown,\n 'mouseup': tapMouseUp,\n 'mousemove': tapMouseMove,\n\n 'touchstart': tapTouchStart,\n 'touchend': tapTouchEnd,\n 'touchcancel': tapTouchCancel,\n 'touchmove': tapTouchMove,\n\n 'pointerdown': tapTouchStart,\n 'pointerup': tapTouchEnd,\n 'pointercancel': tapTouchCancel,\n 'pointermove': tapTouchMove,\n\n 'MSPointerDown': tapTouchStart,\n 'MSPointerUp': tapTouchEnd,\n 'MSPointerCancel': tapTouchCancel,\n 'MSPointerMove': tapTouchMove,\n\n 'focusin': tapFocusIn,\n 'focusout': tapFocusOut\n};\n\nionic.tap = {\n\n register: function(ele) {\n tapDoc = ele;\n\n tapEventListener('click', true, true);\n tapEventListener('mouseup');\n tapEventListener('mousedown');\n\n if (window.navigator.pointerEnabled) {\n tapEventListener('pointerdown');\n tapEventListener('pointerup');\n tapEventListener('pointcancel');\n tapTouchMoveListener = 'pointermove';\n\n } else if (window.navigator.msPointerEnabled) {\n tapEventListener('MSPointerDown');\n tapEventListener('MSPointerUp');\n tapEventListener('MSPointerCancel');\n tapTouchMoveListener = 'MSPointerMove';\n\n } else {\n tapEventListener('touchstart');\n tapEventListener('touchend');\n tapEventListener('touchcancel');\n }\n\n tapEventListener('focusin');\n tapEventListener('focusout');\n\n return function() {\n for (var type in tapEventListeners) {\n tapEventListener(type, false);\n }\n tapDoc = null;\n tapActiveEle = null;\n tapEnabledTouchEvents = false;\n tapPointerMoved = false;\n tapPointerStart = null;\n };\n },\n\n ignoreScrollStart: function(e) {\n return (e.defaultPrevented) || // defaultPrevented has been assigned by another component handling the event\n (/^(file|range)$/i).test(e.target.type) ||\n (e.target.dataset ? e.target.dataset.preventScroll : e.target.getAttribute('data-prevent-scroll')) == 'true' || // manually set within an elements attributes\n (!!(/^(object|embed)$/i).test(e.target.tagName)) || // flash/movie/object touches should not try to scroll\n ionic.tap.isElementTapDisabled(e.target); // check if this element, or an ancestor, has `data-tap-disabled` attribute\n },\n\n isTextInput: function(ele) {\n return !!ele &&\n (ele.tagName == 'TEXTAREA' ||\n ele.contentEditable === 'true' ||\n (ele.tagName == 'INPUT' && !(/^(radio|checkbox|range|file|submit|reset|color|image|button)$/i).test(ele.type)));\n },\n\n isDateInput: function(ele) {\n return !!ele &&\n (ele.tagName == 'INPUT' && (/^(date|time|datetime-local|month|week)$/i).test(ele.type));\n },\n\n isKeyboardElement: function(ele) {\n if ( !ionic.Platform.isIOS() || ionic.Platform.isIPad() ) {\n return ionic.tap.isTextInput(ele) && !ionic.tap.isDateInput(ele);\n } else {\n return ionic.tap.isTextInput(ele) || ( !!ele && ele.tagName == \"SELECT\");\n }\n },\n\n isLabelWithTextInput: function(ele) {\n var container = tapContainingElement(ele, false);\n\n return !!container &&\n ionic.tap.isTextInput(tapTargetElement(container));\n },\n\n containsOrIsTextInput: function(ele) {\n return ionic.tap.isTextInput(ele) || ionic.tap.isLabelWithTextInput(ele);\n },\n\n cloneFocusedInput: function(container) {\n if (ionic.tap.hasCheckedClone) return;\n ionic.tap.hasCheckedClone = true;\n\n ionic.requestAnimationFrame(function() {\n var focusInput = container.querySelector(':focus');\n if (ionic.tap.isTextInput(focusInput)) {\n var clonedInput = focusInput.cloneNode(true);\n\n clonedInput.value = focusInput.value;\n clonedInput.classList.add('cloned-text-input');\n clonedInput.readOnly = true;\n if (focusInput.isContentEditable) {\n clonedInput.contentEditable = focusInput.contentEditable;\n clonedInput.innerHTML = focusInput.innerHTML;\n }\n focusInput.parentElement.insertBefore(clonedInput, focusInput);\n focusInput.classList.add('previous-input-focus');\n\n clonedInput.scrollTop = focusInput.scrollTop;\n }\n });\n },\n\n hasCheckedClone: false,\n\n removeClonedInputs: function(container) {\n ionic.tap.hasCheckedClone = false;\n\n ionic.requestAnimationFrame(function() {\n var clonedInputs = container.querySelectorAll('.cloned-text-input');\n var previousInputFocus = container.querySelectorAll('.previous-input-focus');\n var x;\n\n for (x = 0; x < clonedInputs.length; x++) {\n clonedInputs[x].parentElement.removeChild(clonedInputs[x]);\n }\n\n for (x = 0; x < previousInputFocus.length; x++) {\n previousInputFocus[x].classList.remove('previous-input-focus');\n previousInputFocus[x].style.top = '';\n if ( ionic.keyboard.isOpen && !ionic.keyboard.isClosing ) previousInputFocus[x].focus();\n }\n });\n },\n\n requiresNativeClick: function(ele) {\n if (!ele || ele.disabled || (/^(file|range)$/i).test(ele.type) || (/^(object|video)$/i).test(ele.tagName) || ionic.tap.isLabelContainingFileInput(ele)) {\n return true;\n }\n return ionic.tap.isElementTapDisabled(ele);\n },\n\n isLabelContainingFileInput: function(ele) {\n var lbl = tapContainingElement(ele);\n if (lbl.tagName !== 'LABEL') return false;\n var fileInput = lbl.querySelector('input[type=file]');\n if (fileInput && fileInput.disabled === false) return true;\n return false;\n },\n\n isElementTapDisabled: function(ele) {\n if (ele && ele.nodeType === 1) {\n var element = ele;\n while (element) {\n if ((element.dataset ? element.dataset.tapDisabled : element.getAttribute('data-tap-disabled')) == 'true') {\n return true;\n }\n element = element.parentElement;\n }\n }\n return false;\n },\n\n setTolerance: function(releaseTolerance, releaseButtonTolerance) {\n TAP_RELEASE_TOLERANCE = releaseTolerance;\n TAP_RELEASE_BUTTON_TOLERANCE = releaseButtonTolerance;\n },\n\n cancelClick: function() {\n // used to cancel any simulated clicks which may happen on a touchend/mouseup\n // gestures uses this method within its tap and hold events\n tapPointerMoved = true;\n },\n\n pointerCoord: function(event) {\n // This method can get coordinates for both a mouse click\n // or a touch depending on the given event\n var c = { x: 0, y: 0 };\n if (event) {\n var touches = event.touches && event.touches.length ? event.touches : [event];\n var e = (event.changedTouches && event.changedTouches[0]) || touches[0];\n if (e) {\n c.x = e.clientX || e.pageX || 0;\n c.y = e.clientY || e.pageY || 0;\n }\n }\n return c;\n }\n\n};\n\nfunction tapEventListener(type, enable, useCapture) {\n if (enable !== false) {\n tapDoc.addEventListener(type, tapEventListeners[type], useCapture);\n } else {\n tapDoc.removeEventListener(type, tapEventListeners[type]);\n }\n}\n\nfunction tapClick(e) {\n // simulate a normal click by running the element's click method then focus on it\n var container = tapContainingElement(e.target);\n var ele = tapTargetElement(container);\n\n if (ionic.tap.requiresNativeClick(ele) || tapPointerMoved) return false;\n\n var c = ionic.tap.pointerCoord(e);\n\n //console.log('tapClick', e.type, ele.tagName, '('+c.x+','+c.y+')');\n triggerMouseEvent('click', ele, c.x, c.y);\n\n // if it's an input, focus in on the target, otherwise blur\n tapHandleFocus(ele);\n}\n\nfunction triggerMouseEvent(type, ele, x, y) {\n // using initMouseEvent instead of MouseEvent for our Android friends\n var clickEvent = document.createEvent(\"MouseEvents\");\n clickEvent.initMouseEvent(type, true, true, window, 1, 0, 0, x, y, false, false, false, false, 0, null);\n clickEvent.isIonicTap = true;\n ele.dispatchEvent(clickEvent);\n}\n\nfunction tapClickGateKeeper(e) {\n //console.log('click ' + Date.now() + ' isIonicTap: ' + (e.isIonicTap ? true : false));\n if (e.target.type == 'submit' && e.detail === 0) {\n // do not prevent click if it came from an \"Enter\" or \"Go\" keypress submit\n return null;\n }\n\n // do not allow through any click events that were not created by ionic.tap\n if ((ionic.scroll.isScrolling && ionic.tap.containsOrIsTextInput(e.target)) ||\n (!e.isIonicTap && !ionic.tap.requiresNativeClick(e.target))) {\n //console.log('clickPrevent', e.target.tagName);\n e.stopPropagation();\n\n if (!ionic.tap.isLabelWithTextInput(e.target)) {\n // labels clicks from native should not preventDefault othersize keyboard will not show on input focus\n e.preventDefault();\n }\n return false;\n }\n}\n\n// MOUSE\nfunction tapMouseDown(e) {\n //console.log('mousedown ' + Date.now());\n if (e.isIonicTap || tapIgnoreEvent(e)) return null;\n\n if (tapEnabledTouchEvents) {\n void 0;\n e.stopPropagation();\n\n if ((!ionic.tap.isTextInput(e.target) || tapLastTouchTarget !== e.target) && !(/^(select|option)$/i).test(e.target.tagName)) {\n // If you preventDefault on a text input then you cannot move its text caret/cursor.\n // Allow through only the text input default. However, without preventDefault on an\n // input the 300ms delay can change focus on inputs after the keyboard shows up.\n // The focusin event handles the chance of focus changing after the keyboard shows.\n e.preventDefault();\n }\n\n return false;\n }\n\n tapPointerMoved = false;\n tapPointerStart = ionic.tap.pointerCoord(e);\n\n tapEventListener('mousemove');\n ionic.activator.start(e);\n}\n\nfunction tapMouseUp(e) {\n //console.log(\"mouseup \" + Date.now());\n if (tapEnabledTouchEvents) {\n e.stopPropagation();\n e.preventDefault();\n return false;\n }\n\n if (tapIgnoreEvent(e) || (/^(select|option)$/i).test(e.target.tagName)) return false;\n\n if (!tapHasPointerMoved(e)) {\n tapClick(e);\n }\n tapEventListener('mousemove', false);\n ionic.activator.end();\n tapPointerMoved = false;\n}\n\nfunction tapMouseMove(e) {\n if (tapHasPointerMoved(e)) {\n tapEventListener('mousemove', false);\n ionic.activator.end();\n tapPointerMoved = true;\n return false;\n }\n}\n\n\n// TOUCH\nfunction tapTouchStart(e) {\n //console.log(\"touchstart \" + Date.now());\n if (tapIgnoreEvent(e)) return;\n\n tapPointerMoved = false;\n\n tapEnableTouchEvents();\n tapPointerStart = ionic.tap.pointerCoord(e);\n\n tapEventListener(tapTouchMoveListener);\n ionic.activator.start(e);\n\n if (ionic.Platform.isIOS() && ionic.tap.isLabelWithTextInput(e.target)) {\n // if the tapped element is a label, which has a child input\n // then preventDefault so iOS doesn't ugly auto scroll to the input\n // but do not prevent default on Android or else you cannot move the text caret\n // and do not prevent default on Android or else no virtual keyboard shows up\n\n var textInput = tapTargetElement(tapContainingElement(e.target));\n if (textInput !== tapActiveEle) {\n // don't preventDefault on an already focused input or else iOS's text caret isn't usable\n e.preventDefault();\n }\n }\n}\n\nfunction tapTouchEnd(e) {\n //console.log('touchend ' + Date.now());\n if (tapIgnoreEvent(e)) return;\n\n tapEnableTouchEvents();\n if (!tapHasPointerMoved(e)) {\n tapClick(e);\n\n if ((/^(select|option)$/i).test(e.target.tagName)) {\n e.preventDefault();\n }\n }\n\n tapLastTouchTarget = e.target;\n tapTouchCancel();\n}\n\nfunction tapTouchMove(e) {\n if (tapHasPointerMoved(e)) {\n tapPointerMoved = true;\n tapEventListener(tapTouchMoveListener, false);\n ionic.activator.end();\n return false;\n }\n}\n\nfunction tapTouchCancel() {\n tapEventListener(tapTouchMoveListener, false);\n ionic.activator.end();\n tapPointerMoved = false;\n}\n\nfunction tapEnableTouchEvents() {\n tapEnabledTouchEvents = true;\n clearTimeout(tapMouseResetTimer);\n tapMouseResetTimer = setTimeout(function() {\n tapEnabledTouchEvents = false;\n }, 600);\n}\n\nfunction tapIgnoreEvent(e) {\n if (e.isTapHandled) return true;\n e.isTapHandled = true;\n\n if (ionic.scroll.isScrolling && ionic.tap.containsOrIsTextInput(e.target)) {\n e.preventDefault();\n return true;\n }\n}\n\nfunction tapHandleFocus(ele) {\n tapTouchFocusedInput = null;\n\n var triggerFocusIn = false;\n\n if (ele.tagName == 'SELECT') {\n // trick to force Android options to show up\n triggerMouseEvent('mousedown', ele, 0, 0);\n ele.focus && ele.focus();\n triggerFocusIn = true;\n\n } else if (tapActiveElement() === ele) {\n // already is the active element and has focus\n triggerFocusIn = true;\n\n } else if ((/^(input|textarea)$/i).test(ele.tagName) || ele.isContentEditable) {\n triggerFocusIn = true;\n ele.focus && ele.focus();\n ele.value = ele.value;\n if (tapEnabledTouchEvents) {\n tapTouchFocusedInput = ele;\n }\n\n } else {\n tapFocusOutActive();\n }\n\n if (triggerFocusIn) {\n tapActiveElement(ele);\n ionic.trigger('ionic.focusin', {\n target: ele\n }, true);\n }\n}\n\nfunction tapFocusOutActive() {\n var ele = tapActiveElement();\n if (ele && ((/^(input|textarea|select)$/i).test(ele.tagName) || ele.isContentEditable)) {\n void 0;\n ele.blur();\n }\n tapActiveElement(null);\n}\n\nfunction tapFocusIn(e) {\n //console.log('focusin ' + Date.now());\n // Because a text input doesn't preventDefault (so the caret still works) there's a chance\n // that its mousedown event 300ms later will change the focus to another element after\n // the keyboard shows up.\n\n if (tapEnabledTouchEvents &&\n ionic.tap.isTextInput(tapActiveElement()) &&\n ionic.tap.isTextInput(tapTouchFocusedInput) &&\n tapTouchFocusedInput !== e.target) {\n\n // 1) The pointer is from touch events\n // 2) There is an active element which is a text input\n // 3) A text input was just set to be focused on by a touch event\n // 4) A new focus has been set, however the target isn't the one the touch event wanted\n void 0;\n tapTouchFocusedInput.focus();\n tapTouchFocusedInput = null;\n }\n ionic.scroll.isScrolling = false;\n}\n\nfunction tapFocusOut() {\n //console.log(\"focusout\");\n tapActiveElement(null);\n}\n\nfunction tapActiveElement(ele) {\n if (arguments.length) {\n tapActiveEle = ele;\n }\n return tapActiveEle || document.activeElement;\n}\n\nfunction tapHasPointerMoved(endEvent) {\n if (!endEvent || endEvent.target.nodeType !== 1 || !tapPointerStart || (tapPointerStart.x === 0 && tapPointerStart.y === 0)) {\n return false;\n }\n var endCoordinates = ionic.tap.pointerCoord(endEvent);\n\n var hasClassList = !!(endEvent.target.classList && endEvent.target.classList.contains &&\n typeof endEvent.target.classList.contains === 'function');\n var releaseTolerance = hasClassList && endEvent.target.classList.contains('button') ?\n TAP_RELEASE_BUTTON_TOLERANCE :\n TAP_RELEASE_TOLERANCE;\n\n return Math.abs(tapPointerStart.x - endCoordinates.x) > releaseTolerance ||\n Math.abs(tapPointerStart.y - endCoordinates.y) > releaseTolerance;\n}\n\nfunction tapContainingElement(ele, allowSelf) {\n var climbEle = ele;\n for (var x = 0; x < 6; x++) {\n if (!climbEle) break;\n if (climbEle.tagName === 'LABEL') return climbEle;\n climbEle = climbEle.parentElement;\n }\n if (allowSelf !== false) return ele;\n}\n\nfunction tapTargetElement(ele) {\n if (ele && ele.tagName === 'LABEL') {\n if (ele.control) return ele.control;\n\n // older devices do not support the \"control\" property\n if (ele.querySelector) {\n var control = ele.querySelector('input,textarea,select');\n if (control) return control;\n }\n }\n return ele;\n}\n\nionic.DomUtil.ready(function() {\n var ng = typeof angular !== 'undefined' ? angular : null;\n //do nothing for e2e tests\n if (!ng || (ng && !ng.scenario)) {\n ionic.tap.register(document);\n }\n});\n\n(function(document, ionic) {\n 'use strict';\n\n var queueElements = {}; // elements that should get an active state in XX milliseconds\n var activeElements = {}; // elements that are currently active\n var keyId = 0; // a counter for unique keys for the above ojects\n var ACTIVATED_CLASS = 'activated';\n\n ionic.activator = {\n\n start: function(e) {\n var hitX = ionic.tap.pointerCoord(e).x;\n if (hitX > 0 && hitX < 30) {\n return;\n }\n\n // when an element is touched/clicked, it climbs up a few\n // parents to see if it is an .item or .button element\n ionic.requestAnimationFrame(function() {\n if ((ionic.scroll && ionic.scroll.isScrolling) || ionic.tap.requiresNativeClick(e.target)) return;\n var ele = e.target;\n var eleToActivate;\n\n for (var x = 0; x < 6; x++) {\n if (!ele || ele.nodeType !== 1) break;\n if (eleToActivate && ele.classList && ele.classList.contains('item')) {\n eleToActivate = ele;\n break;\n }\n if (ele.tagName == 'A' || ele.tagName == 'BUTTON' || ele.hasAttribute('ng-click')) {\n eleToActivate = ele;\n break;\n }\n if (ele.classList.contains('button')) {\n eleToActivate = ele;\n break;\n }\n // no sense climbing past these\n if (ele.tagName == 'ION-CONTENT' || (ele.classList && ele.classList.contains('pane')) || ele.tagName == 'BODY') {\n break;\n }\n ele = ele.parentElement;\n }\n\n if (eleToActivate) {\n // queue that this element should be set to active\n queueElements[keyId] = eleToActivate;\n\n // on the next frame, set the queued elements to active\n ionic.requestAnimationFrame(activateElements);\n\n keyId = (keyId > 29 ? 0 : keyId + 1);\n }\n\n });\n },\n\n end: function() {\n // clear out any active/queued elements after XX milliseconds\n setTimeout(clear, 200);\n }\n\n };\n\n function clear() {\n // clear out any elements that are queued to be set to active\n queueElements = {};\n\n // in the next frame, remove the active class from all active elements\n ionic.requestAnimationFrame(deactivateElements);\n }\n\n function activateElements() {\n // activate all elements in the queue\n for (var key in queueElements) {\n if (queueElements[key]) {\n queueElements[key].classList.add(ACTIVATED_CLASS);\n activeElements[key] = queueElements[key];\n }\n }\n queueElements = {};\n }\n\n function deactivateElements() {\n if (ionic.transition && ionic.transition.isActive) {\n setTimeout(deactivateElements, 400);\n return;\n }\n\n for (var key in activeElements) {\n if (activeElements[key]) {\n activeElements[key].classList.remove(ACTIVATED_CLASS);\n delete activeElements[key];\n }\n }\n }\n\n})(document, ionic);\n\n(function(ionic) {\n /* for nextUid function below */\n var nextId = 0;\n\n /**\n * Various utilities used throughout Ionic\n *\n * Some of these are adopted from underscore.js and backbone.js, both also MIT licensed.\n */\n ionic.Utils = {\n\n arrayMove: function(arr, oldIndex, newIndex) {\n if (newIndex >= arr.length) {\n var k = newIndex - arr.length;\n while ((k--) + 1) {\n arr.push(undefined);\n }\n }\n arr.splice(newIndex, 0, arr.splice(oldIndex, 1)[0]);\n return arr;\n },\n\n /**\n * Return a function that will be called with the given context\n */\n proxy: function(func, context) {\n var args = Array.prototype.slice.call(arguments, 2);\n return function() {\n return func.apply(context, args.concat(Array.prototype.slice.call(arguments)));\n };\n },\n\n /**\n * Only call a function once in the given interval.\n *\n * @param func {Function} the function to call\n * @param wait {int} how long to wait before/after to allow function calls\n * @param immediate {boolean} whether to call immediately or after the wait interval\n */\n debounce: function(func, wait, immediate) {\n var timeout, args, context, timestamp, result;\n return function() {\n context = this;\n args = arguments;\n timestamp = new Date();\n var later = function() {\n var last = (new Date()) - timestamp;\n if (last < wait) {\n timeout = setTimeout(later, wait - last);\n } else {\n timeout = null;\n if (!immediate) result = func.apply(context, args);\n }\n };\n var callNow = immediate && !timeout;\n if (!timeout) {\n timeout = setTimeout(later, wait);\n }\n if (callNow) result = func.apply(context, args);\n return result;\n };\n },\n\n /**\n * Throttle the given fun, only allowing it to be\n * called at most every `wait` ms.\n */\n throttle: function(func, wait, options) {\n var context, args, result;\n var timeout = null;\n var previous = 0;\n options || (options = {});\n var later = function() {\n previous = options.leading === false ? 0 : Date.now();\n timeout = null;\n result = func.apply(context, args);\n };\n return function() {\n var now = Date.now();\n if (!previous && options.leading === false) previous = now;\n var remaining = wait - (now - previous);\n context = this;\n args = arguments;\n if (remaining <= 0) {\n clearTimeout(timeout);\n timeout = null;\n previous = now;\n result = func.apply(context, args);\n } else if (!timeout && options.trailing !== false) {\n timeout = setTimeout(later, remaining);\n }\n return result;\n };\n },\n // Borrowed from Backbone.js's extend\n // Helper function to correctly set up the prototype chain, for subclasses.\n // Similar to `goog.inherits`, but uses a hash of prototype properties and\n // class properties to be extended.\n inherit: function(protoProps, staticProps) {\n var parent = this;\n var child;\n\n // The constructor function for the new subclass is either defined by you\n // (the \"constructor\" property in your `extend` definition), or defaulted\n // by us to simply call the parent's constructor.\n if (protoProps && protoProps.hasOwnProperty('constructor')) {\n child = protoProps.constructor;\n } else {\n child = function() { return parent.apply(this, arguments); };\n }\n\n // Add static properties to the constructor function, if supplied.\n ionic.extend(child, parent, staticProps);\n\n // Set the prototype chain to inherit from `parent`, without calling\n // `parent`'s constructor function.\n var Surrogate = function() { this.constructor = child; };\n Surrogate.prototype = parent.prototype;\n child.prototype = new Surrogate();\n\n // Add prototype properties (instance properties) to the subclass,\n // if supplied.\n if (protoProps) ionic.extend(child.prototype, protoProps);\n\n // Set a convenience property in case the parent's prototype is needed\n // later.\n child.__super__ = parent.prototype;\n\n return child;\n },\n\n // Extend adapted from Underscore.js\n extend: function(obj) {\n var args = Array.prototype.slice.call(arguments, 1);\n for (var i = 0; i < args.length; i++) {\n var source = args[i];\n if (source) {\n for (var prop in source) {\n obj[prop] = source[prop];\n }\n }\n }\n return obj;\n },\n\n nextUid: function() {\n return 'ion' + (nextId++);\n },\n\n disconnectScope: function disconnectScope(scope) {\n if (!scope) return;\n\n if (scope.$root === scope) {\n return; // we can't disconnect the root node;\n }\n var parent = scope.$parent;\n scope.$$disconnected = true;\n scope.$broadcast('$ionic.disconnectScope', scope);\n\n // See Scope.$destroy\n if (parent.$$childHead === scope) {\n parent.$$childHead = scope.$$nextSibling;\n }\n if (parent.$$childTail === scope) {\n parent.$$childTail = scope.$$prevSibling;\n }\n if (scope.$$prevSibling) {\n scope.$$prevSibling.$$nextSibling = scope.$$nextSibling;\n }\n if (scope.$$nextSibling) {\n scope.$$nextSibling.$$prevSibling = scope.$$prevSibling;\n }\n scope.$$nextSibling = scope.$$prevSibling = null;\n },\n\n reconnectScope: function reconnectScope(scope) {\n if (!scope) return;\n\n if (scope.$root === scope) {\n return; // we can't disconnect the root node;\n }\n if (!scope.$$disconnected) {\n return;\n }\n var parent = scope.$parent;\n scope.$$disconnected = false;\n scope.$broadcast('$ionic.reconnectScope', scope);\n // See Scope.$new for this logic...\n scope.$$prevSibling = parent.$$childTail;\n if (parent.$$childHead) {\n parent.$$childTail.$$nextSibling = scope;\n parent.$$childTail = scope;\n } else {\n parent.$$childHead = parent.$$childTail = scope;\n }\n },\n\n isScopeDisconnected: function(scope) {\n var climbScope = scope;\n while (climbScope) {\n if (climbScope.$$disconnected) return true;\n climbScope = climbScope.$parent;\n }\n return false;\n }\n };\n\n // Bind a few of the most useful functions to the ionic scope\n ionic.inherit = ionic.Utils.inherit;\n ionic.extend = ionic.Utils.extend;\n ionic.throttle = ionic.Utils.throttle;\n ionic.proxy = ionic.Utils.proxy;\n ionic.debounce = ionic.Utils.debounce;\n\n})(window.ionic);\n\n/**\n * @ngdoc page\n * @name keyboard\n * @module ionic\n * @description\n * On both Android and iOS, Ionic will attempt to prevent the keyboard from\n * obscuring inputs and focusable elements when it appears by scrolling them\n * into view. In order for this to work, any focusable elements must be within\n * a [Scroll View](http://ionicframework.com/docs/api/directive/ionScroll/)\n * or a directive such as [Content](http://ionicframework.com/docs/api/directive/ionContent/)\n * that has a Scroll View.\n *\n * It will also attempt to prevent the native overflow scrolling on focus,\n * which can cause layout issues such as pushing headers up and out of view.\n *\n * The keyboard fixes work best in conjunction with the\n * [Ionic Keyboard Plugin](https://github.com/driftyco/ionic-plugins-keyboard),\n * although it will perform reasonably well without. However, if you are using\n * Cordova there is no reason not to use the plugin.\n *\n * ### Hide when keyboard shows\n *\n * To hide an element when the keyboard is open, add the class `hide-on-keyboard-open`.\n *\n * ```html\n * \n * \n *
\n * ```\n * ----------\n *\n * ### Plugin Usage\n * Information on using the plugin can be found at\n * [https://github.com/driftyco/ionic-plugins-keyboard](https://github.com/driftyco/ionic-plugins-keyboard).\n *\n * ----------\n *\n * ### Android Notes\n * - If your app is running in fullscreen, i.e. you have\n * `null\n * @param top {Number} Vertical scroll position, keeps current if value is null\n * @param animate {Boolean} Whether the scrolling should happen using an animation\n * @param zoom {Number} Zoom level to go to\n */\n scrollTo: function(left, top, animate, zoom, wasResize) {\n var self = this;\n\n // Stop deceleration\n if (self.__isDecelerating) {\n zyngaCore.effect.Animate.stop(self.__isDecelerating);\n self.__isDecelerating = false;\n }\n\n // Correct coordinates based on new zoom level\n if (zoom != null && zoom !== self.__zoomLevel) {\n\n if (!self.options.zooming) {\n throw new Error(\"Zooming is not enabled!\");\n }\n\n left *= zoom;\n top *= zoom;\n\n // Recompute maximum values while temporary tweaking maximum scroll ranges\n self.__computeScrollMax(zoom);\n\n } else {\n\n // Keep zoom when not defined\n zoom = self.__zoomLevel;\n\n }\n\n if (!self.options.scrollingX) {\n\n left = self.__scrollLeft;\n\n } else {\n\n if (self.options.paging) {\n left = Math.round(left / self.__clientWidth) * self.__clientWidth;\n } else if (self.options.snapping) {\n left = Math.round(left / self.__snapWidth) * self.__snapWidth;\n }\n\n }\n\n if (!self.options.scrollingY) {\n\n top = self.__scrollTop;\n\n } else {\n\n if (self.options.paging) {\n top = Math.round(top / self.__clientHeight) * self.__clientHeight;\n } else if (self.options.snapping) {\n top = Math.round(top / self.__snapHeight) * self.__snapHeight;\n }\n\n }\n\n // Limit for allowed ranges\n left = Math.max(Math.min(self.__maxScrollLeft, left), 0);\n top = Math.max(Math.min(self.__maxScrollTop, top), 0);\n\n // Don't animate when no change detected, still call publish to make sure\n // that rendered position is really in-sync with internal data\n if (left === self.__scrollLeft && top === self.__scrollTop) {\n animate = false;\n }\n\n // Publish new values\n self.__publish(left, top, zoom, animate, wasResize);\n\n },\n\n\n /**\n * Scroll by the given offset\n *\n * @param left {Number} Scroll x-axis by given offset\n * @param top {Number} Scroll y-axis by given offset\n * @param animate {Boolean} Whether to animate the given change\n */\n scrollBy: function(left, top, animate) {\n var self = this;\n\n var startLeft = self.__isAnimating ? self.__scheduledLeft : self.__scrollLeft;\n var startTop = self.__isAnimating ? self.__scheduledTop : self.__scrollTop;\n\n self.scrollTo(startLeft + (left || 0), startTop + (top || 0), animate);\n },\n\n\n\n /*\n ---------------------------------------------------------------------------\n EVENT CALLBACKS\n ---------------------------------------------------------------------------\n */\n\n /**\n * Mouse wheel handler for zooming support\n */\n doMouseZoom: function(wheelDelta, timeStamp, pageX, pageY) {\n var change = wheelDelta > 0 ? 0.97 : 1.03;\n return this.zoomTo(this.__zoomLevel * change, false, pageX - this.__clientLeft, pageY - this.__clientTop);\n },\n\n /**\n * Touch start handler for scrolling support\n */\n doTouchStart: function(touches, timeStamp) {\n var self = this;\n\n // remember if the deceleration was just stopped\n self.__decStopped = !!(self.__isDecelerating || self.__isAnimating);\n\n self.hintResize();\n\n if (timeStamp instanceof Date) {\n timeStamp = timeStamp.valueOf();\n }\n if (typeof timeStamp !== \"number\") {\n timeStamp = Date.now();\n }\n\n // Reset interruptedAnimation flag\n self.__interruptedAnimation = true;\n\n // Stop deceleration\n if (self.__isDecelerating) {\n zyngaCore.effect.Animate.stop(self.__isDecelerating);\n self.__isDecelerating = false;\n self.__interruptedAnimation = true;\n }\n\n // Stop animation\n if (self.__isAnimating) {\n zyngaCore.effect.Animate.stop(self.__isAnimating);\n self.__isAnimating = false;\n self.__interruptedAnimation = true;\n }\n\n // Use center point when dealing with two fingers\n var currentTouchLeft, currentTouchTop;\n var isSingleTouch = touches.length === 1;\n if (isSingleTouch) {\n currentTouchLeft = touches[0].pageX;\n currentTouchTop = touches[0].pageY;\n } else {\n currentTouchLeft = Math.abs(touches[0].pageX + touches[1].pageX) / 2;\n currentTouchTop = Math.abs(touches[0].pageY + touches[1].pageY) / 2;\n }\n\n // Store initial positions\n self.__initialTouchLeft = currentTouchLeft;\n self.__initialTouchTop = currentTouchTop;\n\n // Store initial touchList for scale calculation\n self.__initialTouches = touches;\n\n // Store current zoom level\n self.__zoomLevelStart = self.__zoomLevel;\n\n // Store initial touch positions\n self.__lastTouchLeft = currentTouchLeft;\n self.__lastTouchTop = currentTouchTop;\n\n // Store initial move time stamp\n self.__lastTouchMove = timeStamp;\n\n // Reset initial scale\n self.__lastScale = 1;\n\n // Reset locking flags\n self.__enableScrollX = !isSingleTouch && self.options.scrollingX;\n self.__enableScrollY = !isSingleTouch && self.options.scrollingY;\n\n // Reset tracking flag\n self.__isTracking = true;\n\n // Reset deceleration complete flag\n self.__didDecelerationComplete = false;\n\n // Dragging starts directly with two fingers, otherwise lazy with an offset\n self.__isDragging = !isSingleTouch;\n\n // Some features are disabled in multi touch scenarios\n self.__isSingleTouch = isSingleTouch;\n\n // Clearing data structure\n self.__positions = [];\n\n },\n\n\n /**\n * Touch move handler for scrolling support\n */\n doTouchMove: function(touches, timeStamp, scale) {\n if (timeStamp instanceof Date) {\n timeStamp = timeStamp.valueOf();\n }\n if (typeof timeStamp !== \"number\") {\n timeStamp = Date.now();\n }\n\n var self = this;\n\n // Ignore event when tracking is not enabled (event might be outside of element)\n if (!self.__isTracking) {\n return;\n }\n\n var currentTouchLeft, currentTouchTop;\n\n // Compute move based around of center of fingers\n if (touches.length === 2) {\n currentTouchLeft = Math.abs(touches[0].pageX + touches[1].pageX) / 2;\n currentTouchTop = Math.abs(touches[0].pageY + touches[1].pageY) / 2;\n\n // Calculate scale when not present and only when touches are used\n if (!scale && self.options.zooming) {\n scale = self.__getScale(self.__initialTouches, touches);\n }\n } else {\n currentTouchLeft = touches[0].pageX;\n currentTouchTop = touches[0].pageY;\n }\n\n var positions = self.__positions;\n\n // Are we already is dragging mode?\n if (self.__isDragging) {\n self.__decStopped = false;\n\n // Compute move distance\n var moveX = currentTouchLeft - self.__lastTouchLeft;\n var moveY = currentTouchTop - self.__lastTouchTop;\n\n // Read previous scroll position and zooming\n var scrollLeft = self.__scrollLeft;\n var scrollTop = self.__scrollTop;\n var level = self.__zoomLevel;\n\n // Work with scaling\n if (scale != null && self.options.zooming) {\n\n var oldLevel = level;\n\n // Recompute level based on previous scale and new scale\n level = level / self.__lastScale * scale;\n\n // Limit level according to configuration\n level = Math.max(Math.min(level, self.options.maxZoom), self.options.minZoom);\n\n // Only do further compution when change happened\n if (oldLevel !== level) {\n\n // Compute relative event position to container\n var currentTouchLeftRel = currentTouchLeft - self.__clientLeft;\n var currentTouchTopRel = currentTouchTop - self.__clientTop;\n\n // Recompute left and top coordinates based on new zoom level\n scrollLeft = ((currentTouchLeftRel + scrollLeft) * level / oldLevel) - currentTouchLeftRel;\n scrollTop = ((currentTouchTopRel + scrollTop) * level / oldLevel) - currentTouchTopRel;\n\n // Recompute max scroll values\n self.__computeScrollMax(level);\n\n }\n }\n\n if (self.__enableScrollX) {\n\n scrollLeft -= moveX * self.options.speedMultiplier;\n var maxScrollLeft = self.__maxScrollLeft;\n\n if (scrollLeft > maxScrollLeft || scrollLeft < 0) {\n\n // Slow down on the edges\n if (self.options.bouncing) {\n\n scrollLeft += (moveX / 2 * self.options.speedMultiplier);\n\n } else if (scrollLeft > maxScrollLeft) {\n\n scrollLeft = maxScrollLeft;\n\n } else {\n\n scrollLeft = 0;\n\n }\n }\n }\n\n // Compute new vertical scroll position\n if (self.__enableScrollY) {\n\n scrollTop -= moveY * self.options.speedMultiplier;\n var maxScrollTop = self.__maxScrollTop;\n\n if (scrollTop > maxScrollTop || scrollTop < 0) {\n\n // Slow down on the edges\n if (self.options.bouncing || (self.__refreshHeight && scrollTop < 0)) {\n\n scrollTop += (moveY / 2 * self.options.speedMultiplier);\n\n // Support pull-to-refresh (only when only y is scrollable)\n if (!self.__enableScrollX && self.__refreshHeight != null) {\n\n // hide the refresher when it's behind the header bar in case of header transparency\n if (scrollTop < 0) {\n self.__refreshHidden = false;\n self.__refreshShow();\n } else {\n self.__refreshHide();\n self.__refreshHidden = true;\n }\n\n if (!self.__refreshActive && scrollTop <= -self.__refreshHeight) {\n\n self.__refreshActive = true;\n if (self.__refreshActivate) {\n self.__refreshActivate();\n }\n\n } else if (self.__refreshActive && scrollTop > -self.__refreshHeight) {\n\n self.__refreshActive = false;\n if (self.__refreshDeactivate) {\n self.__refreshDeactivate();\n }\n\n }\n }\n\n } else if (scrollTop > maxScrollTop) {\n\n scrollTop = maxScrollTop;\n\n } else {\n\n scrollTop = 0;\n\n }\n } else if (self.__refreshHeight && !self.__refreshHidden) {\n // if a positive scroll value and the refresher is still not hidden, hide it\n self.__refreshHide();\n self.__refreshHidden = true;\n }\n }\n\n // Keep list from growing infinitely (holding min 10, max 20 measure points)\n if (positions.length > 60) {\n positions.splice(0, 30);\n }\n\n // Track scroll movement for decleration\n positions.push(scrollLeft, scrollTop, timeStamp);\n\n // Sync scroll position\n self.__publish(scrollLeft, scrollTop, level);\n\n // Otherwise figure out whether we are switching into dragging mode now.\n } else {\n\n var minimumTrackingForScroll = self.options.locking ? 3 : 0;\n var minimumTrackingForDrag = 5;\n\n var distanceX = Math.abs(currentTouchLeft - self.__initialTouchLeft);\n var distanceY = Math.abs(currentTouchTop - self.__initialTouchTop);\n\n self.__enableScrollX = self.options.scrollingX && distanceX >= minimumTrackingForScroll;\n self.__enableScrollY = self.options.scrollingY && distanceY >= minimumTrackingForScroll;\n\n positions.push(self.__scrollLeft, self.__scrollTop, timeStamp);\n\n self.__isDragging = (self.__enableScrollX || self.__enableScrollY) && (distanceX >= minimumTrackingForDrag || distanceY >= minimumTrackingForDrag);\n if (self.__isDragging) {\n self.__interruptedAnimation = false;\n self.__fadeScrollbars('in');\n }\n\n }\n\n // Update last touch positions and time stamp for next event\n self.__lastTouchLeft = currentTouchLeft;\n self.__lastTouchTop = currentTouchTop;\n self.__lastTouchMove = timeStamp;\n self.__lastScale = scale;\n\n },\n\n\n /**\n * Touch end handler for scrolling support\n */\n doTouchEnd: function(e, timeStamp) {\n if (timeStamp instanceof Date) {\n timeStamp = timeStamp.valueOf();\n }\n if (typeof timeStamp !== \"number\") {\n timeStamp = Date.now();\n }\n\n var self = this;\n\n // Ignore event when tracking is not enabled (no touchstart event on element)\n // This is required as this listener ('touchmove') sits on the document and not on the element itself.\n if (!self.__isTracking) {\n return;\n }\n\n // Not touching anymore (when two finger hit the screen there are two touch end events)\n self.__isTracking = false;\n\n // Be sure to reset the dragging flag now. Here we also detect whether\n // the finger has moved fast enough to switch into a deceleration animation.\n if (self.__isDragging) {\n\n // Reset dragging flag\n self.__isDragging = false;\n\n // Start deceleration\n // Verify that the last move detected was in some relevant time frame\n if (self.__isSingleTouch && self.options.animating && (timeStamp - self.__lastTouchMove) <= 100) {\n\n // Then figure out what the scroll position was about 100ms ago\n var positions = self.__positions;\n var endPos = positions.length - 1;\n var startPos = endPos;\n\n // Move pointer to position measured 100ms ago\n for (var i = endPos; i > 0 && positions[i] > (self.__lastTouchMove - 100); i -= 3) {\n startPos = i;\n }\n\n // If start and stop position is identical in a 100ms timeframe,\n // we cannot compute any useful deceleration.\n if (startPos !== endPos) {\n\n // Compute relative movement between these two points\n var timeOffset = positions[endPos] - positions[startPos];\n var movedLeft = self.__scrollLeft - positions[startPos - 2];\n var movedTop = self.__scrollTop - positions[startPos - 1];\n\n // Based on 50ms compute the movement to apply for each render step\n self.__decelerationVelocityX = movedLeft / timeOffset * (1000 / 60);\n self.__decelerationVelocityY = movedTop / timeOffset * (1000 / 60);\n\n // How much velocity is required to start the deceleration\n var minVelocityToStartDeceleration = self.options.paging || self.options.snapping ? self.options.decelVelocityThresholdPaging : self.options.decelVelocityThreshold;\n\n // Verify that we have enough velocity to start deceleration\n if (Math.abs(self.__decelerationVelocityX) > minVelocityToStartDeceleration || Math.abs(self.__decelerationVelocityY) > minVelocityToStartDeceleration) {\n\n // Deactivate pull-to-refresh when decelerating\n if (!self.__refreshActive) {\n self.__startDeceleration(timeStamp);\n }\n }\n } else {\n self.__scrollingComplete();\n }\n } else if ((timeStamp - self.__lastTouchMove) > 100) {\n self.__scrollingComplete();\n }\n\n } else if (self.__decStopped) {\n // the deceleration was stopped\n // user flicked the scroll fast, and stop dragging, then did a touchstart to stop the srolling\n // tell the touchend event code to do nothing, we don't want to actually send a click\n e.isTapHandled = true;\n self.__decStopped = false;\n }\n\n // If this was a slower move it is per default non decelerated, but this\n // still means that we want snap back to the bounds which is done here.\n // This is placed outside the condition above to improve edge case stability\n // e.g. touchend fired without enabled dragging. This should normally do not\n // have modified the scroll positions or even showed the scrollbars though.\n if (!self.__isDecelerating) {\n\n if (self.__refreshActive && self.__refreshStart) {\n\n // Use publish instead of scrollTo to allow scrolling to out of boundary position\n // We don't need to normalize scrollLeft, zoomLevel, etc. here because we only y-scrolling when pull-to-refresh is enabled\n self.__publish(self.__scrollLeft, -self.__refreshHeight, self.__zoomLevel, true);\n\n var d = new Date();\n self.refreshStartTime = d.getTime();\n\n if (self.__refreshStart) {\n self.__refreshStart();\n }\n // for iOS-ey style scrolling\n if (!ionic.Platform.isAndroid())self.__startDeceleration();\n } else {\n\n if (self.__interruptedAnimation || self.__isDragging) {\n self.__scrollingComplete();\n }\n self.scrollTo(self.__scrollLeft, self.__scrollTop, true, self.__zoomLevel);\n\n // Directly signalize deactivation (nothing todo on refresh?)\n if (self.__refreshActive) {\n\n self.__refreshActive = false;\n if (self.__refreshDeactivate) {\n self.__refreshDeactivate();\n }\n\n }\n }\n }\n\n // Fully cleanup list\n self.__positions.length = 0;\n\n },\n\n\n\n /*\n ---------------------------------------------------------------------------\n PRIVATE API\n ---------------------------------------------------------------------------\n */\n\n /**\n * Applies the scroll position to the content element\n *\n * @param left {Number} Left scroll position\n * @param top {Number} Top scroll position\n * @param animate {Boolean} Whether animation should be used to move to the new coordinates\n */\n __publish: function(left, top, zoom, animate, wasResize) {\n\n var self = this;\n\n // Remember whether we had an animation, then we try to continue based on the current \"drive\" of the animation\n var wasAnimating = self.__isAnimating;\n if (wasAnimating) {\n zyngaCore.effect.Animate.stop(wasAnimating);\n self.__isAnimating = false;\n }\n\n if (animate && self.options.animating) {\n\n // Keep scheduled positions for scrollBy/zoomBy functionality\n self.__scheduledLeft = left;\n self.__scheduledTop = top;\n self.__scheduledZoom = zoom;\n\n var oldLeft = self.__scrollLeft;\n var oldTop = self.__scrollTop;\n var oldZoom = self.__zoomLevel;\n\n var diffLeft = left - oldLeft;\n var diffTop = top - oldTop;\n var diffZoom = zoom - oldZoom;\n\n var step = function(percent, now, render) {\n\n if (render) {\n\n self.__scrollLeft = oldLeft + (diffLeft * percent);\n self.__scrollTop = oldTop + (diffTop * percent);\n self.__zoomLevel = oldZoom + (diffZoom * percent);\n\n // Push values out\n if (self.__callback) {\n self.__callback(self.__scrollLeft, self.__scrollTop, self.__zoomLevel, wasResize);\n }\n\n }\n };\n\n var verify = function(id) {\n return self.__isAnimating === id;\n };\n\n var completed = function(renderedFramesPerSecond, animationId, wasFinished) {\n if (animationId === self.__isAnimating) {\n self.__isAnimating = false;\n }\n if (self.__didDecelerationComplete || wasFinished) {\n self.__scrollingComplete();\n }\n\n if (self.options.zooming) {\n self.__computeScrollMax();\n }\n };\n\n // When continuing based on previous animation we choose an ease-out animation instead of ease-in-out\n self.__isAnimating = zyngaCore.effect.Animate.start(step, verify, completed, self.options.animationDuration, wasAnimating ? easeOutCubic : easeInOutCubic);\n\n } else {\n\n self.__scheduledLeft = self.__scrollLeft = left;\n self.__scheduledTop = self.__scrollTop = top;\n self.__scheduledZoom = self.__zoomLevel = zoom;\n\n // Push values out\n if (self.__callback) {\n self.__callback(left, top, zoom, wasResize);\n }\n\n // Fix max scroll ranges\n if (self.options.zooming) {\n self.__computeScrollMax();\n }\n }\n },\n\n\n /**\n * Recomputes scroll minimum values based on client dimensions and content dimensions.\n */\n __computeScrollMax: function(zoomLevel) {\n var self = this;\n\n if (zoomLevel == null) {\n zoomLevel = self.__zoomLevel;\n }\n\n self.__maxScrollLeft = Math.max((self.__contentWidth * zoomLevel) - self.__clientWidth, 0);\n self.__maxScrollTop = Math.max((self.__contentHeight * zoomLevel) - self.__clientHeight, 0);\n\n if (!self.__didWaitForSize && !self.__maxScrollLeft && !self.__maxScrollTop) {\n self.__didWaitForSize = true;\n self.__waitForSize();\n }\n },\n\n\n /**\n * If the scroll view isn't sized correctly on start, wait until we have at least some size\n */\n __waitForSize: function() {\n var self = this;\n\n clearTimeout(self.__sizerTimeout);\n\n var sizer = function() {\n self.resize(true);\n };\n\n sizer();\n self.__sizerTimeout = setTimeout(sizer, 500);\n },\n\n /*\n ---------------------------------------------------------------------------\n ANIMATION (DECELERATION) SUPPORT\n ---------------------------------------------------------------------------\n */\n\n /**\n * Called when a touch sequence end and the speed of the finger was high enough\n * to switch into deceleration mode.\n */\n __startDeceleration: function() {\n var self = this;\n\n if (self.options.paging) {\n\n var scrollLeft = Math.max(Math.min(self.__scrollLeft, self.__maxScrollLeft), 0);\n var scrollTop = Math.max(Math.min(self.__scrollTop, self.__maxScrollTop), 0);\n var clientWidth = self.__clientWidth;\n var clientHeight = self.__clientHeight;\n\n // We limit deceleration not to the min/max values of the allowed range, but to the size of the visible client area.\n // Each page should have exactly the size of the client area.\n self.__minDecelerationScrollLeft = Math.floor(scrollLeft / clientWidth) * clientWidth;\n self.__minDecelerationScrollTop = Math.floor(scrollTop / clientHeight) * clientHeight;\n self.__maxDecelerationScrollLeft = Math.ceil(scrollLeft / clientWidth) * clientWidth;\n self.__maxDecelerationScrollTop = Math.ceil(scrollTop / clientHeight) * clientHeight;\n\n } else {\n\n self.__minDecelerationScrollLeft = 0;\n self.__minDecelerationScrollTop = 0;\n self.__maxDecelerationScrollLeft = self.__maxScrollLeft;\n self.__maxDecelerationScrollTop = self.__maxScrollTop;\n if (self.__refreshActive) self.__minDecelerationScrollTop = self.__refreshHeight * -1;\n }\n\n // Wrap class method\n var step = function(percent, now, render) {\n self.__stepThroughDeceleration(render);\n };\n\n // How much velocity is required to keep the deceleration running\n self.__minVelocityToKeepDecelerating = self.options.snapping ? 4 : 0.1;\n\n // Detect whether it's still worth to continue animating steps\n // If we are already slow enough to not being user perceivable anymore, we stop the whole process here.\n var verify = function() {\n var shouldContinue = Math.abs(self.__decelerationVelocityX) >= self.__minVelocityToKeepDecelerating ||\n Math.abs(self.__decelerationVelocityY) >= self.__minVelocityToKeepDecelerating;\n if (!shouldContinue) {\n self.__didDecelerationComplete = true;\n\n //Make sure the scroll values are within the boundaries after a bounce,\n //not below 0 or above maximum\n if (self.options.bouncing && !self.__refreshActive) {\n self.scrollTo(\n Math.min( Math.max(self.__scrollLeft, 0), self.__maxScrollLeft ),\n Math.min( Math.max(self.__scrollTop, 0), self.__maxScrollTop ),\n self.__refreshActive\n );\n }\n }\n return shouldContinue;\n };\n\n var completed = function() {\n self.__isDecelerating = false;\n if (self.__didDecelerationComplete) {\n self.__scrollingComplete();\n }\n\n // Animate to grid when snapping is active, otherwise just fix out-of-boundary positions\n if (self.options.paging) {\n self.scrollTo(self.__scrollLeft, self.__scrollTop, self.options.snapping);\n }\n };\n\n // Start animation and switch on flag\n self.__isDecelerating = zyngaCore.effect.Animate.start(step, verify, completed);\n\n },\n\n\n /**\n * Called on every step of the animation\n *\n * @param inMemory {Boolean} Whether to not render the current step, but keep it in memory only. Used internally only!\n */\n __stepThroughDeceleration: function(render) {\n var self = this;\n\n\n //\n // COMPUTE NEXT SCROLL POSITION\n //\n\n // Add deceleration to scroll position\n var scrollLeft = self.__scrollLeft + self.__decelerationVelocityX;// * self.options.deceleration);\n var scrollTop = self.__scrollTop + self.__decelerationVelocityY;// * self.options.deceleration);\n\n\n //\n // HARD LIMIT SCROLL POSITION FOR NON BOUNCING MODE\n //\n\n if (!self.options.bouncing) {\n\n var scrollLeftFixed = Math.max(Math.min(self.__maxDecelerationScrollLeft, scrollLeft), self.__minDecelerationScrollLeft);\n if (scrollLeftFixed !== scrollLeft) {\n scrollLeft = scrollLeftFixed;\n self.__decelerationVelocityX = 0;\n }\n\n var scrollTopFixed = Math.max(Math.min(self.__maxDecelerationScrollTop, scrollTop), self.__minDecelerationScrollTop);\n if (scrollTopFixed !== scrollTop) {\n scrollTop = scrollTopFixed;\n self.__decelerationVelocityY = 0;\n }\n\n }\n\n\n //\n // UPDATE SCROLL POSITION\n //\n\n if (render) {\n\n self.__publish(scrollLeft, scrollTop, self.__zoomLevel);\n\n } else {\n\n self.__scrollLeft = scrollLeft;\n self.__scrollTop = scrollTop;\n\n }\n\n\n //\n // SLOW DOWN\n //\n\n // Slow down velocity on every iteration\n if (!self.options.paging) {\n\n // This is the factor applied to every iteration of the animation\n // to slow down the process. This should emulate natural behavior where\n // objects slow down when the initiator of the movement is removed\n var frictionFactor = self.options.deceleration;\n\n self.__decelerationVelocityX *= frictionFactor;\n self.__decelerationVelocityY *= frictionFactor;\n\n }\n\n\n //\n // BOUNCING SUPPORT\n //\n\n if (self.options.bouncing) {\n\n var scrollOutsideX = 0;\n var scrollOutsideY = 0;\n\n // This configures the amount of change applied to deceleration/acceleration when reaching boundaries\n var penetrationDeceleration = self.options.penetrationDeceleration;\n var penetrationAcceleration = self.options.penetrationAcceleration;\n\n // Check limits\n if (scrollLeft < self.__minDecelerationScrollLeft) {\n scrollOutsideX = self.__minDecelerationScrollLeft - scrollLeft;\n } else if (scrollLeft > self.__maxDecelerationScrollLeft) {\n scrollOutsideX = self.__maxDecelerationScrollLeft - scrollLeft;\n }\n\n if (scrollTop < self.__minDecelerationScrollTop) {\n scrollOutsideY = self.__minDecelerationScrollTop - scrollTop;\n } else if (scrollTop > self.__maxDecelerationScrollTop) {\n scrollOutsideY = self.__maxDecelerationScrollTop - scrollTop;\n }\n\n // Slow down until slow enough, then flip back to snap position\n if (scrollOutsideX !== 0) {\n var isHeadingOutwardsX = scrollOutsideX * self.__decelerationVelocityX <= self.__minDecelerationScrollLeft;\n if (isHeadingOutwardsX) {\n self.__decelerationVelocityX += scrollOutsideX * penetrationDeceleration;\n }\n var isStoppedX = Math.abs(self.__decelerationVelocityX) <= self.__minVelocityToKeepDecelerating;\n //If we're not heading outwards, or if the above statement got us below minDeceleration, go back towards bounds\n if (!isHeadingOutwardsX || isStoppedX) {\n self.__decelerationVelocityX = scrollOutsideX * penetrationAcceleration;\n }\n }\n\n if (scrollOutsideY !== 0) {\n var isHeadingOutwardsY = scrollOutsideY * self.__decelerationVelocityY <= self.__minDecelerationScrollTop;\n if (isHeadingOutwardsY) {\n self.__decelerationVelocityY += scrollOutsideY * penetrationDeceleration;\n }\n var isStoppedY = Math.abs(self.__decelerationVelocityY) <= self.__minVelocityToKeepDecelerating;\n //If we're not heading outwards, or if the above statement got us below minDeceleration, go back towards bounds\n if (!isHeadingOutwardsY || isStoppedY) {\n self.__decelerationVelocityY = scrollOutsideY * penetrationAcceleration;\n }\n }\n }\n },\n\n\n /**\n * calculate the distance between two touches\n * @param {Touch} touch1\n * @param {Touch} touch2\n * @returns {Number} distance\n */\n __getDistance: function getDistance(touch1, touch2) {\n var x = touch2.pageX - touch1.pageX,\n y = touch2.pageY - touch1.pageY;\n return Math.sqrt((x * x) + (y * y));\n },\n\n\n /**\n * calculate the scale factor between two touchLists (fingers)\n * no scale is 1, and goes down to 0 when pinched together, and bigger when pinched out\n * @param {Array} start\n * @param {Array} end\n * @returns {Number} scale\n */\n __getScale: function getScale(start, end) {\n // need two fingers...\n if (start.length >= 2 && end.length >= 2) {\n return this.__getDistance(end[0], end[1]) /\n this.__getDistance(start[0], start[1]);\n }\n return 1;\n }\n});\n\nionic.scroll = {\n isScrolling: false,\n lastTop: 0\n};\n\n})(ionic);\n\n(function(ionic) {\n var NOOP = function() {};\n var depreciated = function(name) {\n void 0;\n };\n ionic.views.ScrollNative = ionic.views.View.inherit({\n\n initialize: function(options) {\n var self = this;\n self.__container = self.el = options.el;\n self.__content = options.el.firstElementChild;\n self.isNative = true;\n\n self.__scrollTop = self.el.scrollTop;\n self.__scrollLeft = self.el.scrollLeft;\n self.__clientHeight = self.__content.clientHeight;\n self.__clientWidth = self.__content.clientWidth;\n self.__maxScrollTop = Math.max((self.__contentHeight) - self.__clientHeight, 0);\n self.__maxScrollLeft = Math.max((self.__contentWidth) - self.__clientWidth, 0);\n\n self.options = {\n\n freeze: false,\n\n getContentWidth: function() {\n return Math.max(self.__content.scrollWidth, self.__content.offsetWidth);\n },\n\n getContentHeight: function() {\n return Math.max(self.__content.scrollHeight, self.__content.offsetHeight + (self.__content.offsetTop * 2));\n }\n\n };\n\n for (var key in options) {\n self.options[key] = options[key];\n }\n\n /**\n * Sets isScrolling to true, and automatically deactivates if not called again in 80ms.\n */\n self.onScroll = function() {\n if (!ionic.scroll.isScrolling) {\n ionic.scroll.isScrolling = true;\n }\n\n clearTimeout(self.scrollTimer);\n self.scrollTimer = setTimeout(function() {\n ionic.scroll.isScrolling = false;\n }, 80);\n };\n\n self.freeze = NOOP;\n\n self.__initEventHandlers();\n },\n\n /** Methods not used in native scrolling */\n __callback: function() { depreciated('__callback'); },\n zoomTo: function() { depreciated('zoomTo'); },\n zoomBy: function() { depreciated('zoomBy'); },\n activatePullToRefresh: function() { depreciated('activatePullToRefresh'); },\n\n /**\n * Returns the scroll position and zooming values\n *\n * @return {Map} `left` and `top` scroll position and `zoom` level\n */\n resize: function(continueScrolling) {\n var self = this;\n if (!self.__container || !self.options) return;\n\n // Update Scroller dimensions for changed content\n // Add padding to bottom of content\n self.setDimensions(\n self.__container.clientWidth,\n self.__container.clientHeight,\n self.options.getContentWidth(),\n self.options.getContentHeight(),\n continueScrolling\n );\n },\n\n /**\n * Initialize the scrollview\n * In native scrolling, this only means we need to gather size information\n */\n run: function() {\n this.resize();\n },\n\n /**\n * Returns the scroll position and zooming values\n *\n * @return {Map} `left` and `top` scroll position and `zoom` level\n */\n getValues: function() {\n var self = this;\n self.update();\n return {\n left: self.__scrollLeft,\n top: self.__scrollTop,\n zoom: 1\n };\n },\n\n /**\n * Updates the __scrollLeft and __scrollTop values to el's current value\n */\n update: function() {\n var self = this;\n self.__scrollLeft = self.el.scrollLeft;\n self.__scrollTop = self.el.scrollTop;\n },\n\n /**\n * Configures the dimensions of the client (outer) and content (inner) elements.\n * Requires the available space for the outer element and the outer size of the inner element.\n * All values which are falsy (null or zero etc.) are ignored and the old value is kept.\n *\n * @param clientWidth {Integer} Inner width of outer element\n * @param clientHeight {Integer} Inner height of outer element\n * @param contentWidth {Integer} Outer width of inner element\n * @param contentHeight {Integer} Outer height of inner element\n */\n setDimensions: function(clientWidth, clientHeight, contentWidth, contentHeight) {\n var self = this;\n\n if (!clientWidth && !clientHeight && !contentWidth && !contentHeight) {\n // this scrollview isn't rendered, don't bother\n return;\n }\n\n // Only update values which are defined\n if (clientWidth === +clientWidth) {\n self.__clientWidth = clientWidth;\n }\n\n if (clientHeight === +clientHeight) {\n self.__clientHeight = clientHeight;\n }\n\n if (contentWidth === +contentWidth) {\n self.__contentWidth = contentWidth;\n }\n\n if (contentHeight === +contentHeight) {\n self.__contentHeight = contentHeight;\n }\n\n // Refresh maximums\n self.__computeScrollMax();\n },\n\n /**\n * Returns the maximum scroll values\n *\n * @return {Map} `left` and `top` maximum scroll values\n */\n getScrollMax: function() {\n return {\n left: this.__maxScrollLeft,\n top: this.__maxScrollTop\n };\n },\n\n /**\n * Scrolls by the given amount in px.\n *\n * @param left {Number} Horizontal scroll position, keeps current if value is null\n * @param top {Number} Vertical scroll position, keeps current if value is null\n * @param animate {Boolean} Whether the scrolling should happen using an animation\n */\n\n scrollBy: function(left, top, animate) {\n var self = this;\n\n // update scroll vars before refferencing them\n self.update();\n\n var startLeft = self.__isAnimating ? self.__scheduledLeft : self.__scrollLeft;\n var startTop = self.__isAnimating ? self.__scheduledTop : self.__scrollTop;\n\n self.scrollTo(startLeft + (left || 0), startTop + (top || 0), animate);\n },\n\n /**\n * Scrolls to the given position in px.\n *\n * @param left {Number} Horizontal scroll position, keeps current if value is null\n * @param top {Number} Vertical scroll position, keeps current if value is null\n * @param animate {Boolean} Whether the scrolling should happen using an animation\n */\n scrollTo: function(left, top, animate) {\n var self = this;\n if (!animate) {\n self.el.scrollTop = top;\n self.el.scrollLeft = left;\n self.resize();\n return;\n }\n animateScroll(top, left);\n\n function animateScroll(Y, X) {\n // scroll animation loop w/ easing\n // credit https://gist.github.com/dezinezync/5487119\n var start = Date.now(),\n duration = 1000, //milliseconds\n fromY = self.el.scrollTop,\n fromX = self.el.scrollLeft;\n\n if (fromY === Y && fromX === X) {\n self.resize();\n return; /* Prevent scrolling to the Y point if already there */\n }\n\n // decelerating to zero velocity\n function easeOutCubic(t) {\n return (--t) * t * t + 1;\n }\n\n // scroll loop\n function animateScrollStep() {\n var currentTime = Date.now(),\n time = Math.min(1, ((currentTime - start) / duration)),\n // where .5 would be 50% of time on a linear scale easedT gives a\n // fraction based on the easing method\n easedT = easeOutCubic(time);\n\n if (fromY != Y) {\n self.el.scrollTop = parseInt((easedT * (Y - fromY)) + fromY, 10);\n }\n if (fromX != X) {\n self.el.scrollLeft = parseInt((easedT * (X - fromX)) + fromX, 10);\n }\n\n if (time < 1) {\n ionic.requestAnimationFrame(animateScrollStep);\n\n } else {\n // done\n self.resize();\n }\n }\n\n // start scroll loop\n ionic.requestAnimationFrame(animateScrollStep);\n }\n },\n\n\n\n /*\n ---------------------------------------------------------------------------\n PRIVATE API\n ---------------------------------------------------------------------------\n */\n\n /**\n * If the scroll view isn't sized correctly on start, wait until we have at least some size\n */\n __waitForSize: function() {\n var self = this;\n\n clearTimeout(self.__sizerTimeout);\n\n var sizer = function() {\n self.resize(true);\n };\n\n sizer();\n self.__sizerTimeout = setTimeout(sizer, 500);\n },\n\n\n /**\n * Recomputes scroll minimum values based on client dimensions and content dimensions.\n */\n __computeScrollMax: function() {\n var self = this;\n\n self.__maxScrollLeft = Math.max((self.__contentWidth) - self.__clientWidth, 0);\n self.__maxScrollTop = Math.max((self.__contentHeight) - self.__clientHeight, 0);\n\n if (!self.__didWaitForSize && !self.__maxScrollLeft && !self.__maxScrollTop) {\n self.__didWaitForSize = true;\n self.__waitForSize();\n }\n },\n\n __initEventHandlers: function() {\n var self = this;\n\n // Event Handler\n var container = self.__container;\n\n // should be unnecessary in native scrolling, but keep in case bugs show up\n self.scrollChildIntoView = NOOP;\n\n self.resetScrollView = function() {\n //return scrollview to original height once keyboard has hidden\n if (self.isScrolledIntoView) {\n self.isScrolledIntoView = false;\n container.style.height = \"\";\n container.style.overflow = \"\";\n self.resize();\n ionic.scroll.isScrolling = false;\n }\n };\n\n container.addEventListener('resetScrollView', self.resetScrollView);\n container.addEventListener('scroll', self.onScroll);\n\n //Broadcasted when keyboard is shown on some platforms.\n //See js/utils/keyboard.js\n container.addEventListener('scrollChildIntoView', self.scrollChildIntoView);\n container.addEventListener('resetScrollView', self.resetScrollView);\n },\n\n __cleanup: function() {\n var self = this;\n var container = self.__container;\n\n container.removeEventListener('resetScrollView', self.resetScrollView);\n container.removeEventListener('scroll', self.onScroll);\n\n container.removeEventListener('scrollChildIntoView', self.scrollChildIntoView);\n container.removeEventListener('resetScrollView', self.resetScrollView);\n\n ionic.tap.removeClonedInputs(container, self);\n\n delete self.__container;\n delete self.__content;\n delete self.__indicatorX;\n delete self.__indicatorY;\n delete self.options.el;\n\n self.resize = self.scrollTo = self.onScroll = self.resetScrollView = NOOP;\n container = null;\n }\n });\n\n})(ionic);\n\n\n(function(ionic) {\n'use strict';\n\n var ITEM_CLASS = 'item';\n var ITEM_CONTENT_CLASS = 'item-content';\n var ITEM_SLIDING_CLASS = 'item-sliding';\n var ITEM_OPTIONS_CLASS = 'item-options';\n var ITEM_PLACEHOLDER_CLASS = 'item-placeholder';\n var ITEM_REORDERING_CLASS = 'item-reordering';\n var ITEM_REORDER_BTN_CLASS = 'item-reorder';\n\n var DragOp = function() {};\n DragOp.prototype = {\n start: function(){},\n drag: function(){},\n end: function(){},\n isSameItem: function() {\n return false;\n }\n };\n\n var SlideDrag = function(opts) {\n this.dragThresholdX = opts.dragThresholdX || 10;\n this.el = opts.el;\n this.item = opts.item;\n this.canSwipe = opts.canSwipe;\n };\n\n SlideDrag.prototype = new DragOp();\n\n SlideDrag.prototype.start = function(e) {\n var content, buttons, offsetX, buttonsWidth;\n\n if (!this.canSwipe()) {\n return;\n }\n\n if (e.target.classList.contains(ITEM_CONTENT_CLASS)) {\n content = e.target;\n } else if (e.target.classList.contains(ITEM_CLASS)) {\n content = e.target.querySelector('.' + ITEM_CONTENT_CLASS);\n } else {\n content = ionic.DomUtil.getParentWithClass(e.target, ITEM_CONTENT_CLASS);\n }\n\n // If we don't have a content area as one of our children (or ourselves), skip\n if (!content) {\n return;\n }\n\n // Make sure we aren't animating as we slide\n content.classList.remove(ITEM_SLIDING_CLASS);\n\n // Grab the starting X point for the item (for example, so we can tell whether it is open or closed to start)\n offsetX = parseFloat(content.style[ionic.CSS.TRANSFORM].replace('translate3d(', '').split(',')[0]) || 0;\n\n // Grab the buttons\n buttons = content.parentNode.querySelector('.' + ITEM_OPTIONS_CLASS);\n if (!buttons) {\n return;\n }\n buttons.classList.remove('invisible');\n\n buttonsWidth = buttons.offsetWidth;\n\n this._currentDrag = {\n buttons: buttons,\n buttonsWidth: buttonsWidth,\n content: content,\n startOffsetX: offsetX\n };\n };\n\n /**\n * Check if this is the same item that was previously dragged.\n */\n SlideDrag.prototype.isSameItem = function(op) {\n if (op._lastDrag && this._currentDrag) {\n return this._currentDrag.content == op._lastDrag.content;\n }\n return false;\n };\n\n SlideDrag.prototype.clean = function(isInstant) {\n var lastDrag = this._lastDrag;\n\n if (!lastDrag || !lastDrag.content) return;\n\n lastDrag.content.style[ionic.CSS.TRANSITION] = '';\n lastDrag.content.style[ionic.CSS.TRANSFORM] = '';\n if (isInstant) {\n lastDrag.content.style[ionic.CSS.TRANSITION] = 'none';\n makeInvisible();\n ionic.requestAnimationFrame(function() {\n lastDrag.content.style[ionic.CSS.TRANSITION] = '';\n });\n } else {\n ionic.requestAnimationFrame(function() {\n setTimeout(makeInvisible, 250);\n });\n }\n function makeInvisible() {\n lastDrag.buttons && lastDrag.buttons.classList.add('invisible');\n }\n };\n\n SlideDrag.prototype.drag = ionic.animationFrameThrottle(function(e) {\n var buttonsWidth;\n\n // We really aren't dragging\n if (!this._currentDrag) {\n return;\n }\n\n // Check if we should start dragging. Check if we've dragged past the threshold,\n // or we are starting from the open state.\n if (!this._isDragging &&\n ((Math.abs(e.gesture.deltaX) > this.dragThresholdX) ||\n (Math.abs(this._currentDrag.startOffsetX) > 0))) {\n this._isDragging = true;\n }\n\n if (this._isDragging) {\n buttonsWidth = this._currentDrag.buttonsWidth;\n\n // Grab the new X point, capping it at zero\n var newX = Math.min(0, this._currentDrag.startOffsetX + e.gesture.deltaX);\n\n // If the new X position is past the buttons, we need to slow down the drag (rubber band style)\n if (newX < -buttonsWidth) {\n // Calculate the new X position, capped at the top of the buttons\n newX = Math.min(-buttonsWidth, -buttonsWidth + (((e.gesture.deltaX + buttonsWidth) * 0.4)));\n }\n\n this._currentDrag.content.$$ionicOptionsOpen = newX !== 0;\n\n this._currentDrag.content.style[ionic.CSS.TRANSFORM] = 'translate3d(' + newX + 'px, 0, 0)';\n this._currentDrag.content.style[ionic.CSS.TRANSITION] = 'none';\n }\n });\n\n SlideDrag.prototype.end = function(e, doneCallback) {\n var self = this;\n\n // There is no drag, just end immediately\n if (!self._currentDrag) {\n doneCallback && doneCallback();\n return;\n }\n\n // If we are currently dragging, we want to snap back into place\n // The final resting point X will be the width of the exposed buttons\n var restingPoint = -self._currentDrag.buttonsWidth;\n\n // Check if the drag didn't clear the buttons mid-point\n // and we aren't moving fast enough to swipe open\n if (e.gesture.deltaX > -(self._currentDrag.buttonsWidth / 2)) {\n\n // If we are going left but too slow, or going right, go back to resting\n if (e.gesture.direction == \"left\" && Math.abs(e.gesture.velocityX) < 0.3) {\n restingPoint = 0;\n\n } else if (e.gesture.direction == \"right\") {\n restingPoint = 0;\n }\n\n }\n\n ionic.requestAnimationFrame(function() {\n if (restingPoint === 0) {\n self._currentDrag.content.style[ionic.CSS.TRANSFORM] = '';\n var buttons = self._currentDrag.buttons;\n setTimeout(function() {\n buttons && buttons.classList.add('invisible');\n }, 250);\n } else {\n self._currentDrag.content.style[ionic.CSS.TRANSFORM] = 'translate3d(' + restingPoint + 'px,0,0)';\n }\n self._currentDrag.content.style[ionic.CSS.TRANSITION] = '';\n\n\n // Kill the current drag\n if (!self._lastDrag) {\n self._lastDrag = {};\n }\n ionic.extend(self._lastDrag, self._currentDrag);\n if (self._currentDrag) {\n self._currentDrag.buttons = null;\n self._currentDrag.content = null;\n }\n self._currentDrag = null;\n\n // We are done, notify caller\n doneCallback && doneCallback();\n });\n };\n\n var ReorderDrag = function(opts) {\n var self = this;\n\n self.dragThresholdY = opts.dragThresholdY || 0;\n self.onReorder = opts.onReorder;\n self.listEl = opts.listEl;\n self.el = self.item = opts.el;\n self.scrollEl = opts.scrollEl;\n self.scrollView = opts.scrollView;\n // Get the True Top of the list el http://www.quirksmode.org/js/findpos.html\n self.listElTrueTop = 0;\n if (self.listEl.offsetParent) {\n var obj = self.listEl;\n do {\n self.listElTrueTop += obj.offsetTop;\n obj = obj.offsetParent;\n } while (obj);\n }\n };\n\n ReorderDrag.prototype = new DragOp();\n\n ReorderDrag.prototype._moveElement = function(e) {\n var y = e.gesture.center.pageY +\n this.scrollView.getValues().top -\n (this._currentDrag.elementHeight / 2) -\n this.listElTrueTop;\n this.el.style[ionic.CSS.TRANSFORM] = 'translate3d(0, ' + y + 'px, 0)';\n };\n\n ReorderDrag.prototype.deregister = function() {\n this.listEl = this.el = this.scrollEl = this.scrollView = null;\n };\n\n ReorderDrag.prototype.start = function(e) {\n\n var startIndex = ionic.DomUtil.getChildIndex(this.el, this.el.nodeName.toLowerCase());\n var elementHeight = this.el.scrollHeight;\n var placeholder = this.el.cloneNode(true);\n\n placeholder.classList.add(ITEM_PLACEHOLDER_CLASS);\n\n this.el.parentNode.insertBefore(placeholder, this.el);\n this.el.classList.add(ITEM_REORDERING_CLASS);\n\n this._currentDrag = {\n elementHeight: elementHeight,\n startIndex: startIndex,\n placeholder: placeholder,\n scrollHeight: scroll,\n list: placeholder.parentNode\n };\n\n this._moveElement(e);\n };\n\n ReorderDrag.prototype.drag = ionic.animationFrameThrottle(function(e) {\n // We really aren't dragging\n var self = this;\n if (!this._currentDrag) {\n return;\n }\n\n var scrollY = 0;\n var pageY = e.gesture.center.pageY;\n var offset = this.listElTrueTop;\n\n //If we have a scrollView, check scroll boundaries for dragged element and scroll if necessary\n if (this.scrollView) {\n\n var container = this.scrollView.__container;\n scrollY = this.scrollView.getValues().top;\n\n var containerTop = container.offsetTop;\n var pixelsPastTop = containerTop - pageY + this._currentDrag.elementHeight / 2;\n var pixelsPastBottom = pageY + this._currentDrag.elementHeight / 2 - containerTop - container.offsetHeight;\n\n if (e.gesture.deltaY < 0 && pixelsPastTop > 0 && scrollY > 0) {\n this.scrollView.scrollBy(null, -pixelsPastTop);\n //Trigger another drag so the scrolling keeps going\n ionic.requestAnimationFrame(function() {\n self.drag(e);\n });\n }\n if (e.gesture.deltaY > 0 && pixelsPastBottom > 0) {\n if (scrollY < this.scrollView.getScrollMax().top) {\n this.scrollView.scrollBy(null, pixelsPastBottom);\n //Trigger another drag so the scrolling keeps going\n ionic.requestAnimationFrame(function() {\n self.drag(e);\n });\n }\n }\n }\n\n // Check if we should start dragging. Check if we've dragged past the threshold,\n // or we are starting from the open state.\n if (!this._isDragging && Math.abs(e.gesture.deltaY) > this.dragThresholdY) {\n this._isDragging = true;\n }\n\n if (this._isDragging) {\n this._moveElement(e);\n\n this._currentDrag.currentY = scrollY + pageY - offset;\n\n // this._reorderItems();\n }\n });\n\n // When an item is dragged, we need to reorder any items for sorting purposes\n ReorderDrag.prototype._getReorderIndex = function() {\n var self = this;\n\n var siblings = Array.prototype.slice.call(self._currentDrag.placeholder.parentNode.children)\n .filter(function(el) {\n return el.nodeName === self.el.nodeName && el !== self.el;\n });\n\n var dragOffsetTop = self._currentDrag.currentY;\n var el;\n for (var i = 0, len = siblings.length; i < len; i++) {\n el = siblings[i];\n if (i === len - 1) {\n if (dragOffsetTop > el.offsetTop) {\n return i;\n }\n } else if (i === 0) {\n if (dragOffsetTop < el.offsetTop + el.offsetHeight) {\n return i;\n }\n } else if (dragOffsetTop > el.offsetTop - el.offsetHeight / 2 &&\n dragOffsetTop < el.offsetTop + el.offsetHeight) {\n return i;\n }\n }\n return self._currentDrag.startIndex;\n };\n\n ReorderDrag.prototype.end = function(e, doneCallback) {\n if (!this._currentDrag) {\n doneCallback && doneCallback();\n return;\n }\n\n var placeholder = this._currentDrag.placeholder;\n var finalIndex = this._getReorderIndex();\n\n // Reposition the element\n this.el.classList.remove(ITEM_REORDERING_CLASS);\n this.el.style[ionic.CSS.TRANSFORM] = '';\n\n placeholder.parentNode.insertBefore(this.el, placeholder);\n placeholder.parentNode.removeChild(placeholder);\n\n this.onReorder && this.onReorder(this.el, this._currentDrag.startIndex, finalIndex);\n\n this._currentDrag = {\n placeholder: null,\n content: null\n };\n this._currentDrag = null;\n doneCallback && doneCallback();\n };\n\n\n\n /**\n * The ListView handles a list of items. It will process drag animations, edit mode,\n * and other operations that are common on mobile lists or table views.\n */\n ionic.views.ListView = ionic.views.View.inherit({\n initialize: function(opts) {\n var self = this;\n\n opts = ionic.extend({\n onReorder: function() {},\n virtualRemoveThreshold: -200,\n virtualAddThreshold: 200,\n canSwipe: function() {\n return true;\n }\n }, opts);\n\n ionic.extend(self, opts);\n\n if (!self.itemHeight && self.listEl) {\n self.itemHeight = self.listEl.children[0] && parseInt(self.listEl.children[0].style.height, 10);\n }\n\n self.onRefresh = opts.onRefresh || function() {};\n self.onRefreshOpening = opts.onRefreshOpening || function() {};\n self.onRefreshHolding = opts.onRefreshHolding || function() {};\n\n var gestureOpts = {};\n // don't prevent native scrolling\n if (ionic.DomUtil.getParentOrSelfWithClass(self.el, 'overflow-scroll')) {\n gestureOpts.prevent_default_directions = ['left', 'right'];\n }\n\n window.ionic.onGesture('release', function(e) {\n self._handleEndDrag(e);\n }, self.el, gestureOpts);\n\n window.ionic.onGesture('drag', function(e) {\n self._handleDrag(e);\n }, self.el, gestureOpts);\n // Start the drag states\n self._initDrag();\n },\n\n /**\n * Be sure to cleanup references.\n */\n deregister: function() {\n this.el = this.listEl = this.scrollEl = this.scrollView = null;\n\n // ensure no scrolls have been left frozen\n if (this.isScrollFreeze) {\n self.scrollView.freeze(false);\n }\n },\n\n /**\n * Called to tell the list to stop refreshing. This is useful\n * if you are refreshing the list and are done with refreshing.\n */\n stopRefreshing: function() {\n var refresher = this.el.querySelector('.list-refresher');\n refresher.style.height = '0';\n },\n\n /**\n * If we scrolled and have virtual mode enabled, compute the window\n * of active elements in order to figure out the viewport to render.\n */\n didScroll: function(e) {\n var self = this;\n\n if (self.isVirtual) {\n var itemHeight = self.itemHeight;\n\n // Grab the total height of the list\n var scrollHeight = e.target.scrollHeight;\n\n // Get the viewport height\n var viewportHeight = self.el.parentNode.offsetHeight;\n\n // High water is the pixel position of the first element to include (everything before\n // that will be removed)\n var highWater = Math.max(0, e.scrollTop + self.virtualRemoveThreshold);\n\n // Low water is the pixel position of the last element to include (everything after\n // that will be removed)\n var lowWater = Math.min(scrollHeight, Math.abs(e.scrollTop) + viewportHeight + self.virtualAddThreshold);\n\n // Get the first and last elements in the list based on how many can fit\n // between the pixel range of lowWater and highWater\n var first = parseInt(Math.abs(highWater / itemHeight), 10);\n var last = parseInt(Math.abs(lowWater / itemHeight), 10);\n\n // Get the items we need to remove\n self._virtualItemsToRemove = Array.prototype.slice.call(self.listEl.children, 0, first);\n\n self.renderViewport && self.renderViewport(highWater, lowWater, first, last);\n }\n },\n\n didStopScrolling: function() {\n if (this.isVirtual) {\n for (var i = 0; i < this._virtualItemsToRemove.length; i++) {\n //el.parentNode.removeChild(el);\n this.didHideItem && this.didHideItem(i);\n }\n // Once scrolling stops, check if we need to remove old items\n\n }\n },\n\n /**\n * Clear any active drag effects on the list.\n */\n clearDragEffects: function(isInstant) {\n if (this._lastDragOp) {\n this._lastDragOp.clean && this._lastDragOp.clean(isInstant);\n this._lastDragOp.deregister && this._lastDragOp.deregister();\n this._lastDragOp = null;\n }\n },\n\n _initDrag: function() {\n // Store the last one\n if (this._lastDragOp) {\n this._lastDragOp.deregister && this._lastDragOp.deregister();\n }\n this._lastDragOp = this._dragOp;\n\n this._dragOp = null;\n },\n\n // Return the list item from the given target\n _getItem: function(target) {\n while (target) {\n if (target.classList && target.classList.contains(ITEM_CLASS)) {\n return target;\n }\n target = target.parentNode;\n }\n return null;\n },\n\n\n _startDrag: function(e) {\n var self = this;\n\n self._isDragging = false;\n\n var lastDragOp = self._lastDragOp;\n var item;\n\n // If we have an open SlideDrag and we're scrolling the list. Clear it.\n if (self._didDragUpOrDown && lastDragOp instanceof SlideDrag) {\n lastDragOp.clean && lastDragOp.clean();\n }\n\n // Check if this is a reorder drag\n if (ionic.DomUtil.getParentOrSelfWithClass(e.target, ITEM_REORDER_BTN_CLASS) && (e.gesture.direction == 'up' || e.gesture.direction == 'down')) {\n item = self._getItem(e.target);\n\n if (item) {\n self._dragOp = new ReorderDrag({\n listEl: self.el,\n el: item,\n scrollEl: self.scrollEl,\n scrollView: self.scrollView,\n onReorder: function(el, start, end) {\n self.onReorder && self.onReorder(el, start, end);\n }\n });\n self._dragOp.start(e);\n e.preventDefault();\n }\n }\n\n // Or check if this is a swipe to the side drag\n else if (!self._didDragUpOrDown && (e.gesture.direction == 'left' || e.gesture.direction == 'right') && Math.abs(e.gesture.deltaX) > 5) {\n\n // Make sure this is an item with buttons\n item = self._getItem(e.target);\n if (item && item.querySelector('.item-options')) {\n self._dragOp = new SlideDrag({\n el: self.el,\n item: item,\n canSwipe: self.canSwipe\n });\n self._dragOp.start(e);\n e.preventDefault();\n self.isScrollFreeze = self.scrollView.freeze(true);\n }\n }\n\n // If we had a last drag operation and this is a new one on a different item, clean that last one\n if (lastDragOp && self._dragOp && !self._dragOp.isSameItem(lastDragOp) && e.defaultPrevented) {\n lastDragOp.clean && lastDragOp.clean();\n }\n },\n\n\n _handleEndDrag: function(e) {\n var self = this;\n\n if (self.scrollView) {\n self.isScrollFreeze = self.scrollView.freeze(false);\n }\n\n self._didDragUpOrDown = false;\n\n if (!self._dragOp) {\n return;\n }\n\n self._dragOp.end(e, function() {\n self._initDrag();\n });\n },\n\n /**\n * Process the drag event to move the item to the left or right.\n */\n _handleDrag: function(e) {\n var self = this;\n\n if (Math.abs(e.gesture.deltaY) > 5) {\n self._didDragUpOrDown = true;\n }\n\n // If we get a drag event, make sure we aren't in another drag, then check if we should\n // start one\n if (!self.isDragging && !self._dragOp) {\n self._startDrag(e);\n }\n\n // No drag still, pass it up\n if (!self._dragOp) {\n return;\n }\n\n e.gesture.srcEvent.preventDefault();\n self._dragOp.drag(e);\n }\n\n });\n\n})(ionic);\n\n(function(ionic) {\n'use strict';\n\n ionic.views.Modal = ionic.views.View.inherit({\n initialize: function(opts) {\n opts = ionic.extend({\n focusFirstInput: false,\n unfocusOnHide: true,\n focusFirstDelay: 600,\n backdropClickToClose: true,\n hardwareBackButtonClose: true,\n }, opts);\n\n ionic.extend(this, opts);\n\n this.el = opts.el;\n },\n show: function() {\n var self = this;\n\n if(self.focusFirstInput) {\n // Let any animations run first\n window.setTimeout(function() {\n var input = self.el.querySelector('input, textarea');\n input && input.focus && input.focus();\n }, self.focusFirstDelay);\n }\n },\n hide: function() {\n // Unfocus all elements\n if(this.unfocusOnHide) {\n var inputs = this.el.querySelectorAll('input, textarea');\n // Let any animations run first\n window.setTimeout(function() {\n for(var i = 0; i < inputs.length; i++) {\n inputs[i].blur && inputs[i].blur();\n }\n });\n }\n }\n });\n\n})(ionic);\n\n(function(ionic) {\n'use strict';\n\n /**\n * The side menu view handles one of the side menu's in a Side Menu Controller\n * configuration.\n * It takes a DOM reference to that side menu element.\n */\n ionic.views.SideMenu = ionic.views.View.inherit({\n initialize: function(opts) {\n this.el = opts.el;\n this.isEnabled = (typeof opts.isEnabled === 'undefined') ? true : opts.isEnabled;\n this.setWidth(opts.width);\n },\n getFullWidth: function() {\n return this.width;\n },\n setWidth: function(width) {\n this.width = width;\n this.el.style.width = width + 'px';\n },\n setIsEnabled: function(isEnabled) {\n this.isEnabled = isEnabled;\n },\n bringUp: function() {\n if(this.el.style.zIndex !== '0') {\n this.el.style.zIndex = '0';\n }\n },\n pushDown: function() {\n if(this.el.style.zIndex !== '-1') {\n this.el.style.zIndex = '-1';\n }\n }\n });\n\n ionic.views.SideMenuContent = ionic.views.View.inherit({\n initialize: function(opts) {\n ionic.extend(this, {\n animationClass: 'menu-animated',\n onDrag: function() {},\n onEndDrag: function() {}\n }, opts);\n\n ionic.onGesture('drag', ionic.proxy(this._onDrag, this), this.el);\n ionic.onGesture('release', ionic.proxy(this._onEndDrag, this), this.el);\n },\n _onDrag: function(e) {\n this.onDrag && this.onDrag(e);\n },\n _onEndDrag: function(e) {\n this.onEndDrag && this.onEndDrag(e);\n },\n disableAnimation: function() {\n this.el.classList.remove(this.animationClass);\n },\n enableAnimation: function() {\n this.el.classList.add(this.animationClass);\n },\n getTranslateX: function() {\n return parseFloat(this.el.style[ionic.CSS.TRANSFORM].replace('translate3d(', '').split(',')[0]);\n },\n setTranslateX: ionic.animationFrameThrottle(function(x) {\n this.el.style[ionic.CSS.TRANSFORM] = 'translate3d(' + x + 'px, 0, 0)';\n })\n });\n\n})(ionic);\n\n/*\n * Adapted from Swipe.js 2.0\n *\n * Brad Birdsall\n * Copyright 2013, MIT License\n *\n*/\n\n(function(ionic) {\n'use strict';\n\nionic.views.Slider = ionic.views.View.inherit({\n initialize: function (options) {\n var slider = this;\n\n // utilities\n var noop = function() {}; // simple no operation function\n var offloadFn = function(fn) { setTimeout(fn || noop, 0); }; // offload a functions execution\n\n // check browser capabilities\n var browser = {\n addEventListener: !!window.addEventListener,\n touch: ('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch,\n transitions: (function(temp) {\n var props = ['transitionProperty', 'WebkitTransition', 'MozTransition', 'OTransition', 'msTransition'];\n for ( var i in props ) if (temp.style[ props[i] ] !== undefined) return true;\n return false;\n })(document.createElement('swipe'))\n };\n\n\n var container = options.el;\n\n // quit if no root element\n if (!container) return;\n var element = container.children[0];\n var slides, slidePos, width, length;\n options = options || {};\n var index = parseInt(options.startSlide, 10) || 0;\n var speed = options.speed || 300;\n options.continuous = options.continuous !== undefined ? options.continuous : true;\n\n function setup() {\n\n // do not setup if the container has no width\n if (!container.offsetWidth) {\n return;\n }\n\n // cache slides\n slides = element.children;\n length = slides.length;\n\n // set continuous to false if only one slide\n if (slides.length < 2) options.continuous = false;\n\n //special case if two slides\n if (browser.transitions && options.continuous && slides.length < 3) {\n element.appendChild(slides[0].cloneNode(true));\n element.appendChild(element.children[1].cloneNode(true));\n slides = element.children;\n }\n\n // create an array to store current positions of each slide\n slidePos = new Array(slides.length);\n\n // determine width of each slide\n width = container.offsetWidth || container.getBoundingClientRect().width;\n\n element.style.width = (slides.length * width) + 'px';\n\n // stack elements\n var pos = slides.length;\n while(pos--) {\n\n var slide = slides[pos];\n\n slide.style.width = width + 'px';\n slide.setAttribute('data-index', pos);\n\n if (browser.transitions) {\n slide.style.left = (pos * -width) + 'px';\n move(pos, index > pos ? -width : (index < pos ? width : 0), 0);\n }\n\n }\n\n // reposition elements before and after index\n if (options.continuous && browser.transitions) {\n move(circle(index - 1), -width, 0);\n move(circle(index + 1), width, 0);\n }\n\n if (!browser.transitions) element.style.left = (index * -width) + 'px';\n\n container.style.visibility = 'visible';\n\n options.slidesChanged && options.slidesChanged();\n }\n\n function prev(slideSpeed) {\n\n if (options.continuous) slide(index - 1, slideSpeed);\n else if (index) slide(index - 1, slideSpeed);\n\n }\n\n function next(slideSpeed) {\n\n if (options.continuous) slide(index + 1, slideSpeed);\n else if (index < slides.length - 1) slide(index + 1, slideSpeed);\n\n }\n\n function circle(index) {\n\n // a simple positive modulo using slides.length\n return (slides.length + (index % slides.length)) % slides.length;\n\n }\n\n function slide(to, slideSpeed) {\n\n // do nothing if already on requested slide\n if (index == to) return;\n\n if (browser.transitions) {\n\n var direction = Math.abs(index - to) / (index - to); // 1: backward, -1: forward\n\n // get the actual position of the slide\n if (options.continuous) {\n var naturalDirection = direction;\n direction = -slidePos[circle(to)] / width;\n\n // if going forward but to < index, use to = slides.length + to\n // if going backward but to > index, use to = -slides.length + to\n if (direction !== naturalDirection) to = -direction * slides.length + to;\n\n }\n\n var diff = Math.abs(index - to) - 1;\n\n // move all the slides between index and to in the right direction\n while (diff--) move( circle((to > index ? to : index) - diff - 1), width * direction, 0);\n\n to = circle(to);\n\n move(index, width * direction, slideSpeed || speed);\n move(to, 0, slideSpeed || speed);\n\n if (options.continuous) move(circle(to - direction), -(width * direction), 0); // we need to get the next in place\n\n } else {\n\n to = circle(to);\n animate(index * -width, to * -width, slideSpeed || speed);\n //no fallback for a circular continuous if the browser does not accept transitions\n }\n\n index = to;\n offloadFn(options.callback && options.callback(index, slides[index]));\n }\n\n function move(index, dist, speed) {\n\n translate(index, dist, speed);\n slidePos[index] = dist;\n\n }\n\n function translate(index, dist, speed) {\n\n var slide = slides[index];\n var style = slide && slide.style;\n\n if (!style) return;\n\n style.webkitTransitionDuration =\n style.MozTransitionDuration =\n style.msTransitionDuration =\n style.OTransitionDuration =\n style.transitionDuration = speed + 'ms';\n\n style.webkitTransform = 'translate(' + dist + 'px,0)' + 'translateZ(0)';\n style.msTransform =\n style.MozTransform =\n style.OTransform = 'translateX(' + dist + 'px)';\n\n }\n\n function animate(from, to, speed) {\n\n // if not an animation, just reposition\n if (!speed) {\n\n element.style.left = to + 'px';\n return;\n\n }\n\n var start = +new Date();\n\n var timer = setInterval(function() {\n\n var timeElap = +new Date() - start;\n\n if (timeElap > speed) {\n\n element.style.left = to + 'px';\n\n if (delay) begin();\n\n options.transitionEnd && options.transitionEnd.call(event, index, slides[index]);\n\n clearInterval(timer);\n return;\n\n }\n\n element.style.left = (( (to - from) * (Math.floor((timeElap / speed) * 100) / 100) ) + from) + 'px';\n\n }, 4);\n\n }\n\n // setup auto slideshow\n var delay = options.auto || 0;\n var interval;\n\n function begin() {\n\n interval = setTimeout(next, delay);\n\n }\n\n function stop() {\n\n delay = options.auto || 0;\n clearTimeout(interval);\n\n }\n\n\n // setup initial vars\n var start = {};\n var delta = {};\n var isScrolling;\n\n // setup event capturing\n var events = {\n\n handleEvent: function(event) {\n if(event.type == 'mousedown' || event.type == 'mouseup' || event.type == 'mousemove') {\n event.touches = [{\n pageX: event.pageX,\n pageY: event.pageY\n }];\n }\n\n switch (event.type) {\n case 'mousedown': this.start(event); break;\n case 'touchstart': this.start(event); break;\n case 'touchmove': this.touchmove(event); break;\n case 'mousemove': this.touchmove(event); break;\n case 'touchend': offloadFn(this.end(event)); break;\n case 'mouseup': offloadFn(this.end(event)); break;\n case 'webkitTransitionEnd':\n case 'msTransitionEnd':\n case 'oTransitionEnd':\n case 'otransitionend':\n case 'transitionend': offloadFn(this.transitionEnd(event)); break;\n case 'resize': offloadFn(setup); break;\n }\n\n if (options.stopPropagation) event.stopPropagation();\n\n },\n start: function(event) {\n\n var touches = event.touches[0];\n\n // measure start values\n start = {\n\n // get initial touch coords\n x: touches.pageX,\n y: touches.pageY,\n\n // store time to determine touch duration\n time: +new Date()\n\n };\n\n // used for testing first move event\n isScrolling = undefined;\n\n // reset delta and end measurements\n delta = {};\n\n // attach touchmove and touchend listeners\n if(browser.touch) {\n element.addEventListener('touchmove', this, false);\n element.addEventListener('touchend', this, false);\n } else {\n element.addEventListener('mousemove', this, false);\n element.addEventListener('mouseup', this, false);\n document.addEventListener('mouseup', this, false);\n }\n },\n touchmove: function(event) {\n\n // ensure swiping with one touch and not pinching\n // ensure sliding is enabled\n if (event.touches.length > 1 ||\n event.scale && event.scale !== 1 ||\n slider.slideIsDisabled) {\n return;\n }\n\n if (options.disableScroll) event.preventDefault();\n\n var touches = event.touches[0];\n\n // measure change in x and y\n delta = {\n x: touches.pageX - start.x,\n y: touches.pageY - start.y\n };\n\n // determine if scrolling test has run - one time test\n if ( typeof isScrolling == 'undefined') {\n isScrolling = !!( isScrolling || Math.abs(delta.x) < Math.abs(delta.y) );\n }\n\n // if user is not trying to scroll vertically\n if (!isScrolling) {\n\n // prevent native scrolling\n event.preventDefault();\n\n // stop slideshow\n stop();\n\n // increase resistance if first or last slide\n if (options.continuous) { // we don't add resistance at the end\n\n translate(circle(index - 1), delta.x + slidePos[circle(index - 1)], 0);\n translate(index, delta.x + slidePos[index], 0);\n translate(circle(index + 1), delta.x + slidePos[circle(index + 1)], 0);\n\n } else {\n\n delta.x =\n delta.x /\n ( (!index && delta.x > 0 || // if first slide and sliding left\n index == slides.length - 1 && // or if last slide and sliding right\n delta.x < 0 // and if sliding at all\n ) ?\n ( Math.abs(delta.x) / width + 1 ) // determine resistance level\n : 1 ); // no resistance if false\n\n // translate 1:1\n translate(index - 1, delta.x + slidePos[index - 1], 0);\n translate(index, delta.x + slidePos[index], 0);\n translate(index + 1, delta.x + slidePos[index + 1], 0);\n }\n\n options.onDrag && options.onDrag();\n }\n\n },\n end: function() {\n\n // measure duration\n var duration = +new Date() - start.time;\n\n // determine if slide attempt triggers next/prev slide\n var isValidSlide =\n Number(duration) < 250 && // if slide duration is less than 250ms\n Math.abs(delta.x) > 20 || // and if slide amt is greater than 20px\n Math.abs(delta.x) > width / 2; // or if slide amt is greater than half the width\n\n // determine if slide attempt is past start and end\n var isPastBounds = (!index && delta.x > 0) || // if first slide and slide amt is greater than 0\n (index == slides.length - 1 && delta.x < 0); // or if last slide and slide amt is less than 0\n\n if (options.continuous) isPastBounds = false;\n\n // determine direction of swipe (true:right, false:left)\n var direction = delta.x < 0;\n\n // if not scrolling vertically\n if (!isScrolling) {\n\n if (isValidSlide && !isPastBounds) {\n\n if (direction) {\n\n if (options.continuous) { // we need to get the next in this direction in place\n\n move(circle(index - 1), -width, 0);\n move(circle(index + 2), width, 0);\n\n } else {\n move(index - 1, -width, 0);\n }\n\n move(index, slidePos[index] - width, speed);\n move(circle(index + 1), slidePos[circle(index + 1)] - width, speed);\n index = circle(index + 1);\n\n } else {\n if (options.continuous) { // we need to get the next in this direction in place\n\n move(circle(index + 1), width, 0);\n move(circle(index - 2), -width, 0);\n\n } else {\n move(index + 1, width, 0);\n }\n\n move(index, slidePos[index] + width, speed);\n move(circle(index - 1), slidePos[circle(index - 1)] + width, speed);\n index = circle(index - 1);\n\n }\n\n options.callback && options.callback(index, slides[index]);\n\n } else {\n\n if (options.continuous) {\n\n move(circle(index - 1), -width, speed);\n move(index, 0, speed);\n move(circle(index + 1), width, speed);\n\n } else {\n\n move(index - 1, -width, speed);\n move(index, 0, speed);\n move(index + 1, width, speed);\n }\n\n }\n\n }\n\n // kill touchmove and touchend event listeners until touchstart called again\n if(browser.touch) {\n element.removeEventListener('touchmove', events, false);\n element.removeEventListener('touchend', events, false);\n } else {\n element.removeEventListener('mousemove', events, false);\n element.removeEventListener('mouseup', events, false);\n document.removeEventListener('mouseup', events, false);\n }\n\n options.onDragEnd && options.onDragEnd();\n },\n transitionEnd: function(event) {\n\n if (parseInt(event.target.getAttribute('data-index'), 10) == index) {\n\n if (delay) begin();\n\n options.transitionEnd && options.transitionEnd.call(event, index, slides[index]);\n\n }\n\n }\n\n };\n\n // Public API\n this.update = function() {\n setTimeout(setup);\n };\n this.setup = function() {\n setup();\n };\n\n this.loop = function(value) {\n if (arguments.length) options.continuous = !!value;\n return options.continuous;\n };\n\n this.enableSlide = function(shouldEnable) {\n if (arguments.length) {\n this.slideIsDisabled = !shouldEnable;\n }\n return !this.slideIsDisabled;\n };\n\n this.slide = this.select = function(to, speed) {\n // cancel slideshow\n stop();\n\n slide(to, speed);\n };\n\n this.prev = this.previous = function() {\n // cancel slideshow\n stop();\n\n prev();\n };\n\n this.next = function() {\n // cancel slideshow\n stop();\n\n next();\n };\n\n this.stop = function() {\n // cancel slideshow\n stop();\n };\n\n this.start = function() {\n begin();\n };\n\n this.autoPlay = function(newDelay) {\n if (!delay || delay < 0) {\n stop();\n } else {\n delay = newDelay;\n begin();\n }\n };\n\n this.currentIndex = this.selected = function() {\n // return current index position\n return index;\n };\n\n this.slidesCount = this.count = function() {\n // return total number of slides\n return length;\n };\n\n this.kill = function() {\n // cancel slideshow\n stop();\n\n // reset element\n element.style.width = '';\n element.style.left = '';\n\n // reset slides so no refs are held on to\n slides && (slides = []);\n\n // removed event listeners\n if (browser.addEventListener) {\n\n // remove current event listeners\n element.removeEventListener('touchstart', events, false);\n element.removeEventListener('webkitTransitionEnd', events, false);\n element.removeEventListener('msTransitionEnd', events, false);\n element.removeEventListener('oTransitionEnd', events, false);\n element.removeEventListener('otransitionend', events, false);\n element.removeEventListener('transitionend', events, false);\n window.removeEventListener('resize', events, false);\n\n }\n else {\n\n window.onresize = null;\n\n }\n };\n\n this.load = function() {\n // trigger setup\n setup();\n\n // start auto slideshow if applicable\n if (delay) begin();\n\n\n // add event listeners\n if (browser.addEventListener) {\n\n // set touchstart event on element\n if (browser.touch) {\n element.addEventListener('touchstart', events, false);\n } else {\n element.addEventListener('mousedown', events, false);\n }\n\n if (browser.transitions) {\n element.addEventListener('webkitTransitionEnd', events, false);\n element.addEventListener('msTransitionEnd', events, false);\n element.addEventListener('oTransitionEnd', events, false);\n element.addEventListener('otransitionend', events, false);\n element.addEventListener('transitionend', events, false);\n }\n\n // set resize event on window\n window.addEventListener('resize', events, false);\n\n } else {\n\n window.onresize = function () { setup(); }; // to play nice with old IE\n\n }\n };\n\n }\n});\n\n})(ionic);\n\n(function(ionic) {\n'use strict';\n\n ionic.views.Toggle = ionic.views.View.inherit({\n initialize: function(opts) {\n var self = this;\n\n this.el = opts.el;\n this.checkbox = opts.checkbox;\n this.track = opts.track;\n this.handle = opts.handle;\n this.openPercent = -1;\n this.onChange = opts.onChange || function() {};\n\n this.triggerThreshold = opts.triggerThreshold || 20;\n\n this.dragStartHandler = function(e) {\n self.dragStart(e);\n };\n this.dragHandler = function(e) {\n self.drag(e);\n };\n this.holdHandler = function(e) {\n self.hold(e);\n };\n this.releaseHandler = function(e) {\n self.release(e);\n };\n\n this.dragStartGesture = ionic.onGesture('dragstart', this.dragStartHandler, this.el);\n this.dragGesture = ionic.onGesture('drag', this.dragHandler, this.el);\n this.dragHoldGesture = ionic.onGesture('hold', this.holdHandler, this.el);\n this.dragReleaseGesture = ionic.onGesture('release', this.releaseHandler, this.el);\n },\n\n destroy: function() {\n ionic.offGesture(this.dragStartGesture, 'dragstart', this.dragStartGesture);\n ionic.offGesture(this.dragGesture, 'drag', this.dragGesture);\n ionic.offGesture(this.dragHoldGesture, 'hold', this.holdHandler);\n ionic.offGesture(this.dragReleaseGesture, 'release', this.releaseHandler);\n },\n\n tap: function() {\n if(this.el.getAttribute('disabled') !== 'disabled') {\n this.val( !this.checkbox.checked );\n }\n },\n\n dragStart: function(e) {\n if(this.checkbox.disabled) return;\n\n this._dragInfo = {\n width: this.el.offsetWidth,\n left: this.el.offsetLeft,\n right: this.el.offsetLeft + this.el.offsetWidth,\n triggerX: this.el.offsetWidth / 2,\n initialState: this.checkbox.checked\n };\n\n // Stop any parent dragging\n e.gesture.srcEvent.preventDefault();\n\n // Trigger hold styles\n this.hold(e);\n },\n\n drag: function(e) {\n var self = this;\n if(!this._dragInfo) { return; }\n\n // Stop any parent dragging\n e.gesture.srcEvent.preventDefault();\n\n ionic.requestAnimationFrame(function () {\n if (!self._dragInfo) { return; }\n\n var px = e.gesture.touches[0].pageX - self._dragInfo.left;\n var mx = self._dragInfo.width - self.triggerThreshold;\n\n // The initial state was on, so \"tend towards\" on\n if(self._dragInfo.initialState) {\n if(px < self.triggerThreshold) {\n self.setOpenPercent(0);\n } else if(px > self._dragInfo.triggerX) {\n self.setOpenPercent(100);\n }\n } else {\n // The initial state was off, so \"tend towards\" off\n if(px < self._dragInfo.triggerX) {\n self.setOpenPercent(0);\n } else if(px > mx) {\n self.setOpenPercent(100);\n }\n }\n });\n },\n\n endDrag: function() {\n this._dragInfo = null;\n },\n\n hold: function() {\n this.el.classList.add('dragging');\n },\n release: function(e) {\n this.el.classList.remove('dragging');\n this.endDrag(e);\n },\n\n\n setOpenPercent: function(openPercent) {\n // only make a change if the new open percent has changed\n if(this.openPercent < 0 || (openPercent < (this.openPercent - 3) || openPercent > (this.openPercent + 3) ) ) {\n this.openPercent = openPercent;\n\n if(openPercent === 0) {\n this.val(false);\n } else if(openPercent === 100) {\n this.val(true);\n } else {\n var openPixel = Math.round( (openPercent / 100) * this.track.offsetWidth - (this.handle.offsetWidth) );\n openPixel = (openPixel < 1 ? 0 : openPixel);\n this.handle.style[ionic.CSS.TRANSFORM] = 'translate3d(' + openPixel + 'px,0,0)';\n }\n }\n },\n\n val: function(value) {\n if(value === true || value === false) {\n if(this.handle.style[ionic.CSS.TRANSFORM] !== \"\") {\n this.handle.style[ionic.CSS.TRANSFORM] = \"\";\n }\n this.checkbox.checked = value;\n this.openPercent = (value ? 100 : 0);\n this.onChange && this.onChange();\n }\n return this.checkbox.checked;\n }\n\n });\n\n})(ionic);\n\n})();\n/*!\n * ionic.bundle.js is a concatenation of:\n * ionic.js, angular.js, angular-animate.js,\n * angular-sanitize.js, angular-ui-router.js,\n * and ionic-angular.js\n */\n\n/**\n * @license AngularJS v1.3.13\n * (c) 2010-2014 Google, Inc. http://angularjs.org\n * License: MIT\n */\n(function(window, document, undefined) {'use strict';\n\n/**\n * @description\n *\n * This object provides a utility for producing rich Error messages within\n * Angular. It can be called as follows:\n *\n * var exampleMinErr = minErr('example');\n * throw exampleMinErr('one', 'This {0} is {1}', foo, bar);\n *\n * The above creates an instance of minErr in the example namespace. The\n * resulting error will have a namespaced error code of example.one. The\n * resulting error will replace {0} with the value of foo, and {1} with the\n * value of bar. The object is not restricted in the number of arguments it can\n * take.\n *\n * If fewer arguments are specified than necessary for interpolation, the extra\n * interpolation markers will be preserved in the final string.\n *\n * Since data will be parsed statically during a build step, some restrictions\n * are applied with respect to how minErr instances are created and called.\n * Instances should have names of the form namespaceMinErr for a minErr created\n * using minErr('namespace') . Error codes, namespaces and template strings\n * should all be static strings, not variables or general expressions.\n *\n * @param {string} module The namespace to use for the new minErr instance.\n * @param {function} ErrorConstructor Custom error constructor to be instantiated when returning\n * error from returned function, for cases when a particular type of error is useful.\n * @returns {function(code:string, template:string, ...templateArgs): Error} minErr instance\n */\n\nfunction minErr(module, ErrorConstructor) {\n ErrorConstructor = ErrorConstructor || Error;\n return function() {\n var code = arguments[0],\n prefix = '[' + (module ? module + ':' : '') + code + '] ',\n template = arguments[1],\n templateArgs = arguments,\n\n message, i;\n\n message = prefix + template.replace(/\\{\\d+\\}/g, function(match) {\n var index = +match.slice(1, -1), arg;\n\n if (index + 2 < templateArgs.length) {\n return toDebugString(templateArgs[index + 2]);\n }\n return match;\n });\n\n message = message + '\\nhttp://errors.angularjs.org/1.3.13/' +\n (module ? module + '/' : '') + code;\n for (i = 2; i < arguments.length; i++) {\n message = message + (i == 2 ? '?' : '&') + 'p' + (i - 2) + '=' +\n encodeURIComponent(toDebugString(arguments[i]));\n }\n return new ErrorConstructor(message);\n };\n}\n\n/* We need to tell jshint what variables are being exported */\n/* global angular: true,\n msie: true,\n jqLite: true,\n jQuery: true,\n slice: true,\n splice: true,\n push: true,\n toString: true,\n ngMinErr: true,\n angularModule: true,\n uid: true,\n REGEX_STRING_REGEXP: true,\n VALIDITY_STATE_PROPERTY: true,\n\n lowercase: true,\n uppercase: true,\n manualLowercase: true,\n manualUppercase: true,\n nodeName_: true,\n isArrayLike: true,\n forEach: true,\n sortedKeys: true,\n forEachSorted: true,\n reverseParams: true,\n nextUid: true,\n setHashKey: true,\n extend: true,\n int: true,\n inherit: true,\n noop: true,\n identity: true,\n valueFn: true,\n isUndefined: true,\n isDefined: true,\n isObject: true,\n isString: true,\n isNumber: true,\n isDate: true,\n isArray: true,\n isFunction: true,\n isRegExp: true,\n isWindow: true,\n isScope: true,\n isFile: true,\n isFormData: true,\n isBlob: true,\n isBoolean: true,\n isPromiseLike: true,\n trim: true,\n escapeForRegexp: true,\n isElement: true,\n makeMap: true,\n includes: true,\n arrayRemove: true,\n copy: true,\n shallowCopy: true,\n equals: true,\n csp: true,\n concat: true,\n sliceArgs: true,\n bind: true,\n toJsonReplacer: true,\n toJson: true,\n fromJson: true,\n startingTag: true,\n tryDecodeURIComponent: true,\n parseKeyValue: true,\n toKeyValue: true,\n encodeUriSegment: true,\n encodeUriQuery: true,\n angularInit: true,\n bootstrap: true,\n getTestability: true,\n snake_case: true,\n bindJQuery: true,\n assertArg: true,\n assertArgFn: true,\n assertNotHasOwnProperty: true,\n getter: true,\n getBlockNodes: true,\n hasOwnProperty: true,\n createMap: true,\n\n NODE_TYPE_ELEMENT: true,\n NODE_TYPE_TEXT: true,\n NODE_TYPE_COMMENT: true,\n NODE_TYPE_DOCUMENT: true,\n NODE_TYPE_DOCUMENT_FRAGMENT: true,\n*/\n\n////////////////////////////////////\n\n/**\n * @ngdoc module\n * @name ng\n * @module ng\n * @description\n *\n * # ng (core module)\n * The ng module is loaded by default when an AngularJS application is started. The module itself\n * contains the essential components for an AngularJS application to function. The table below\n * lists a high level breakdown of each of the services/factories, filters, directives and testing\n * components available within this core module.\n *\n * \n */\n\nvar REGEX_STRING_REGEXP = /^\\/(.+)\\/([a-z]*)$/;\n\n// The name of a form control's ValidityState property.\n// This is used so that it's possible for internal tests to create mock ValidityStates.\nvar VALIDITY_STATE_PROPERTY = 'validity';\n\n/**\n * @ngdoc function\n * @name angular.lowercase\n * @module ng\n * @kind function\n *\n * @description Converts the specified string to lowercase.\n * @param {string} string String to be converted to lowercase.\n * @returns {string} Lowercased string.\n */\nvar lowercase = function(string) {return isString(string) ? string.toLowerCase() : string;};\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\n/**\n * @ngdoc function\n * @name angular.uppercase\n * @module ng\n * @kind function\n *\n * @description Converts the specified string to uppercase.\n * @param {string} string String to be converted to uppercase.\n * @returns {string} Uppercased string.\n */\nvar uppercase = function(string) {return isString(string) ? string.toUpperCase() : string;};\n\n\nvar manualLowercase = function(s) {\n /* jshint bitwise: false */\n return isString(s)\n ? s.replace(/[A-Z]/g, function(ch) {return String.fromCharCode(ch.charCodeAt(0) | 32);})\n : s;\n};\nvar manualUppercase = function(s) {\n /* jshint bitwise: false */\n return isString(s)\n ? s.replace(/[a-z]/g, function(ch) {return String.fromCharCode(ch.charCodeAt(0) & ~32);})\n : s;\n};\n\n\n// String#toLowerCase and String#toUpperCase don't produce correct results in browsers with Turkish\n// locale, for this reason we need to detect this case and redefine lowercase/uppercase methods\n// with correct but slower alternatives.\nif ('i' !== 'I'.toLowerCase()) {\n lowercase = manualLowercase;\n uppercase = manualUppercase;\n}\n\n\nvar\n msie, // holds major version number for IE, or NaN if UA is not IE.\n jqLite, // delay binding since jQuery could be loaded after us.\n jQuery, // delay binding\n slice = [].slice,\n splice = [].splice,\n push = [].push,\n toString = Object.prototype.toString,\n ngMinErr = minErr('ng'),\n\n /** @name angular */\n angular = window.angular || (window.angular = {}),\n angularModule,\n uid = 0;\n\n/**\n * documentMode is an IE-only property\n * http://msdn.microsoft.com/en-us/library/ie/cc196988(v=vs.85).aspx\n */\nmsie = document.documentMode;\n\n\n/**\n * @private\n * @param {*} obj\n * @return {boolean} Returns true if `obj` is an array or array-like object (NodeList, Arguments,\n * String ...)\n */\nfunction isArrayLike(obj) {\n if (obj == null || isWindow(obj)) {\n return false;\n }\n\n var length = obj.length;\n\n if (obj.nodeType === NODE_TYPE_ELEMENT && length) {\n return true;\n }\n\n return isString(obj) || isArray(obj) || length === 0 ||\n typeof length === 'number' && length > 0 && (length - 1) in obj;\n}\n\n/**\n * @ngdoc function\n * @name angular.forEach\n * @module ng\n * @kind function\n *\n * @description\n * Invokes the `iterator` function once for each item in `obj` collection, which can be either an\n * object or an array. The `iterator` function is invoked with `iterator(value, key, obj)`, where `value`\n * is the value of an object property or an array element, `key` is the object property key or\n * array element index and obj is the `obj` itself. Specifying a `context` for the function is optional.\n *\n * It is worth noting that `.forEach` does not iterate over inherited properties because it filters\n * using the `hasOwnProperty` method.\n *\n * Unlike ES262's\n * [Array.prototype.forEach](http://www.ecma-international.org/ecma-262/5.1/#sec-15.4.4.18),\n * Providing 'undefined' or 'null' values for `obj` will not throw a TypeError, but rather just\n * return the value provided.\n *\n ```js\n var values = {name: 'misko', gender: 'male'};\n var log = [];\n angular.forEach(values, function(value, key) {\n this.push(key + ': ' + value);\n }, log);\n expect(log).toEqual(['name: misko', 'gender: male']);\n ```\n *\n * @param {Object|Array} obj Object to iterate over.\n * @param {Function} iterator Iterator function.\n * @param {Object=} context Object to become context (`this`) for the iterator function.\n * @returns {Object|Array} Reference to `obj`.\n */\n\nfunction forEach(obj, iterator, context) {\n var key, length;\n if (obj) {\n if (isFunction(obj)) {\n for (key in obj) {\n // Need to check if hasOwnProperty exists,\n // as on IE8 the result of querySelectorAll is an object without a hasOwnProperty function\n if (key != 'prototype' && key != 'length' && key != 'name' && (!obj.hasOwnProperty || obj.hasOwnProperty(key))) {\n iterator.call(context, obj[key], key, obj);\n }\n }\n } else if (isArray(obj) || isArrayLike(obj)) {\n var isPrimitive = typeof obj !== 'object';\n for (key = 0, length = obj.length; key < length; key++) {\n if (isPrimitive || key in obj) {\n iterator.call(context, obj[key], key, obj);\n }\n }\n } else if (obj.forEach && obj.forEach !== forEach) {\n obj.forEach(iterator, context, obj);\n } else {\n for (key in obj) {\n if (obj.hasOwnProperty(key)) {\n iterator.call(context, obj[key], key, obj);\n }\n }\n }\n }\n return obj;\n}\n\nfunction sortedKeys(obj) {\n return Object.keys(obj).sort();\n}\n\nfunction forEachSorted(obj, iterator, context) {\n var keys = sortedKeys(obj);\n for (var i = 0; i < keys.length; i++) {\n iterator.call(context, obj[keys[i]], keys[i]);\n }\n return keys;\n}\n\n\n/**\n * when using forEach the params are value, key, but it is often useful to have key, value.\n * @param {function(string, *)} iteratorFn\n * @returns {function(*, string)}\n */\nfunction reverseParams(iteratorFn) {\n return function(value, key) { iteratorFn(key, value); };\n}\n\n/**\n * A consistent way of creating unique IDs in angular.\n *\n * Using simple numbers allows us to generate 28.6 million unique ids per second for 10 years before\n * we hit number precision issues in JavaScript.\n *\n * Math.pow(2,53) / 60 / 60 / 24 / 365 / 10 = 28.6M\n *\n * @returns {number} an unique alpha-numeric string\n */\nfunction nextUid() {\n return ++uid;\n}\n\n\n/**\n * Set or clear the hashkey for an object.\n * @param obj object\n * @param h the hashkey (!truthy to delete the hashkey)\n */\nfunction setHashKey(obj, h) {\n if (h) {\n obj.$$hashKey = h;\n } else {\n delete obj.$$hashKey;\n }\n}\n\n/**\n * @ngdoc function\n * @name angular.extend\n * @module ng\n * @kind function\n *\n * @description\n * Extends the destination object `dst` by copying own enumerable properties from the `src` object(s)\n * to `dst`. You can specify multiple `src` objects. If you want to preserve original objects, you can do so\n * by passing an empty object as the target: `var object = angular.extend({}, object1, object2)`.\n * Note: Keep in mind that `angular.extend` does not support recursive merge (deep copy).\n *\n * @param {Object} dst Destination object.\n * @param {...Object} src Source object(s).\n * @returns {Object} Reference to `dst`.\n */\nfunction extend(dst) {\n var h = dst.$$hashKey;\n\n for (var i = 1, ii = arguments.length; i < ii; i++) {\n var obj = arguments[i];\n if (obj) {\n var keys = Object.keys(obj);\n for (var j = 0, jj = keys.length; j < jj; j++) {\n var key = keys[j];\n dst[key] = obj[key];\n }\n }\n }\n\n setHashKey(dst, h);\n return dst;\n}\n\nfunction int(str) {\n return parseInt(str, 10);\n}\n\n\nfunction inherit(parent, extra) {\n return extend(Object.create(parent), extra);\n}\n\n/**\n * @ngdoc function\n * @name angular.noop\n * @module ng\n * @kind function\n *\n * @description\n * A function that performs no operations. This function can be useful when writing code in the\n * functional style.\n ```js\n function foo(callback) {\n var result = calculateResult();\n (callback || angular.noop)(result);\n }\n ```\n */\nfunction noop() {}\nnoop.$inject = [];\n\n\n/**\n * @ngdoc function\n * @name angular.identity\n * @module ng\n * @kind function\n *\n * @description\n * A function that returns its first argument. This function is useful when writing code in the\n * functional style.\n *\n ```js\n function transformer(transformationFn, value) {\n return (transformationFn || angular.identity)(value);\n };\n ```\n * @param {*} value to be returned.\n * @returns {*} the value passed in.\n */\nfunction identity($) {return $;}\nidentity.$inject = [];\n\n\nfunction valueFn(value) {return function() {return value;};}\n\n/**\n * @ngdoc function\n * @name angular.isUndefined\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a reference is undefined.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is undefined.\n */\nfunction isUndefined(value) {return typeof value === 'undefined';}\n\n\n/**\n * @ngdoc function\n * @name angular.isDefined\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a reference is defined.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is defined.\n */\nfunction isDefined(value) {return typeof value !== 'undefined';}\n\n\n/**\n * @ngdoc function\n * @name angular.isObject\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a reference is an `Object`. Unlike `typeof` in JavaScript, `null`s are not\n * considered to be objects. Note that JavaScript arrays are objects.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is an `Object` but not `null`.\n */\nfunction isObject(value) {\n // http://jsperf.com/isobject4\n return value !== null && typeof value === 'object';\n}\n\n\n/**\n * @ngdoc function\n * @name angular.isString\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a reference is a `String`.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is a `String`.\n */\nfunction isString(value) {return typeof value === 'string';}\n\n\n/**\n * @ngdoc function\n * @name angular.isNumber\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a reference is a `Number`.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is a `Number`.\n */\nfunction isNumber(value) {return typeof value === 'number';}\n\n\n/**\n * @ngdoc function\n * @name angular.isDate\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a value is a date.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is a `Date`.\n */\nfunction isDate(value) {\n return toString.call(value) === '[object Date]';\n}\n\n\n/**\n * @ngdoc function\n * @name angular.isArray\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a reference is an `Array`.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is an `Array`.\n */\nvar isArray = Array.isArray;\n\n/**\n * @ngdoc function\n * @name angular.isFunction\n * @module ng\n * @kind function\n *\n * @description\n * Determines if a reference is a `Function`.\n *\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is a `Function`.\n */\nfunction isFunction(value) {return typeof value === 'function';}\n\n\n/**\n * Determines if a value is a regular expression object.\n *\n * @private\n * @param {*} value Reference to check.\n * @returns {boolean} True if `value` is a `RegExp`.\n */\nfunction isRegExp(value) {\n return toString.call(value) === '[object RegExp]';\n}\n\n\n/**\n * Checks if `obj` is a window object.\n *\n * @private\n * @param {*} obj Object to check\n * @returns {boolean} True if `obj` is a window obj.\n */\nfunction isWindow(obj) {\n return obj && obj.window === obj;\n}\n\n\nfunction isScope(obj) {\n return obj && obj.$evalAsync && obj.$watch;\n}\n\n\nfunction isFile(obj) {\n return toString.call(obj) === '[object File]';\n}\n\n\nfunction isFormData(obj) {\n return toString.call(obj) === '[object FormData]';\n}\n\n\nfunction isBlob(obj) {\n return toString.call(obj) === '[object Blob]';\n}\n\n\nfunction isBoolean(value) {\n return typeof value === 'boolean';\n}\n\n\nfunction isPromiseLike(obj) {\n return obj && isFunction(obj.then);\n}\n\n\nvar trim = function(value) {\n return isString(value) ? value.trim() : value;\n};\n\n// Copied from:\n// http://docs.closure-library.googlecode.com/git/local_closure_goog_string_string.js.source.html#line1021\n// Prereq: s is a string.\nvar escapeForRegexp = function(s) {\n return s.replace(/([-()\\[\\]{}+?*.$\\^|,:#= 0)\n array.splice(index, 1);\n return value;\n}\n\n/**\n * @ngdoc function\n * @name angular.copy\n * @module ng\n * @kind function\n *\n * @description\n * Creates a deep copy of `source`, which should be an object or an array.\n *\n * * If no destination is supplied, a copy of the object or array is created.\n * * If a destination is provided, all of its elements (for arrays) or properties (for objects)\n * are deleted and then all elements/properties from the source are copied to it.\n * * If `source` is not an object or array (inc. `null` and `undefined`), `source` is returned.\n * * If `source` is identical to 'destination' an exception will be thrown.\n *\n * @param {*} source The source that will be used to make a copy.\n * Can be any type, including primitives, `null`, and `undefined`.\n * @param {(Object|Array)=} destination Destination into which the source is copied. If\n * provided, must be of the same type as `source`.\n * @returns {*} The copy or updated `destination`, if `destination` was specified.\n *\n * @example\n \n \n
\n\n \n form = {{user | json}}\n master = {{master | json}}\n ').append(element).html();\n try {\n return element[0].nodeType === NODE_TYPE_TEXT ? lowercase(elemHtml) :\n elemHtml.\n match(/^(<[^>]+>)/)[1].\n replace(/^<([\\w\\-]+)/, function(match, nodeName) { return '<' + lowercase(nodeName); });\n } catch (e) {\n return lowercase(elemHtml);\n }\n\n}\n\n\n/////////////////////////////////////////////////\n\n/**\n * Tries to decode the URI component without throwing an exception.\n *\n * @private\n * @param str value potential URI component to check.\n * @returns {boolean} True if `value` can be decoded\n * with the decodeURIComponent function.\n */\nfunction tryDecodeURIComponent(value) {\n try {\n return decodeURIComponent(value);\n } catch (e) {\n // Ignore any invalid uri component\n }\n}\n\n\n/**\n * Parses an escaped url query string into key-value pairs.\n * @returns {Object.}\n */\nfunction parseKeyValue(/**string*/keyValue) {\n var obj = {}, key_value, key;\n forEach((keyValue || \"\").split('&'), function(keyValue) {\n if (keyValue) {\n key_value = keyValue.replace(/\\+/g,'%20').split('=');\n key = tryDecodeURIComponent(key_value[0]);\n if (isDefined(key)) {\n var val = isDefined(key_value[1]) ? tryDecodeURIComponent(key_value[1]) : true;\n if (!hasOwnProperty.call(obj, key)) {\n obj[key] = val;\n } else if (isArray(obj[key])) {\n obj[key].push(val);\n } else {\n obj[key] = [obj[key],val];\n }\n }\n }\n });\n return obj;\n}\n\nfunction toKeyValue(obj) {\n var parts = [];\n forEach(obj, function(value, key) {\n if (isArray(value)) {\n forEach(value, function(arrayValue) {\n parts.push(encodeUriQuery(key, true) +\n (arrayValue === true ? '' : '=' + encodeUriQuery(arrayValue, true)));\n });\n } else {\n parts.push(encodeUriQuery(key, true) +\n (value === true ? '' : '=' + encodeUriQuery(value, true)));\n }\n });\n return parts.length ? parts.join('&') : '';\n}\n\n\n/**\n * We need our custom method because encodeURIComponent is too aggressive and doesn't follow\n * http://www.ietf.org/rfc/rfc3986.txt with regards to the character set (pchar) allowed in path\n * segments:\n * segment = *pchar\n * pchar = unreserved / pct-encoded / sub-delims / \":\" / \"@\"\n * pct-encoded = \"%\" HEXDIG HEXDIG\n * unreserved = ALPHA / DIGIT / \"-\" / \".\" / \"_\" / \"~\"\n * sub-delims = \"!\" / \"$\" / \"&\" / \"'\" / \"(\" / \")\"\n * / \"*\" / \"+\" / \",\" / \";\" / \"=\"\n */\nfunction encodeUriSegment(val) {\n return encodeUriQuery(val, true).\n replace(/%26/gi, '&').\n replace(/%3D/gi, '=').\n replace(/%2B/gi, '+');\n}\n\n\n/**\n * This method is intended for encoding *key* or *value* parts of query component. We need a custom\n * method because encodeURIComponent is too aggressive and encodes stuff that doesn't have to be\n * encoded per http://tools.ietf.org/html/rfc3986:\n * query = *( pchar / \"/\" / \"?\" )\n * pchar = unreserved / pct-encoded / sub-delims / \":\" / \"@\"\n * unreserved = ALPHA / DIGIT / \"-\" / \".\" / \"_\" / \"~\"\n * pct-encoded = \"%\" HEXDIG HEXDIG\n * sub-delims = \"!\" / \"$\" / \"&\" / \"'\" / \"(\" / \")\"\n * / \"*\" / \"+\" / \",\" / \";\" / \"=\"\n */\nfunction encodeUriQuery(val, pctEncodeSpaces) {\n return encodeURIComponent(val).\n replace(/%40/gi, '@').\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%3B/gi, ';').\n replace(/%20/g, (pctEncodeSpaces ? '%20' : '+'));\n}\n\nvar ngAttrPrefixes = ['ng-', 'data-ng-', 'ng:', 'x-ng-'];\n\nfunction getNgAttribute(element, ngAttr) {\n var attr, i, ii = ngAttrPrefixes.length;\n element = jqLite(element);\n for (i = 0; i < ii; ++i) {\n attr = ngAttrPrefixes[i] + ngAttr;\n if (isString(attr = element.attr(attr))) {\n return attr;\n }\n }\n return null;\n}\n\n/**\n * @ngdoc directive\n * @name ngApp\n * @module ng\n *\n * @element ANY\n * @param {angular.Module} ngApp an optional application\n * {@link angular.module module} name to load.\n * @param {boolean=} ngStrictDi if this attribute is present on the app element, the injector will be\n * created in \"strict-di\" mode. This means that the application will fail to invoke functions which\n * do not use explicit function annotation (and are thus unsuitable for minification), as described\n * in {@link guide/di the Dependency Injection guide}, and useful debugging info will assist in\n * tracking down the root of these bugs.\n *\n * @description\n *\n * Use this directive to **auto-bootstrap** an AngularJS application. The `ngApp` directive\n * designates the **root element** of the application and is typically placed near the root element\n * of the page - e.g. on the `` or `` tags.\n *\n * Only one AngularJS application can be auto-bootstrapped per HTML document. The first `ngApp`\n * found in the document will be used to define the root element to auto-bootstrap as an\n * application. To run multiple applications in an HTML document you must manually bootstrap them using\n * {@link angular.bootstrap} instead. AngularJS applications cannot be nested within each other.\n *\n * You can specify an **AngularJS module** to be used as the root module for the application. This\n * module will be loaded into the {@link auto.$injector} when the application is bootstrapped. It\n * should contain the application code needed or have dependencies on other modules that will\n * contain the code. See {@link angular.module} for more information.\n *\n * In the example below if the `ngApp` directive were not placed on the `html` element then the\n * document would not be compiled, the `AppController` would not be instantiated and the `{{ a+b }}`\n * would not be resolved to `3`.\n *\n * `ngApp` is the easiest, and most common way to bootstrap an application.\n *\n \n \n \n \n angular.module('ngAppDemo', []).controller('ngAppDemoController', function($scope) {\n $scope.a = 1;\n $scope.b = 2;\n });\n \n \n *\n * Using `ngStrictDi`, you would see something like this:\n *\n \n \n \n \n angular.module('ngAppStrictDemo', [])\n // BadController will fail to instantiate, due to relying on automatic function annotation,\n // rather than an explicit annotation\n .controller('BadController', function($scope) {\n $scope.a = 1;\n $scope.b = 2;\n })\n // Unlike BadController, GoodController1 and GoodController2 will not fail to be instantiated,\n // due to using explicit annotations using the array style and $inject property, respectively.\n .controller('GoodController1', ['$scope', function($scope) {\n $scope.a = 1;\n $scope.b = 2;\n }])\n .controller('GoodController2', GoodController2);\n function GoodController2($scope) {\n $scope.name = \"World\";\n }\n GoodController2.$inject = ['$scope'];\n \n \n div[ng-controller] {\n margin-bottom: 1em;\n -webkit-border-radius: 4px;\n border-radius: 4px;\n border: 1px solid;\n padding: .5em;\n }\n div[ng-controller^=Good] {\n border-color: #d6e9c6;\n background-color: #dff0d8;\n color: #3c763d;\n }\n div[ng-controller^=Bad] {\n border-color: #ebccd1;\n background-color: #f2dede;\n color: #a94442;\n margin-bottom: 0;\n }\n \n \n */\nfunction angularInit(element, bootstrap) {\n var appElement,\n module,\n config = {};\n\n // The element `element` has priority over any other element\n forEach(ngAttrPrefixes, function(prefix) {\n var name = prefix + 'app';\n\n if (!appElement && element.hasAttribute && element.hasAttribute(name)) {\n appElement = element;\n module = element.getAttribute(name);\n }\n });\n forEach(ngAttrPrefixes, function(prefix) {\n var name = prefix + 'app';\n var candidate;\n\n if (!appElement && (candidate = element.querySelector('[' + name.replace(':', '\\\\:') + ']'))) {\n appElement = candidate;\n module = candidate.getAttribute(name);\n }\n });\n if (appElement) {\n config.strictDi = getNgAttribute(appElement, \"strict-di\") !== null;\n bootstrap(appElement, module ? [module] : [], config);\n }\n}\n\n/**\n * @ngdoc function\n * @name angular.bootstrap\n * @module ng\n * @description\n * Use this function to manually start up angular application.\n *\n * See: {@link guide/bootstrap Bootstrap}\n *\n * Note that Protractor based end-to-end tests cannot use this function to bootstrap manually.\n * They must use {@link ng.directive:ngApp ngApp}.\n *\n * Angular will detect if it has been loaded into the browser more than once and only allow the\n * first loaded script to be bootstrapped and will report a warning to the browser console for\n * each of the subsequent scripts. This prevents strange results in applications, where otherwise\n * multiple instances of Angular try to work on the DOM.\n *\n * ```html\n * \n * \n * \n * =} modules an array of modules to load into the application.\n * Each item in the array should be the name of a predefined module or a (DI annotated)\n * function that will be invoked by the injector as a `config` block.\n * See: {@link angular.module modules}\n * @param {Object=} config an object for defining configuration options for the application. The\n * following keys are supported:\n *\n * * `strictDi` - disable automatic function annotation for the application. This is meant to\n * assist in finding bugs which break minified code. Defaults to `false`.\n *\n * @returns {auto.$injector} Returns the newly created injector for this app.\n */\nfunction bootstrap(element, modules, config) {\n if (!isObject(config)) config = {};\n var defaultConfig = {\n strictDi: false\n };\n config = extend(defaultConfig, config);\n var doBootstrap = function() {\n element = jqLite(element);\n\n if (element.injector()) {\n var tag = (element[0] === document) ? 'document' : startingTag(element);\n //Encode angle brackets to prevent input from being sanitized to empty string #8683\n throw ngMinErr(\n 'btstrpd',\n \"App Already Bootstrapped with this Element '{0}'\",\n tag.replace(//,'>'));\n }\n\n modules = modules || [];\n modules.unshift(['$provide', function($provide) {\n $provide.value('$rootElement', element);\n }]);\n\n if (config.debugInfoEnabled) {\n // Pushing so that this overrides `debugInfoEnabled` setting defined in user's `modules`.\n modules.push(['$compileProvider', function($compileProvider) {\n $compileProvider.debugInfoEnabled(true);\n }]);\n }\n\n modules.unshift('ng');\n var injector = createInjector(modules, config.strictDi);\n injector.invoke(['$rootScope', '$rootElement', '$compile', '$injector',\n function bootstrapApply(scope, element, compile, injector) {\n scope.$apply(function() {\n element.data('$injector', injector);\n compile(element)(scope);\n });\n }]\n );\n return injector;\n };\n\n var NG_ENABLE_DEBUG_INFO = /^NG_ENABLE_DEBUG_INFO!/;\n var NG_DEFER_BOOTSTRAP = /^NG_DEFER_BOOTSTRAP!/;\n\n if (window && NG_ENABLE_DEBUG_INFO.test(window.name)) {\n config.debugInfoEnabled = true;\n window.name = window.name.replace(NG_ENABLE_DEBUG_INFO, '');\n }\n\n if (window && !NG_DEFER_BOOTSTRAP.test(window.name)) {\n return doBootstrap();\n }\n\n window.name = window.name.replace(NG_DEFER_BOOTSTRAP, '');\n angular.resumeBootstrap = function(extraModules) {\n forEach(extraModules, function(module) {\n modules.push(module);\n });\n return doBootstrap();\n };\n\n if (isFunction(angular.resumeDeferredBootstrap)) {\n angular.resumeDeferredBootstrap();\n }\n}\n\n/**\n * @ngdoc function\n * @name angular.reloadWithDebugInfo\n * @module ng\n * @description\n * Use this function to reload the current application with debug information turned on.\n * This takes precedence over a call to `$compileProvider.debugInfoEnabled(false)`.\n *\n * See {@link ng.$compileProvider#debugInfoEnabled} for more.\n */\nfunction reloadWithDebugInfo() {\n window.name = 'NG_ENABLE_DEBUG_INFO!' + window.name;\n window.location.reload();\n}\n\n/**\n * @name angular.getTestability\n * @module ng\n * @description\n * Get the testability service for the instance of Angular on the given\n * element.\n * @param {DOMElement} element DOM element which is the root of angular application.\n */\nfunction getTestability(rootElement) {\n var injector = angular.element(rootElement).injector();\n if (!injector) {\n throw ngMinErr('test',\n 'no injector found for element argument to getTestability');\n }\n return injector.get('$$testability');\n}\n\nvar SNAKE_CASE_REGEXP = /[A-Z]/g;\nfunction snake_case(name, separator) {\n separator = separator || '_';\n return name.replace(SNAKE_CASE_REGEXP, function(letter, pos) {\n return (pos ? separator : '') + letter.toLowerCase();\n });\n}\n\nvar bindJQueryFired = false;\nvar skipDestroyOnNextJQueryCleanData;\nfunction bindJQuery() {\n var originalCleanData;\n\n if (bindJQueryFired) {\n return;\n }\n\n // bind to jQuery if present;\n jQuery = window.jQuery;\n // Use jQuery if it exists with proper functionality, otherwise default to us.\n // Angular 1.2+ requires jQuery 1.7+ for on()/off() support.\n // Angular 1.3+ technically requires at least jQuery 2.1+ but it may work with older\n // versions. It will not work for sure with jQuery <1.7, though.\n if (jQuery && jQuery.fn.on) {\n jqLite = jQuery;\n extend(jQuery.fn, {\n scope: JQLitePrototype.scope,\n isolateScope: JQLitePrototype.isolateScope,\n controller: JQLitePrototype.controller,\n injector: JQLitePrototype.injector,\n inheritedData: JQLitePrototype.inheritedData\n });\n\n // All nodes removed from the DOM via various jQuery APIs like .remove()\n // are passed through jQuery.cleanData. Monkey-patch this method to fire\n // the $destroy event on all removed nodes.\n originalCleanData = jQuery.cleanData;\n jQuery.cleanData = function(elems) {\n var events;\n if (!skipDestroyOnNextJQueryCleanData) {\n for (var i = 0, elem; (elem = elems[i]) != null; i++) {\n events = jQuery._data(elem, \"events\");\n if (events && events.$destroy) {\n jQuery(elem).triggerHandler('$destroy');\n }\n }\n } else {\n skipDestroyOnNextJQueryCleanData = false;\n }\n originalCleanData(elems);\n };\n } else {\n jqLite = JQLite;\n }\n\n angular.element = jqLite;\n\n // Prevent double-proxying.\n bindJQueryFired = true;\n}\n\n/**\n * throw error if the argument is falsy.\n */\nfunction assertArg(arg, name, reason) {\n if (!arg) {\n throw ngMinErr('areq', \"Argument '{0}' is {1}\", (name || '?'), (reason || \"required\"));\n }\n return arg;\n}\n\nfunction assertArgFn(arg, name, acceptArrayAnnotation) {\n if (acceptArrayAnnotation && isArray(arg)) {\n arg = arg[arg.length - 1];\n }\n\n assertArg(isFunction(arg), name, 'not a function, got ' +\n (arg && typeof arg === 'object' ? arg.constructor.name || 'Object' : typeof arg));\n return arg;\n}\n\n/**\n * throw error if the name given is hasOwnProperty\n * @param {String} name the name to test\n * @param {String} context the context in which the name is used, such as module or directive\n */\nfunction assertNotHasOwnProperty(name, context) {\n if (name === 'hasOwnProperty') {\n throw ngMinErr('badname', \"hasOwnProperty is not a valid {0} name\", context);\n }\n}\n\n/**\n * Return the value accessible from the object by path. Any undefined traversals are ignored\n * @param {Object} obj starting object\n * @param {String} path path to traverse\n * @param {boolean} [bindFnToScope=true]\n * @returns {Object} value as accessible by path\n */\n//TODO(misko): this function needs to be removed\nfunction getter(obj, path, bindFnToScope) {\n if (!path) return obj;\n var keys = path.split('.');\n var key;\n var lastInstance = obj;\n var len = keys.length;\n\n for (var i = 0; i < len; i++) {\n key = keys[i];\n if (obj) {\n obj = (lastInstance = obj)[key];\n }\n }\n if (!bindFnToScope && isFunction(obj)) {\n return bind(lastInstance, obj);\n }\n return obj;\n}\n\n/**\n * Return the DOM siblings between the first and last node in the given array.\n * @param {Array} array like object\n * @returns {jqLite} jqLite collection containing the nodes\n */\nfunction getBlockNodes(nodes) {\n // TODO(perf): just check if all items in `nodes` are siblings and if they are return the original\n // collection, otherwise update the original collection.\n var node = nodes[0];\n var endNode = nodes[nodes.length - 1];\n var blockNodes = [node];\n\n do {\n node = node.nextSibling;\n if (!node) break;\n blockNodes.push(node);\n } while (node !== endNode);\n\n return jqLite(blockNodes);\n}\n\n\n/**\n * Creates a new object without a prototype. This object is useful for lookup without having to\n * guard against prototypically inherited properties via hasOwnProperty.\n *\n * Related micro-benchmarks:\n * - http://jsperf.com/object-create2\n * - http://jsperf.com/proto-map-lookup/2\n * - http://jsperf.com/for-in-vs-object-keys2\n *\n * @returns {Object}\n */\nfunction createMap() {\n return Object.create(null);\n}\n\nvar NODE_TYPE_ELEMENT = 1;\nvar NODE_TYPE_TEXT = 3;\nvar NODE_TYPE_COMMENT = 8;\nvar NODE_TYPE_DOCUMENT = 9;\nvar NODE_TYPE_DOCUMENT_FRAGMENT = 11;\n\n/**\n * @ngdoc type\n * @name angular.Module\n * @module ng\n * @description\n *\n * Interface for configuring angular {@link angular.module modules}.\n */\n\nfunction setupModuleLoader(window) {\n\n var $injectorMinErr = minErr('$injector');\n var ngMinErr = minErr('ng');\n\n function ensure(obj, name, factory) {\n return obj[name] || (obj[name] = factory());\n }\n\n var angular = ensure(window, 'angular', Object);\n\n // We need to expose `angular.$$minErr` to modules such as `ngResource` that reference it during bootstrap\n angular.$$minErr = angular.$$minErr || minErr;\n\n return ensure(angular, 'module', function() {\n /** @type {Object.} */\n var modules = {};\n\n /**\n * @ngdoc function\n * @name angular.module\n * @module ng\n * @description\n *\n * The `angular.module` is a global place for creating, registering and retrieving Angular\n * modules.\n * All modules (angular core or 3rd party) that should be available to an application must be\n * registered using this mechanism.\n *\n * When passed two or more arguments, a new module is created. If passed only one argument, an\n * existing module (the name passed as the first argument to `module`) is retrieved.\n *\n *\n * # Module\n *\n * A module is a collection of services, directives, controllers, filters, and configuration information.\n * `angular.module` is used to configure the {@link auto.$injector $injector}.\n *\n * ```js\n * // Create a new module\n * var myModule = angular.module('myModule', []);\n *\n * // register a new service\n * myModule.value('appName', 'MyCoolApp');\n *\n * // configure existing services inside initialization blocks.\n * myModule.config(['$locationProvider', function($locationProvider) {\n * // Configure existing providers\n * $locationProvider.hashPrefix('!');\n * }]);\n * ```\n *\n * Then you can create an injector and load your modules like this:\n *\n * ```js\n * var injector = angular.injector(['ng', 'myModule'])\n * ```\n *\n * However it's more likely that you'll just use\n * {@link ng.directive:ngApp ngApp} or\n * {@link angular.bootstrap} to simplify this process for you.\n *\n * @param {!string} name The name of the module to create or retrieve.\n * @param {!Array.=} requires If specified then new module is being created. If\n * unspecified then the module is being retrieved for further configuration.\n * @param {Function=} configFn Optional configuration function for the module. Same as\n * {@link angular.Module#config Module#config()}.\n * @returns {module} new module with the {@link angular.Module} api.\n */\n return function module(name, requires, configFn) {\n var assertNotHasOwnProperty = function(name, context) {\n if (name === 'hasOwnProperty') {\n throw ngMinErr('badname', 'hasOwnProperty is not a valid {0} name', context);\n }\n };\n\n assertNotHasOwnProperty(name, 'module');\n if (requires && modules.hasOwnProperty(name)) {\n modules[name] = null;\n }\n return ensure(modules, name, function() {\n if (!requires) {\n throw $injectorMinErr('nomod', \"Module '{0}' is not available! You either misspelled \" +\n \"the module name or forgot to load it. If registering a module ensure that you \" +\n \"specify the dependencies as the second argument.\", name);\n }\n\n /** @type {!Array.>} */\n var invokeQueue = [];\n\n /** @type {!Array.} */\n var configBlocks = [];\n\n /** @type {!Array.} */\n var runBlocks = [];\n\n var config = invokeLater('$injector', 'invoke', 'push', configBlocks);\n\n /** @type {angular.Module} */\n var moduleInstance = {\n // Private state\n _invokeQueue: invokeQueue,\n _configBlocks: configBlocks,\n _runBlocks: runBlocks,\n\n /**\n * @ngdoc property\n * @name angular.Module#requires\n * @module ng\n *\n * @description\n * Holds the list of modules which the injector will load before the current module is\n * loaded.\n */\n requires: requires,\n\n /**\n * @ngdoc property\n * @name angular.Module#name\n * @module ng\n *\n * @description\n * Name of the module.\n */\n name: name,\n\n\n /**\n * @ngdoc method\n * @name angular.Module#provider\n * @module ng\n * @param {string} name service name\n * @param {Function} providerType Construction function for creating new instance of the\n * service.\n * @description\n * See {@link auto.$provide#provider $provide.provider()}.\n */\n provider: invokeLater('$provide', 'provider'),\n\n /**\n * @ngdoc method\n * @name angular.Module#factory\n * @module ng\n * @param {string} name service name\n * @param {Function} providerFunction Function for creating new instance of the service.\n * @description\n * See {@link auto.$provide#factory $provide.factory()}.\n */\n factory: invokeLater('$provide', 'factory'),\n\n /**\n * @ngdoc method\n * @name angular.Module#service\n * @module ng\n * @param {string} name service name\n * @param {Function} constructor A constructor function that will be instantiated.\n * @description\n * See {@link auto.$provide#service $provide.service()}.\n */\n service: invokeLater('$provide', 'service'),\n\n /**\n * @ngdoc method\n * @name angular.Module#value\n * @module ng\n * @param {string} name service name\n * @param {*} object Service instance object.\n * @description\n * See {@link auto.$provide#value $provide.value()}.\n */\n value: invokeLater('$provide', 'value'),\n\n /**\n * @ngdoc method\n * @name angular.Module#constant\n * @module ng\n * @param {string} name constant name\n * @param {*} object Constant value.\n * @description\n * Because the constant are fixed, they get applied before other provide methods.\n * See {@link auto.$provide#constant $provide.constant()}.\n */\n constant: invokeLater('$provide', 'constant', 'unshift'),\n\n /**\n * @ngdoc method\n * @name angular.Module#animation\n * @module ng\n * @param {string} name animation name\n * @param {Function} animationFactory Factory function for creating new instance of an\n * animation.\n * @description\n *\n * **NOTE**: animations take effect only if the **ngAnimate** module is loaded.\n *\n *\n * Defines an animation hook that can be later used with\n * {@link ngAnimate.$animate $animate} service and directives that use this service.\n *\n * ```js\n * module.animation('.animation-name', function($inject1, $inject2) {\n * return {\n * eventName : function(element, done) {\n * //code to run the animation\n * //once complete, then run done()\n * return function cancellationFunction(element) {\n * //code to cancel the animation\n * }\n * }\n * }\n * })\n * ```\n *\n * See {@link ng.$animateProvider#register $animateProvider.register()} and\n * {@link ngAnimate ngAnimate module} for more information.\n */\n animation: invokeLater('$animateProvider', 'register'),\n\n /**\n * @ngdoc method\n * @name angular.Module#filter\n * @module ng\n * @param {string} name Filter name.\n * @param {Function} filterFactory Factory function for creating new instance of filter.\n * @description\n * See {@link ng.$filterProvider#register $filterProvider.register()}.\n */\n filter: invokeLater('$filterProvider', 'register'),\n\n /**\n * @ngdoc method\n * @name angular.Module#controller\n * @module ng\n * @param {string|Object} name Controller name, or an object map of controllers where the\n * keys are the names and the values are the constructors.\n * @param {Function} constructor Controller constructor function.\n * @description\n * See {@link ng.$controllerProvider#register $controllerProvider.register()}.\n */\n controller: invokeLater('$controllerProvider', 'register'),\n\n /**\n * @ngdoc method\n * @name angular.Module#directive\n * @module ng\n * @param {string|Object} name Directive name, or an object map of directives where the\n * keys are the names and the values are the factories.\n * @param {Function} directiveFactory Factory function for creating new instance of\n * directives.\n * @description\n * See {@link ng.$compileProvider#directive $compileProvider.directive()}.\n */\n directive: invokeLater('$compileProvider', 'directive'),\n\n /**\n * @ngdoc method\n * @name angular.Module#config\n * @module ng\n * @param {Function} configFn Execute this function on module load. Useful for service\n * configuration.\n * @description\n * Use this method to register work which needs to be performed on module loading.\n * For more about how to configure services, see\n * {@link providers#provider-recipe Provider Recipe}.\n */\n config: config,\n\n /**\n * @ngdoc method\n * @name angular.Module#run\n * @module ng\n * @param {Function} initializationFn Execute this function after injector creation.\n * Useful for application initialization.\n * @description\n * Use this method to register work which should be performed when the injector is done\n * loading all modules.\n */\n run: function(block) {\n runBlocks.push(block);\n return this;\n }\n };\n\n if (configFn) {\n config(configFn);\n }\n\n return moduleInstance;\n\n /**\n * @param {string} provider\n * @param {string} method\n * @param {String=} insertMethod\n * @returns {angular.Module}\n */\n function invokeLater(provider, method, insertMethod, queue) {\n if (!queue) queue = invokeQueue;\n return function() {\n queue[insertMethod || 'push']([provider, method, arguments]);\n return moduleInstance;\n };\n }\n });\n };\n });\n\n}\n\n/* global: toDebugString: true */\n\nfunction serializeObject(obj) {\n var seen = [];\n\n return JSON.stringify(obj, function(key, val) {\n val = toJsonReplacer(key, val);\n if (isObject(val)) {\n\n if (seen.indexOf(val) >= 0) return '<>';\n\n seen.push(val);\n }\n return val;\n });\n}\n\nfunction toDebugString(obj) {\n if (typeof obj === 'function') {\n return obj.toString().replace(/ \\{[\\s\\S]*$/, '');\n } else if (typeof obj === 'undefined') {\n return 'undefined';\n } else if (typeof obj !== 'string') {\n return serializeObject(obj);\n }\n return obj;\n}\n\n/* global angularModule: true,\n version: true,\n\n $LocaleProvider,\n $CompileProvider,\n\n htmlAnchorDirective,\n inputDirective,\n inputDirective,\n formDirective,\n scriptDirective,\n selectDirective,\n styleDirective,\n optionDirective,\n ngBindDirective,\n ngBindHtmlDirective,\n ngBindTemplateDirective,\n ngClassDirective,\n ngClassEvenDirective,\n ngClassOddDirective,\n ngCspDirective,\n ngCloakDirective,\n ngControllerDirective,\n ngFormDirective,\n ngHideDirective,\n ngIfDirective,\n ngIncludeDirective,\n ngIncludeFillContentDirective,\n ngInitDirective,\n ngNonBindableDirective,\n ngPluralizeDirective,\n ngRepeatDirective,\n ngShowDirective,\n ngStyleDirective,\n ngSwitchDirective,\n ngSwitchWhenDirective,\n ngSwitchDefaultDirective,\n ngOptionsDirective,\n ngTranscludeDirective,\n ngModelDirective,\n ngListDirective,\n ngChangeDirective,\n patternDirective,\n patternDirective,\n requiredDirective,\n requiredDirective,\n minlengthDirective,\n minlengthDirective,\n maxlengthDirective,\n maxlengthDirective,\n ngValueDirective,\n ngModelOptionsDirective,\n ngAttributeAliasDirectives,\n ngEventDirectives,\n\n $AnchorScrollProvider,\n $AnimateProvider,\n $BrowserProvider,\n $CacheFactoryProvider,\n $ControllerProvider,\n $DocumentProvider,\n $ExceptionHandlerProvider,\n $FilterProvider,\n $InterpolateProvider,\n $IntervalProvider,\n $HttpProvider,\n $HttpBackendProvider,\n $LocationProvider,\n $LogProvider,\n $ParseProvider,\n $RootScopeProvider,\n $QProvider,\n $$QProvider,\n $$SanitizeUriProvider,\n $SceProvider,\n $SceDelegateProvider,\n $SnifferProvider,\n $TemplateCacheProvider,\n $TemplateRequestProvider,\n $$TestabilityProvider,\n $TimeoutProvider,\n $$RAFProvider,\n $$AsyncCallbackProvider,\n $WindowProvider,\n $$jqLiteProvider\n*/\n\n\n/**\n * @ngdoc object\n * @name angular.version\n * @module ng\n * @description\n * An object that contains information about the current AngularJS version. This object has the\n * following properties:\n *\n * - `full` – `{string}` – Full version string, such as \"0.9.18\".\n * - `major` – `{number}` – Major version number, such as \"0\".\n * - `minor` – `{number}` – Minor version number, such as \"9\".\n * - `dot` – `{number}` – Dot version number, such as \"18\".\n * - `codeName` – `{string}` – Code name of the release, such as \"jiggling-armfat\".\n */\nvar version = {\n full: '1.3.13', // all of these placeholder strings will be replaced by grunt's\n major: 1, // package task\n minor: 3,\n dot: 13,\n codeName: 'meticulous-riffleshuffle'\n};\n\n\nfunction publishExternalAPI(angular) {\n extend(angular, {\n 'bootstrap': bootstrap,\n 'copy': copy,\n 'extend': extend,\n 'equals': equals,\n 'element': jqLite,\n 'forEach': forEach,\n 'injector': createInjector,\n 'noop': noop,\n 'bind': bind,\n 'toJson': toJson,\n 'fromJson': fromJson,\n 'identity': identity,\n 'isUndefined': isUndefined,\n 'isDefined': isDefined,\n 'isString': isString,\n 'isFunction': isFunction,\n 'isObject': isObject,\n 'isNumber': isNumber,\n 'isElement': isElement,\n 'isArray': isArray,\n 'version': version,\n 'isDate': isDate,\n 'lowercase': lowercase,\n 'uppercase': uppercase,\n 'callbacks': {counter: 0},\n 'getTestability': getTestability,\n '$$minErr': minErr,\n '$$csp': csp,\n 'reloadWithDebugInfo': reloadWithDebugInfo\n });\n\n angularModule = setupModuleLoader(window);\n try {\n angularModule('ngLocale');\n } catch (e) {\n angularModule('ngLocale', []).provider('$locale', $LocaleProvider);\n }\n\n angularModule('ng', ['ngLocale'], ['$provide',\n function ngModule($provide) {\n // $$sanitizeUriProvider needs to be before $compileProvider as it is used by it.\n $provide.provider({\n $$sanitizeUri: $$SanitizeUriProvider\n });\n $provide.provider('$compile', $CompileProvider).\n directive({\n a: htmlAnchorDirective,\n input: inputDirective,\n textarea: inputDirective,\n form: formDirective,\n script: scriptDirective,\n select: selectDirective,\n style: styleDirective,\n option: optionDirective,\n ngBind: ngBindDirective,\n ngBindHtml: ngBindHtmlDirective,\n ngBindTemplate: ngBindTemplateDirective,\n ngClass: ngClassDirective,\n ngClassEven: ngClassEvenDirective,\n ngClassOdd: ngClassOddDirective,\n ngCloak: ngCloakDirective,\n ngController: ngControllerDirective,\n ngForm: ngFormDirective,\n ngHide: ngHideDirective,\n ngIf: ngIfDirective,\n ngInclude: ngIncludeDirective,\n ngInit: ngInitDirective,\n ngNonBindable: ngNonBindableDirective,\n ngPluralize: ngPluralizeDirective,\n ngRepeat: ngRepeatDirective,\n ngShow: ngShowDirective,\n ngStyle: ngStyleDirective,\n ngSwitch: ngSwitchDirective,\n ngSwitchWhen: ngSwitchWhenDirective,\n ngSwitchDefault: ngSwitchDefaultDirective,\n ngOptions: ngOptionsDirective,\n ngTransclude: ngTranscludeDirective,\n ngModel: ngModelDirective,\n ngList: ngListDirective,\n ngChange: ngChangeDirective,\n pattern: patternDirective,\n ngPattern: patternDirective,\n required: requiredDirective,\n ngRequired: requiredDirective,\n minlength: minlengthDirective,\n ngMinlength: minlengthDirective,\n maxlength: maxlengthDirective,\n ngMaxlength: maxlengthDirective,\n ngValue: ngValueDirective,\n ngModelOptions: ngModelOptionsDirective\n }).\n directive({\n ngInclude: ngIncludeFillContentDirective\n }).\n directive(ngAttributeAliasDirectives).\n directive(ngEventDirectives);\n $provide.provider({\n $anchorScroll: $AnchorScrollProvider,\n $animate: $AnimateProvider,\n $browser: $BrowserProvider,\n $cacheFactory: $CacheFactoryProvider,\n $controller: $ControllerProvider,\n $document: $DocumentProvider,\n $exceptionHandler: $ExceptionHandlerProvider,\n $filter: $FilterProvider,\n $interpolate: $InterpolateProvider,\n $interval: $IntervalProvider,\n $http: $HttpProvider,\n $httpBackend: $HttpBackendProvider,\n $location: $LocationProvider,\n $log: $LogProvider,\n $parse: $ParseProvider,\n $rootScope: $RootScopeProvider,\n $q: $QProvider,\n $$q: $$QProvider,\n $sce: $SceProvider,\n $sceDelegate: $SceDelegateProvider,\n $sniffer: $SnifferProvider,\n $templateCache: $TemplateCacheProvider,\n $templateRequest: $TemplateRequestProvider,\n $$testability: $$TestabilityProvider,\n $timeout: $TimeoutProvider,\n $window: $WindowProvider,\n $$rAF: $$RAFProvider,\n $$asyncCallback: $$AsyncCallbackProvider,\n $$jqLite: $$jqLiteProvider\n });\n }\n ]);\n}\n\n/* global JQLitePrototype: true,\n addEventListenerFn: true,\n removeEventListenerFn: true,\n BOOLEAN_ATTR: true,\n ALIASED_ATTR: true,\n*/\n\n//////////////////////////////////\n//JQLite\n//////////////////////////////////\n\n/**\n * @ngdoc function\n * @name angular.element\n * @module ng\n * @kind function\n *\n * @description\n * Wraps a raw DOM element or HTML string as a [jQuery](http://jquery.com) element.\n *\n * If jQuery is available, `angular.element` is an alias for the\n * [jQuery](http://api.jquery.com/jQuery/) function. If jQuery is not available, `angular.element`\n * delegates to Angular's built-in subset of jQuery, called \"jQuery lite\" or \"jqLite.\"\n *\n * ', '
'],\n 'col': [2, '
'],\n 'tr': [2, '', '
'],\n 'td': [3, '
'],\n '_default': [0, \"\", \"\"]\n};\n\nwrapMap.optgroup = wrapMap.option;\nwrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;\nwrapMap.th = wrapMap.td;\n\n\nfunction jqLiteIsTextNode(html) {\n return !HTML_REGEXP.test(html);\n}\n\nfunction jqLiteAcceptsData(node) {\n // The window object can accept data but has no nodeType\n // Otherwise we are only interested in elements (1) and documents (9)\n var nodeType = node.nodeType;\n return nodeType === NODE_TYPE_ELEMENT || !nodeType || nodeType === NODE_TYPE_DOCUMENT;\n}\n\nfunction jqLiteBuildFragment(html, context) {\n var tmp, tag, wrap,\n fragment = context.createDocumentFragment(),\n nodes = [], i;\n\n if (jqLiteIsTextNode(html)) {\n // Convert non-html into a text node\n nodes.push(context.createTextNode(html));\n } else {\n // Convert html into DOM nodes\n tmp = tmp || fragment.appendChild(context.createElement(\"div\"));\n tag = (TAG_NAME_REGEXP.exec(html) || [\"\", \"\"])[1].toLowerCase();\n wrap = wrapMap[tag] || wrapMap._default;\n tmp.innerHTML = wrap[1] + html.replace(XHTML_TAG_REGEXP, \"<$1>\") + wrap[2];\n\n // Descend through wrappers to the right content\n i = wrap[0];\n while (i--) {\n tmp = tmp.lastChild;\n }\n\n nodes = concat(nodes, tmp.childNodes);\n\n tmp = fragment.firstChild;\n tmp.textContent = \"\";\n }\n\n // Remove wrapper from fragment\n fragment.textContent = \"\";\n fragment.innerHTML = \"\"; // Clear inner HTML\n forEach(nodes, function(node) {\n fragment.appendChild(node);\n });\n\n return fragment;\n}\n\nfunction jqLiteParseHTML(html, context) {\n context = context || document;\n var parsed;\n\n if ((parsed = SINGLE_TAG_REGEXP.exec(html))) {\n return [context.createElement(parsed[1])];\n }\n\n if ((parsed = jqLiteBuildFragment(html, context))) {\n return parsed.childNodes;\n }\n\n return [];\n}\n\n/////////////////////////////////////////////\nfunction JQLite(element) {\n if (element instanceof JQLite) {\n return element;\n }\n\n var argIsString;\n\n if (isString(element)) {\n element = trim(element);\n argIsString = true;\n }\n if (!(this instanceof JQLite)) {\n if (argIsString && element.charAt(0) != '<') {\n throw jqLiteMinErr('nosel', 'Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element');\n }\n return new JQLite(element);\n }\n\n if (argIsString) {\n jqLiteAddNodes(this, jqLiteParseHTML(element));\n } else {\n jqLiteAddNodes(this, element);\n }\n}\n\nfunction jqLiteClone(element) {\n return element.cloneNode(true);\n}\n\nfunction jqLiteDealoc(element, onlyDescendants) {\n if (!onlyDescendants) jqLiteRemoveData(element);\n\n if (element.querySelectorAll) {\n var descendants = element.querySelectorAll('*');\n for (var i = 0, l = descendants.length; i < l; i++) {\n jqLiteRemoveData(descendants[i]);\n }\n }\n}\n\nfunction jqLiteOff(element, type, fn, unsupported) {\n if (isDefined(unsupported)) throw jqLiteMinErr('offargs', 'jqLite#off() does not support the `selector` argument');\n\n var expandoStore = jqLiteExpandoStore(element);\n var events = expandoStore && expandoStore.events;\n var handle = expandoStore && expandoStore.handle;\n\n if (!handle) return; //no listeners registered\n\n if (!type) {\n for (type in events) {\n if (type !== '$destroy') {\n removeEventListenerFn(element, type, handle);\n }\n delete events[type];\n }\n } else {\n forEach(type.split(' '), function(type) {\n if (isDefined(fn)) {\n var listenerFns = events[type];\n arrayRemove(listenerFns || [], fn);\n if (listenerFns && listenerFns.length > 0) {\n return;\n }\n }\n\n removeEventListenerFn(element, type, handle);\n delete events[type];\n });\n }\n}\n\nfunction jqLiteRemoveData(element, name) {\n var expandoId = element.ng339;\n var expandoStore = expandoId && jqCache[expandoId];\n\n if (expandoStore) {\n if (name) {\n delete expandoStore.data[name];\n return;\n }\n\n if (expandoStore.handle) {\n if (expandoStore.events.$destroy) {\n expandoStore.handle({}, '$destroy');\n }\n jqLiteOff(element);\n }\n delete jqCache[expandoId];\n element.ng339 = undefined; // don't delete DOM expandos. IE and Chrome don't like it\n }\n}\n\n\nfunction jqLiteExpandoStore(element, createIfNecessary) {\n var expandoId = element.ng339,\n expandoStore = expandoId && jqCache[expandoId];\n\n if (createIfNecessary && !expandoStore) {\n element.ng339 = expandoId = jqNextId();\n expandoStore = jqCache[expandoId] = {events: {}, data: {}, handle: undefined};\n }\n\n return expandoStore;\n}\n\n\nfunction jqLiteData(element, key, value) {\n if (jqLiteAcceptsData(element)) {\n\n var isSimpleSetter = isDefined(value);\n var isSimpleGetter = !isSimpleSetter && key && !isObject(key);\n var massGetter = !key;\n var expandoStore = jqLiteExpandoStore(element, !isSimpleGetter);\n var data = expandoStore && expandoStore.data;\n\n if (isSimpleSetter) { // data('key', value)\n data[key] = value;\n } else {\n if (massGetter) { // data()\n return data;\n } else {\n if (isSimpleGetter) { // data('key')\n // don't force creation of expandoStore if it doesn't exist yet\n return data && data[key];\n } else { // mass-setter: data({key1: val1, key2: val2})\n extend(data, key);\n }\n }\n }\n }\n}\n\nfunction jqLiteHasClass(element, selector) {\n if (!element.getAttribute) return false;\n return ((\" \" + (element.getAttribute('class') || '') + \" \").replace(/[\\n\\t]/g, \" \").\n indexOf(\" \" + selector + \" \") > -1);\n}\n\nfunction jqLiteRemoveClass(element, cssClasses) {\n if (cssClasses && element.setAttribute) {\n forEach(cssClasses.split(' '), function(cssClass) {\n element.setAttribute('class', trim(\n (\" \" + (element.getAttribute('class') || '') + \" \")\n .replace(/[\\n\\t]/g, \" \")\n .replace(\" \" + trim(cssClass) + \" \", \" \"))\n );\n });\n }\n}\n\nfunction jqLiteAddClass(element, cssClasses) {\n if (cssClasses && element.setAttribute) {\n var existingClasses = (' ' + (element.getAttribute('class') || '') + ' ')\n .replace(/[\\n\\t]/g, \" \");\n\n forEach(cssClasses.split(' '), function(cssClass) {\n cssClass = trim(cssClass);\n if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {\n existingClasses += cssClass + ' ';\n }\n });\n\n element.setAttribute('class', trim(existingClasses));\n }\n}\n\n\nfunction jqLiteAddNodes(root, elements) {\n // THIS CODE IS VERY HOT. Don't make changes without benchmarking.\n\n if (elements) {\n\n // if a Node (the most common case)\n if (elements.nodeType) {\n root[root.length++] = elements;\n } else {\n var length = elements.length;\n\n // if an Array or NodeList and not a Window\n if (typeof length === 'number' && elements.window !== elements) {\n if (length) {\n for (var i = 0; i < length; i++) {\n root[root.length++] = elements[i];\n }\n }\n } else {\n root[root.length++] = elements;\n }\n }\n }\n}\n\n\nfunction jqLiteController(element, name) {\n return jqLiteInheritedData(element, '$' + (name || 'ngController') + 'Controller');\n}\n\nfunction jqLiteInheritedData(element, name, value) {\n // if element is the document object work with the html element instead\n // this makes $(document).scope() possible\n if (element.nodeType == NODE_TYPE_DOCUMENT) {\n element = element.documentElement;\n }\n var names = isArray(name) ? name : [name];\n\n while (element) {\n for (var i = 0, ii = names.length; i < ii; i++) {\n if ((value = jqLite.data(element, names[i])) !== undefined) return value;\n }\n\n // If dealing with a document fragment node with a host element, and no parent, use the host\n // element as the parent. This enables directives within a Shadow DOM or polyfilled Shadow DOM\n // to lookup parent controllers.\n element = element.parentNode || (element.nodeType === NODE_TYPE_DOCUMENT_FRAGMENT && element.host);\n }\n}\n\nfunction jqLiteEmpty(element) {\n jqLiteDealoc(element, true);\n while (element.firstChild) {\n element.removeChild(element.firstChild);\n }\n}\n\nfunction jqLiteRemove(element, keepData) {\n if (!keepData) jqLiteDealoc(element);\n var parent = element.parentNode;\n if (parent) parent.removeChild(element);\n}\n\n\nfunction jqLiteDocumentLoaded(action, win) {\n win = win || window;\n if (win.document.readyState === 'complete') {\n // Force the action to be run async for consistent behaviour\n // from the action's point of view\n // i.e. it will definitely not be in a $apply\n win.setTimeout(action);\n } else {\n // No need to unbind this handler as load is only ever called once\n jqLite(win).on('load', action);\n }\n}\n\n//////////////////////////////////////////\n// Functions which are declared directly.\n//////////////////////////////////////////\nvar JQLitePrototype = JQLite.prototype = {\n ready: function(fn) {\n var fired = false;\n\n function trigger() {\n if (fired) return;\n fired = true;\n fn();\n }\n\n // check if document is already loaded\n if (document.readyState === 'complete') {\n setTimeout(trigger);\n } else {\n this.on('DOMContentLoaded', trigger); // works for modern browsers and IE9\n // we can not use jqLite since we are not done loading and jQuery could be loaded later.\n // jshint -W064\n JQLite(window).on('load', trigger); // fallback to window.onload for others\n // jshint +W064\n }\n },\n toString: function() {\n var value = [];\n forEach(this, function(e) { value.push('' + e);});\n return '[' + value.join(', ') + ']';\n },\n\n eq: function(index) {\n return (index >= 0) ? jqLite(this[index]) : jqLite(this[this.length + index]);\n },\n\n length: 0,\n push: push,\n sort: [].sort,\n splice: [].splice\n};\n\n//////////////////////////////////////////\n// Functions iterating getter/setters.\n// these functions return self on setter and\n// value on get.\n//////////////////////////////////////////\nvar BOOLEAN_ATTR = {};\nforEach('multiple,selected,checked,disabled,readOnly,required,open'.split(','), function(value) {\n BOOLEAN_ATTR[lowercase(value)] = value;\n});\nvar BOOLEAN_ELEMENTS = {};\nforEach('input,select,option,textarea,button,form,details'.split(','), function(value) {\n BOOLEAN_ELEMENTS[value] = true;\n});\nvar ALIASED_ATTR = {\n 'ngMinlength': 'minlength',\n 'ngMaxlength': 'maxlength',\n 'ngMin': 'min',\n 'ngMax': 'max',\n 'ngPattern': 'pattern'\n};\n\nfunction getBooleanAttrName(element, name) {\n // check dom last since we will most likely fail on name\n var booleanAttr = BOOLEAN_ATTR[name.toLowerCase()];\n\n // booleanAttr is here twice to minimize DOM access\n return booleanAttr && BOOLEAN_ELEMENTS[nodeName_(element)] && booleanAttr;\n}\n\nfunction getAliasedAttrName(element, name) {\n var nodeName = element.nodeName;\n return (nodeName === 'INPUT' || nodeName === 'TEXTAREA') && ALIASED_ATTR[name];\n}\n\nforEach({\n data: jqLiteData,\n removeData: jqLiteRemoveData\n}, function(fn, name) {\n JQLite[name] = fn;\n});\n\nforEach({\n data: jqLiteData,\n inheritedData: jqLiteInheritedData,\n\n scope: function(element) {\n // Can't use jqLiteData here directly so we stay compatible with jQuery!\n return jqLite.data(element, '$scope') || jqLiteInheritedData(element.parentNode || element, ['$isolateScope', '$scope']);\n },\n\n isolateScope: function(element) {\n // Can't use jqLiteData here directly so we stay compatible with jQuery!\n return jqLite.data(element, '$isolateScope') || jqLite.data(element, '$isolateScopeNoTemplate');\n },\n\n controller: jqLiteController,\n\n injector: function(element) {\n return jqLiteInheritedData(element, '$injector');\n },\n\n removeAttr: function(element, name) {\n element.removeAttribute(name);\n },\n\n hasClass: jqLiteHasClass,\n\n css: function(element, name, value) {\n name = camelCase(name);\n\n if (isDefined(value)) {\n element.style[name] = value;\n } else {\n return element.style[name];\n }\n },\n\n attr: function(element, name, value) {\n var lowercasedName = lowercase(name);\n if (BOOLEAN_ATTR[lowercasedName]) {\n if (isDefined(value)) {\n if (!!value) {\n element[name] = true;\n element.setAttribute(name, lowercasedName);\n } else {\n element[name] = false;\n element.removeAttribute(lowercasedName);\n }\n } else {\n return (element[name] ||\n (element.attributes.getNamedItem(name) || noop).specified)\n ? lowercasedName\n : undefined;\n }\n } else if (isDefined(value)) {\n element.setAttribute(name, value);\n } else if (element.getAttribute) {\n // the extra argument \"2\" is to get the right thing for a.href in IE, see jQuery code\n // some elements (e.g. Document) don't have get attribute, so return undefined\n var ret = element.getAttribute(name, 2);\n // normalize non-existing attributes to undefined (as jQuery)\n return ret === null ? undefined : ret;\n }\n },\n\n prop: function(element, name, value) {\n if (isDefined(value)) {\n element[name] = value;\n } else {\n return element[name];\n }\n },\n\n text: (function() {\n getText.$dv = '';\n return getText;\n\n function getText(element, value) {\n if (isUndefined(value)) {\n var nodeType = element.nodeType;\n return (nodeType === NODE_TYPE_ELEMENT || nodeType === NODE_TYPE_TEXT) ? element.textContent : '';\n }\n element.textContent = value;\n }\n })(),\n\n val: function(element, value) {\n if (isUndefined(value)) {\n if (element.multiple && nodeName_(element) === 'select') {\n var result = [];\n forEach(element.options, function(option) {\n if (option.selected) {\n result.push(option.value || option.text);\n }\n });\n return result.length === 0 ? null : result;\n }\n return element.value;\n }\n element.value = value;\n },\n\n html: function(element, value) {\n if (isUndefined(value)) {\n return element.innerHTML;\n }\n jqLiteDealoc(element, true);\n element.innerHTML = value;\n },\n\n empty: jqLiteEmpty\n}, function(fn, name) {\n /**\n * Properties: writes return selection, reads return first value\n */\n JQLite.prototype[name] = function(arg1, arg2) {\n var i, key;\n var nodeCount = this.length;\n\n // jqLiteHasClass has only two arguments, but is a getter-only fn, so we need to special-case it\n // in a way that survives minification.\n // jqLiteEmpty takes no arguments but is a setter.\n if (fn !== jqLiteEmpty &&\n (((fn.length == 2 && (fn !== jqLiteHasClass && fn !== jqLiteController)) ? arg1 : arg2) === undefined)) {\n if (isObject(arg1)) {\n\n // we are a write, but the object properties are the key/values\n for (i = 0; i < nodeCount; i++) {\n if (fn === jqLiteData) {\n // data() takes the whole object in jQuery\n fn(this[i], arg1);\n } else {\n for (key in arg1) {\n fn(this[i], key, arg1[key]);\n }\n }\n }\n // return self for chaining\n return this;\n } else {\n // we are a read, so read the first child.\n // TODO: do we still need this?\n var value = fn.$dv;\n // Only if we have $dv do we iterate over all, otherwise it is just the first element.\n var jj = (value === undefined) ? Math.min(nodeCount, 1) : nodeCount;\n for (var j = 0; j < jj; j++) {\n var nodeValue = fn(this[j], arg1, arg2);\n value = value ? value + nodeValue : nodeValue;\n }\n return value;\n }\n } else {\n // we are a write, so apply to all children\n for (i = 0; i < nodeCount; i++) {\n fn(this[i], arg1, arg2);\n }\n // return self for chaining\n return this;\n }\n };\n});\n\nfunction createEventHandler(element, events) {\n var eventHandler = function(event, type) {\n // jQuery specific api\n event.isDefaultPrevented = function() {\n return event.defaultPrevented;\n };\n\n var eventFns = events[type || event.type];\n var eventFnsLength = eventFns ? eventFns.length : 0;\n\n if (!eventFnsLength) return;\n\n if (isUndefined(event.immediatePropagationStopped)) {\n var originalStopImmediatePropagation = event.stopImmediatePropagation;\n event.stopImmediatePropagation = function() {\n event.immediatePropagationStopped = true;\n\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n\n if (originalStopImmediatePropagation) {\n originalStopImmediatePropagation.call(event);\n }\n };\n }\n\n event.isImmediatePropagationStopped = function() {\n return event.immediatePropagationStopped === true;\n };\n\n // Copy event handlers in case event handlers array is modified during execution.\n if ((eventFnsLength > 1)) {\n eventFns = shallowCopy(eventFns);\n }\n\n for (var i = 0; i < eventFnsLength; i++) {\n if (!event.isImmediatePropagationStopped()) {\n eventFns[i].call(element, event);\n }\n }\n };\n\n // TODO: this is a hack for angularMocks/clearDataCache that makes it possible to deregister all\n // events on `element`\n eventHandler.elem = element;\n return eventHandler;\n}\n\n//////////////////////////////////////////\n// Functions iterating traversal.\n// These functions chain results into a single\n// selector.\n//////////////////////////////////////////\nforEach({\n removeData: jqLiteRemoveData,\n\n on: function jqLiteOn(element, type, fn, unsupported) {\n if (isDefined(unsupported)) throw jqLiteMinErr('onargs', 'jqLite#on() does not support the `selector` or `eventData` parameters');\n\n // Do not add event handlers to non-elements because they will not be cleaned up.\n if (!jqLiteAcceptsData(element)) {\n return;\n }\n\n var expandoStore = jqLiteExpandoStore(element, true);\n var events = expandoStore.events;\n var handle = expandoStore.handle;\n\n if (!handle) {\n handle = expandoStore.handle = createEventHandler(element, events);\n }\n\n // http://jsperf.com/string-indexof-vs-split\n var types = type.indexOf(' ') >= 0 ? type.split(' ') : [type];\n var i = types.length;\n\n while (i--) {\n type = types[i];\n var eventFns = events[type];\n\n if (!eventFns) {\n events[type] = [];\n\n if (type === 'mouseenter' || type === 'mouseleave') {\n // Refer to jQuery's implementation of mouseenter & mouseleave\n // Read about mouseenter and mouseleave:\n // http://www.quirksmode.org/js/events_mouse.html#link8\n\n jqLiteOn(element, MOUSE_EVENT_MAP[type], function(event) {\n var target = this, related = event.relatedTarget;\n // For mousenter/leave call the handler if related is outside the target.\n // NB: No relatedTarget if the mouse left/entered the browser window\n if (!related || (related !== target && !target.contains(related))) {\n handle(event, type);\n }\n });\n\n } else {\n if (type !== '$destroy') {\n addEventListenerFn(element, type, handle);\n }\n }\n eventFns = events[type];\n }\n eventFns.push(fn);\n }\n },\n\n off: jqLiteOff,\n\n one: function(element, type, fn) {\n element = jqLite(element);\n\n //add the listener twice so that when it is called\n //you can remove the original function and still be\n //able to call element.off(ev, fn) normally\n element.on(type, function onFn() {\n element.off(type, fn);\n element.off(type, onFn);\n });\n element.on(type, fn);\n },\n\n replaceWith: function(element, replaceNode) {\n var index, parent = element.parentNode;\n jqLiteDealoc(element);\n forEach(new JQLite(replaceNode), function(node) {\n if (index) {\n parent.insertBefore(node, index.nextSibling);\n } else {\n parent.replaceChild(node, element);\n }\n index = node;\n });\n },\n\n children: function(element) {\n var children = [];\n forEach(element.childNodes, function(element) {\n if (element.nodeType === NODE_TYPE_ELEMENT)\n children.push(element);\n });\n return children;\n },\n\n contents: function(element) {\n return element.contentDocument || element.childNodes || [];\n },\n\n append: function(element, node) {\n var nodeType = element.nodeType;\n if (nodeType !== NODE_TYPE_ELEMENT && nodeType !== NODE_TYPE_DOCUMENT_FRAGMENT) return;\n\n node = new JQLite(node);\n\n for (var i = 0, ii = node.length; i < ii; i++) {\n var child = node[i];\n element.appendChild(child);\n }\n },\n\n prepend: function(element, node) {\n if (element.nodeType === NODE_TYPE_ELEMENT) {\n var index = element.firstChild;\n forEach(new JQLite(node), function(child) {\n element.insertBefore(child, index);\n });\n }\n },\n\n wrap: function(element, wrapNode) {\n wrapNode = jqLite(wrapNode).eq(0).clone()[0];\n var parent = element.parentNode;\n if (parent) {\n parent.replaceChild(wrapNode, element);\n }\n wrapNode.appendChild(element);\n },\n\n remove: jqLiteRemove,\n\n detach: function(element) {\n jqLiteRemove(element, true);\n },\n\n after: function(element, newElement) {\n var index = element, parent = element.parentNode;\n newElement = new JQLite(newElement);\n\n for (var i = 0, ii = newElement.length; i < ii; i++) {\n var node = newElement[i];\n parent.insertBefore(node, index.nextSibling);\n index = node;\n }\n },\n\n addClass: jqLiteAddClass,\n removeClass: jqLiteRemoveClass,\n\n toggleClass: function(element, selector, condition) {\n if (selector) {\n forEach(selector.split(' '), function(className) {\n var classCondition = condition;\n if (isUndefined(classCondition)) {\n classCondition = !jqLiteHasClass(element, className);\n }\n (classCondition ? jqLiteAddClass : jqLiteRemoveClass)(element, className);\n });\n }\n },\n\n parent: function(element) {\n var parent = element.parentNode;\n return parent && parent.nodeType !== NODE_TYPE_DOCUMENT_FRAGMENT ? parent : null;\n },\n\n next: function(element) {\n return element.nextElementSibling;\n },\n\n find: function(element, selector) {\n if (element.getElementsByTagName) {\n return element.getElementsByTagName(selector);\n } else {\n return [];\n }\n },\n\n clone: jqLiteClone,\n\n triggerHandler: function(element, event, extraParameters) {\n\n var dummyEvent, eventFnsCopy, handlerArgs;\n var eventName = event.type || event;\n var expandoStore = jqLiteExpandoStore(element);\n var events = expandoStore && expandoStore.events;\n var eventFns = events && events[eventName];\n\n if (eventFns) {\n // Create a dummy event to pass to the handlers\n dummyEvent = {\n preventDefault: function() { this.defaultPrevented = true; },\n isDefaultPrevented: function() { return this.defaultPrevented === true; },\n stopImmediatePropagation: function() { this.immediatePropagationStopped = true; },\n isImmediatePropagationStopped: function() { return this.immediatePropagationStopped === true; },\n stopPropagation: noop,\n type: eventName,\n target: element\n };\n\n // If a custom event was provided then extend our dummy event with it\n if (event.type) {\n dummyEvent = extend(dummyEvent, event);\n }\n\n // Copy event handlers in case event handlers array is modified during execution.\n eventFnsCopy = shallowCopy(eventFns);\n handlerArgs = extraParameters ? [dummyEvent].concat(extraParameters) : [dummyEvent];\n\n forEach(eventFnsCopy, function(fn) {\n if (!dummyEvent.isImmediatePropagationStopped()) {\n fn.apply(element, handlerArgs);\n }\n });\n }\n }\n}, function(fn, name) {\n /**\n * chaining functions\n */\n JQLite.prototype[name] = function(arg1, arg2, arg3) {\n var value;\n\n for (var i = 0, ii = this.length; i < ii; i++) {\n if (isUndefined(value)) {\n value = fn(this[i], arg1, arg2, arg3);\n if (isDefined(value)) {\n // any function which returns a value needs to be wrapped\n value = jqLite(value);\n }\n } else {\n jqLiteAddNodes(value, fn(this[i], arg1, arg2, arg3));\n }\n }\n return isDefined(value) ? value : this;\n };\n\n // bind legacy bind/unbind to on/off\n JQLite.prototype.bind = JQLite.prototype.on;\n JQLite.prototype.unbind = JQLite.prototype.off;\n});\n\n\n// Provider for private $$jqLite service\nfunction $$jqLiteProvider() {\n this.$get = function $$jqLite() {\n return extend(JQLite, {\n hasClass: function(node, classes) {\n if (node.attr) node = node[0];\n return jqLiteHasClass(node, classes);\n },\n addClass: function(node, classes) {\n if (node.attr) node = node[0];\n return jqLiteAddClass(node, classes);\n },\n removeClass: function(node, classes) {\n if (node.attr) node = node[0];\n return jqLiteRemoveClass(node, classes);\n }\n });\n };\n}\n\n/**\n * Computes a hash of an 'obj'.\n * Hash of a:\n * string is string\n * number is number as string\n * object is either result of calling $$hashKey function on the object or uniquely generated id,\n * that is also assigned to the $$hashKey property of the object.\n *\n * @param obj\n * @returns {string} hash string such that the same input will have the same hash string.\n * The resulting string key is in 'type:hashKey' format.\n */\nfunction hashKey(obj, nextUidFn) {\n var key = obj && obj.$$hashKey;\n\n if (key) {\n if (typeof key === 'function') {\n key = obj.$$hashKey();\n }\n return key;\n }\n\n var objType = typeof obj;\n if (objType == 'function' || (objType == 'object' && obj !== null)) {\n key = obj.$$hashKey = objType + ':' + (nextUidFn || nextUid)();\n } else {\n key = objType + ':' + obj;\n }\n\n return key;\n}\n\n/**\n * HashMap which can use objects as keys\n */\nfunction HashMap(array, isolatedUid) {\n if (isolatedUid) {\n var uid = 0;\n this.nextUid = function() {\n return ++uid;\n };\n }\n forEach(array, this.put, this);\n}\nHashMap.prototype = {\n /**\n * Store key value pair\n * @param key key to store can be any type\n * @param value value to store can be any type\n */\n put: function(key, value) {\n this[hashKey(key, this.nextUid)] = value;\n },\n\n /**\n * @param key\n * @returns {Object} the value for the key\n */\n get: function(key) {\n return this[hashKey(key, this.nextUid)];\n },\n\n /**\n * Remove the key/value pair\n * @param key\n */\n remove: function(key) {\n var value = this[key = hashKey(key, this.nextUid)];\n delete this[key];\n return value;\n }\n};\n\n/**\n * @ngdoc function\n * @module ng\n * @name angular.injector\n * @kind function\n *\n * @description\n * Creates an injector object that can be used for retrieving services as well as for\n * dependency injection (see {@link guide/di dependency injection}).\n *\n * @param {Array.} modules A list of module functions or their aliases. See\n * {@link angular.module}. The `ng` module must be explicitly added.\n * @param {boolean=} [strictDi=false] Whether the injector should be in strict mode, which\n * disallows argument name annotation inference.\n * @returns {injector} Injector object. See {@link auto.$injector $injector}.\n *\n * @example\n * Typical usage\n * ```js\n * // create an injector\n * var $injector = angular.injector(['ng']);\n *\n * // use the injector to kick off your application\n * // use the type inference to auto inject arguments, or use implicit injection\n * $injector.invoke(function($rootScope, $compile, $document) {\n * $compile($document)($rootScope);\n * $rootScope.$digest();\n * });\n * ```\n *\n * Sometimes you want to get access to the injector of a currently running Angular app\n * from outside Angular. Perhaps, you want to inject and compile some markup after the\n * application has been bootstrapped. You can do this using the extra `injector()` added\n * to JQuery/jqLite elements. See {@link angular.element}.\n *\n * *This is fairly rare but could be the case if a third party library is injecting the\n * markup.*\n *\n * In the following example a new block of HTML containing a `ng-controller`\n * directive is added to the end of the document body by JQuery. We then compile and link\n * it into the current AngularJS scope.\n *\n * ```js\n * var $div = $('} fn Function for which dependent service names need to\n * be retrieved as described above.\n *\n * @param {boolean=} [strictDi=false] Disallow argument name annotation inference.\n *\n * @returns {Array.} The names of the services which the function requires.\n */\n\n\n\n\n/**\n * @ngdoc service\n * @name $provide\n *\n * @description\n *\n * The {@link auto.$provide $provide} service has a number of methods for registering components\n * with the {@link auto.$injector $injector}. Many of these functions are also exposed on\n * {@link angular.Module}.\n *\n * An Angular **service** is a singleton object created by a **service factory**. These **service\n * factories** are functions which, in turn, are created by a **service provider**.\n * The **service providers** are constructor functions. When instantiated they must contain a\n * property called `$get`, which holds the **service factory** function.\n *\n * When you request a service, the {@link auto.$injector $injector} is responsible for finding the\n * correct **service provider**, instantiating it and then calling its `$get` **service factory**\n * function to get the instance of the **service**.\n *\n * Often services have no configuration options and there is no need to add methods to the service\n * provider. The provider will be no more than a constructor function with a `$get` property. For\n * these cases the {@link auto.$provide $provide} service has additional helper methods to register\n * services without specifying a provider.\n *\n * * {@link auto.$provide#provider provider(provider)} - registers a **service provider** with the\n * {@link auto.$injector $injector}\n * * {@link auto.$provide#constant constant(obj)} - registers a value/object that can be accessed by\n * providers and services.\n * * {@link auto.$provide#value value(obj)} - registers a value/object that can only be accessed by\n * services, not providers.\n * * {@link auto.$provide#factory factory(fn)} - registers a service **factory function**, `fn`,\n * that will be wrapped in a **service provider** object, whose `$get` property will contain the\n * given factory function.\n * * {@link auto.$provide#service service(class)} - registers a **constructor function**, `class`\n * that will be wrapped in a **service provider** object, whose `$get` property will instantiate\n * a new object using the given constructor function.\n *\n * See the individual methods for more information and examples.\n */\n\n/**\n * @ngdoc method\n * @name $provide#provider\n * @description\n *\n * Register a **provider function** with the {@link auto.$injector $injector}. Provider functions\n * are constructor functions, whose instances are responsible for \"providing\" a factory for a\n * service.\n *\n * Service provider names start with the name of the service they provide followed by `Provider`.\n * For example, the {@link ng.$log $log} service has a provider called\n * {@link ng.$logProvider $logProvider}.\n *\n * Service provider objects can have additional methods which allow configuration of the provider\n * and its service. Importantly, you can configure what kind of service is created by the `$get`\n * method, or how that service will act. For example, the {@link ng.$logProvider $logProvider} has a\n * method {@link ng.$logProvider#debugEnabled debugEnabled}\n * which lets you specify whether the {@link ng.$log $log} service will log debug messages to the\n * console or not.\n *\n * @param {string} name The name of the instance. NOTE: the provider will be available under `name +\n 'Provider'` key.\n * @param {(Object|function())} provider If the provider is:\n *\n * - `Object`: then it should have a `$get` method. The `$get` method will be invoked using\n * {@link auto.$injector#invoke $injector.invoke()} when an instance needs to be created.\n * - `Constructor`: a new instance of the provider will be created using\n * {@link auto.$injector#instantiate $injector.instantiate()}, then treated as `object`.\n *\n * @returns {Object} registered provider instance\n\n * @example\n *\n * The following example shows how to create a simple event tracking service and register it using\n * {@link auto.$provide#provider $provide.provider()}.\n *\n * ```js\n * // Define the eventTracker provider\n * function EventTrackerProvider() {\n * var trackingUrl = '/track';\n *\n * // A provider method for configuring where the tracked events should been saved\n * this.setTrackingUrl = function(url) {\n * trackingUrl = url;\n * };\n *\n * // The service factory function\n * this.$get = ['$http', function($http) {\n * var trackedEvents = {};\n * return {\n * // Call this to track an event\n * event: function(event) {\n * var count = trackedEvents[event] || 0;\n * count += 1;\n * trackedEvents[event] = count;\n * return count;\n * },\n * // Call this to save the tracked events to the trackingUrl\n * save: function() {\n * $http.post(trackingUrl, trackedEvents);\n * }\n * };\n * }];\n * }\n *\n * describe('eventTracker', function() {\n * var postSpy;\n *\n * beforeEach(module(function($provide) {\n * // Register the eventTracker provider\n * $provide.provider('eventTracker', EventTrackerProvider);\n * }));\n *\n * beforeEach(module(function(eventTrackerProvider) {\n * // Configure eventTracker provider\n * eventTrackerProvider.setTrackingUrl('/custom-track');\n * }));\n *\n * it('tracks events', inject(function(eventTracker) {\n * expect(eventTracker.event('login')).toEqual(1);\n * expect(eventTracker.event('login')).toEqual(2);\n * }));\n *\n * it('saves to the tracking url', inject(function(eventTracker, $http) {\n * postSpy = spyOn($http, 'post');\n * eventTracker.event('login');\n * eventTracker.save();\n * expect(postSpy).toHaveBeenCalled();\n * expect(postSpy.mostRecentCall.args[0]).not.toEqual('/track');\n * expect(postSpy.mostRecentCall.args[0]).toEqual('/custom-track');\n * expect(postSpy.mostRecentCall.args[1]).toEqual({ 'login': 1 });\n * }));\n * });\n * ```\n */\n\n/**\n * @ngdoc method\n * @name $provide#factory\n * @description\n *\n * Register a **service factory**, which will be called to return the service instance.\n * This is short for registering a service where its provider consists of only a `$get` property,\n * which is the given service factory function.\n * You should use {@link auto.$provide#factory $provide.factory(getFn)} if you do not need to\n * configure your service in a provider.\n *\n * @param {string} name The name of the instance.\n * @param {function()} $getFn The $getFn for the instance creation. Internally this is a short hand\n * for `$provide.provider(name, {$get: $getFn})`.\n * @returns {Object} registered provider instance\n *\n * @example\n * Here is an example of registering a service\n * ```js\n * $provide.factory('ping', ['$http', function($http) {\n * return function ping() {\n * return $http.send('/ping');\n * };\n * }]);\n * ```\n * You would then inject and use this service like this:\n * ```js\n * someModule.controller('Ctrl', ['ping', function(ping) {\n * ping();\n * }]);\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#service\n * @description\n *\n * Register a **service constructor**, which will be invoked with `new` to create the service\n * instance.\n * This is short for registering a service where its provider's `$get` property is the service\n * constructor function that will be used to instantiate the service instance.\n *\n * You should use {@link auto.$provide#service $provide.service(class)} if you define your service\n * as a type/class.\n *\n * @param {string} name The name of the instance.\n * @param {Function} constructor A class (constructor function) that will be instantiated.\n * @returns {Object} registered provider instance\n *\n * @example\n * Here is an example of registering a service using\n * {@link auto.$provide#service $provide.service(class)}.\n * ```js\n * var Ping = function($http) {\n * this.$http = $http;\n * };\n *\n * Ping.$inject = ['$http'];\n *\n * Ping.prototype.send = function() {\n * return this.$http.get('/ping');\n * };\n * $provide.service('ping', Ping);\n * ```\n * You would then inject and use this service like this:\n * ```js\n * someModule.controller('Ctrl', ['ping', function(ping) {\n * ping.send();\n * }]);\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#value\n * @description\n *\n * Register a **value service** with the {@link auto.$injector $injector}, such as a string, a\n * number, an array, an object or a function. This is short for registering a service where its\n * provider's `$get` property is a factory function that takes no arguments and returns the **value\n * service**.\n *\n * Value services are similar to constant services, except that they cannot be injected into a\n * module configuration function (see {@link angular.Module#config}) but they can be overridden by\n * an Angular\n * {@link auto.$provide#decorator decorator}.\n *\n * @param {string} name The name of the instance.\n * @param {*} value The value.\n * @returns {Object} registered provider instance\n *\n * @example\n * Here are some examples of creating value services.\n * ```js\n * $provide.value('ADMIN_USER', 'admin');\n *\n * $provide.value('RoleLookup', { admin: 0, writer: 1, reader: 2 });\n *\n * $provide.value('halfOf', function(value) {\n * return value / 2;\n * });\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#constant\n * @description\n *\n * Register a **constant service**, such as a string, a number, an array, an object or a function,\n * with the {@link auto.$injector $injector}. Unlike {@link auto.$provide#value value} it can be\n * injected into a module configuration function (see {@link angular.Module#config}) and it cannot\n * be overridden by an Angular {@link auto.$provide#decorator decorator}.\n *\n * @param {string} name The name of the constant.\n * @param {*} value The constant value.\n * @returns {Object} registered instance\n *\n * @example\n * Here a some examples of creating constants:\n * ```js\n * $provide.constant('SHARD_HEIGHT', 306);\n *\n * $provide.constant('MY_COLOURS', ['red', 'blue', 'grey']);\n *\n * $provide.constant('double', function(value) {\n * return value * 2;\n * });\n * ```\n */\n\n\n/**\n * @ngdoc method\n * @name $provide#decorator\n * @description\n *\n * Register a **service decorator** with the {@link auto.$injector $injector}. A service decorator\n * intercepts the creation of a service, allowing it to override or modify the behaviour of the\n * service. The object returned by the decorator may be the original service, or a new service\n * object which replaces or wraps and delegates to the original service.\n *\n * @param {string} name The name of the service to decorate.\n * @param {function()} decorator This function will be invoked when the service needs to be\n * instantiated and should return the decorated service instance. The function is called using\n * the {@link auto.$injector#invoke injector.invoke} method and is therefore fully injectable.\n * Local injection arguments:\n *\n * * `$delegate` - The original service instance, which can be monkey patched, configured,\n * decorated or delegated to.\n *\n * @example\n * Here we decorate the {@link ng.$log $log} service to convert warnings to errors by intercepting\n * calls to {@link ng.$log#error $log.warn()}.\n * ```js\n * $provide.decorator('$log', ['$delegate', function($delegate) {\n * $delegate.warn = $delegate.error;\n * return $delegate;\n * }]);\n * ```\n */\n\n\nfunction createInjector(modulesToLoad, strictDi) {\n strictDi = (strictDi === true);\n var INSTANTIATING = {},\n providerSuffix = 'Provider',\n path = [],\n loadedModules = new HashMap([], true),\n providerCache = {\n $provide: {\n provider: supportObject(provider),\n factory: supportObject(factory),\n service: supportObject(service),\n value: supportObject(value),\n constant: supportObject(constant),\n decorator: decorator\n }\n },\n providerInjector = (providerCache.$injector =\n createInternalInjector(providerCache, function(serviceName, caller) {\n if (angular.isString(caller)) {\n path.push(caller);\n }\n throw $injectorMinErr('unpr', \"Unknown provider: {0}\", path.join(' <- '));\n })),\n instanceCache = {},\n instanceInjector = (instanceCache.$injector =\n createInternalInjector(instanceCache, function(serviceName, caller) {\n var provider = providerInjector.get(serviceName + providerSuffix, caller);\n return instanceInjector.invoke(provider.$get, provider, undefined, serviceName);\n }));\n\n\n forEach(loadModules(modulesToLoad), function(fn) { instanceInjector.invoke(fn || noop); });\n\n return instanceInjector;\n\n ////////////////////////////////////\n // $provider\n ////////////////////////////////////\n\n function supportObject(delegate) {\n return function(key, value) {\n if (isObject(key)) {\n forEach(key, reverseParams(delegate));\n } else {\n return delegate(key, value);\n }\n };\n }\n\n function provider(name, provider_) {\n assertNotHasOwnProperty(name, 'service');\n if (isFunction(provider_) || isArray(provider_)) {\n provider_ = providerInjector.instantiate(provider_);\n }\n if (!provider_.$get) {\n throw $injectorMinErr('pget', \"Provider '{0}' must define $get factory method.\", name);\n }\n return providerCache[name + providerSuffix] = provider_;\n }\n\n function enforceReturnValue(name, factory) {\n return function enforcedReturnValue() {\n var result = instanceInjector.invoke(factory, this);\n if (isUndefined(result)) {\n throw $injectorMinErr('undef', \"Provider '{0}' must return a value from $get factory method.\", name);\n }\n return result;\n };\n }\n\n function factory(name, factoryFn, enforce) {\n return provider(name, {\n $get: enforce !== false ? enforceReturnValue(name, factoryFn) : factoryFn\n });\n }\n\n function service(name, constructor) {\n return factory(name, ['$injector', function($injector) {\n return $injector.instantiate(constructor);\n }]);\n }\n\n function value(name, val) { return factory(name, valueFn(val), false); }\n\n function constant(name, value) {\n assertNotHasOwnProperty(name, 'constant');\n providerCache[name] = value;\n instanceCache[name] = value;\n }\n\n function decorator(serviceName, decorFn) {\n var origProvider = providerInjector.get(serviceName + providerSuffix),\n orig$get = origProvider.$get;\n\n origProvider.$get = function() {\n var origInstance = instanceInjector.invoke(orig$get, origProvider);\n return instanceInjector.invoke(decorFn, null, {$delegate: origInstance});\n };\n }\n\n ////////////////////////////////////\n // Module Loading\n ////////////////////////////////////\n function loadModules(modulesToLoad) {\n var runBlocks = [], moduleFn;\n forEach(modulesToLoad, function(module) {\n if (loadedModules.get(module)) return;\n loadedModules.put(module, true);\n\n function runInvokeQueue(queue) {\n var i, ii;\n for (i = 0, ii = queue.length; i < ii; i++) {\n var invokeArgs = queue[i],\n provider = providerInjector.get(invokeArgs[0]);\n\n provider[invokeArgs[1]].apply(provider, invokeArgs[2]);\n }\n }\n\n try {\n if (isString(module)) {\n moduleFn = angularModule(module);\n runBlocks = runBlocks.concat(loadModules(moduleFn.requires)).concat(moduleFn._runBlocks);\n runInvokeQueue(moduleFn._invokeQueue);\n runInvokeQueue(moduleFn._configBlocks);\n } else if (isFunction(module)) {\n runBlocks.push(providerInjector.invoke(module));\n } else if (isArray(module)) {\n runBlocks.push(providerInjector.invoke(module));\n } else {\n assertArgFn(module, 'module');\n }\n } catch (e) {\n if (isArray(module)) {\n module = module[module.length - 1];\n }\n if (e.message && e.stack && e.stack.indexOf(e.message) == -1) {\n // Safari & FF's stack traces don't contain error.message content\n // unlike those of Chrome and IE\n // So if stack doesn't contain message, we create a new string that contains both.\n // Since error.stack is read-only in Safari, I'm overriding e and not e.stack here.\n /* jshint -W022 */\n e = e.message + '\\n' + e.stack;\n }\n throw $injectorMinErr('modulerr', \"Failed to instantiate module {0} due to:\\n{1}\",\n module, e.stack || e.message || e);\n }\n });\n return runBlocks;\n }\n\n ////////////////////////////////////\n // internal Injector\n ////////////////////////////////////\n\n function createInternalInjector(cache, factory) {\n\n function getService(serviceName, caller) {\n if (cache.hasOwnProperty(serviceName)) {\n if (cache[serviceName] === INSTANTIATING) {\n throw $injectorMinErr('cdep', 'Circular dependency found: {0}',\n serviceName + ' <- ' + path.join(' <- '));\n }\n return cache[serviceName];\n } else {\n try {\n path.unshift(serviceName);\n cache[serviceName] = INSTANTIATING;\n return cache[serviceName] = factory(serviceName, caller);\n } catch (err) {\n if (cache[serviceName] === INSTANTIATING) {\n delete cache[serviceName];\n }\n throw err;\n } finally {\n path.shift();\n }\n }\n }\n\n function invoke(fn, self, locals, serviceName) {\n if (typeof locals === 'string') {\n serviceName = locals;\n locals = null;\n }\n\n var args = [],\n $inject = createInjector.$$annotate(fn, strictDi, serviceName),\n length, i,\n key;\n\n for (i = 0, length = $inject.length; i < length; i++) {\n key = $inject[i];\n if (typeof key !== 'string') {\n throw $injectorMinErr('itkn',\n 'Incorrect injection token! Expected service name as string, got {0}', key);\n }\n args.push(\n locals && locals.hasOwnProperty(key)\n ? locals[key]\n : getService(key, serviceName)\n );\n }\n if (isArray(fn)) {\n fn = fn[length];\n }\n\n // http://jsperf.com/angularjs-invoke-apply-vs-switch\n // #5388\n return fn.apply(self, args);\n }\n\n function instantiate(Type, locals, serviceName) {\n // Check if Type is annotated and use just the given function at n-1 as parameter\n // e.g. someModule.factory('greeter', ['$window', function(renamed$window) {}]);\n // Object creation: http://jsperf.com/create-constructor/2\n var instance = Object.create((isArray(Type) ? Type[Type.length - 1] : Type).prototype || null);\n var returnedValue = invoke(Type, instance, locals, serviceName);\n\n return isObject(returnedValue) || isFunction(returnedValue) ? returnedValue : instance;\n }\n\n return {\n invoke: invoke,\n instantiate: instantiate,\n get: getService,\n annotate: createInjector.$$annotate,\n has: function(name) {\n return providerCache.hasOwnProperty(name + providerSuffix) || cache.hasOwnProperty(name);\n }\n };\n }\n}\n\ncreateInjector.$$annotate = annotate;\n\n/**\n * @ngdoc provider\n * @name $anchorScrollProvider\n *\n * @description\n * Use `$anchorScrollProvider` to disable automatic scrolling whenever\n * {@link ng.$location#hash $location.hash()} changes.\n */\nfunction $AnchorScrollProvider() {\n\n var autoScrollingEnabled = true;\n\n /**\n * @ngdoc method\n * @name $anchorScrollProvider#disableAutoScrolling\n *\n * @description\n * By default, {@link ng.$anchorScroll $anchorScroll()} will automatically detect changes to\n * {@link ng.$location#hash $location.hash()} and scroll to the element matching the new hash.
\n * Use this method to disable automatic scrolling.\n *\n * If automatic scrolling is disabled, one must explicitly call\n * {@link ng.$anchorScroll $anchorScroll()} in order to scroll to the element related to the\n * current hash.\n */\n this.disableAutoScrolling = function() {\n autoScrollingEnabled = false;\n };\n\n /**\n * @ngdoc service\n * @name $anchorScroll\n * @kind function\n * @requires $window\n * @requires $location\n * @requires $rootScope\n *\n * @description\n * When called, it checks the current value of {@link ng.$location#hash $location.hash()} and\n * scrolls to the related element, according to the rules specified in the\n * [Html5 spec](http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document).\n *\n * It also watches the {@link ng.$location#hash $location.hash()} and automatically scrolls to\n * match any anchor whenever it changes. This can be disabled by calling\n * {@link ng.$anchorScrollProvider#disableAutoScrolling $anchorScrollProvider.disableAutoScrolling()}.\n *\n * Additionally, you can use its {@link ng.$anchorScroll#yOffset yOffset} property to specify a\n * vertical scroll-offset (either fixed or dynamic).\n *\n * @property {(number|function|jqLite)} yOffset\n * If set, specifies a vertical scroll-offset. This is often useful when there are fixed\n * positioned elements at the top of the page, such as navbars, headers etc.\n *\n * `yOffset` can be specified in various ways:\n * - **number**: A fixed number of pixels to be used as offset.
\n * - **function**: A getter function called everytime `$anchorScroll()` is executed. Must return\n * a number representing the offset (in pixels).
\n * - **jqLite**: A jqLite/jQuery element to be used for specifying the offset. The distance from\n * the top of the page to the element's bottom will be used as offset.
\n * **Note**: The element will be taken into account only as long as its `position` is set to\n * `fixed`. This option is useful, when dealing with responsive navbars/headers that adjust\n * their height and/or positioning according to the viewport's size.\n *\n *
\n *\n \n \n \n angular.module('anchorScrollExample', [])\n .controller('ScrollController', ['$scope', '$location', '$anchorScroll',\n function ($scope, $location, $anchorScroll) {\n $scope.gotoBottom = function() {\n // set the location.hash to the id of\n // the element you wish to scroll to.\n $location.hash('bottom');\n\n // call $anchorScroll()\n $anchorScroll();\n };\n }]);\n \n \n #scrollArea {\n height: 280px;\n overflow: auto;\n }\n\n #bottom {\n display: block;\n margin-top: 2000px;\n }\n \n \n *\n *
\n * The example below illustrates the use of a vertical scroll-offset (specified as a fixed value).\n * See {@link ng.$anchorScroll#yOffset $anchorScroll.yOffset} for more details.\n *\n * @example\n\n \n \n \n angular.module('anchorScrollOffsetExample', [])\n .run(['$anchorScroll', function($anchorScroll) {\n $anchorScroll.yOffset = 50; // always scroll by 50 extra pixels\n }])\n .controller('headerCtrl', ['$anchorScroll', '$location', '$scope',\n function ($anchorScroll, $location, $scope) {\n $scope.gotoAnchor = function(x) {\n var newHash = 'anchor' + x;\n if ($location.hash() !== newHash) {\n // set the $location.hash to `newHash` and\n // $anchorScroll will automatically scroll to it\n $location.hash('anchor' + x);\n } else {\n // call $anchorScroll() explicitly,\n // since $location.hash hasn't changed\n $anchorScroll();\n }\n };\n }\n ]);\n \n \n body {\n padding-top: 50px;\n }\n\n .anchor {\n border: 2px dashed DarkOrchid;\n padding: 10px 10px 200px 10px;\n }\n\n .fixed-header {\n background-color: rgba(0, 0, 0, 0.2);\n height: 50px;\n position: fixed;\n top: 0; left: 0; right: 0;\n }\n\n .fixed-header > a {\n display: inline-block;\n margin: 5px 15px;\n }\n \n \n */\n this.$get = ['$window', '$location', '$rootScope', function($window, $location, $rootScope) {\n var document = $window.document;\n\n // Helper function to get first anchor from a NodeList\n // (using `Array#some()` instead of `angular#forEach()` since it's more performant\n // and working in all supported browsers.)\n function getFirstAnchor(list) {\n var result = null;\n Array.prototype.some.call(list, function(element) {\n if (nodeName_(element) === 'a') {\n result = element;\n return true;\n }\n });\n return result;\n }\n\n function getYOffset() {\n\n var offset = scroll.yOffset;\n\n if (isFunction(offset)) {\n offset = offset();\n } else if (isElement(offset)) {\n var elem = offset[0];\n var style = $window.getComputedStyle(elem);\n if (style.position !== 'fixed') {\n offset = 0;\n } else {\n offset = elem.getBoundingClientRect().bottom;\n }\n } else if (!isNumber(offset)) {\n offset = 0;\n }\n\n return offset;\n }\n\n function scrollTo(elem) {\n if (elem) {\n elem.scrollIntoView();\n\n var offset = getYOffset();\n\n if (offset) {\n // `offset` is the number of pixels we should scroll UP in order to align `elem` properly.\n // This is true ONLY if the call to `elem.scrollIntoView()` initially aligns `elem` at the\n // top of the viewport.\n //\n // IF the number of pixels from the top of `elem` to the end of the page's content is less\n // than the height of the viewport, then `elem.scrollIntoView()` will align the `elem` some\n // way down the page.\n //\n // This is often the case for elements near the bottom of the page.\n //\n // In such cases we do not need to scroll the whole `offset` up, just the difference between\n // the top of the element and the offset, which is enough to align the top of `elem` at the\n // desired position.\n var elemTop = elem.getBoundingClientRect().top;\n $window.scrollBy(0, elemTop - offset);\n }\n } else {\n $window.scrollTo(0, 0);\n }\n }\n\n function scroll() {\n var hash = $location.hash(), elm;\n\n // empty hash, scroll to the top of the page\n if (!hash) scrollTo(null);\n\n // element with given id\n else if ((elm = document.getElementById(hash))) scrollTo(elm);\n\n // first anchor with given name :-D\n else if ((elm = getFirstAnchor(document.getElementsByName(hash)))) scrollTo(elm);\n\n // no element and hash == 'top', scroll to the top of the page\n else if (hash === 'top') scrollTo(null);\n }\n\n // does not scroll when user clicks on anchor link that is currently on\n // (no url change, no $location.hash() change), browser native does scroll\n if (autoScrollingEnabled) {\n $rootScope.$watch(function autoScrollWatch() {return $location.hash();},\n function autoScrollWatchAction(newVal, oldVal) {\n // skip the initial scroll if $location.hash is empty\n if (newVal === oldVal && newVal === '') return;\n\n jqLiteDocumentLoaded(function() {\n $rootScope.$evalAsync(scroll);\n });\n });\n }\n\n return scroll;\n }];\n}\n\nvar $animateMinErr = minErr('$animate');\n\n/**\n * @ngdoc provider\n * @name $animateProvider\n *\n * @description\n * Default implementation of $animate that doesn't perform any animations, instead just\n * synchronously performs DOM\n * updates and calls done() callbacks.\n *\n * In order to enable animations the ngAnimate module has to be loaded.\n *\n * To see the functional implementation check out src/ngAnimate/animate.js\n */\nvar $AnimateProvider = ['$provide', function($provide) {\n\n\n this.$$selectors = {};\n\n\n /**\n * @ngdoc method\n * @name $animateProvider#register\n *\n * @description\n * Registers a new injectable animation factory function. The factory function produces the\n * animation object which contains callback functions for each event that is expected to be\n * animated.\n *\n * * `eventFn`: `function(Element, doneFunction)` The element to animate, the `doneFunction`\n * must be called once the element animation is complete. If a function is returned then the\n * animation service will use this function to cancel the animation whenever a cancel event is\n * triggered.\n *\n *\n * ```js\n * return {\n * eventFn : function(element, done) {\n * //code to run the animation\n * //once complete, then run done()\n * return function cancellationFunction() {\n * //code to cancel the animation\n * }\n * }\n * }\n * ```\n *\n * @param {string} name The name of the animation.\n * @param {Function} factory The factory function that will be executed to return the animation\n * object.\n */\n this.register = function(name, factory) {\n var key = name + '-animation';\n if (name && name.charAt(0) != '.') throw $animateMinErr('notcsel',\n \"Expecting class selector starting with '.' got '{0}'.\", name);\n this.$$selectors[name.substr(1)] = key;\n $provide.factory(key, factory);\n };\n\n /**\n * @ngdoc method\n * @name $animateProvider#classNameFilter\n *\n * @description\n * Sets and/or returns the CSS class regular expression that is checked when performing\n * an animation. Upon bootstrap the classNameFilter value is not set at all and will\n * therefore enable $animate to attempt to perform an animation on any element.\n * When setting the classNameFilter value, animations will only be performed on elements\n * that successfully match the filter expression. This in turn can boost performance\n * for low-powered devices as well as applications containing a lot of structural operations.\n * @param {RegExp=} expression The className expression which will be checked against all animations\n * @return {RegExp} The current CSS className expression value. If null then there is no expression value\n */\n this.classNameFilter = function(expression) {\n if (arguments.length === 1) {\n this.$$classNameFilter = (expression instanceof RegExp) ? expression : null;\n }\n return this.$$classNameFilter;\n };\n\n this.$get = ['$$q', '$$asyncCallback', '$rootScope', function($$q, $$asyncCallback, $rootScope) {\n\n var currentDefer;\n\n function runAnimationPostDigest(fn) {\n var cancelFn, defer = $$q.defer();\n defer.promise.$$cancelFn = function ngAnimateMaybeCancel() {\n cancelFn && cancelFn();\n };\n\n $rootScope.$$postDigest(function ngAnimatePostDigest() {\n cancelFn = fn(function ngAnimateNotifyComplete() {\n defer.resolve();\n });\n });\n\n return defer.promise;\n }\n\n function resolveElementClasses(element, classes) {\n var toAdd = [], toRemove = [];\n\n var hasClasses = createMap();\n forEach((element.attr('class') || '').split(/\\s+/), function(className) {\n hasClasses[className] = true;\n });\n\n forEach(classes, function(status, className) {\n var hasClass = hasClasses[className];\n\n // If the most recent class manipulation (via $animate) was to remove the class, and the\n // element currently has the class, the class is scheduled for removal. Otherwise, if\n // the most recent class manipulation (via $animate) was to add the class, and the\n // element does not currently have the class, the class is scheduled to be added.\n if (status === false && hasClass) {\n toRemove.push(className);\n } else if (status === true && !hasClass) {\n toAdd.push(className);\n }\n });\n\n return (toAdd.length + toRemove.length) > 0 &&\n [toAdd.length ? toAdd : null, toRemove.length ? toRemove : null];\n }\n\n function cachedClassManipulation(cache, classes, op) {\n for (var i=0, ii = classes.length; i < ii; ++i) {\n var className = classes[i];\n cache[className] = op;\n }\n }\n\n function asyncPromise() {\n // only serve one instance of a promise in order to save CPU cycles\n if (!currentDefer) {\n currentDefer = $$q.defer();\n $$asyncCallback(function() {\n currentDefer.resolve();\n currentDefer = null;\n });\n }\n return currentDefer.promise;\n }\n\n function applyStyles(element, options) {\n if (angular.isObject(options)) {\n var styles = extend(options.from || {}, options.to || {});\n element.css(styles);\n }\n }\n\n /**\n *\n * @ngdoc service\n * @name $animate\n * @description The $animate service provides rudimentary DOM manipulation functions to\n * insert, remove and move elements within the DOM, as well as adding and removing classes.\n * This service is the core service used by the ngAnimate $animator service which provides\n * high-level animation hooks for CSS and JavaScript.\n *\n * $animate is available in the AngularJS core, however, the ngAnimate module must be included\n * to enable full out animation support. Otherwise, $animate will only perform simple DOM\n * manipulation operations.\n *\n * To learn more about enabling animation support, click here to visit the {@link ngAnimate\n * ngAnimate module page} as well as the {@link ngAnimate.$animate ngAnimate $animate service\n * page}.\n */\n return {\n animate: function(element, from, to) {\n applyStyles(element, { from: from, to: to });\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#enter\n * @kind function\n * @description Inserts the element into the DOM either after the `after` element or\n * as the first child within the `parent` element. When the function is called a promise\n * is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will be inserted into the DOM\n * @param {DOMElement} parent the parent element which will append the element as\n * a child (if the after element is not present)\n * @param {DOMElement} after the sibling element which will append the element\n * after itself\n * @param {object=} options an optional collection of styles that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n enter: function(element, parent, after, options) {\n applyStyles(element, options);\n after ? after.after(element)\n : parent.prepend(element);\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#leave\n * @kind function\n * @description Removes the element from the DOM. When the function is called a promise\n * is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will be removed from the DOM\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n leave: function(element, options) {\n element.remove();\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#move\n * @kind function\n * @description Moves the position of the provided element within the DOM to be placed\n * either after the `after` element or inside of the `parent` element. When the function\n * is called a promise is returned that will be resolved at a later time.\n *\n * @param {DOMElement} element the element which will be moved around within the\n * DOM\n * @param {DOMElement} parent the parent element where the element will be\n * inserted into (if the after element is not present)\n * @param {DOMElement} after the sibling element where the element will be\n * positioned next to\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n move: function(element, parent, after, options) {\n // Do not remove element before insert. Removing will cause data associated with the\n // element to be dropped. Insert will implicitly do the remove.\n return this.enter(element, parent, after, options);\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#addClass\n * @kind function\n * @description Adds the provided className CSS class value to the provided element.\n * When the function is called a promise is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will have the className value\n * added to it\n * @param {string} className the CSS class which will be added to the element\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n addClass: function(element, className, options) {\n return this.setClass(element, className, [], options);\n },\n\n $$addClassImmediately: function(element, className, options) {\n element = jqLite(element);\n className = !isString(className)\n ? (isArray(className) ? className.join(' ') : '')\n : className;\n forEach(element, function(element) {\n jqLiteAddClass(element, className);\n });\n applyStyles(element, options);\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#removeClass\n * @kind function\n * @description Removes the provided className CSS class value from the provided element.\n * When the function is called a promise is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will have the className value\n * removed from it\n * @param {string} className the CSS class which will be removed from the element\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n removeClass: function(element, className, options) {\n return this.setClass(element, [], className, options);\n },\n\n $$removeClassImmediately: function(element, className, options) {\n element = jqLite(element);\n className = !isString(className)\n ? (isArray(className) ? className.join(' ') : '')\n : className;\n forEach(element, function(element) {\n jqLiteRemoveClass(element, className);\n });\n applyStyles(element, options);\n return asyncPromise();\n },\n\n /**\n *\n * @ngdoc method\n * @name $animate#setClass\n * @kind function\n * @description Adds and/or removes the given CSS classes to and from the element.\n * When the function is called a promise is returned that will be resolved at a later time.\n * @param {DOMElement} element the element which will have its CSS classes changed\n * removed from it\n * @param {string} add the CSS classes which will be added to the element\n * @param {string} remove the CSS class which will be removed from the element\n * @param {object=} options an optional collection of options that will be applied to the element.\n * @return {Promise} the animation callback promise\n */\n setClass: function(element, add, remove, options) {\n var self = this;\n var STORAGE_KEY = '$$animateClasses';\n var createdCache = false;\n element = jqLite(element);\n\n var cache = element.data(STORAGE_KEY);\n if (!cache) {\n cache = {\n classes: {},\n options: options\n };\n createdCache = true;\n } else if (options && cache.options) {\n cache.options = angular.extend(cache.options || {}, options);\n }\n\n var classes = cache.classes;\n\n add = isArray(add) ? add : add.split(' ');\n remove = isArray(remove) ? remove : remove.split(' ');\n cachedClassManipulation(classes, add, true);\n cachedClassManipulation(classes, remove, false);\n\n if (createdCache) {\n cache.promise = runAnimationPostDigest(function(done) {\n var cache = element.data(STORAGE_KEY);\n element.removeData(STORAGE_KEY);\n\n // in the event that the element is removed before postDigest\n // is run then the cache will be undefined and there will be\n // no need anymore to add or remove and of the element classes\n if (cache) {\n var classes = resolveElementClasses(element, cache.classes);\n if (classes) {\n self.$$setClassImmediately(element, classes[0], classes[1], cache.options);\n }\n }\n\n done();\n });\n element.data(STORAGE_KEY, cache);\n }\n\n return cache.promise;\n },\n\n $$setClassImmediately: function(element, add, remove, options) {\n add && this.$$addClassImmediately(element, add);\n remove && this.$$removeClassImmediately(element, remove);\n applyStyles(element, options);\n return asyncPromise();\n },\n\n enabled: noop,\n cancel: noop\n };\n }];\n}];\n\nfunction $$AsyncCallbackProvider() {\n this.$get = ['$$rAF', '$timeout', function($$rAF, $timeout) {\n return $$rAF.supported\n ? function(fn) { return $$rAF(fn); }\n : function(fn) {\n return $timeout(fn, 0, false);\n };\n }];\n}\n\n/* global stripHash: true */\n\n/**\n * ! This is a private undocumented service !\n *\n * @name $browser\n * @requires $log\n * @description\n * This object has two goals:\n *\n * - hide all the global state in the browser caused by the window object\n * - abstract away all the browser specific features and inconsistencies\n *\n * For tests we provide {@link ngMock.$browser mock implementation} of the `$browser`\n * service, which can be used for convenient testing of the application without the interaction with\n * the real browser apis.\n */\n/**\n * @param {object} window The global window object.\n * @param {object} document jQuery wrapped document.\n * @param {object} $log window.console or an object with the same interface.\n * @param {object} $sniffer $sniffer service\n */\nfunction Browser(window, document, $log, $sniffer) {\n var self = this,\n rawDocument = document[0],\n location = window.location,\n history = window.history,\n setTimeout = window.setTimeout,\n clearTimeout = window.clearTimeout,\n pendingDeferIds = {};\n\n self.isMock = false;\n\n var outstandingRequestCount = 0;\n var outstandingRequestCallbacks = [];\n\n // TODO(vojta): remove this temporary api\n self.$$completeOutstandingRequest = completeOutstandingRequest;\n self.$$incOutstandingRequestCount = function() { outstandingRequestCount++; };\n\n /**\n * Executes the `fn` function(supports currying) and decrements the `outstandingRequestCallbacks`\n * counter. If the counter reaches 0, all the `outstandingRequestCallbacks` are executed.\n */\n function completeOutstandingRequest(fn) {\n try {\n fn.apply(null, sliceArgs(arguments, 1));\n } finally {\n outstandingRequestCount--;\n if (outstandingRequestCount === 0) {\n while (outstandingRequestCallbacks.length) {\n try {\n outstandingRequestCallbacks.pop()();\n } catch (e) {\n $log.error(e);\n }\n }\n }\n }\n }\n\n function getHash(url) {\n var index = url.indexOf('#');\n return index === -1 ? '' : url.substr(index + 1);\n }\n\n /**\n * @private\n * Note: this method is used only by scenario runner\n * TODO(vojta): prefix this method with $$ ?\n * @param {function()} callback Function that will be called when no outstanding request\n */\n self.notifyWhenNoOutstandingRequests = function(callback) {\n // force browser to execute all pollFns - this is needed so that cookies and other pollers fire\n // at some deterministic time in respect to the test runner's actions. Leaving things up to the\n // regular poller would result in flaky tests.\n forEach(pollFns, function(pollFn) { pollFn(); });\n\n if (outstandingRequestCount === 0) {\n callback();\n } else {\n outstandingRequestCallbacks.push(callback);\n }\n };\n\n //////////////////////////////////////////////////////////////\n // Poll Watcher API\n //////////////////////////////////////////////////////////////\n var pollFns = [],\n pollTimeout;\n\n /**\n * @name $browser#addPollFn\n *\n * @param {function()} fn Poll function to add\n *\n * @description\n * Adds a function to the list of functions that poller periodically executes,\n * and starts polling if not started yet.\n *\n * @returns {function()} the added function\n */\n self.addPollFn = function(fn) {\n if (isUndefined(pollTimeout)) startPoller(100, setTimeout);\n pollFns.push(fn);\n return fn;\n };\n\n /**\n * @param {number} interval How often should browser call poll functions (ms)\n * @param {function()} setTimeout Reference to a real or fake `setTimeout` function.\n *\n * @description\n * Configures the poller to run in the specified intervals, using the specified\n * setTimeout fn and kicks it off.\n */\n function startPoller(interval, setTimeout) {\n (function check() {\n forEach(pollFns, function(pollFn) { pollFn(); });\n pollTimeout = setTimeout(check, interval);\n })();\n }\n\n //////////////////////////////////////////////////////////////\n // URL API\n //////////////////////////////////////////////////////////////\n\n var cachedState, lastHistoryState,\n lastBrowserUrl = location.href,\n baseElement = document.find('base'),\n reloadLocation = null;\n\n cacheState();\n lastHistoryState = cachedState;\n\n /**\n * @name $browser#url\n *\n * @description\n * GETTER:\n * Without any argument, this method just returns current value of location.href.\n *\n * SETTER:\n * With at least one argument, this method sets url to new value.\n * If html5 history api supported, pushState/replaceState is used, otherwise\n * location.href/location.replace is used.\n * Returns its own instance to allow chaining\n *\n * NOTE: this api is intended for use only by the $location service. Please use the\n * {@link ng.$location $location service} to change url.\n *\n * @param {string} url New url (when used as setter)\n * @param {boolean=} replace Should new url replace current history record?\n * @param {object=} state object to use with pushState/replaceState\n */\n self.url = function(url, replace, state) {\n // In modern browsers `history.state` is `null` by default; treating it separately\n // from `undefined` would cause `$browser.url('/foo')` to change `history.state`\n // to undefined via `pushState`. Instead, let's change `undefined` to `null` here.\n if (isUndefined(state)) {\n state = null;\n }\n\n // Android Browser BFCache causes location, history reference to become stale.\n if (location !== window.location) location = window.location;\n if (history !== window.history) history = window.history;\n\n // setter\n if (url) {\n var sameState = lastHistoryState === state;\n\n // Don't change anything if previous and current URLs and states match. This also prevents\n // IE<10 from getting into redirect loop when in LocationHashbangInHtml5Url mode.\n // See https://github.com/angular/angular.js/commit/ffb2701\n if (lastBrowserUrl === url && (!$sniffer.history || sameState)) {\n return self;\n }\n var sameBase = lastBrowserUrl && stripHash(lastBrowserUrl) === stripHash(url);\n lastBrowserUrl = url;\n lastHistoryState = state;\n // Don't use history API if only the hash changed\n // due to a bug in IE10/IE11 which leads\n // to not firing a `hashchange` nor `popstate` event\n // in some cases (see #9143).\n if ($sniffer.history && (!sameBase || !sameState)) {\n history[replace ? 'replaceState' : 'pushState'](state, '', url);\n cacheState();\n // Do the assignment again so that those two variables are referentially identical.\n lastHistoryState = cachedState;\n } else {\n if (!sameBase) {\n reloadLocation = url;\n }\n if (replace) {\n location.replace(url);\n } else if (!sameBase) {\n location.href = url;\n } else {\n location.hash = getHash(url);\n }\n }\n return self;\n // getter\n } else {\n // - reloadLocation is needed as browsers don't allow to read out\n // the new location.href if a reload happened.\n // - the replacement is a workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=407172\n return reloadLocation || location.href.replace(/%27/g,\"'\");\n }\n };\n\n /**\n * @name $browser#state\n *\n * @description\n * This method is a getter.\n *\n * Return history.state or null if history.state is undefined.\n *\n * @returns {object} state\n */\n self.state = function() {\n return cachedState;\n };\n\n var urlChangeListeners = [],\n urlChangeInit = false;\n\n function cacheStateAndFireUrlChange() {\n cacheState();\n fireUrlChange();\n }\n\n // This variable should be used *only* inside the cacheState function.\n var lastCachedState = null;\n function cacheState() {\n // This should be the only place in $browser where `history.state` is read.\n cachedState = window.history.state;\n cachedState = isUndefined(cachedState) ? null : cachedState;\n\n // Prevent callbacks fo fire twice if both hashchange & popstate were fired.\n if (equals(cachedState, lastCachedState)) {\n cachedState = lastCachedState;\n }\n lastCachedState = cachedState;\n }\n\n function fireUrlChange() {\n if (lastBrowserUrl === self.url() && lastHistoryState === cachedState) {\n return;\n }\n\n lastBrowserUrl = self.url();\n lastHistoryState = cachedState;\n forEach(urlChangeListeners, function(listener) {\n listener(self.url(), cachedState);\n });\n }\n\n /**\n * @name $browser#onUrlChange\n *\n * @description\n * Register callback function that will be called, when url changes.\n *\n * It's only called when the url is changed from outside of angular:\n * - user types different url into address bar\n * - user clicks on history (forward/back) button\n * - user clicks on a link\n *\n * It's not called when url is changed by $browser.url() method\n *\n * The listener gets called with new url as parameter.\n *\n * NOTE: this api is intended for use only by the $location service. Please use the\n * {@link ng.$location $location service} to monitor url changes in angular apps.\n *\n * @param {function(string)} listener Listener function to be called when url changes.\n * @return {function(string)} Returns the registered listener fn - handy if the fn is anonymous.\n */\n self.onUrlChange = function(callback) {\n // TODO(vojta): refactor to use node's syntax for events\n if (!urlChangeInit) {\n // We listen on both (hashchange/popstate) when available, as some browsers (e.g. Opera)\n // don't fire popstate when user change the address bar and don't fire hashchange when url\n // changed by push/replaceState\n\n // html5 history api - popstate event\n if ($sniffer.history) jqLite(window).on('popstate', cacheStateAndFireUrlChange);\n // hashchange event\n jqLite(window).on('hashchange', cacheStateAndFireUrlChange);\n\n urlChangeInit = true;\n }\n\n urlChangeListeners.push(callback);\n return callback;\n };\n\n /**\n * Checks whether the url has changed outside of Angular.\n * Needs to be exported to be able to check for changes that have been done in sync,\n * as hashchange/popstate events fire in async.\n */\n self.$$checkUrlChange = fireUrlChange;\n\n //////////////////////////////////////////////////////////////\n // Misc API\n //////////////////////////////////////////////////////////////\n\n /**\n * @name $browser#baseHref\n *\n * @description\n * Returns current \n \n \n \n angular.module('cacheExampleApp', []).\n controller('CacheController', ['$scope', '$cacheFactory', function($scope, $cacheFactory) {\n $scope.keys = [];\n $scope.cache = $cacheFactory('cacheId');\n $scope.put = function(key, value) {\n if ($scope.cache.get(key) === undefined) {\n $scope.keys.push(key);\n }\n $scope.cache.put(key, value === undefined ? null : value);\n };\n }]);\n \n \n p {\n margin: 10px 0 3px;\n }\n \n \n */\nfunction $CacheFactoryProvider() {\n\n this.$get = function() {\n var caches = {};\n\n function cacheFactory(cacheId, options) {\n if (cacheId in caches) {\n throw minErr('$cacheFactory')('iid', \"CacheId '{0}' is already taken!\", cacheId);\n }\n\n var size = 0,\n stats = extend({}, options, {id: cacheId}),\n data = {},\n capacity = (options && options.capacity) || Number.MAX_VALUE,\n lruHash = {},\n freshEnd = null,\n staleEnd = null;\n\n /**\n * @ngdoc type\n * @name $cacheFactory.Cache\n *\n * @description\n * A cache object used to store and retrieve data, primarily used by\n * {@link $http $http} and the {@link ng.directive:script script} directive to cache\n * templates and other data.\n *\n * ```js\n * angular.module('superCache')\n * .factory('superCache', ['$cacheFactory', function($cacheFactory) {\n * return $cacheFactory('super-cache');\n * }]);\n * ```\n *\n * Example test:\n *\n * ```js\n * it('should behave like a cache', inject(function(superCache) {\n * superCache.put('key', 'value');\n * superCache.put('another key', 'another value');\n *\n * expect(superCache.info()).toEqual({\n * id: 'super-cache',\n * size: 2\n * });\n *\n * superCache.remove('another key');\n * expect(superCache.get('another key')).toBeUndefined();\n *\n * superCache.removeAll();\n * expect(superCache.info()).toEqual({\n * id: 'super-cache',\n * size: 0\n * });\n * }));\n * ```\n */\n return caches[cacheId] = {\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#put\n * @kind function\n *\n * @description\n * Inserts a named entry into the {@link $cacheFactory.Cache Cache} object to be\n * retrieved later, and incrementing the size of the cache if the key was not already\n * present in the cache. If behaving like an LRU cache, it will also remove stale\n * entries from the set.\n *\n * It will not insert undefined values into the cache.\n *\n * @param {string} key the key under which the cached data is stored.\n * @param {*} value the value to store alongside the key. If it is undefined, the key\n * will not be stored.\n * @returns {*} the value stored.\n */\n put: function(key, value) {\n if (capacity < Number.MAX_VALUE) {\n var lruEntry = lruHash[key] || (lruHash[key] = {key: key});\n\n refresh(lruEntry);\n }\n\n if (isUndefined(value)) return;\n if (!(key in data)) size++;\n data[key] = value;\n\n if (size > capacity) {\n this.remove(staleEnd.key);\n }\n\n return value;\n },\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#get\n * @kind function\n *\n * @description\n * Retrieves named data stored in the {@link $cacheFactory.Cache Cache} object.\n *\n * @param {string} key the key of the data to be retrieved\n * @returns {*} the value stored.\n */\n get: function(key) {\n if (capacity < Number.MAX_VALUE) {\n var lruEntry = lruHash[key];\n\n if (!lruEntry) return;\n\n refresh(lruEntry);\n }\n\n return data[key];\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#remove\n * @kind function\n *\n * @description\n * Removes an entry from the {@link $cacheFactory.Cache Cache} object.\n *\n * @param {string} key the key of the entry to be removed\n */\n remove: function(key) {\n if (capacity < Number.MAX_VALUE) {\n var lruEntry = lruHash[key];\n\n if (!lruEntry) return;\n\n if (lruEntry == freshEnd) freshEnd = lruEntry.p;\n if (lruEntry == staleEnd) staleEnd = lruEntry.n;\n link(lruEntry.n,lruEntry.p);\n\n delete lruHash[key];\n }\n\n delete data[key];\n size--;\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#removeAll\n * @kind function\n *\n * @description\n * Clears the cache object of any entries.\n */\n removeAll: function() {\n data = {};\n size = 0;\n lruHash = {};\n freshEnd = staleEnd = null;\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#destroy\n * @kind function\n *\n * @description\n * Destroys the {@link $cacheFactory.Cache Cache} object entirely,\n * removing it from the {@link $cacheFactory $cacheFactory} set.\n */\n destroy: function() {\n data = null;\n stats = null;\n lruHash = null;\n delete caches[cacheId];\n },\n\n\n /**\n * @ngdoc method\n * @name $cacheFactory.Cache#info\n * @kind function\n *\n * @description\n * Retrieve information regarding a particular {@link $cacheFactory.Cache Cache}.\n *\n * @returns {object} an object with the following properties:\n * ` and widget definition\n * of `scope: { localName:'@myAttr' }`, then widget scope property `localName` will reflect\n * the interpolated value of `hello {{name}}`. As the `name` attribute changes so will the\n * `localName` property on the widget scope. The `name` is read from the parent scope (not\n * component scope).\n *\n * * `=` or `=attr` - set up bi-directional binding between a local scope property and the\n * parent scope property of name defined via the value of the `attr` attribute. If no `attr`\n * name is specified then the attribute name is assumed to be the same as the local name.\n * Given `` and widget definition of\n * `scope: { localModel:'=myAttr' }`, then widget scope property `localModel` will reflect the\n * value of `parentModel` on the parent scope. Any changes to `parentModel` will be reflected\n * in `localModel` and any changes in `localModel` will reflect in `parentModel`. If the parent\n * scope property doesn't exist, it will throw a NON_ASSIGNABLE_MODEL_EXPRESSION exception. You\n * can avoid this behavior using `=?` or `=?attr` in order to flag the property as optional. If\n * you want to shallow watch for changes (i.e. $watchCollection instead of $watch) you can use\n * `=*` or `=*attr` (`=*?` or `=*?attr` if the property is optional).\n *\n * * `&` or `&attr` - provides a way to execute an expression in the context of the parent scope.\n * If no `attr` name is specified then the attribute name is assumed to be the same as the\n * local name. Given `` and widget definition of\n * `scope: { localFn:'&myAttr' }`, then isolate scope property `localFn` will point to\n * a function wrapper for the `count = count + value` expression. Often it's desirable to\n * pass data from the isolated scope via an expression to the parent scope, this can be\n * done by passing a map of local variable names and values into the expression wrapper fn.\n * For example, if the expression is `increment(amount)` then we can specify the amount value\n * by calling the `localFn` as `localFn({amount: 22})`.\n *\n *\n * #### `bindToController`\n * When an isolate scope is used for a component (see above), and `controllerAs` is used, `bindToController: true` will\n * allow a component to have its properties bound to the controller, rather than to scope. When the controller\n * is instantiated, the initial values of the isolate scope bindings are already available.\n *\n * #### `controller`\n * Controller constructor function. The controller is instantiated before the\n * pre-linking phase and it is shared with other directives (see\n * `require` attribute). This allows the directives to communicate with each other and augment\n * each other's behavior. The controller is injectable (and supports bracket notation) with the following locals:\n *\n * * `$scope` - Current scope associated with the element\n * * `$element` - Current element\n * * `$attrs` - Current attributes object for the element\n * * `$transclude` - A transclude linking function pre-bound to the correct transclusion scope:\n * `function([scope], cloneLinkingFn, futureParentElement)`.\n * * `scope`: optional argument to override the scope.\n * * `cloneLinkingFn`: optional argument to create clones of the original transcluded content.\n * * `futureParentElement`:\n * * defines the parent to which the `cloneLinkingFn` will add the cloned elements.\n * * default: `$element.parent()` resp. `$element` for `transclude:'element'` resp. `transclude:true`.\n * * only needed for transcludes that are allowed to contain non html elements (e.g. SVG elements)\n * and when the `cloneLinkinFn` is passed,\n * as those elements need to created and cloned in a special way when they are defined outside their\n * usual containers (e.g. like `
\n I can add: {{a}} + {{b}} = {{ a+b }}\n
\n \n
\n \n I can add: {{a}} + {{b}} = {{ a+b }}\n\n
\n\n This renders because the controller does not fail to\n instantiate, by using explicit annotation style (see\n script.js for details)\n
\n\n Name:
\n Hello, {{name}}!\n\n
\n\n \n Hello, {{name}}!\n\n
This renders because the controller does not fail to\n instantiate, by using explicit annotation style\n (see script.js for details)\n
\n\n I can add: {{a}} + {{b}} = {{ a+b }}\n\n
\n The controller could not be instantiated, due to relying\n on automatic function annotations (which are disabled in\n strict mode). As such, the content of this section is not\n interpolated, and there should be an error in your web console.\n
\n\n * {{greeting}}\n *
\n *\n * \n * \n * \n * \n * ```\n *\n * @param {DOMElement} element DOM element which is the root of angular application.\n * @param {ArrayjqLite is a tiny, API-compatible subset of jQuery that allows\n * Angular to manipulate the DOM in a cross-browser compatible way. **jqLite** implements only the most\n * commonly needed functionality with the goal of having a very small footprint.
\n *\n * To use jQuery, simply load it before `DOMContentLoaded` event fired.\n *\n * **Note:** all element references in Angular are always wrapped with jQuery or\n * jqLite; they are never raw DOM references.
\n *\n * ## Angular's jqLite\n * jqLite provides only the following jQuery methods:\n *\n * - [`addClass()`](http://api.jquery.com/addClass/)\n * - [`after()`](http://api.jquery.com/after/)\n * - [`append()`](http://api.jquery.com/append/)\n * - [`attr()`](http://api.jquery.com/attr/) - Does not support functions as parameters\n * - [`bind()`](http://api.jquery.com/bind/) - Does not support namespaces, selectors or eventData\n * - [`children()`](http://api.jquery.com/children/) - Does not support selectors\n * - [`clone()`](http://api.jquery.com/clone/)\n * - [`contents()`](http://api.jquery.com/contents/)\n * - [`css()`](http://api.jquery.com/css/) - Only retrieves inline-styles, does not call `getComputedStyle()`\n * - [`data()`](http://api.jquery.com/data/)\n * - [`detach()`](http://api.jquery.com/detach/)\n * - [`empty()`](http://api.jquery.com/empty/)\n * - [`eq()`](http://api.jquery.com/eq/)\n * - [`find()`](http://api.jquery.com/find/) - Limited to lookups by tag name\n * - [`hasClass()`](http://api.jquery.com/hasClass/)\n * - [`html()`](http://api.jquery.com/html/)\n * - [`next()`](http://api.jquery.com/next/) - Does not support selectors\n * - [`on()`](http://api.jquery.com/on/) - Does not support namespaces, selectors or eventData\n * - [`off()`](http://api.jquery.com/off/) - Does not support namespaces or selectors\n * - [`one()`](http://api.jquery.com/one/) - Does not support namespaces or selectors\n * - [`parent()`](http://api.jquery.com/parent/) - Does not support selectors\n * - [`prepend()`](http://api.jquery.com/prepend/)\n * - [`prop()`](http://api.jquery.com/prop/)\n * - [`ready()`](http://api.jquery.com/ready/)\n * - [`remove()`](http://api.jquery.com/remove/)\n * - [`removeAttr()`](http://api.jquery.com/removeAttr/)\n * - [`removeClass()`](http://api.jquery.com/removeClass/)\n * - [`removeData()`](http://api.jquery.com/removeData/)\n * - [`replaceWith()`](http://api.jquery.com/replaceWith/)\n * - [`text()`](http://api.jquery.com/text/)\n * - [`toggleClass()`](http://api.jquery.com/toggleClass/)\n * - [`triggerHandler()`](http://api.jquery.com/triggerHandler/) - Passes a dummy event object to handlers.\n * - [`unbind()`](http://api.jquery.com/unbind/) - Does not support namespaces\n * - [`val()`](http://api.jquery.com/val/)\n * - [`wrap()`](http://api.jquery.com/wrap/)\n *\n * ## jQuery/jqLite Extras\n * Angular also provides the following additional methods and events to both jQuery and jqLite:\n *\n * ### Events\n * - `$destroy` - AngularJS intercepts all jqLite/jQuery's DOM destruction apis and fires this event\n * on all DOM nodes being removed. This can be used to clean up any 3rd party bindings to the DOM\n * element before it is removed.\n *\n * ### Methods\n * - `controller(name)` - retrieves the controller of the current element or its parent. By default\n * retrieves controller associated with the `ngController` directive. If `name` is provided as\n * camelCase directive name, then the controller for this directive will be retrieved (e.g.\n * `'ngModel'`).\n * - `injector()` - retrieves the injector of the current element or its parent.\n * - `scope()` - retrieves the {@link ng.$rootScope.Scope scope} of the current\n * element or its parent. Requires {@link guide/production#disabling-debug-data Debug Data} to\n * be enabled.\n * - `isolateScope()` - retrieves an isolate {@link ng.$rootScope.Scope scope} if one is attached directly to the\n * current element. This getter should be used only on elements that contain a directive which starts a new isolate\n * scope. Calling `scope()` on this element always returns the original non-isolate scope.\n * Requires {@link guide/production#disabling-debug-data Debug Data} to be enabled.\n * - `inheritedData()` - same as `data()`, but walks up the DOM until a value is found or the top\n * parent element is reached.\n *\n * @param {string|DOMElement} element HTML string or DOMElement to be wrapped into jQuery.\n * @returns {Object} jQuery object.\n */\n\nJQLite.expando = 'ng339';\n\nvar jqCache = JQLite.cache = {},\n jqId = 1,\n addEventListenerFn = function(element, type, fn) {\n element.addEventListener(type, fn, false);\n },\n removeEventListenerFn = function(element, type, fn) {\n element.removeEventListener(type, fn, false);\n };\n\n/*\n * !!! This is an undocumented \"private\" function !!!\n */\nJQLite._data = function(node) {\n //jQuery always returns an object on cache miss\n return this.cache[node[this.expando]] || {};\n};\n\nfunction jqNextId() { return ++jqId; }\n\n\nvar SPECIAL_CHARS_REGEXP = /([\\:\\-\\_]+(.))/g;\nvar MOZ_HACK_REGEXP = /^moz([A-Z])/;\nvar MOUSE_EVENT_MAP= { mouseleave: \"mouseout\", mouseenter: \"mouseover\"};\nvar jqLiteMinErr = minErr('jqLite');\n\n/**\n * Converts snake_case to camelCase.\n * Also there is special case for Moz prefix starting with upper case letter.\n * @param name Name to normalize\n */\nfunction camelCase(name) {\n return name.\n replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {\n return offset ? letter.toUpperCase() : letter;\n }).\n replace(MOZ_HACK_REGEXP, 'Moz$1');\n}\n\nvar SINGLE_TAG_REGEXP = /^<(\\w+)\\s*\\/?>(?:<\\/\\1>|)$/;\nvar HTML_REGEXP = /<|&#?\\w+;/;\nvar TAG_NAME_REGEXP = /<([\\w:]+)/;\nvar XHTML_TAG_REGEXP = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\\w:]+)[^>]*)\\/>/gi;\n\nvar wrapMap = {\n 'option': [1, ''],\n\n 'thead': [1, '{{content.label}}
');\n * $(document.body).append($div);\n *\n * angular.element(document).injector().invoke(function($compile) {\n * var scope = angular.element($div).scope();\n * $compile($div)(scope);\n * });\n * ```\n */\n\n\n/**\n * @ngdoc module\n * @name auto\n * @description\n *\n * Implicit module which gets automatically added to each {@link auto.$injector $injector}.\n */\n\nvar FN_ARGS = /^function\\s*[^\\(]*\\(\\s*([^\\)]*)\\)/m;\nvar FN_ARG_SPLIT = /,/;\nvar FN_ARG = /^\\s*(_?)(\\S+?)\\1\\s*$/;\nvar STRIP_COMMENTS = /((\\/\\/.*$)|(\\/\\*[\\s\\S]*?\\*\\/))/mg;\nvar $injectorMinErr = minErr('$injector');\n\nfunction anonFn(fn) {\n // For anonymous functions, showing at the very least the function signature can help in\n // debugging.\n var fnText = fn.toString().replace(STRIP_COMMENTS, ''),\n args = fnText.match(FN_ARGS);\n if (args) {\n return 'function(' + (args[1] || '').replace(/[\\s\\r\\n]+/, ' ') + ')';\n }\n return 'fn';\n}\n\nfunction annotate(fn, strictDi, name) {\n var $inject,\n fnText,\n argDecl,\n last;\n\n if (typeof fn === 'function') {\n if (!($inject = fn.$inject)) {\n $inject = [];\n if (fn.length) {\n if (strictDi) {\n if (!isString(name) || !name) {\n name = fn.name || anonFn(fn);\n }\n throw $injectorMinErr('strictdi',\n '{0} is not using explicit annotation and cannot be invoked in strict mode', name);\n }\n fnText = fn.toString().replace(STRIP_COMMENTS, '');\n argDecl = fnText.match(FN_ARGS);\n forEach(argDecl[1].split(FN_ARG_SPLIT), function(arg) {\n arg.replace(FN_ARG, function(all, underscore, name) {\n $inject.push(name);\n });\n });\n }\n fn.$inject = $inject;\n }\n } else if (isArray(fn)) {\n last = fn.length - 1;\n assertArgFn(fn[last], 'fn');\n $inject = fn.slice(0, last);\n } else {\n assertArgFn(fn, 'fn', true);\n }\n return $inject;\n}\n\n///////////////////////////////////////\n\n/**\n * @ngdoc service\n * @name $injector\n *\n * @description\n *\n * `$injector` is used to retrieve object instances as defined by\n * {@link auto.$provide provider}, instantiate types, invoke methods,\n * and load modules.\n *\n * The following always holds true:\n *\n * ```js\n * var $injector = angular.injector();\n * expect($injector.get('$injector')).toBe($injector);\n * expect($injector.invoke(function($injector) {\n * return $injector;\n * })).toBe($injector);\n * ```\n *\n * # Injection Function Annotation\n *\n * JavaScript does not have annotations, and annotations are needed for dependency injection. The\n * following are all valid ways of annotating function with injection arguments and are equivalent.\n *\n * ```js\n * // inferred (only works if code not minified/obfuscated)\n * $injector.invoke(function(serviceA){});\n *\n * // annotated\n * function explicit(serviceA) {};\n * explicit.$inject = ['serviceA'];\n * $injector.invoke(explicit);\n *\n * // inline\n * $injector.invoke(['serviceA', function(serviceA){}]);\n * ```\n *\n * ## Inference\n *\n * In JavaScript calling `toString()` on a function returns the function definition. The definition\n * can then be parsed and the function arguments can be extracted. This method of discovering\n * annotations is disallowed when the injector is in strict mode.\n * *NOTE:* This does not work with minification, and obfuscation tools since these tools change the\n * argument names.\n *\n * ## `$inject` Annotation\n * By adding an `$inject` property onto a function the injection parameters can be specified.\n *\n * ## Inline\n * As an array of injection names, where the last item in the array is the function to call.\n */\n\n/**\n * @ngdoc method\n * @name $injector#get\n *\n * @description\n * Return an instance of the service.\n *\n * @param {string} name The name of the instance to retrieve.\n * @param {string} caller An optional string to provide the origin of the function call for error messages.\n * @return {*} The instance.\n */\n\n/**\n * @ngdoc method\n * @name $injector#invoke\n *\n * @description\n * Invoke the method and supply the method arguments from the `$injector`.\n *\n * @param {!Function} fn The function to invoke. Function parameters are injected according to the\n * {@link guide/di $inject Annotation} rules.\n * @param {Object=} self The `this` for the invoked method.\n * @param {Object=} locals Optional object. If preset then any argument names are read from this\n * object first, before the `$injector` is consulted.\n * @returns {*} the value returned by the invoked `fn` function.\n */\n\n/**\n * @ngdoc method\n * @name $injector#has\n *\n * @description\n * Allows the user to query if the particular service exists.\n *\n * @param {string} name Name of the service to query.\n * @returns {boolean} `true` if injector has given service.\n */\n\n/**\n * @ngdoc method\n * @name $injector#instantiate\n * @description\n * Create a new instance of JS type. The method takes a constructor function, invokes the new\n * operator, and supplies all of the arguments to the constructor function as specified by the\n * constructor annotation.\n *\n * @param {Function} Type Annotated constructor function.\n * @param {Object=} locals Optional object. If preset then any argument names are read from this\n * object first, before the `$injector` is consulted.\n * @returns {Object} new instance of `Type`.\n */\n\n/**\n * @ngdoc method\n * @name $injector#annotate\n *\n * @description\n * Returns an array of service names which the function is requesting for injection. This API is\n * used by the injector to determine which services need to be injected into the function when the\n * function is invoked. There are three ways in which the function can be annotated with the needed\n * dependencies.\n *\n * # Argument names\n *\n * The simplest form is to extract the dependencies from the arguments of the function. This is done\n * by converting the function into a string using `toString()` method and extracting the argument\n * names.\n * ```js\n * // Given\n * function MyController($scope, $route) {\n * // ...\n * }\n *\n * // Then\n * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);\n * ```\n *\n * You can disallow this method by using strict injection mode.\n *\n * This method does not work with code minification / obfuscation. For this reason the following\n * annotation strategies are supported.\n *\n * # The `$inject` property\n *\n * If a function has an `$inject` property and its value is an array of strings, then the strings\n * represent names of services to be injected into the function.\n * ```js\n * // Given\n * var MyController = function(obfuscatedScope, obfuscatedRoute) {\n * // ...\n * }\n * // Define function dependencies\n * MyController['$inject'] = ['$scope', '$route'];\n *\n * // Then\n * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);\n * ```\n *\n * # The array notation\n *\n * It is often desirable to inline Injected functions and that's when setting the `$inject` property\n * is very inconvenient. In these situations using the array notation to specify the dependencies in\n * a way that survives minification is a better choice:\n *\n * ```js\n * // We wish to write this (not minification / obfuscation safe)\n * injector.invoke(function($compile, $rootScope) {\n * // ...\n * });\n *\n * // We are forced to write break inlining\n * var tmpFn = function(obfuscatedCompile, obfuscatedRootScope) {\n * // ...\n * };\n * tmpFn.$inject = ['$compile', '$rootScope'];\n * injector.invoke(tmpFn);\n *\n * // To better support inline function the inline annotation is supported\n * injector.invoke(['$compile', '$rootScope', function(obfCompile, obfRootScope) {\n * // ...\n * }]);\n *\n * // Therefore\n * expect(injector.annotate(\n * ['$compile', '$rootScope', function(obfus_$compile, obfus_$rootScope) {}])\n * ).toEqual(['$compile', '$rootScope']);\n * ```\n *\n * @param {Function|Array.\n * Use this method to disable automatic scrolling.\n *\n * If automatic scrolling is disabled, one must explicitly call\n * {@link ng.$anchorScroll $anchorScroll()} in order to scroll to the element related to the\n * current hash.\n */\n this.disableAutoScrolling = function() {\n autoScrollingEnabled = false;\n };\n\n /**\n * @ngdoc service\n * @name $anchorScroll\n * @kind function\n * @requires $window\n * @requires $location\n * @requires $rootScope\n *\n * @description\n * When called, it checks the current value of {@link ng.$location#hash $location.hash()} and\n * scrolls to the related element, according to the rules specified in the\n * [Html5 spec](http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document).\n *\n * It also watches the {@link ng.$location#hash $location.hash()} and automatically scrolls to\n * match any anchor whenever it changes. This can be disabled by calling\n * {@link ng.$anchorScrollProvider#disableAutoScrolling $anchorScrollProvider.disableAutoScrolling()}.\n *\n * Additionally, you can use its {@link ng.$anchorScroll#yOffset yOffset} property to specify a\n * vertical scroll-offset (either fixed or dynamic).\n *\n * @property {(number|function|jqLite)} yOffset\n * If set, specifies a vertical scroll-offset. This is often useful when there are fixed\n * positioned elements at the top of the page, such as navbars, headers etc.\n *\n * `yOffset` can be specified in various ways:\n * - **number**: A fixed number of pixels to be used as offset.
\n * - **function**: A getter function called everytime `$anchorScroll()` is executed. Must return\n * a number representing the offset (in pixels).
\n * - **jqLite**: A jqLite/jQuery element to be used for specifying the offset. The distance from\n * the top of the page to the element's bottom will be used as offset.
\n * **Note**: The element will be taken into account only as long as its `position` is set to\n * `fixed`. This option is useful, when dealing with responsive navbars/headers that adjust\n * their height and/or positioning according to the viewport's size.\n *\n *
\n *
\n * In order for `yOffset` to work properly, scrolling should take place on the document's root and\n * not some child element.\n *
\n *\n * @example\n \n Go to bottom\n You're at the bottom!\n
\n \n * The example below illustrates the use of a vertical scroll-offset (specified as a fixed value).\n * See {@link ng.$anchorScroll#yOffset $anchorScroll.yOffset} for more details.\n *\n * @example\n
\n \n Go to anchor {{x}}\n \n
\n \n Anchor {{x}} of 5\n
\n \n \n \n \n\n
\n Cached Values
\n\n \n : \n \n
\n\n Cache Info
\n\n \n : \n \n
\n - \n *
- **id**: the id of the cache instance \n *
- **size**: the number of entries kept in the cache instance \n *
- **...**: any additional properties from the options object when creating the\n * cache. \n *
\n * **Note:** This document is an in-depth reference of all directive options.\n * For a gentle introduction to directives with examples of common use cases,\n * see the {@link guide/directive directive guide}.\n *
\n *\n * ## Comprehensive Directive API\n *\n * There are many different options for a directive.\n *\n * The difference resides in the return value of the factory function.\n * You can either return a \"Directive Definition Object\" (see below) that defines the directive properties,\n * or just the `postLink` function (all other properties will have the default values).\n *\n * \n * **Best Practice:** It's recommended to use the \"directive definition object\" form.\n *
\n *\n * Here's an example directive declared with a Directive Definition Object:\n *\n * ```js\n * var myModule = angular.module(...);\n *\n * myModule.directive('directiveName', function factory(injectables) {\n * var directiveDefinitionObject = {\n * priority: 0,\n * template: '', // or // function(tElement, tAttrs) { ... },\n * // or\n * // templateUrl: 'directive.html', // or // function(tElement, tAttrs) { ... },\n * transclude: false,\n * restrict: 'A',\n * templateNamespace: 'html',\n * scope: false,\n * controller: function($scope, $element, $attrs, $transclude, otherInjectables) { ... },\n * controllerAs: 'stringAlias',\n * require: 'siblingDirectiveName', // or // ['^parentDirectiveName', '?optionalDirectiveName', '?^optionalParent'],\n * compile: function compile(tElement, tAttrs, transclude) {\n * return {\n * pre: function preLink(scope, iElement, iAttrs, controller) { ... },\n * post: function postLink(scope, iElement, iAttrs, controller) { ... }\n * }\n * // or\n * // return function postLink( ... ) { ... }\n * },\n * // or\n * // link: {\n * // pre: function preLink(scope, iElement, iAttrs, controller) { ... },\n * // post: function postLink(scope, iElement, iAttrs, controller) { ... }\n * // }\n * // or\n * // link: function postLink( ... ) { ... }\n * };\n * return directiveDefinitionObject;\n * });\n * ```\n *\n * \n * **Note:** Any unspecified options will use the default value. You can see the default values below.\n *
\n *\n * Therefore the above can be simplified as:\n *\n * ```js\n * var myModule = angular.module(...);\n *\n * myModule.directive('directiveName', function factory(injectables) {\n * var directiveDefinitionObject = {\n * link: function postLink(scope, iElement, iAttrs) { ... }\n * };\n * return directiveDefinitionObject;\n * // or\n * // return function postLink(scope, iElement, iAttrs) { ... }\n * });\n * ```\n *\n *\n *\n * ### Directive Definition Object\n *\n * The directive definition object provides instructions to the {@link ng.$compile\n * compiler}. The attributes are:\n *\n * #### `multiElement`\n * When this property is set to true, the HTML compiler will collect DOM nodes between\n * nodes with the attributes `directive-name-start` and `directive-name-end`, and group them\n * together as the directive elements. It is recommended that this feature be used on directives\n * which are not strictly behavioural (such as {@link ngClick}), and which\n * do not manipulate or replace child nodes (such as {@link ngInclude}).\n *\n * #### `priority`\n * When there are multiple directives defined on a single DOM element, sometimes it\n * is necessary to specify the order in which the directives are applied. The `priority` is used\n * to sort the directives before their `compile` functions get called. Priority is defined as a\n * number. Directives with greater numerical `priority` are compiled first. Pre-link functions\n * are also run in priority order, but post-link functions are run in reverse order. The order\n * of directives with the same priority is undefined. The default priority is `0`.\n *\n * #### `terminal`\n * If set to true then the current `priority` will be the last set of directives\n * which will execute (any directives at the current priority will still execute\n * as the order of execution on same `priority` is undefined). Note that expressions\n * and other directives used in the directive's template will also be excluded from execution.\n *\n * #### `scope`\n * **If set to `true`,** then a new scope will be created for this directive. If multiple directives on the\n * same element request a new scope, only one new scope is created. The new scope rule does not\n * apply for the root of the template since the root of the template always gets a new scope.\n *\n * **If set to `{}` (object hash),** then a new \"isolate\" scope is created. The 'isolate' scope differs from\n * normal scope in that it does not prototypically inherit from the parent scope. This is useful\n * when creating reusable components, which should not accidentally read or modify data in the\n * parent scope.\n *\n * The 'isolate' scope takes an object hash which defines a set of local scope properties\n * derived from the parent scope. These local properties are useful for aliasing values for\n * templates. Locals definition is a hash of local scope property to its source:\n *\n * * `@` or `@attr` - bind a local scope property to the value of DOM attribute. The result is\n * always a string since DOM attributes are strings. If no `attr` name is specified then the\n * attribute name is assumed to be the same as the local name.\n * Given `