blocks inside then you do not have\n // to specify the language for each block\n var language = _attr(block, 'data-language') || _attr(block.parentNode, 'data-language');\n\n // this adds support for specifying language via a css class\n // you can use the Google Code Prettify style: \n // or the HTML5 style: \n if (!language) {\n var pattern = /\\blang(?:uage)?-(\\w+)/,\n match = block.className.match(pattern) || block.parentNode.className.match(pattern);\n\n if (match) {\n language = match[1];\n }\n }\n\n return language;\n }\n\n /**\n * makes sure html entities are always used for tags\n *\n * @param {string} code\n * @returns {string}\n */\n function _htmlEntities(code) {\n return code.replace(//g, '>').replace(/&(?![\\w\\#]+;)/g, '&');\n }\n\n /**\n * determines if a new match intersects with an existing one\n *\n * @param {number} start1 start position of existing match\n * @param {number} end1 end position of existing match\n * @param {number} start2 start position of new match\n * @param {number} end2 end position of new match\n * @returns {boolean}\n */\n function _intersects(start1, end1, start2, end2) {\n if (start2 >= start1 && start2 < end1) {\n return true;\n }\n\n return end2 > start1 && end2 < end1;\n }\n\n /**\n * determines if two different matches have complete overlap with each other\n *\n * @param {number} start1 start position of existing match\n * @param {number} end1 end position of existing match\n * @param {number} start2 start position of new match\n * @param {number} end2 end position of new match\n * @returns {boolean}\n */\n function _hasCompleteOverlap(start1, end1, start2, end2) {\n\n // if the starting and end positions are exactly the same\n // then the first one should stay and this one should be ignored\n if (start2 == start1 && end2 == end1) {\n return false;\n }\n\n return start2 <= start1 && end2 >= end1;\n }\n\n /**\n * determines if the match passed in falls inside of an existing match\n * this prevents a regex pattern from matching inside of a bigger pattern\n *\n * @param {number} start - start position of new match\n * @param {number} end - end position of new match\n * @returns {boolean}\n */\n function _matchIsInsideOtherMatch(start, end) {\n for (var key in replacement_positions[CURRENT_LEVEL]) {\n key = parseInt(key, 10);\n\n // if this block completely overlaps with another block\n // then we should remove the other block and return false\n if (_hasCompleteOverlap(key, replacement_positions[CURRENT_LEVEL][key], start, end)) {\n delete replacement_positions[CURRENT_LEVEL][key];\n delete replacements[CURRENT_LEVEL][key];\n }\n\n if (_intersects(key, replacement_positions[CURRENT_LEVEL][key], start, end)) {\n return true;\n }\n }\n\n return false;\n }\n\n /**\n * takes a string of code and wraps it in a span tag based on the name\n *\n * @param {string} name name of the pattern (ie keyword.regex)\n * @param {string} code block of code to wrap\n * @returns {string}\n */\n function _wrapCodeInSpan(name, code) {\n return '' + code + ' ';\n }\n\n /**\n * finds out the position of group match for a regular expression\n *\n * @see http://stackoverflow.com/questions/1985594/how-to-find-index-of-groups-in-match\n *\n * @param {Object} match\n * @param {number} group_number\n * @returns {number}\n */\n function _indexOfGroup(match, group_number) {\n var index = 0,\n i;\n\n for (i = 1; i < group_number; ++i) {\n if (match[i]) {\n index += match[i].length;\n }\n }\n\n return index;\n }\n\n /**\n * matches a regex pattern against a block of code\n * finds all matches that should be processed and stores the positions\n * of where they should be replaced within the string\n *\n * this is where pretty much all the work is done but it should not\n * be called directly\n *\n * @param {RegExp} pattern\n * @param {string} code\n * @returns void\n */\n function _processPattern(regex, pattern, code, callback)\n {\n var match = regex.exec(code);\n\n if (!match) {\n return callback();\n }\n\n ++match_counter;\n\n // treat match 0 the same way as name\n if (!pattern['name'] && typeof pattern['matches'][0] == 'string') {\n pattern['name'] = pattern['matches'][0];\n delete pattern['matches'][0];\n }\n\n var replacement = match[0],\n start_pos = match.index,\n end_pos = match[0].length + start_pos,\n\n /**\n * callback to process the next match of this pattern\n */\n processNext = function() {\n var nextCall = function() {\n _processPattern(regex, pattern, code, callback);\n };\n\n // every 50 items we process let's call set timeout\n // to let the ui breathe a little\n return match_counter % 50 > 0 ? nextCall() : setTimeout(nextCall, 0);\n };\n\n // if this is not a child match and it falls inside of another\n // match that already happened we should skip it and continue processing\n if (_matchIsInsideOtherMatch(start_pos, end_pos)) {\n return processNext();\n }\n\n /**\n * callback for when a match was successfully processed\n *\n * @param {string} replacement\n * @returns void\n */\n var onMatchSuccess = function(replacement) {\n // if this match has a name then wrap it in a span tag\n if (pattern['name']) {\n replacement = _wrapCodeInSpan(pattern['name'], replacement);\n }\n\n // console.log('LEVEL', CURRENT_LEVEL, 'replace', match[0], 'with', replacement, 'at position', start_pos, 'to', end_pos);\n\n // store what needs to be replaced with what at this position\n if (!replacements[CURRENT_LEVEL]) {\n replacements[CURRENT_LEVEL] = {};\n replacement_positions[CURRENT_LEVEL] = {};\n }\n\n replacements[CURRENT_LEVEL][start_pos] = {\n 'replace': match[0],\n 'with': replacement\n };\n\n // store the range of this match so we can use it for comparisons\n // with other matches later\n replacement_positions[CURRENT_LEVEL][start_pos] = end_pos;\n\n // process the next match\n processNext();\n },\n\n // if this pattern has sub matches for different groups in the regex\n // then we should process them one at a time by rerunning them through\n // this function to generate the new replacement\n //\n // we run through them backwards because the match position of earlier\n // matches will not change depending on what gets replaced in later\n // matches\n group_keys = keys(pattern['matches']),\n\n /**\n * callback for processing a sub group\n *\n * @param {number} i\n * @param {Array} group_keys\n * @param {Function} callback\n */\n processGroup = function(i, group_keys, callback) {\n if (i >= group_keys.length) {\n return callback(replacement);\n }\n\n var processNextGroup = function() {\n processGroup(++i, group_keys, callback);\n },\n block = match[group_keys[i]];\n\n // if there is no match here then move on\n if (!block) {\n return processNextGroup();\n }\n\n var group = pattern['matches'][group_keys[i]],\n language = group['language'],\n\n /**\n * process group is what group we should use to actually process\n * this match group\n *\n * for example if the subgroup pattern looks like this\n * 2: {\n * 'name': 'keyword',\n * 'pattern': /true/g\n * }\n *\n * then we use that as is, but if it looks like this\n *\n * 2: {\n * 'name': 'keyword',\n * 'matches': {\n * 'name': 'special',\n * 'pattern': /whatever/g\n * }\n * }\n *\n * we treat the 'matches' part as the pattern and keep\n * the name around to wrap it with later\n */\n process_group = group['name'] && group['matches'] ? group['matches'] : group,\n\n /**\n * takes the code block matched at this group, replaces it\n * with the highlighted block, and optionally wraps it with\n * a span with a name\n *\n * @param {string} block\n * @param {string} replace_block\n * @param {string|null} match_name\n */\n _replaceAndContinue = function(block, replace_block, match_name) {\n replacement = _replaceAtPosition(_indexOfGroup(match, group_keys[i]), block, match_name ? _wrapCodeInSpan(match_name, replace_block) : replace_block, replacement);\n processNextGroup();\n };\n\n // if this is a sublanguage go and process the block using that language\n if (language) {\n return _highlightBlockForLanguage(block, language, function(code) {\n _replaceAndContinue(block, code);\n });\n }\n\n // if this is a string then this match is directly mapped to selector\n // so all we have to do is wrap it in a span and continue\n if (typeof group === 'string') {\n return _replaceAndContinue(block, block, group);\n }\n\n // the process group can be a single pattern or an array of patterns\n // _processCodeWithPatterns always expects an array so we convert it here\n _processCodeWithPatterns(block, process_group.length ? process_group : [process_group], function(code) {\n _replaceAndContinue(block, code, group['matches'] ? group['name'] : 0);\n });\n };\n\n processGroup(0, group_keys, onMatchSuccess);\n }\n\n /**\n * should a language bypass the default patterns?\n *\n * if you call Rainbow.extend() and pass true as the third argument\n * it will bypass the defaults\n */\n function _bypassDefaultPatterns(language)\n {\n return bypass_defaults[language];\n }\n\n /**\n * returns a list of regex patterns for this language\n *\n * @param {string} language\n * @returns {Array}\n */\n function _getPatternsForLanguage(language) {\n var patterns = language_patterns[language] || [],\n default_patterns = language_patterns[DEFAULT_LANGUAGE] || [];\n\n return _bypassDefaultPatterns(language) ? patterns : patterns.concat(default_patterns);\n }\n\n /**\n * substring replace call to replace part of a string at a certain position\n *\n * @param {number} position the position where the replacement should happen\n * @param {string} replace the text we want to replace\n * @param {string} replace_with the text we want to replace it with\n * @param {string} code the code we are doing the replacing in\n * @returns {string}\n */\n function _replaceAtPosition(position, replace, replace_with, code) {\n var sub_string = code.substr(position);\n return code.substr(0, position) + sub_string.replace(replace, replace_with);\n }\n\n /**\n * sorts an object by index descending\n *\n * @param {Object} object\n * @return {Array}\n */\n function keys(object) {\n var locations = [],\n replacement,\n pos;\n\n for(var location in object) {\n if (object.hasOwnProperty(location)) {\n locations.push(location);\n }\n }\n\n // numeric descending\n return locations.sort(function(a, b) {\n return b - a;\n });\n }\n\n /**\n * processes a block of code using specified patterns\n *\n * @param {string} code\n * @param {Array} patterns\n * @returns void\n */\n function _processCodeWithPatterns(code, patterns, callback)\n {\n // we have to increase the level here so that the\n // replacements will not conflict with each other when\n // processing sub blocks of code\n ++CURRENT_LEVEL;\n\n // patterns are processed one at a time through this function\n function _workOnPatterns(patterns, i)\n {\n // still have patterns to process, keep going\n if (i < patterns.length) {\n return _processPattern(patterns[i]['pattern'], patterns[i], code, function() {\n _workOnPatterns(patterns, ++i);\n });\n }\n\n // we are done processing the patterns\n // process the replacements and update the DOM\n _processReplacements(code, function(code) {\n\n // when we are done processing replacements\n // we are done at this level so we can go back down\n delete replacements[CURRENT_LEVEL];\n delete replacement_positions[CURRENT_LEVEL];\n --CURRENT_LEVEL;\n callback(code);\n });\n }\n\n _workOnPatterns(patterns, 0);\n }\n\n /**\n * process replacements in the string of code to actually update the markup\n *\n * @param {string} code the code to process replacements in\n * @param {Function} onComplete what to do when we are done processing\n * @returns void\n */\n function _processReplacements(code, onComplete) {\n\n /**\n * processes a single replacement\n *\n * @param {string} code\n * @param {Array} positions\n * @param {number} i\n * @param {Function} onComplete\n * @returns void\n */\n function _processReplacement(code, positions, i, onComplete) {\n if (i < positions.length) {\n ++replacement_counter;\n var pos = positions[i],\n replacement = replacements[CURRENT_LEVEL][pos];\n code = _replaceAtPosition(pos, replacement['replace'], replacement['with'], code);\n\n // process next function\n var next = function() {\n _processReplacement(code, positions, ++i, onComplete);\n };\n\n // use a timeout every 250 to not freeze up the UI\n return replacement_counter % 250 > 0 ? next() : setTimeout(next, 0);\n }\n\n onComplete(code);\n }\n\n var string_positions = keys(replacements[CURRENT_LEVEL]);\n _processReplacement(code, string_positions, 0, onComplete);\n }\n\n /**\n * takes a string of code and highlights it according to the language specified\n *\n * @param {string} code\n * @param {string} language\n * @param {Function} onComplete\n * @returns void\n */\n function _highlightBlockForLanguage(code, language, onComplete) {\n var patterns = _getPatternsForLanguage(language);\n _processCodeWithPatterns(_htmlEntities(code), patterns, onComplete);\n }\n\n /**\n * highlight an individual code block\n *\n * @param {Array} code_blocks\n * @param {number} i\n * @returns void\n */\n function _highlightCodeBlock(code_blocks, i, onComplete) {\n if (i < code_blocks.length) {\n var block = code_blocks[i],\n language = _getLanguageForBlock(block);\n\n if (!_hasClass(block, 'rainbow') && language) {\n language = language.toLowerCase();\n\n _addClass(block, 'rainbow');\n\n return _highlightBlockForLanguage(block.innerHTML, language, function(code) {\n block.innerHTML = code;\n\n // reset the replacement arrays\n replacements = {};\n replacement_positions = {};\n\n // if you have a listener attached tell it that this block is now highlighted\n if (onHighlight) {\n onHighlight(block, language);\n }\n\n // process the next block\n setTimeout(function() {\n _highlightCodeBlock(code_blocks, ++i, onComplete);\n }, 0);\n });\n }\n return _highlightCodeBlock(code_blocks, ++i, onComplete);\n }\n\n if (onComplete) {\n onComplete();\n }\n }\n\n /**\n * start highlighting all the code blocks\n *\n * @returns void\n */\n function _highlight(node, onComplete) {\n\n // the first argument can be an Event or a DOM Element\n // I was originally checking instanceof Event but that makes it break\n // when using mootools\n //\n // @see https://github.com/ccampbell/rainbow/issues/32\n //\n node = node && typeof node.getElementsByTagName == 'function' ? node : document;\n\n var pre_blocks = node.getElementsByTagName('pre'),\n code_blocks = node.getElementsByTagName('code'),\n i,\n final_blocks = [];\n\n // @see http://stackoverflow.com/questions/2735067/how-to-convert-a-dom-node-list-to-an-array-in-javascript\n // we are going to process all blocks\n for (i = 0; i < code_blocks.length; ++i) {\n final_blocks.push(code_blocks[i]);\n }\n\n // loop through the pre blocks to see which ones we should add\n for (i = 0; i < pre_blocks.length; ++i) {\n\n // if the pre block has no code blocks then process it directly\n if (!pre_blocks[i].getElementsByTagName('code').length) {\n final_blocks.push(pre_blocks[i]);\n }\n }\n\n _highlightCodeBlock(final_blocks, 0, onComplete);\n }\n\n /**\n * public methods\n */\n return {\n\n /**\n * extends the language pattern matches\n *\n * @param {*} language name of language\n * @param {*} patterns array of patterns to add on\n * @param {boolean|null} bypass if true this will bypass the default language patterns\n */\n extend: function(language, patterns, bypass) {\n\n // if there is only one argument then we assume that we want to\n // extend the default language rules\n if (arguments.length == 1) {\n patterns = language;\n language = DEFAULT_LANGUAGE;\n }\n\n bypass_defaults[language] = bypass;\n language_patterns[language] = patterns.concat(language_patterns[language] || []);\n },\n\n /**\n * call back to let you do stuff in your app after a piece of code has been highlighted\n *\n * @param {Function} callback\n */\n onHighlight: function(callback) {\n onHighlight = callback;\n },\n\n /**\n * method to set a global class that will be applied to all spans\n *\n * @param {string} class_name\n */\n addClass: function(class_name) {\n global_class = class_name;\n },\n\n /**\n * starts the magic rainbow\n *\n * @returns void\n */\n color: function() {\n\n // if you want to straight up highlight a string you can pass the string of code,\n // the language, and a callback function\n if (typeof arguments[0] == 'string') {\n return _highlightBlockForLanguage(arguments[0], arguments[1], arguments[2]);\n }\n\n // if you pass a callback function then we rerun the color function\n // on all the code and call the callback function on complete\n if (typeof arguments[0] == 'function') {\n return _highlight(0, arguments[0]);\n }\n\n // otherwise we use whatever node you passed in with an optional\n // callback function as the second parameter\n _highlight(arguments[0], arguments[1]);\n }\n };\n}) ();\n\n/**\n * adds event listener to start highlighting\n */\n(function() {\n if (window.addEventListener) {\n return window.addEventListener('load', Rainbow.color, false);\n }\n window.attachEvent('onload', Rainbow.color);\n}) ();\n\n// When using Google closure compiler in advanced mode some methods\n// get renamed. This keeps a public reference to these methods so they can\n// still be referenced from outside this library.\nRainbow[\"onHighlight\"] = Rainbow.onHighlight;\nRainbow[\"addClass\"] = Rainbow.addClass;\n"
},
{
"path": "misc/demo/assets/smoothscroll-angular-custom.js",
"content": "/*\n * https://github.com/alicelieutier/smoothScroll/\n * A teeny tiny, standard compliant, smooth scroll script with ease-in-out effect and no jQuery (or any other dependancy, FWIW).\n * MIT License\n */\nwindow.smoothScroll = (function(){\n// We do not want this script to be applied in browsers that do not support those\n// That means no smoothscroll on IE9 and below.\nif(document.querySelectorAll === void 0 || window.pageYOffset === void 0 || history.pushState === void 0) { return; }\n\n// Get the top position of an element in the document\nvar getTop = function(element) {\n // return value of html.getBoundingClientRect().top ... IE : 0, other browsers : -pageYOffset\n if(element.nodeName === 'HTML') return -window.pageYOffset\n return element.getBoundingClientRect().top + window.pageYOffset;\n}\n// ease in out function thanks to:\n// http://blog.greweb.fr/2012/02/bezier-curve-based-easing-functions-from-concept-to-implementation/\nvar easeInOutCubic = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 }\n\n// calculate the scroll position we should be in\n// given the start and end point of the scroll\n// the time elapsed from the beginning of the scroll\n// and the total duration of the scroll (default 500ms)\nvar position = function(start, end, elapsed, duration) {\n if (elapsed > duration) return end;\n return start + (end - start) * easeInOutCubic(elapsed / duration); // <-- you can change the easing funtion there\n // return start + (end - start) * (elapsed / duration); // <-- this would give a linear scroll\n}\n\n// we use requestAnimationFrame to be called by the browser before every repaint\n// if the first argument is an element then scroll to the top of this element\n// if the first argument is numeric then scroll to this location\n// if the callback exist, it is called when the scrolling is finished\nvar smoothScroll = function(el, duration, callback){\n duration = duration || 500;\n var start = window.pageYOffset;\n\n if (typeof el === 'number') {\n var end = parseInt(el);\n } else {\n var end = getTop(el);\n }\n\n var clock = Date.now();\n var requestAnimationFrame = window.requestAnimationFrame ||\n window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame ||\n function(fn){window.setTimeout(fn, 15);};\n\n var step = function(){\n var elapsed = Date.now() - clock;\n window.scroll(0, position(start, end, elapsed, duration));\n if (elapsed > duration) {\n if (typeof callback === 'function') {\n callback(el);\n }\n } else {\n requestAnimationFrame(step);\n }\n }\n step();\n}\n\nvar linkHandler = function(ev) {\n ev.preventDefault();\n\n if (location.hash !== this.hash) {\n //NOTE(@ajoslin): Changed this line to stop $digest errors\n //window.history.pushState(null, null, this.hash)\n angular.element(document).injector().get('$location').hash(this.hash);\n }\n // using the history api to solve issue #1 - back doesn't work\n // most browser don't update :target when the history api is used:\n // THIS IS A BUG FROM THE BROWSERS.\n // change the scrolling duration in this call\n var targetEl = document.getElementById(this.hash.substring(1));\n if (targetEl) {\n smoothScroll(document.getElementById(this.hash.substring(1)), 500, function(el) {\n location.replace('#' + el.id)\n // this will cause the :target to be activated.\n });\n }\n}\n\n// We look for all the internal links in the documents and attach the smoothscroll function\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n var internal = document.querySelectorAll('a[href^=\"#\"]'), a;\n for(var i=internal.length; a=internal[--i];){\n a.addEventListener(\"click\", linkHandler, false);\n }\n});\n\n// return smoothscroll API\nreturn smoothScroll;\n\n})();\n\n"
},
{
"path": "misc/demo/assets/uglifyjs.js",
"content": "!function(n,e){\"use strict\";function t(n){for(var e=Object.create(null),t=0;t=0;)if(e[t]==n)return!0;return!1}function a(n,e){for(var t=0,r=e.length;r>t;++t)if(n(e[t]))return e[t]}function u(n,e){if(0>=e)return\"\";if(1==e)return n;var t=u(n,e>>1);return t+=t,1&e&&(t+=n),t}function s(n,e){Error.call(this,n),this.msg=n,this.defs=e}function c(n,e,t){n===!0&&(n={});var r=n||{};if(t)for(var i in r)r.hasOwnProperty(i)&&!e.hasOwnProperty(i)&&s.croak(\"`\"+i+\"` is not a supported option\",e);for(var i in e)e.hasOwnProperty(i)&&(r[i]=n&&n.hasOwnProperty(i)?n[i]:e[i]);return r}function f(n,e){for(var t in e)e.hasOwnProperty(t)&&(n[t]=e[t]);return n}function l(){}function p(n,e){n.indexOf(e)<0&&n.push(e)}function d(n,e){return n.replace(/\\{(.+?)\\}/g,function(n,t){return e[t]})}function h(n,e){for(var t=n.length;--t>=0;)n[t]===e&&n.splice(t,1)}function _(n,e){function t(n,t){for(var r=[],i=0,o=0,a=0;i=0})}function g(n){function e(n){if(1==n.length)return t+=\"return str === \"+JSON.stringify(n[0])+\";\";t+=\"switch(str){\";for(var e=0;e3){r.sort(function(n,e){return e.length-n.length}),t+=\"switch(str.length){\";for(var i=0;i=0;)if(!e(n[t]))return!1;return!0}function y(){this._values=Object.create(null),this._size=0}function A(n,e,t,r){arguments.length<4&&(r=W),e=e?e.split(/\\s+/):[];var i=e;r&&r.PROPS&&(e=e.concat(r.PROPS));for(var o=\"return function AST_\"+n+\"(props){ if (props) { \",a=e.length;--a>=0;)o+=\"this.\"+e[a]+\" = props.\"+e[a]+\";\";var u=r&&new r;(u&&u.initialize||t&&t.initialize)&&(o+=\"this.initialize();\"),o+=\"}}\";var s=new Function(o)();if(u&&(s.prototype=u,s.BASE=r),r&&r.SUBCLASSES.push(s),s.prototype.CTOR=s,s.PROPS=e||null,s.SELF_PROPS=i,s.SUBCLASSES=[],n&&(s.prototype.TYPE=s.TYPE=n),t)for(a in t)t.hasOwnProperty(a)&&(/^\\$/.test(a)?s[a.substr(1)]=t[a]:s.prototype[a]=t[a]);return s.DEFMETHOD=function(n,e){this.prototype[n]=e},s}function w(n,e){n.body instanceof Y?n.body._walk(e):n.body.forEach(function(n){n._walk(e)})}function E(n){this.visit=n,this.stack=[]}function D(n){return n>=97&&122>=n||n>=65&&90>=n||n>=170&&qt.letter.test(String.fromCharCode(n))}function F(n){return n>=48&&57>=n}function S(n){return F(n)||D(n)}function C(n){return qt.non_spacing_mark.test(n)||qt.space_combining_mark.test(n)}function k(n){return qt.connector_punctuation.test(n)}function x(n){return!St(n)&&/^[a-z_$][a-z0-9_$]*$/i.test(n)}function B(n){return 36==n||95==n||D(n)}function T(n){var e=n.charCodeAt(0);return B(e)||F(e)||8204==e||8205==e||C(n)||k(n)}function $(n){return/^[a-z_$][a-z0-9_$]*$/i.test(n)}function O(n){return xt.test(n)?parseInt(n.substr(2),16):Bt.test(n)?parseInt(n.substr(1),8):Tt.test(n)?parseFloat(n):void 0}function M(n,e,t,r){this.message=n,this.line=e,this.col=t,this.pos=r,this.stack=(new Error).stack}function N(n,e,t,r,i){throw new M(n,t,r,i)}function R(n,e,t){return n.type==e&&(null==t||n.value==t)}function q(n,e,t){function r(){return D.text.charAt(D.pos)}function i(n,e){var t=D.text.charAt(D.pos++);if(n&&!t)throw Ht;return\"\\n\"==t?(D.newline_before=D.newline_before||!e,++D.line,D.col=0):++D.col,t}function o(n){for(;n-->0;)i()}function a(n){return D.text.substr(D.pos,n.length)==n}function u(n,e){var t=D.text.indexOf(n,D.pos);if(e&&-1==t)throw Ht;return t}function s(){D.tokline=D.line,D.tokcol=D.col,D.tokpos=D.pos}function c(n,t,r){D.regex_allowed=\"operator\"==n&&!Pt(t)||\"keyword\"==n&&Ct(t)||\"punc\"==n&&Mt(t),C=\"punc\"==n&&\".\"==t;var i={type:n,value:t,line:D.tokline,col:D.tokcol,pos:D.tokpos,endpos:D.pos,nlb:D.newline_before,file:e};if(!r){i.comments_before=D.comments_before,D.comments_before=[];for(var o=0,a=i.comments_before.length;a>o;o++)i.nlb=i.nlb||i.comments_before[o].nlb}return D.newline_before=!1,new L(i)}function f(){for(;Ot(r());)i()}function l(n){for(var e,t=\"\",o=0;(e=r())&&n(e,o++);)t+=i();return t}function p(n){N(n,e,D.tokline,D.tokcol,D.tokpos)}function d(n){var e=!1,t=!1,r=!1,i=\".\"==n,o=l(function(o,a){var u=o.charCodeAt(0);switch(u){case 120:case 88:return r?!1:r=!0;case 101:case 69:return r?!0:e?!1:e=t=!0;case 45:return t||0==a&&!n;case 43:return t;case t=!1,46:return i||r||e?!1:i=!0}return S(u)});n&&(o=n+o);var a=O(o);return isNaN(a)?void p(\"Invalid syntax: \"+o):c(\"num\",a)}function h(n){var e=i(!0,n);switch(e.charCodeAt(0)){case 110:return\"\\n\";case 114:return\"\\r\";case 116:return\"\t\";case 98:return\"\\b\";case 118:return\"\u000b\";case 102:return\"\\f\";case 48:return\"\\x00\";case 120:return String.fromCharCode(_(2));case 117:return String.fromCharCode(_(4));case 10:return\"\";default:return e}}function _(n){for(var e=0;n>0;--n){var t=parseInt(i(!0),16);isNaN(t)&&p(\"Invalid hex-character pattern in string\"),e=e<<4|t}return e}function m(n){var e,t=D.regex_allowed,r=u(\"\\n\");return-1==r?(e=D.text.substr(D.pos),D.pos=D.text.length):(e=D.text.substring(D.pos,r),D.pos=r),D.comments_before.push(c(n,e,!0)),D.regex_allowed=t,E()}function v(){for(var n,e,t=!1,o=\"\",a=!1;null!=(n=r());)if(t)\"u\"!=n&&p(\"Expecting UnicodeEscapeSequence -- uXXXX\"),n=h(),T(n)||p(\"Unicode char: \"+n.charCodeAt(0)+\" is not valid in identifier\"),o+=n,t=!1;else if(\"\\\\\"==n)a=t=!0,i();else{if(!T(n))break;o+=i()}return Dt(o)&&a&&(e=o.charCodeAt(0).toString(16).toUpperCase(),o=\"\\\\u\"+\"0000\".substr(e.length)+e+o.slice(1)),o}function g(n){function e(n){if(!r())return n;var t=n+r();return $t(t)?(i(),e(t)):n}return c(\"operator\",e(n||i()))}function b(){switch(i(),r()){case\"/\":return i(),m(\"comment1\");case\"*\":return i(),x()}return D.regex_allowed?$(\"\"):g(\"/\")}function y(){return i(),F(r().charCodeAt(0))?d(\".\"):c(\"punc\",\".\")}function A(){var n=v();return C?c(\"name\",n):Ft(n)?c(\"atom\",n):Dt(n)?$t(n)?c(\"operator\",n):c(\"keyword\",n):c(\"name\",n)}function w(n,e){return function(t){try{return e(t)}catch(r){if(r!==Ht)throw r;p(n)}}}function E(n){if(null!=n)return $(n);if(f(),s(),t){if(a(\"\")&&D.newline_before)return o(3),m(\"comment4\")}var e=r();if(!e)return c(\"eof\");var u=e.charCodeAt(0);switch(u){case 34:case 39:return k();case 46:return y();case 47:return b()}return F(u)?d():Nt(e)?c(\"punc\",i()):kt(e)?g():92==u||B(u)?A():void p(\"Unexpected character '\"+e+\"'\")}var D={text:n.replace(/\\r\\n?|[\\n\\u2028\\u2029]/g,\"\\n\").replace(/\\uFEFF/g,\"\"),filename:e,pos:0,tokpos:0,line:1,tokline:0,col:0,tokcol:0,newline_before:!1,regex_allowed:!1,comments_before:[]},C=!1,k=w(\"Unterminated string constant\",function(){for(var n=i(),e=\"\";;){var t=i(!0);if(\"\\\\\"==t){var r=0,o=null;t=l(function(n){if(n>=\"0\"&&\"7\">=n){if(!o)return o=n,++r;if(\"3\">=o&&2>=r)return++r;if(o>=\"4\"&&1>=r)return++r}return!1}),t=r>0?String.fromCharCode(parseInt(t,8)):h(!0)}else if(t==n)break;e+=t}return c(\"string\",e)}),x=w(\"Unterminated multiline comment\",function(){var n=D.regex_allowed,e=u(\"*/\",!0),t=D.text.substring(D.pos,e),r=t.split(\"\\n\"),i=r.length;D.pos=e+2,D.line+=i-1,i>1?D.col=r[i-1].length:D.col+=r[i-1].length,D.col+=2;var o=D.newline_before=D.newline_before||t.indexOf(\"\\n\")>=0;return D.comments_before.push(c(\"comment2\",t,!0)),D.regex_allowed=n,D.newline_before=o,E()}),$=w(\"Unterminated regular expression\",function(n){for(var e,t=!1,r=!1;e=i(!0);)if(t)n+=\"\\\\\"+e,t=!1;else if(\"[\"==e)r=!0,n+=e;else if(\"]\"==e&&r)r=!1,n+=e;else{if(\"/\"==e&&!r)break;\"\\\\\"==e?t=!0:n+=e}var o=v();return c(\"regexp\",new RegExp(n,o))});return E.context=function(n){return n&&(D=n),D},E}function H(n,e){function t(n,e){return R(I.token,n,e)}function r(){return I.peeked||(I.peeked=I.input())}function i(){return I.prev=I.token,I.peeked?(I.token=I.peeked,I.peeked=null):I.token=I.input(),I.in_directives=I.in_directives&&(\"string\"==I.token.type||t(\"punc\",\";\")),I.token}function o(){return I.prev}function u(n,e,t,r){var i=I.input.context();N(n,i.filename,null!=e?e:i.tokline,null!=t?t:i.tokcol,null!=r?r:i.tokpos)}function s(n,e){u(e,n.line,n.col)}function f(n){null==n&&(n=I.token),s(n,\"Unexpected token: \"+n.type+\" (\"+n.value+\")\")}function l(n,e){return t(n,e)?i():void s(I.token,\"Unexpected token \"+I.token.type+\" «\"+I.token.value+\"», expected \"+n+\" «\"+e+\"»\")}function p(n){return l(\"punc\",n)}function d(){return!e.strict&&(I.token.nlb||t(\"eof\")||t(\"punc\",\"}\"))}function h(){t(\"punc\",\";\")?i():d()||f()}function _(){p(\"(\");var n=De(!0);return p(\")\"),n}function m(n){return function(){var e=I.token,t=n(),r=o();return t.start=e,t.end=r,t}}function v(){(t(\"operator\",\"/\")||t(\"operator\",\"/=\"))&&(I.peeked=null,I.token=I.input(I.token.value.substr(1)))}function g(){var n=M(ut);a(function(e){return e.name==n.name},I.labels)&&u(\"Label \"+n.name+\" defined twice\"),p(\":\"),I.labels.push(n);var e=U();return I.labels.pop(),e instanceof te||n.references.forEach(function(e){e instanceof Ae&&(e=e.label.start,u(\"Continue label `\"+n.name+\"` refers to non-IterationStatement.\",e.line,e.col,e.pos))}),new ee({body:e,label:n})}function b(n){return new K({body:(n=De(!0),h(),n)})}function y(n){var e,t=null;d()||(t=M(ct,!0)),null!=t?(e=a(function(n){return n.name==t.name},I.labels),e||u(\"Undefined label \"+t.name),t.thedef=e):0==I.in_loop&&u(n.TYPE+\" not inside a loop or switch\"),h();var r=new n({label:t});return e&&e.references.push(r),r}function A(){p(\"(\");var n=null;return!t(\"punc\",\";\")&&(n=t(\"keyword\",\"var\")?(i(),L(!0)):De(!0,!0),t(\"operator\",\"in\"))?(n instanceof Te&&n.definitions.length>1&&u(\"Only one variable declaration allowed in for..in loop\"),i(),E(n)):w(n)}function w(n){p(\";\");var e=t(\"punc\",\";\")?null:De(!0);p(\";\");var r=t(\"punc\",\")\")?null:De(!0);return p(\")\"),new ae({init:n,condition:e,step:r,body:j(U)})}function E(n){var e=n instanceof Te?n.definitions[0].name:null,t=De(!0);return p(\")\"),new ue({init:n,name:e,object:t,body:j(U)})}function D(){var n=_(),e=U(),r=null;return t(\"keyword\",\"else\")&&(i(),r=U()),new we({condition:n,body:e,alternative:r})}function F(){p(\"{\");for(var n=[];!t(\"punc\",\"}\");)t(\"eof\")&&f(),n.push(U());return i(),n}function S(){p(\"{\");for(var n,e=[],r=null,a=null;!t(\"punc\",\"}\");)t(\"eof\")&&f(),t(\"keyword\",\"case\")?(a&&(a.end=o()),r=[],a=new Se({start:(n=I.token,i(),n),expression:De(!0),body:r}),e.push(a),p(\":\")):t(\"keyword\",\"default\")?(a&&(a.end=o()),r=[],a=new Fe({start:(n=I.token,i(),p(\":\"),n),body:r}),e.push(a)):(r||f(),r.push(U()));return a&&(a.end=o()),i(),e}function C(){var n=F(),e=null,r=null;if(t(\"keyword\",\"catch\")){var a=I.token;i(),p(\"(\");var s=M(at);p(\")\"),e=new ke({start:a,argname:s,body:F(),end:o()})}if(t(\"keyword\",\"finally\")){var a=I.token;i(),r=new xe({start:a,body:F(),end:o()})}return e||r||u(\"Missing catch/finally blocks\"),new Ce({body:n,bcatch:e,bfinally:r})}function k(n,e){for(var r=[];r.push(new Oe({start:I.token,name:M(e?tt:et),value:t(\"operator\",\"=\")?(i(),De(!1,n)):null,end:o()})),t(\"punc\",\",\");)i();return r}function x(){var n,e=I.token;switch(e.type){case\"name\":case\"keyword\":n=O(st);break;case\"num\":n=new dt({start:e,end:e,value:e.value});break;case\"string\":n=new pt({start:e,end:e,value:e.value});break;case\"regexp\":n=new ht({start:e,end:e,value:e.value});break;case\"atom\":switch(e.value){case\"false\":n=new wt({start:e,end:e});break;case\"true\":n=new Et({start:e,end:e});break;case\"null\":n=new mt({start:e,end:e})}}return i(),n}function B(n,e,r){for(var o=!0,a=[];!t(\"punc\",n)&&(o?o=!1:p(\",\"),!e||!t(\"punc\",n));)a.push(t(\"punc\",\",\")&&r?new bt({start:I.token,end:I.token}):De(!1));return i(),a}function T(){var n=I.token;switch(i(),n.type){case\"num\":case\"string\":case\"name\":case\"operator\":case\"keyword\":case\"atom\":return n.value;default:f()}}function $(){var n=I.token;switch(i(),n.type){case\"name\":case\"operator\":case\"keyword\":case\"atom\":return n.value;default:f()}}function O(n){var e=I.token.value;return new(\"this\"==e?ft:n)({name:String(e),start:I.token,end:I.token})}function M(n,e){if(!t(\"name\"))return e||u(\"Name expected\"),null;var r=O(n);return i(),r}function H(n,e,t){return\"++\"!=e&&\"--\"!=e||P(t)||u(\"Invalid use of \"+e+\" operator\"),new n({operator:e,expression:t})}function z(n){return _e(le(!0),0,n)}function P(n){return e.strict?n instanceof ft?!1:n instanceof qe||n instanceof Ze:!0}function j(n){++I.in_loop;var e=n();return--I.in_loop,e}e=c(e,{strict:!1,filename:null,toplevel:null,expression:!1,html5_comments:!0});var I={input:\"string\"==typeof n?q(n,e.filename,e.html5_comments):n,token:null,prev:null,peeked:null,in_function:0,in_directives:!0,in_loop:0,labels:[]};I.token=i();var U=m(function(){var n;switch(v(),I.token.type){case\"string\":var e=I.in_directives,a=b();return e&&a.body instanceof pt&&!t(\"punc\",\",\")?new G({value:a.body.value}):a;case\"num\":case\"regexp\":case\"operator\":case\"atom\":return b();case\"name\":return R(r(),\"punc\",\":\")?g():b();case\"punc\":switch(I.token.value){case\"{\":return new Z({start:I.token,body:F(),end:o()});case\"[\":case\"(\":return b();case\";\":return i(),new Q;default:f()}case\"keyword\":switch(n=I.token.value,i(),n){case\"break\":return y(ye);case\"continue\":return y(Ae);case\"debugger\":return h(),new X;case\"do\":return new ie({body:j(U),condition:(l(\"keyword\",\"while\"),n=_(),h(),n)});case\"while\":return new oe({condition:_(),body:j(U)});case\"for\":return A();case\"function\":return V(he);case\"if\":return D();case\"return\":return 0==I.in_function&&u(\"'return' outside of function\"),new ve({value:t(\"punc\",\";\")?(i(),null):d()?null:(n=De(!0),h(),n)});case\"switch\":return new Ee({expression:_(),body:j(S)});case\"throw\":return I.token.nlb&&u(\"Illegal newline after 'throw'\"),new ge({value:(n=De(!0),h(),n)});case\"try\":return C();case\"var\":return n=L(),h(),n;case\"const\":return n=W(),h(),n;case\"with\":return new se({expression:_(),body:U()});default:f()}}}),V=function(n){var e=n===he,r=t(\"name\")?M(e?it:ot):null;return e&&!r&&f(),p(\"(\"),new n({name:r,argnames:function(n,e){for(;!t(\"punc\",\")\");)n?n=!1:p(\",\"),e.push(M(rt));return i(),e}(!0,[]),body:function(n,e){++I.in_function,I.in_directives=!0,I.in_loop=0,I.labels=[];var t=F();return--I.in_function,I.in_loop=n,I.labels=e,t}(I.in_loop,I.labels)})},L=function(n){return new Te({start:o(),definitions:k(n,!1),end:o()})},W=function(){return new $e({start:o(),definitions:k(!1,!0),end:o()})},Y=function(){var n=I.token;l(\"operator\",\"new\");var e,r=J(!1);return t(\"punc\",\"(\")?(i(),e=B(\")\")):e=[],ce(new Ne({start:n,expression:r,args:e,end:o()}),!0)},J=function(n){if(t(\"operator\",\"new\"))return Y();var e=I.token;if(t(\"punc\")){switch(e.value){case\"(\":i();var r=De(!0);return r.start=e,r.end=I.token,p(\")\"),ce(r,n);case\"[\":return ce(ne(),n);case\"{\":return ce(re(),n)}f()}if(t(\"keyword\",\"function\")){i();var a=V(de);return a.start=e,a.end=o(),ce(a,n)}return Vt[I.token.type]?ce(x(),n):void f()},ne=m(function(){return p(\"[\"),new We({elements:B(\"]\",!e.strict,!0)})}),re=m(function(){p(\"{\");for(var n=!0,r=[];!t(\"punc\",\"}\")&&(n?n=!1:p(\",\"),e.strict||!t(\"punc\",\"}\"));){var a=I.token,u=a.type,s=T();if(\"name\"==u&&!t(\"punc\",\":\")){if(\"get\"==s){r.push(new Je({start:a,key:x(),value:V(pe),end:o()}));continue}if(\"set\"==s){r.push(new Ke({start:a,key:x(),value:V(pe),end:o()}));continue}}p(\":\"),r.push(new Ge({start:a,key:s,value:De(!1),end:o()}))}return i(),new Ye({properties:r})}),ce=function(n,e){var r=n.start;if(t(\"punc\",\".\"))return i(),ce(new He({start:r,expression:n,property:$(),end:o()}),e);if(t(\"punc\",\"[\")){i();var a=De(!0);return p(\"]\"),ce(new ze({start:r,expression:n,property:a,end:o()}),e)}return e&&t(\"punc\",\"(\")?(i(),ce(new Me({start:r,expression:n,args:B(\")\"),end:o()}),!0)):n},le=function(n){var e=I.token;if(t(\"operator\")&&zt(e.value)){i(),v();var r=H(je,e.value,le(n));return r.start=e,r.end=o(),r}for(var a=J(n);t(\"operator\")&&Pt(I.token.value)&&!I.token.nlb;)a=H(Ie,I.token.value,a),a.start=e,a.end=I.token,i();return a},_e=function(n,e,r){var o=t(\"operator\")?I.token.value:null;\"in\"==o&&r&&(o=null);var a=null!=o?It[o]:null;if(null!=a&&a>e){i();var u=_e(le(!0),a,r);return _e(new Ue({start:n.start,left:n,operator:o,right:u,end:u.end}),e,r)}return n},me=function(n){var e=I.token,r=z(n);if(t(\"operator\",\"?\")){i();var a=De(!1);return p(\":\"),new Ve({start:e,condition:r,consequent:a,alternative:De(!1,n),end:o()})}return r},be=function(n){var e=I.token,r=me(n),a=I.token.value;if(t(\"operator\")&&jt(a)){if(P(r))return i(),new Le({start:e,left:r,operator:a,right:be(n),end:o()});u(\"Invalid assignment\")}return r},De=function(n,e){var o=I.token,a=be(e);return n&&t(\"punc\",\",\")?(i(),new Re({start:o,car:a,cdr:De(!0,e),end:r()})):a};return e.expression?De(!0):function(){for(var n=I.token,r=[];!t(\"eof\");)r.push(U());var i=o(),a=e.toplevel;return a?(a.body=a.body.concat(r),a.end=i):a=new fe({start:n,body:r,end:i}),a}()}function z(n,e){E.call(this),this.before=n,this.after=e}function P(n,e,t){this.name=t.name,this.orig=[t],this.scope=n,this.references=[],this.global=!1,this.mangled_name=null,this.undeclared=!1,this.constant=!1,this.index=e}function j(n){function e(n,e){return n.replace(/[\\u0080-\\uffff]/g,function(n){var t=n.charCodeAt(0).toString(16);if(t.length<=2&&!e){for(;t.length<2;)t=\"0\"+t;return\"\\\\x\"+t}for(;t.length<4;)t=\"0\"+t;return\"\\\\u\"+t})}function t(t){var r=0,i=0;return t=t.replace(/[\\\\\\b\\f\\n\\r\\t\\x22\\x27\\u2028\\u2029\\0]/g,function(n){switch(n){case\"\\\\\":return\"\\\\\\\\\";case\"\\b\":return\"\\\\b\";case\"\\f\":return\"\\\\f\";case\"\\n\":return\"\\\\n\";case\"\\r\":return\"\\\\r\";case\"\\u2028\":return\"\\\\u2028\";case\"\\u2029\":return\"\\\\u2029\";case'\"':return++r,'\"';case\"'\":return++i,\"'\";case\"\\x00\":return\"\\\\x00\"}return n}),n.ascii_only&&(t=e(t)),r>i?\"'\"+t.replace(/\\x27/g,\"\\\\'\")+\"'\":'\"'+t.replace(/\\x22/g,'\\\\\"')+'\"'}function r(e){var r=t(e);return n.inline_script&&(r=r.replace(/<\\x2fscript([>\\/\\t\\n\\f\\r ])/gi,\"<\\\\/script$1\")),r}function i(t){return t=t.toString(),n.ascii_only&&(t=e(t,!0)),t}function o(e){return u(\" \",n.indent_start+A-e*n.indent_level)}function a(){return k.charAt(k.length-1)}function s(){n.max_line_len&&w>n.max_line_len&&f(\"\\n\")}function f(e){e=String(e);var t=e.charAt(0);if(C&&(t&&!(\";}\".indexOf(t)<0)||/[;]$/.test(k)||(n.semicolons||x(t)?(F+=\";\",w++,D++):(F+=\"\\n\",D++,E++,w=0),n.beautify||(S=!1)),C=!1,s()),!n.beautify&&n.preserve_line&&q[q.length-1])for(var r=q[q.length-1].start.line;r>E;)F+=\"\\n\",D++,E++,w=0,S=!1;if(S){var i=a();(T(i)&&(T(t)||\"\\\\\"==t)||/^[\\+\\-\\/]$/.test(t)&&t==i)&&(F+=\" \",w++,D++),S=!1}var o=e.split(/\\r?\\n/),u=o.length-1;E+=u,0==u?w+=o[u].length:w=o[u].length,D+=e.length,k=e,F+=e}function p(){C=!1,f(\";\")}function d(){return A+n.indent_level}function h(n){var e;return f(\"{\"),M(),O(d(),function(){e=n()}),$(),f(\"}\"),e}function _(n){f(\"(\");var e=n();return f(\")\"),e}function m(n){f(\"[\");var e=n();return f(\"]\"),e}function v(){f(\",\"),B()}function b(){f(\":\"),n.space_colon&&B()}function y(){return F}n=c(n,{indent_start:0,indent_level:4,quote_keys:!1,space_colon:!0,ascii_only:!1,unescape_regexps:!1,inline_script:!1,width:80,max_line_len:32e3,beautify:!1,source_map:null,bracketize:!1,semicolons:!0,comments:!1,preserve_line:!1,screw_ie8:!1,preamble:null},!0);var A=0,w=0,E=1,D=0,F=\"\",S=!1,C=!1,k=null,x=g(\"( [ + * / - , .\"),B=n.beautify?function(){f(\" \")}:function(){S=!0},$=n.beautify?function(e){n.beautify&&f(o(e?.5:0))}:l,O=n.beautify?function(n,e){n===!0&&(n=d());var t=A;A=n;var r=e();return A=t,r}:function(n,e){return e()},M=n.beautify?function(){f(\"\\n\")}:l,N=n.beautify?function(){f(\";\")}:function(){C=!0},R=n.source_map?function(e,t){try{e&&n.source_map.add(e.file||\"?\",E,w,e.line,e.col,t||\"name\"!=e.type?t:e.value)}catch(r){W.warn(\"Couldn't figure out mapping for {file}:{line},{col} → {cline},{ccol} [{name}]\",{file:e.file,line:e.line,col:e.col,cline:E,ccol:w,name:t||\"\"})}}:l;n.preamble&&f(n.preamble.replace(/\\r\\n?|[\\n\\u2028\\u2029]|\\s*$/g,\"\\n\"));var q=[];return{get:y,toString:y,indent:$,indentation:function(){return A},current_width:function(){return w-A},should_break:function(){return n.width&&this.current_width()>=n.width},newline:M,print:f,space:B,comma:v,colon:b,last:function(){return k},semicolon:N,force_semicolon:p,to_ascii:e,print_name:function(n){f(i(n))},print_string:function(n){f(r(n))},next_indent:d,with_indent:O,with_block:h,with_parens:_,with_square:m,add_mapping:R,option:function(e){return n[e]},line:function(){return E},col:function(){return w},pos:function(){return D},push_node:function(n){q.push(n)},pop_node:function(){return q.pop()},stack:function(){return q},parent:function(n){return q[q.length-2-(n||0)]}}}function I(n,e){return this instanceof I?(z.call(this,this.before,this.after),void(this.options=c(n,{sequences:!e,properties:!e,dead_code:!e,drop_debugger:!e,unsafe:!1,unsafe_comps:!1,conditionals:!e,comparisons:!e,evaluate:!e,booleans:!e,loops:!e,unused:!e,hoist_funs:!e,keep_fargs:!1,hoist_vars:!1,if_return:!e,join_vars:!e,cascade:!e,side_effects:!e,pure_getters:!1,pure_funcs:null,negate_iife:!e,screw_ie8:!1,drop_console:!1,angular:!1,warnings:!0,global_defs:{}},!0))):new I(n,e)}function U(n){function e(e,i,o,a,u,s){if(r){var c=r.originalPositionFor({line:a,column:u});if(null===c.source)return;e=c.source,a=c.line,u=c.column,s=c.name}t.addMapping({generated:{line:i+n.dest_line_diff,column:o},original:{line:a+n.orig_line_diff,column:u},source:e,name:s})}n=c(n,{file:null,root:null,orig:null,orig_line_diff:0,dest_line_diff:0});var t=new MOZ_SourceMap.SourceMapGenerator({file:n.file,sourceRoot:n.root}),r=n.orig&&new MOZ_SourceMap.SourceMapConsumer(n.orig);return{add:e,get:function(){return t},toString:function(){return t.toString()}}}e.UglifyJS=n,s.prototype=Object.create(Error.prototype),s.prototype.constructor=s,s.croak=function(n,e){throw new s(n,e)};var V=function(){function n(n,o,a){function u(){var u=o(n[s],s),l=u instanceof r;return l&&(u=u.v),u instanceof e?(u=u.v,u instanceof t?f.push.apply(f,a?u.v.slice().reverse():u.v):f.push(u)):u!==i&&(u instanceof t?c.push.apply(c,a?u.v.slice().reverse():u.v):c.push(u)),l}var s,c=[],f=[];if(n instanceof Array)if(a){for(s=n.length;--s>=0&&!u(););c.reverse(),f.reverse()}else for(s=0;s SymbolDef for all variables/functions defined in this scope\",functions:\"[Object/S] like `variables`, but only lists function declarations\",uses_with:\"[boolean/S] tells whether this scope uses the `with` statement\",uses_eval:\"[boolean/S] tells whether this scope contains a direct call to the global `eval`\",parent_scope:\"[AST_Scope?/S] link to the parent scope\",enclosed:\"[SymbolDef*/S] a list of all symbol definitions that are accessed from this scope or any subscopes\",cname:\"[integer/S] current index for mangling variables (used internally by the mangler)\"}},J),fe=A(\"Toplevel\",\"globals\",{$documentation:\"The toplevel scope\",$propdoc:{globals:\"[Object/S] a map of name -> SymbolDef for all undeclared names\"},wrap_enclose:function(n){var e=this,t=[],r=[];n.forEach(function(n){var e=n.lastIndexOf(\":\");t.push(n.substr(0,e)),r.push(n.substr(e+1))});var i=\"(function(\"+r.join(\",\")+\"){ '$ORIG'; })(\"+t.join(\",\")+\")\";return i=H(i),i=i.transform(new z(function(n){return n instanceof G&&\"$ORIG\"==n.value?V.splice(e.body):void 0}))},wrap_commonjs:function(n,e){var t=this,r=[];e&&(t.figure_out_scope(),t.walk(new E(function(n){n instanceof nt&&n.definition().global&&(a(function(e){return e.name==n.name},r)||r.push(n))})));var i=\"(function(exports, global){ global['\"+n+\"'] = exports; '$ORIG'; '$EXPORTS'; }({}, (function(){return this}())))\";return i=H(i),i=i.transform(new z(function(n){if(n instanceof K&&(n=n.body,n instanceof pt))switch(n.getValue()){case\"$ORIG\":return V.splice(t.body);case\"$EXPORTS\":var e=[];return r.forEach(function(n){e.push(new K({body:new Le({left:new ze({expression:new st({name:\"exports\"}),property:new pt({value:n.name})}),operator:\"=\",right:new st(n)})}))}),V.splice(e)}}))}},ce),le=A(\"Lambda\",\"name argnames uses_arguments\",{$documentation:\"Base class for functions\",$propdoc:{name:\"[AST_SymbolDeclaration?] the name of this function\",argnames:\"[AST_SymbolFunarg*] array of function arguments\",uses_arguments:\"[boolean/S] tells whether this function accesses the arguments array\"},_walk:function(n){return n._visit(this,function(){this.name&&this.name._walk(n),this.argnames.forEach(function(e){e._walk(n)}),w(this,n)})}},ce),pe=A(\"Accessor\",null,{$documentation:\"A setter/getter function. The `name` property is always null.\"},le),de=A(\"Function\",null,{$documentation:\"A function expression\"},le),he=A(\"Defun\",null,{$documentation:\"A function definition\"},le),_e=A(\"Jump\",null,{$documentation:\"Base class for “jumps” (for now that's `return`, `throw`, `break` and `continue`)\"},Y),me=A(\"Exit\",\"value\",{$documentation:\"Base class for “exits” (`return` and `throw`)\",$propdoc:{value:\"[AST_Node?] the value returned or thrown by this statement; could be null for AST_Return\"},_walk:function(n){return n._visit(this,this.value&&function(){this.value._walk(n)})}},_e),ve=A(\"Return\",null,{$documentation:\"A `return` statement\"},me),ge=A(\"Throw\",null,{$documentation:\"A `throw` statement\"},me),be=A(\"LoopControl\",\"label\",{$documentation:\"Base class for loop control statements (`break` and `continue`)\",$propdoc:{label:\"[AST_LabelRef?] the label, or null if none\"},_walk:function(n){return n._visit(this,this.label&&function(){this.label._walk(n)})}},_e),ye=A(\"Break\",null,{$documentation:\"A `break` statement\"},be),Ae=A(\"Continue\",null,{$documentation:\"A `continue` statement\"},be),we=A(\"If\",\"condition alternative\",{$documentation:\"A `if` statement\",$propdoc:{condition:\"[AST_Node] the `if` condition\",alternative:\"[AST_Statement?] the `else` part, or null if not present\"},_walk:function(n){return n._visit(this,function(){this.condition._walk(n),this.body._walk(n),this.alternative&&this.alternative._walk(n)})}},ne),Ee=A(\"Switch\",\"expression\",{$documentation:\"A `switch` statement\",$propdoc:{expression:\"[AST_Node] the `switch` “discriminant”\"},_walk:function(n){return n._visit(this,function(){this.expression._walk(n),w(this,n)})}},J),De=A(\"SwitchBranch\",null,{$documentation:\"Base class for `switch` branches\"},J),Fe=A(\"Default\",null,{$documentation:\"A `default` switch branch\"},De),Se=A(\"Case\",\"expression\",{$documentation:\"A `case` switch branch\",$propdoc:{expression:\"[AST_Node] the `case` expression\"},_walk:function(n){return n._visit(this,function(){this.expression._walk(n),w(this,n)})}},De),Ce=A(\"Try\",\"bcatch bfinally\",{$documentation:\"A `try` statement\",$propdoc:{bcatch:\"[AST_Catch?] the catch block, or null if not present\",bfinally:\"[AST_Finally?] the finally block, or null if not present\"},_walk:function(n){return n._visit(this,function(){w(this,n),this.bcatch&&this.bcatch._walk(n),this.bfinally&&this.bfinally._walk(n)})}},J),ke=A(\"Catch\",\"argname\",{$documentation:\"A `catch` node; only makes sense as part of a `try` statement\",$propdoc:{argname:\"[AST_SymbolCatch] symbol for the exception\"},_walk:function(n){return n._visit(this,function(){this.argname._walk(n),w(this,n)\n})}},J),xe=A(\"Finally\",null,{$documentation:\"A `finally` node; only makes sense as part of a `try` statement\"},J),Be=A(\"Definitions\",\"definitions\",{$documentation:\"Base class for `var` or `const` nodes (variable declarations/initializations)\",$propdoc:{definitions:\"[AST_VarDef*] array of variable definitions\"},_walk:function(n){return n._visit(this,function(){this.definitions.forEach(function(e){e._walk(n)})})}},Y),Te=A(\"Var\",null,{$documentation:\"A `var` statement\"},Be),$e=A(\"Const\",null,{$documentation:\"A `const` statement\"},Be),Oe=A(\"VarDef\",\"name value\",{$documentation:\"A variable declaration; only appears in a AST_Definitions node\",$propdoc:{name:\"[AST_SymbolVar|AST_SymbolConst] name of the variable\",value:\"[AST_Node?] initializer, or null of there's no initializer\"},_walk:function(n){return n._visit(this,function(){this.name._walk(n),this.value&&this.value._walk(n)})}}),Me=A(\"Call\",\"expression args\",{$documentation:\"A function call expression\",$propdoc:{expression:\"[AST_Node] expression to invoke as function\",args:\"[AST_Node*] array of arguments\"},_walk:function(n){return n._visit(this,function(){this.expression._walk(n),this.args.forEach(function(e){e._walk(n)})})}}),Ne=A(\"New\",null,{$documentation:\"An object instantiation. Derives from a function call since it has exactly the same properties\"},Me),Re=A(\"Seq\",\"car cdr\",{$documentation:\"A sequence expression (two comma-separated expressions)\",$propdoc:{car:\"[AST_Node] first element in sequence\",cdr:\"[AST_Node] second element in sequence\"},$cons:function(n,e){var t=new Re(n);return t.car=n,t.cdr=e,t},$from_array:function(n){if(0==n.length)return null;if(1==n.length)return n[0].clone();for(var e=null,t=n.length;--t>=0;)e=Re.cons(n[t],e);for(var r=e;r;){if(r.cdr&&!r.cdr.cdr){r.cdr=r.cdr.car;break}r=r.cdr}return e},to_array:function(){for(var n=this,e=[];n;){if(e.push(n.car),n.cdr&&!(n.cdr instanceof Re)){e.push(n.cdr);break}n=n.cdr}return e},add:function(n){for(var e=this;e;){if(!(e.cdr instanceof Re)){var t=Re.cons(e.cdr,n);return e.cdr=t}e=e.cdr}},_walk:function(n){return n._visit(this,function(){this.car._walk(n),this.cdr&&this.cdr._walk(n)})}}),qe=A(\"PropAccess\",\"expression property\",{$documentation:'Base class for property access expressions, i.e. `a.foo` or `a[\"foo\"]`',$propdoc:{expression:\"[AST_Node] the “container” expression\",property:\"[AST_Node|string] the property to access. For AST_Dot this is always a plain string, while for AST_Sub it's an arbitrary AST_Node\"}}),He=A(\"Dot\",null,{$documentation:\"A dotted property access expression\",_walk:function(n){return n._visit(this,function(){this.expression._walk(n)})}},qe),ze=A(\"Sub\",null,{$documentation:'Index-style property access, i.e. `a[\"foo\"]`',_walk:function(n){return n._visit(this,function(){this.expression._walk(n),this.property._walk(n)})}},qe),Pe=A(\"Unary\",\"operator expression\",{$documentation:\"Base class for unary expressions\",$propdoc:{operator:\"[string] the operator\",expression:\"[AST_Node] expression that this unary operator applies to\"},_walk:function(n){return n._visit(this,function(){this.expression._walk(n)})}}),je=A(\"UnaryPrefix\",null,{$documentation:\"Unary prefix expression, i.e. `typeof i` or `++i`\"},Pe),Ie=A(\"UnaryPostfix\",null,{$documentation:\"Unary postfix expression, i.e. `i++`\"},Pe),Ue=A(\"Binary\",\"left operator right\",{$documentation:\"Binary expression, i.e. `a + b`\",$propdoc:{left:\"[AST_Node] left-hand side expression\",operator:\"[string] the operator\",right:\"[AST_Node] right-hand side expression\"},_walk:function(n){return n._visit(this,function(){this.left._walk(n),this.right._walk(n)})}}),Ve=A(\"Conditional\",\"condition consequent alternative\",{$documentation:\"Conditional expression using the ternary operator, i.e. `a ? b : c`\",$propdoc:{condition:\"[AST_Node]\",consequent:\"[AST_Node]\",alternative:\"[AST_Node]\"},_walk:function(n){return n._visit(this,function(){this.condition._walk(n),this.consequent._walk(n),this.alternative._walk(n)})}}),Le=A(\"Assign\",null,{$documentation:\"An assignment expression — `a = b + 5`\"},Ue),We=A(\"Array\",\"elements\",{$documentation:\"An array literal\",$propdoc:{elements:\"[AST_Node*] array of elements\"},_walk:function(n){return n._visit(this,function(){this.elements.forEach(function(e){e._walk(n)})})}}),Ye=A(\"Object\",\"properties\",{$documentation:\"An object literal\",$propdoc:{properties:\"[AST_ObjectProperty*] array of properties\"},_walk:function(n){return n._visit(this,function(){this.properties.forEach(function(e){e._walk(n)})})}}),Xe=A(\"ObjectProperty\",\"key value\",{$documentation:\"Base class for literal object properties\",$propdoc:{key:\"[string] the property name converted to a string for ObjectKeyVal. For setters and getters this is an arbitrary AST_Node.\",value:\"[AST_Node] property value. For setters and getters this is an AST_Function.\"},_walk:function(n){return n._visit(this,function(){this.value._walk(n)})}}),Ge=A(\"ObjectKeyVal\",null,{$documentation:\"A key: value object property\"},Xe),Ke=A(\"ObjectSetter\",null,{$documentation:\"An object setter property\"},Xe),Je=A(\"ObjectGetter\",null,{$documentation:\"An object getter property\"},Xe),Ze=A(\"Symbol\",\"scope name thedef\",{$propdoc:{name:\"[string] name of this symbol\",scope:\"[AST_Scope/S] the current scope (not necessarily the definition scope)\",thedef:\"[SymbolDef/S] the definition of this symbol\"},$documentation:\"Base class for all symbols\"}),Qe=A(\"SymbolAccessor\",null,{$documentation:\"The name of a property accessor (setter/getter function)\"},Ze),nt=A(\"SymbolDeclaration\",\"init\",{$documentation:\"A declaration symbol (symbol in var/const, function name or argument, symbol in catch)\",$propdoc:{init:\"[AST_Node*/S] array of initializers for this declaration.\"}},Ze),et=A(\"SymbolVar\",null,{$documentation:\"Symbol defining a variable\"},nt),tt=A(\"SymbolConst\",null,{$documentation:\"A constant declaration\"},nt),rt=A(\"SymbolFunarg\",null,{$documentation:\"Symbol naming a function argument\"},et),it=A(\"SymbolDefun\",null,{$documentation:\"Symbol defining a function\"},nt),ot=A(\"SymbolLambda\",null,{$documentation:\"Symbol naming a function expression\"},nt),at=A(\"SymbolCatch\",null,{$documentation:\"Symbol naming the exception in catch\"},nt),ut=A(\"Label\",\"references\",{$documentation:\"Symbol naming a label (declaration)\",$propdoc:{references:\"[AST_LoopControl*] a list of nodes referring to this label\"},initialize:function(){this.references=[],this.thedef=this}},Ze),st=A(\"SymbolRef\",null,{$documentation:\"Reference to some symbol (not definition/declaration)\"},Ze),ct=A(\"LabelRef\",null,{$documentation:\"Reference to a label symbol\"},Ze),ft=A(\"This\",null,{$documentation:\"The `this` symbol\"},Ze),lt=A(\"Constant\",null,{$documentation:\"Base class for all constants\",getValue:function(){return this.value}}),pt=A(\"String\",\"value\",{$documentation:\"A string literal\",$propdoc:{value:\"[string] the contents of this string\"}},lt),dt=A(\"Number\",\"value\",{$documentation:\"A number literal\",$propdoc:{value:\"[number] the numeric value\"}},lt),ht=A(\"RegExp\",\"value\",{$documentation:\"A regexp literal\",$propdoc:{value:\"[RegExp] the actual regexp\"}},lt),_t=A(\"Atom\",null,{$documentation:\"Base class for atoms\"},lt),mt=A(\"Null\",null,{$documentation:\"The `null` atom\",value:null},_t),vt=A(\"NaN\",null,{$documentation:\"The impossible value\",value:0/0},_t),gt=A(\"Undefined\",null,{$documentation:\"The `undefined` value\",value:void 0},_t),bt=A(\"Hole\",null,{$documentation:\"A hole in an array\",value:void 0},_t),yt=A(\"Infinity\",null,{$documentation:\"The `Infinity` value\",value:1/0},_t),At=A(\"Boolean\",null,{$documentation:\"Base class for booleans\"},_t),wt=A(\"False\",null,{$documentation:\"The `false` atom\",value:!1},At),Et=A(\"True\",null,{$documentation:\"The `true` atom\",value:!0},At);E.prototype={_visit:function(n,e){this.stack.push(n);var t=this.visit(n,e?function(){e.call(n)}:l);return!t&&e&&e.call(n),this.stack.pop(),t},parent:function(n){return this.stack[this.stack.length-2-(n||0)]},push:function(n){this.stack.push(n)},pop:function(){return this.stack.pop()},self:function(){return this.stack[this.stack.length-1]},find_parent:function(n){for(var e=this.stack,t=e.length;--t>=0;){var r=e[t];if(r instanceof n)return r}},has_directive:function(n){return this.find_parent(ce).has_directive(n)},in_boolean_context:function(){for(var n=this.stack,e=n.length,t=n[--e];e>0;){var r=n[--e];if(r instanceof we&&r.condition===t||r instanceof Ve&&r.condition===t||r instanceof re&&r.condition===t||r instanceof ae&&r.condition===t||r instanceof je&&\"!\"==r.operator&&r.expression===t)return!0;if(!(r instanceof Ue)||\"&&\"!=r.operator&&\"||\"!=r.operator)return!1;t=r}},loopcontrol_target:function(n){var e=this.stack;if(n)for(var t=e.length;--t>=0;){var r=e[t];if(r instanceof ee&&r.label.name==n.name)return r.body}else for(var t=e.length;--t>=0;){var r=e[t];if(r instanceof Ee||r instanceof te)return r}}};var Dt=\"break case catch const continue debugger default delete do else finally for function if in instanceof new return switch throw try typeof var void while with\",Ft=\"false null true\",St=\"abstract boolean byte char class double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized this throws transient volatile yield \"+Ft+\" \"+Dt,Ct=\"return new delete throw else case\";Dt=g(Dt),St=g(St),Ct=g(Ct),Ft=g(Ft);var kt=g(i(\"+-*&%=<>!?|~^\")),xt=/^0x[0-9a-f]+$/i,Bt=/^0[0-7]+$/,Tt=/^\\d*\\.?\\d*(?:e[+-]?\\d*(?:\\d\\.?|\\.?\\d)\\d*)?$/i,$t=g([\"in\",\"instanceof\",\"typeof\",\"new\",\"void\",\"delete\",\"++\",\"--\",\"+\",\"-\",\"!\",\"~\",\"&\",\"|\",\"^\",\"*\",\"/\",\"%\",\">>\",\"<<\",\">>>\",\"<\",\">\",\"<=\",\">=\",\"==\",\"===\",\"!=\",\"!==\",\"?\",\"=\",\"+=\",\"-=\",\"/=\",\"*=\",\"%=\",\">>=\",\"<<=\",\">>>=\",\"|=\",\"^=\",\"&=\",\"&&\",\"||\"]),Ot=g(i(\" \\n\\r\t\\f\u000b \")),Mt=g(i(\"[{(,.;:\")),Nt=g(i(\"[]{}(),;:\")),Rt=g(i(\"gmsiy\")),qt={letter:new RegExp(\"[\\\\u0041-\\\\u005A\\\\u0061-\\\\u007A\\\\u00AA\\\\u00B5\\\\u00BA\\\\u00C0-\\\\u00D6\\\\u00D8-\\\\u00F6\\\\u00F8-\\\\u02C1\\\\u02C6-\\\\u02D1\\\\u02E0-\\\\u02E4\\\\u02EC\\\\u02EE\\\\u0370-\\\\u0374\\\\u0376\\\\u0377\\\\u037A-\\\\u037D\\\\u0386\\\\u0388-\\\\u038A\\\\u038C\\\\u038E-\\\\u03A1\\\\u03A3-\\\\u03F5\\\\u03F7-\\\\u0481\\\\u048A-\\\\u0523\\\\u0531-\\\\u0556\\\\u0559\\\\u0561-\\\\u0587\\\\u05D0-\\\\u05EA\\\\u05F0-\\\\u05F2\\\\u0621-\\\\u064A\\\\u066E\\\\u066F\\\\u0671-\\\\u06D3\\\\u06D5\\\\u06E5\\\\u06E6\\\\u06EE\\\\u06EF\\\\u06FA-\\\\u06FC\\\\u06FF\\\\u0710\\\\u0712-\\\\u072F\\\\u074D-\\\\u07A5\\\\u07B1\\\\u07CA-\\\\u07EA\\\\u07F4\\\\u07F5\\\\u07FA\\\\u0904-\\\\u0939\\\\u093D\\\\u0950\\\\u0958-\\\\u0961\\\\u0971\\\\u0972\\\\u097B-\\\\u097F\\\\u0985-\\\\u098C\\\\u098F\\\\u0990\\\\u0993-\\\\u09A8\\\\u09AA-\\\\u09B0\\\\u09B2\\\\u09B6-\\\\u09B9\\\\u09BD\\\\u09CE\\\\u09DC\\\\u09DD\\\\u09DF-\\\\u09E1\\\\u09F0\\\\u09F1\\\\u0A05-\\\\u0A0A\\\\u0A0F\\\\u0A10\\\\u0A13-\\\\u0A28\\\\u0A2A-\\\\u0A30\\\\u0A32\\\\u0A33\\\\u0A35\\\\u0A36\\\\u0A38\\\\u0A39\\\\u0A59-\\\\u0A5C\\\\u0A5E\\\\u0A72-\\\\u0A74\\\\u0A85-\\\\u0A8D\\\\u0A8F-\\\\u0A91\\\\u0A93-\\\\u0AA8\\\\u0AAA-\\\\u0AB0\\\\u0AB2\\\\u0AB3\\\\u0AB5-\\\\u0AB9\\\\u0ABD\\\\u0AD0\\\\u0AE0\\\\u0AE1\\\\u0B05-\\\\u0B0C\\\\u0B0F\\\\u0B10\\\\u0B13-\\\\u0B28\\\\u0B2A-\\\\u0B30\\\\u0B32\\\\u0B33\\\\u0B35-\\\\u0B39\\\\u0B3D\\\\u0B5C\\\\u0B5D\\\\u0B5F-\\\\u0B61\\\\u0B71\\\\u0B83\\\\u0B85-\\\\u0B8A\\\\u0B8E-\\\\u0B90\\\\u0B92-\\\\u0B95\\\\u0B99\\\\u0B9A\\\\u0B9C\\\\u0B9E\\\\u0B9F\\\\u0BA3\\\\u0BA4\\\\u0BA8-\\\\u0BAA\\\\u0BAE-\\\\u0BB9\\\\u0BD0\\\\u0C05-\\\\u0C0C\\\\u0C0E-\\\\u0C10\\\\u0C12-\\\\u0C28\\\\u0C2A-\\\\u0C33\\\\u0C35-\\\\u0C39\\\\u0C3D\\\\u0C58\\\\u0C59\\\\u0C60\\\\u0C61\\\\u0C85-\\\\u0C8C\\\\u0C8E-\\\\u0C90\\\\u0C92-\\\\u0CA8\\\\u0CAA-\\\\u0CB3\\\\u0CB5-\\\\u0CB9\\\\u0CBD\\\\u0CDE\\\\u0CE0\\\\u0CE1\\\\u0D05-\\\\u0D0C\\\\u0D0E-\\\\u0D10\\\\u0D12-\\\\u0D28\\\\u0D2A-\\\\u0D39\\\\u0D3D\\\\u0D60\\\\u0D61\\\\u0D7A-\\\\u0D7F\\\\u0D85-\\\\u0D96\\\\u0D9A-\\\\u0DB1\\\\u0DB3-\\\\u0DBB\\\\u0DBD\\\\u0DC0-\\\\u0DC6\\\\u0E01-\\\\u0E30\\\\u0E32\\\\u0E33\\\\u0E40-\\\\u0E46\\\\u0E81\\\\u0E82\\\\u0E84\\\\u0E87\\\\u0E88\\\\u0E8A\\\\u0E8D\\\\u0E94-\\\\u0E97\\\\u0E99-\\\\u0E9F\\\\u0EA1-\\\\u0EA3\\\\u0EA5\\\\u0EA7\\\\u0EAA\\\\u0EAB\\\\u0EAD-\\\\u0EB0\\\\u0EB2\\\\u0EB3\\\\u0EBD\\\\u0EC0-\\\\u0EC4\\\\u0EC6\\\\u0EDC\\\\u0EDD\\\\u0F00\\\\u0F40-\\\\u0F47\\\\u0F49-\\\\u0F6C\\\\u0F88-\\\\u0F8B\\\\u1000-\\\\u102A\\\\u103F\\\\u1050-\\\\u1055\\\\u105A-\\\\u105D\\\\u1061\\\\u1065\\\\u1066\\\\u106E-\\\\u1070\\\\u1075-\\\\u1081\\\\u108E\\\\u10A0-\\\\u10C5\\\\u10D0-\\\\u10FA\\\\u10FC\\\\u1100-\\\\u1159\\\\u115F-\\\\u11A2\\\\u11A8-\\\\u11F9\\\\u1200-\\\\u1248\\\\u124A-\\\\u124D\\\\u1250-\\\\u1256\\\\u1258\\\\u125A-\\\\u125D\\\\u1260-\\\\u1288\\\\u128A-\\\\u128D\\\\u1290-\\\\u12B0\\\\u12B2-\\\\u12B5\\\\u12B8-\\\\u12BE\\\\u12C0\\\\u12C2-\\\\u12C5\\\\u12C8-\\\\u12D6\\\\u12D8-\\\\u1310\\\\u1312-\\\\u1315\\\\u1318-\\\\u135A\\\\u1380-\\\\u138F\\\\u13A0-\\\\u13F4\\\\u1401-\\\\u166C\\\\u166F-\\\\u1676\\\\u1681-\\\\u169A\\\\u16A0-\\\\u16EA\\\\u1700-\\\\u170C\\\\u170E-\\\\u1711\\\\u1720-\\\\u1731\\\\u1740-\\\\u1751\\\\u1760-\\\\u176C\\\\u176E-\\\\u1770\\\\u1780-\\\\u17B3\\\\u17D7\\\\u17DC\\\\u1820-\\\\u1877\\\\u1880-\\\\u18A8\\\\u18AA\\\\u1900-\\\\u191C\\\\u1950-\\\\u196D\\\\u1970-\\\\u1974\\\\u1980-\\\\u19A9\\\\u19C1-\\\\u19C7\\\\u1A00-\\\\u1A16\\\\u1B05-\\\\u1B33\\\\u1B45-\\\\u1B4B\\\\u1B83-\\\\u1BA0\\\\u1BAE\\\\u1BAF\\\\u1C00-\\\\u1C23\\\\u1C4D-\\\\u1C4F\\\\u1C5A-\\\\u1C7D\\\\u1D00-\\\\u1DBF\\\\u1E00-\\\\u1F15\\\\u1F18-\\\\u1F1D\\\\u1F20-\\\\u1F45\\\\u1F48-\\\\u1F4D\\\\u1F50-\\\\u1F57\\\\u1F59\\\\u1F5B\\\\u1F5D\\\\u1F5F-\\\\u1F7D\\\\u1F80-\\\\u1FB4\\\\u1FB6-\\\\u1FBC\\\\u1FBE\\\\u1FC2-\\\\u1FC4\\\\u1FC6-\\\\u1FCC\\\\u1FD0-\\\\u1FD3\\\\u1FD6-\\\\u1FDB\\\\u1FE0-\\\\u1FEC\\\\u1FF2-\\\\u1FF4\\\\u1FF6-\\\\u1FFC\\\\u2071\\\\u207F\\\\u2090-\\\\u2094\\\\u2102\\\\u2107\\\\u210A-\\\\u2113\\\\u2115\\\\u2119-\\\\u211D\\\\u2124\\\\u2126\\\\u2128\\\\u212A-\\\\u212D\\\\u212F-\\\\u2139\\\\u213C-\\\\u213F\\\\u2145-\\\\u2149\\\\u214E\\\\u2183\\\\u2184\\\\u2C00-\\\\u2C2E\\\\u2C30-\\\\u2C5E\\\\u2C60-\\\\u2C6F\\\\u2C71-\\\\u2C7D\\\\u2C80-\\\\u2CE4\\\\u2D00-\\\\u2D25\\\\u2D30-\\\\u2D65\\\\u2D6F\\\\u2D80-\\\\u2D96\\\\u2DA0-\\\\u2DA6\\\\u2DA8-\\\\u2DAE\\\\u2DB0-\\\\u2DB6\\\\u2DB8-\\\\u2DBE\\\\u2DC0-\\\\u2DC6\\\\u2DC8-\\\\u2DCE\\\\u2DD0-\\\\u2DD6\\\\u2DD8-\\\\u2DDE\\\\u2E2F\\\\u3005\\\\u3006\\\\u3031-\\\\u3035\\\\u303B\\\\u303C\\\\u3041-\\\\u3096\\\\u309D-\\\\u309F\\\\u30A1-\\\\u30FA\\\\u30FC-\\\\u30FF\\\\u3105-\\\\u312D\\\\u3131-\\\\u318E\\\\u31A0-\\\\u31B7\\\\u31F0-\\\\u31FF\\\\u3400\\\\u4DB5\\\\u4E00\\\\u9FC3\\\\uA000-\\\\uA48C\\\\uA500-\\\\uA60C\\\\uA610-\\\\uA61F\\\\uA62A\\\\uA62B\\\\uA640-\\\\uA65F\\\\uA662-\\\\uA66E\\\\uA67F-\\\\uA697\\\\uA717-\\\\uA71F\\\\uA722-\\\\uA788\\\\uA78B\\\\uA78C\\\\uA7FB-\\\\uA801\\\\uA803-\\\\uA805\\\\uA807-\\\\uA80A\\\\uA80C-\\\\uA822\\\\uA840-\\\\uA873\\\\uA882-\\\\uA8B3\\\\uA90A-\\\\uA925\\\\uA930-\\\\uA946\\\\uAA00-\\\\uAA28\\\\uAA40-\\\\uAA42\\\\uAA44-\\\\uAA4B\\\\uAC00\\\\uD7A3\\\\uF900-\\\\uFA2D\\\\uFA30-\\\\uFA6A\\\\uFA70-\\\\uFAD9\\\\uFB00-\\\\uFB06\\\\uFB13-\\\\uFB17\\\\uFB1D\\\\uFB1F-\\\\uFB28\\\\uFB2A-\\\\uFB36\\\\uFB38-\\\\uFB3C\\\\uFB3E\\\\uFB40\\\\uFB41\\\\uFB43\\\\uFB44\\\\uFB46-\\\\uFBB1\\\\uFBD3-\\\\uFD3D\\\\uFD50-\\\\uFD8F\\\\uFD92-\\\\uFDC7\\\\uFDF0-\\\\uFDFB\\\\uFE70-\\\\uFE74\\\\uFE76-\\\\uFEFC\\\\uFF21-\\\\uFF3A\\\\uFF41-\\\\uFF5A\\\\uFF66-\\\\uFFBE\\\\uFFC2-\\\\uFFC7\\\\uFFCA-\\\\uFFCF\\\\uFFD2-\\\\uFFD7\\\\uFFDA-\\\\uFFDC]\"),non_spacing_mark:new RegExp(\"[\\\\u0300-\\\\u036F\\\\u0483-\\\\u0487\\\\u0591-\\\\u05BD\\\\u05BF\\\\u05C1\\\\u05C2\\\\u05C4\\\\u05C5\\\\u05C7\\\\u0610-\\\\u061A\\\\u064B-\\\\u065E\\\\u0670\\\\u06D6-\\\\u06DC\\\\u06DF-\\\\u06E4\\\\u06E7\\\\u06E8\\\\u06EA-\\\\u06ED\\\\u0711\\\\u0730-\\\\u074A\\\\u07A6-\\\\u07B0\\\\u07EB-\\\\u07F3\\\\u0816-\\\\u0819\\\\u081B-\\\\u0823\\\\u0825-\\\\u0827\\\\u0829-\\\\u082D\\\\u0900-\\\\u0902\\\\u093C\\\\u0941-\\\\u0948\\\\u094D\\\\u0951-\\\\u0955\\\\u0962\\\\u0963\\\\u0981\\\\u09BC\\\\u09C1-\\\\u09C4\\\\u09CD\\\\u09E2\\\\u09E3\\\\u0A01\\\\u0A02\\\\u0A3C\\\\u0A41\\\\u0A42\\\\u0A47\\\\u0A48\\\\u0A4B-\\\\u0A4D\\\\u0A51\\\\u0A70\\\\u0A71\\\\u0A75\\\\u0A81\\\\u0A82\\\\u0ABC\\\\u0AC1-\\\\u0AC5\\\\u0AC7\\\\u0AC8\\\\u0ACD\\\\u0AE2\\\\u0AE3\\\\u0B01\\\\u0B3C\\\\u0B3F\\\\u0B41-\\\\u0B44\\\\u0B4D\\\\u0B56\\\\u0B62\\\\u0B63\\\\u0B82\\\\u0BC0\\\\u0BCD\\\\u0C3E-\\\\u0C40\\\\u0C46-\\\\u0C48\\\\u0C4A-\\\\u0C4D\\\\u0C55\\\\u0C56\\\\u0C62\\\\u0C63\\\\u0CBC\\\\u0CBF\\\\u0CC6\\\\u0CCC\\\\u0CCD\\\\u0CE2\\\\u0CE3\\\\u0D41-\\\\u0D44\\\\u0D4D\\\\u0D62\\\\u0D63\\\\u0DCA\\\\u0DD2-\\\\u0DD4\\\\u0DD6\\\\u0E31\\\\u0E34-\\\\u0E3A\\\\u0E47-\\\\u0E4E\\\\u0EB1\\\\u0EB4-\\\\u0EB9\\\\u0EBB\\\\u0EBC\\\\u0EC8-\\\\u0ECD\\\\u0F18\\\\u0F19\\\\u0F35\\\\u0F37\\\\u0F39\\\\u0F71-\\\\u0F7E\\\\u0F80-\\\\u0F84\\\\u0F86\\\\u0F87\\\\u0F90-\\\\u0F97\\\\u0F99-\\\\u0FBC\\\\u0FC6\\\\u102D-\\\\u1030\\\\u1032-\\\\u1037\\\\u1039\\\\u103A\\\\u103D\\\\u103E\\\\u1058\\\\u1059\\\\u105E-\\\\u1060\\\\u1071-\\\\u1074\\\\u1082\\\\u1085\\\\u1086\\\\u108D\\\\u109D\\\\u135F\\\\u1712-\\\\u1714\\\\u1732-\\\\u1734\\\\u1752\\\\u1753\\\\u1772\\\\u1773\\\\u17B7-\\\\u17BD\\\\u17C6\\\\u17C9-\\\\u17D3\\\\u17DD\\\\u180B-\\\\u180D\\\\u18A9\\\\u1920-\\\\u1922\\\\u1927\\\\u1928\\\\u1932\\\\u1939-\\\\u193B\\\\u1A17\\\\u1A18\\\\u1A56\\\\u1A58-\\\\u1A5E\\\\u1A60\\\\u1A62\\\\u1A65-\\\\u1A6C\\\\u1A73-\\\\u1A7C\\\\u1A7F\\\\u1B00-\\\\u1B03\\\\u1B34\\\\u1B36-\\\\u1B3A\\\\u1B3C\\\\u1B42\\\\u1B6B-\\\\u1B73\\\\u1B80\\\\u1B81\\\\u1BA2-\\\\u1BA5\\\\u1BA8\\\\u1BA9\\\\u1C2C-\\\\u1C33\\\\u1C36\\\\u1C37\\\\u1CD0-\\\\u1CD2\\\\u1CD4-\\\\u1CE0\\\\u1CE2-\\\\u1CE8\\\\u1CED\\\\u1DC0-\\\\u1DE6\\\\u1DFD-\\\\u1DFF\\\\u20D0-\\\\u20DC\\\\u20E1\\\\u20E5-\\\\u20F0\\\\u2CEF-\\\\u2CF1\\\\u2DE0-\\\\u2DFF\\\\u302A-\\\\u302F\\\\u3099\\\\u309A\\\\uA66F\\\\uA67C\\\\uA67D\\\\uA6F0\\\\uA6F1\\\\uA802\\\\uA806\\\\uA80B\\\\uA825\\\\uA826\\\\uA8C4\\\\uA8E0-\\\\uA8F1\\\\uA926-\\\\uA92D\\\\uA947-\\\\uA951\\\\uA980-\\\\uA982\\\\uA9B3\\\\uA9B6-\\\\uA9B9\\\\uA9BC\\\\uAA29-\\\\uAA2E\\\\uAA31\\\\uAA32\\\\uAA35\\\\uAA36\\\\uAA43\\\\uAA4C\\\\uAAB0\\\\uAAB2-\\\\uAAB4\\\\uAAB7\\\\uAAB8\\\\uAABE\\\\uAABF\\\\uAAC1\\\\uABE5\\\\uABE8\\\\uABED\\\\uFB1E\\\\uFE00-\\\\uFE0F\\\\uFE20-\\\\uFE26]\"),space_combining_mark:new RegExp(\"[\\\\u0903\\\\u093E-\\\\u0940\\\\u0949-\\\\u094C\\\\u094E\\\\u0982\\\\u0983\\\\u09BE-\\\\u09C0\\\\u09C7\\\\u09C8\\\\u09CB\\\\u09CC\\\\u09D7\\\\u0A03\\\\u0A3E-\\\\u0A40\\\\u0A83\\\\u0ABE-\\\\u0AC0\\\\u0AC9\\\\u0ACB\\\\u0ACC\\\\u0B02\\\\u0B03\\\\u0B3E\\\\u0B40\\\\u0B47\\\\u0B48\\\\u0B4B\\\\u0B4C\\\\u0B57\\\\u0BBE\\\\u0BBF\\\\u0BC1\\\\u0BC2\\\\u0BC6-\\\\u0BC8\\\\u0BCA-\\\\u0BCC\\\\u0BD7\\\\u0C01-\\\\u0C03\\\\u0C41-\\\\u0C44\\\\u0C82\\\\u0C83\\\\u0CBE\\\\u0CC0-\\\\u0CC4\\\\u0CC7\\\\u0CC8\\\\u0CCA\\\\u0CCB\\\\u0CD5\\\\u0CD6\\\\u0D02\\\\u0D03\\\\u0D3E-\\\\u0D40\\\\u0D46-\\\\u0D48\\\\u0D4A-\\\\u0D4C\\\\u0D57\\\\u0D82\\\\u0D83\\\\u0DCF-\\\\u0DD1\\\\u0DD8-\\\\u0DDF\\\\u0DF2\\\\u0DF3\\\\u0F3E\\\\u0F3F\\\\u0F7F\\\\u102B\\\\u102C\\\\u1031\\\\u1038\\\\u103B\\\\u103C\\\\u1056\\\\u1057\\\\u1062-\\\\u1064\\\\u1067-\\\\u106D\\\\u1083\\\\u1084\\\\u1087-\\\\u108C\\\\u108F\\\\u109A-\\\\u109C\\\\u17B6\\\\u17BE-\\\\u17C5\\\\u17C7\\\\u17C8\\\\u1923-\\\\u1926\\\\u1929-\\\\u192B\\\\u1930\\\\u1931\\\\u1933-\\\\u1938\\\\u19B0-\\\\u19C0\\\\u19C8\\\\u19C9\\\\u1A19-\\\\u1A1B\\\\u1A55\\\\u1A57\\\\u1A61\\\\u1A63\\\\u1A64\\\\u1A6D-\\\\u1A72\\\\u1B04\\\\u1B35\\\\u1B3B\\\\u1B3D-\\\\u1B41\\\\u1B43\\\\u1B44\\\\u1B82\\\\u1BA1\\\\u1BA6\\\\u1BA7\\\\u1BAA\\\\u1C24-\\\\u1C2B\\\\u1C34\\\\u1C35\\\\u1CE1\\\\u1CF2\\\\uA823\\\\uA824\\\\uA827\\\\uA880\\\\uA881\\\\uA8B4-\\\\uA8C3\\\\uA952\\\\uA953\\\\uA983\\\\uA9B4\\\\uA9B5\\\\uA9BA\\\\uA9BB\\\\uA9BD-\\\\uA9C0\\\\uAA2F\\\\uAA30\\\\uAA33\\\\uAA34\\\\uAA4D\\\\uAA7B\\\\uABE3\\\\uABE4\\\\uABE6\\\\uABE7\\\\uABE9\\\\uABEA\\\\uABEC]\"),connector_punctuation:new RegExp(\"[\\\\u005F\\\\u203F\\\\u2040\\\\u2054\\\\uFE33\\\\uFE34\\\\uFE4D-\\\\uFE4F\\\\uFF3F]\")};M.prototype.toString=function(){return this.message+\" (line: \"+this.line+\", col: \"+this.col+\", pos: \"+this.pos+\")\\n\\n\"+this.stack};var Ht={},zt=g([\"typeof\",\"void\",\"delete\",\"--\",\"++\",\"!\",\"~\",\"-\",\"+\"]),Pt=g([\"--\",\"++\"]),jt=g([\"=\",\"+=\",\"-=\",\"/=\",\"*=\",\"%=\",\">>=\",\"<<=\",\">>>=\",\"|=\",\"^=\",\"&=\"]),It=function(n,e){for(var t=0;t\",\"<=\",\">=\",\"in\",\"instanceof\"],[\">>\",\"<<\",\">>>\"],[\"+\",\"-\"],[\"*\",\"/\",\"%\"]],{}),Ut=t([\"for\",\"do\",\"while\",\"switch\"]),Vt=t([\"atom\",\"num\",\"string\",\"regexp\",\"name\"]);z.prototype=new E,function(n){function e(e,t){e.DEFMETHOD(\"transform\",function(e,r){var i,o;return e.push(this),e.before&&(i=e.before(this,t,r)),i===n&&(e.after?(e.stack[e.stack.length-1]=i=this.clone(),t(i,e),o=e.after(i,r),o!==n&&(i=o)):(i=this,t(i,e))),e.pop(),i})}function t(n,e){return V(n,function(n){return n.transform(e,!0)})}e(W,l),e(ee,function(n,e){n.label=n.label.transform(e),n.body=n.body.transform(e)}),e(K,function(n,e){n.body=n.body.transform(e)}),e(J,function(n,e){n.body=t(n.body,e)}),e(re,function(n,e){n.condition=n.condition.transform(e),n.body=n.body.transform(e)}),e(ae,function(n,e){n.init&&(n.init=n.init.transform(e)),n.condition&&(n.condition=n.condition.transform(e)),n.step&&(n.step=n.step.transform(e)),n.body=n.body.transform(e)}),e(ue,function(n,e){n.init=n.init.transform(e),n.object=n.object.transform(e),n.body=n.body.transform(e)}),e(se,function(n,e){n.expression=n.expression.transform(e),n.body=n.body.transform(e)}),e(me,function(n,e){n.value&&(n.value=n.value.transform(e))}),e(be,function(n,e){n.label&&(n.label=n.label.transform(e))}),e(we,function(n,e){n.condition=n.condition.transform(e),n.body=n.body.transform(e),n.alternative&&(n.alternative=n.alternative.transform(e))}),e(Ee,function(n,e){n.expression=n.expression.transform(e),n.body=t(n.body,e)}),e(Se,function(n,e){n.expression=n.expression.transform(e),n.body=t(n.body,e)}),e(Ce,function(n,e){n.body=t(n.body,e),n.bcatch&&(n.bcatch=n.bcatch.transform(e)),n.bfinally&&(n.bfinally=n.bfinally.transform(e))}),e(ke,function(n,e){n.argname=n.argname.transform(e),n.body=t(n.body,e)}),e(Be,function(n,e){n.definitions=t(n.definitions,e)}),e(Oe,function(n,e){n.name=n.name.transform(e),n.value&&(n.value=n.value.transform(e))}),e(le,function(n,e){n.name&&(n.name=n.name.transform(e)),n.argnames=t(n.argnames,e),n.body=t(n.body,e)}),e(Me,function(n,e){n.expression=n.expression.transform(e),n.args=t(n.args,e)}),e(Re,function(n,e){n.car=n.car.transform(e),n.cdr=n.cdr.transform(e)}),e(He,function(n,e){n.expression=n.expression.transform(e)}),e(ze,function(n,e){n.expression=n.expression.transform(e),n.property=n.property.transform(e)}),e(Pe,function(n,e){n.expression=n.expression.transform(e)}),e(Ue,function(n,e){n.left=n.left.transform(e),n.right=n.right.transform(e)}),e(Ve,function(n,e){n.condition=n.condition.transform(e),n.consequent=n.consequent.transform(e),n.alternative=n.alternative.transform(e)}),e(We,function(n,e){n.elements=t(n.elements,e)}),e(Ye,function(n,e){n.properties=t(n.properties,e)}),e(Xe,function(n,e){n.value=n.value.transform(e)})}(),P.prototype={unmangleable:function(n){return this.global&&!(n&&n.toplevel)||this.undeclared||!(n&&n.eval)&&(this.scope.uses_eval||this.scope.uses_with)},mangle:function(n){if(!this.mangled_name&&!this.unmangleable(n)){var e=this.scope;!n.screw_ie8&&this.orig[0]instanceof ot&&(e=e.parent_scope),this.mangled_name=e.next_mangled(n,this)}}},fe.DEFMETHOD(\"figure_out_scope\",function(n){n=c(n,{screw_ie8:!1});var e=this,t=e.parent_scope=null,r=null,i=0,o=new E(function(e,a){if(n.screw_ie8&&e instanceof ke){var u=t;return t=new ce(e),t.init_scope_vars(i),t.parent_scope=u,a(),t=u,!0}if(e instanceof ce){e.init_scope_vars(i);var u=e.parent_scope=t,s=r;return r=t=e,++i,a(),--i,t=u,r=s,!0}if(e instanceof G)return e.scope=t,p(t.directives,e.value),!0;if(e instanceof se)for(var c=t;c;c=c.parent_scope)c.uses_with=!0;else if(e instanceof Ze&&(e.scope=t),e instanceof ot)r.def_function(e);else if(e instanceof it)(e.scope=r.parent_scope).def_function(e);else if(e instanceof et||e instanceof tt){var f=r.def_variable(e);f.constant=e instanceof tt,f.init=o.parent().value}else e instanceof at&&(n.screw_ie8?t:r).def_variable(e)});e.walk(o);var a=null,u=e.globals=new y,o=new E(function(n,t){if(n instanceof le){var r=a;return a=n,t(),a=r,!0}if(n instanceof st){var i=n.name,s=n.scope.find_variable(i);if(s)n.thedef=s;else{var c;if(u.has(i)?c=u.get(i):(c=new P(e,u.size(),n),c.undeclared=!0,c.global=!0,u.set(i,c)),n.thedef=c,\"eval\"==i&&o.parent()instanceof Me)for(var f=n.scope;f&&!f.uses_eval;f=f.parent_scope)f.uses_eval=!0;a&&\"arguments\"==i&&(a.uses_arguments=!0)}return n.reference(),!0}});e.walk(o)}),ce.DEFMETHOD(\"init_scope_vars\",function(n){this.directives=[],this.variables=new y,this.functions=new y,this.uses_with=!1,this.uses_eval=!1,this.parent_scope=null,this.enclosed=[],this.cname=-1,this.nesting=n}),ce.DEFMETHOD(\"strict\",function(){return this.has_directive(\"use strict\")}),le.DEFMETHOD(\"init_scope_vars\",function(){ce.prototype.init_scope_vars.apply(this,arguments),this.uses_arguments=!1}),st.DEFMETHOD(\"reference\",function(){var n=this.definition();n.references.push(this);for(var e=this.scope;e&&(p(e.enclosed,n),e!==n.scope);)e=e.parent_scope;this.frame=this.scope.nesting-n.scope.nesting}),ce.DEFMETHOD(\"find_variable\",function(n){return n instanceof Ze&&(n=n.name),this.variables.get(n)||this.parent_scope&&this.parent_scope.find_variable(n)}),ce.DEFMETHOD(\"has_directive\",function(n){return this.parent_scope&&this.parent_scope.has_directive(n)||(this.directives.indexOf(n)>=0?this:null)}),ce.DEFMETHOD(\"def_function\",function(n){this.functions.set(n.name,this.def_variable(n))}),ce.DEFMETHOD(\"def_variable\",function(n){var e;return this.variables.has(n.name)?(e=this.variables.get(n.name),e.orig.push(n)):(e=new P(this,this.variables.size(),n),this.variables.set(n.name,e),e.global=!this.parent_scope),n.thedef=e}),ce.DEFMETHOD(\"next_mangled\",function(n){var e=this.enclosed;n:for(;;){var t=Lt(++this.cname);if(x(t)&&!(n.except.indexOf(t)>=0)){for(var r=e.length;--r>=0;){var i=e[r],o=i.mangled_name||i.unmangleable(n)&&i.name;if(t==o)continue n}return t}}}),de.DEFMETHOD(\"next_mangled\",function(n,e){for(var t=e.orig[0]instanceof rt&&this.name&&this.name.definition();;){var r=le.prototype.next_mangled.call(this,n,e);if(!t||t.mangled_name!=r)return r}}),ce.DEFMETHOD(\"references\",function(n){return n instanceof Ze&&(n=n.definition()),this.enclosed.indexOf(n)<0?null:n}),Ze.DEFMETHOD(\"unmangleable\",function(n){return this.definition().unmangleable(n)}),Qe.DEFMETHOD(\"unmangleable\",function(){return!0}),ut.DEFMETHOD(\"unmangleable\",function(){return!1}),Ze.DEFMETHOD(\"unreferenced\",function(){return 0==this.definition().references.length&&!(this.scope.uses_eval||this.scope.uses_with)}),Ze.DEFMETHOD(\"undeclared\",function(){return this.definition().undeclared}),ct.DEFMETHOD(\"undeclared\",function(){return!1}),ut.DEFMETHOD(\"undeclared\",function(){return!1}),Ze.DEFMETHOD(\"definition\",function(){return this.thedef}),Ze.DEFMETHOD(\"global\",function(){return this.definition().global}),fe.DEFMETHOD(\"_default_mangler_options\",function(n){return c(n,{except:[],eval:!1,sort:!1,toplevel:!1,screw_ie8:!1})}),fe.DEFMETHOD(\"mangle_names\",function(n){n=this._default_mangler_options(n);var e=-1,t=[],r=new E(function(i,o){if(i instanceof ee){var a=e;return o(),e=a,!0}if(i instanceof ce){var u=(r.parent(),[]);return i.variables.each(function(e){n.except.indexOf(e.name)<0&&u.push(e)}),n.sort&&u.sort(function(n,e){return e.references.length-n.references.length}),void t.push.apply(t,u)}if(i instanceof ut){var s;do s=Lt(++e);while(!x(s));return i.mangled_name=s,!0}return n.screw_ie8&&i instanceof at?void t.push(i.definition()):void 0});this.walk(r),t.forEach(function(e){e.mangle(n)})}),fe.DEFMETHOD(\"compute_char_frequency\",function(n){n=this._default_mangler_options(n);var e=new E(function(e){e instanceof lt?Lt.consider(e.print_to_string()):e instanceof ve?Lt.consider(\"return\"):e instanceof ge?Lt.consider(\"throw\"):e instanceof Ae?Lt.consider(\"continue\"):e instanceof ye?Lt.consider(\"break\"):e instanceof X?Lt.consider(\"debugger\"):e instanceof G?Lt.consider(e.value):e instanceof oe?Lt.consider(\"while\"):e instanceof ie?Lt.consider(\"do while\"):e instanceof we?(Lt.consider(\"if\"),e.alternative&&Lt.consider(\"else\")):e instanceof Te?Lt.consider(\"var\"):e instanceof $e?Lt.consider(\"const\"):e instanceof le?Lt.consider(\"function\"):e instanceof ae?Lt.consider(\"for\"):e instanceof ue?Lt.consider(\"for in\"):e instanceof Ee?Lt.consider(\"switch\"):e instanceof Se?Lt.consider(\"case\"):e instanceof Fe?Lt.consider(\"default\"):e instanceof se?Lt.consider(\"with\"):e instanceof Ke?Lt.consider(\"set\"+e.key):e instanceof Je?Lt.consider(\"get\"+e.key):e instanceof Ge?Lt.consider(e.key):e instanceof Ne?Lt.consider(\"new\"):e instanceof ft?Lt.consider(\"this\"):e instanceof Ce?Lt.consider(\"try\"):e instanceof ke?Lt.consider(\"catch\"):e instanceof xe?Lt.consider(\"finally\"):e instanceof Ze&&e.unmangleable(n)?Lt.consider(e.name):e instanceof Pe||e instanceof Ue?Lt.consider(e.operator):e instanceof He&&Lt.consider(e.property)});this.walk(e),Lt.sort()});var Lt=function(){function n(){r=Object.create(null),t=i.split(\"\").map(function(n){return n.charCodeAt(0)}),t.forEach(function(n){r[n]=0})}function e(n){var e=\"\",r=54;do e+=String.fromCharCode(t[n%r]),n=Math.floor(n/r),r=64;while(n>0);return e}var t,r,i=\"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_0123456789\";return e.consider=function(n){for(var e=n.length;--e>=0;){var t=n.charCodeAt(e);t in r&&++r[t]}},e.sort=function(){t=_(t,function(n,e){return F(n)&&!F(e)?1:F(e)&&!F(n)?-1:r[e]-r[n]})},e.reset=n,n(),e.get=function(){return t},e.freq=function(){return r},e}();fe.DEFMETHOD(\"scope_warnings\",function(n){n=c(n,{undeclared:!1,unreferenced:!0,assign_to_global:!0,func_arguments:!0,nested_defuns:!0,eval:!0});var e=new E(function(t){if(n.undeclared&&t instanceof st&&t.undeclared()&&W.warn(\"Undeclared symbol: {name} [{file}:{line},{col}]\",{name:t.name,file:t.start.file,line:t.start.line,col:t.start.col}),n.assign_to_global){var r=null;t instanceof Le&&t.left instanceof st?r=t.left:t instanceof ue&&t.init instanceof st&&(r=t.init),r&&(r.undeclared()||r.global()&&r.scope!==r.definition().scope)&&W.warn(\"{msg}: {name} [{file}:{line},{col}]\",{msg:r.undeclared()?\"Accidental global?\":\"Assignment to global\",name:r.name,file:r.start.file,line:r.start.line,col:r.start.col})}n.eval&&t instanceof st&&t.undeclared()&&\"eval\"==t.name&&W.warn(\"Eval is used [{file}:{line},{col}]\",t.start),n.unreferenced&&(t instanceof nt||t instanceof ut)&&t.unreferenced()&&W.warn(\"{type} {name} is declared but not referenced [{file}:{line},{col}]\",{type:t instanceof ut?\"Label\":\"Symbol\",name:t.name,file:t.start.file,line:t.start.line,col:t.start.col}),n.func_arguments&&t instanceof le&&t.uses_arguments&&W.warn(\"arguments used in function {name} [{file}:{line},{col}]\",{name:t.name?t.name.name:\"anonymous\",file:t.start.file,line:t.start.line,col:t.start.col}),n.nested_defuns&&t instanceof he&&!(e.parent()instanceof ce)&&W.warn('Function {name} declared in nested statement \"{type}\" [{file}:{line},{col}]',{name:t.name.name,type:e.parent().TYPE,file:t.start.file,line:t.start.line,col:t.start.col})});this.walk(e)}),function(){function n(n,e){n.DEFMETHOD(\"_codegen\",e)}function e(n,e){n.DEFMETHOD(\"needs_parens\",e)}function t(n){var e=n.parent();return e instanceof Pe?!0:e instanceof Ue&&!(e instanceof Le)?!0:e instanceof Me&&e.expression===this?!0:e instanceof Ve&&e.condition===this?!0:e instanceof qe&&e.expression===this?!0:void 0}function r(n,e,t){var r=n.length-1;n.forEach(function(n,i){n instanceof Q||(t.indent(),n.print(t),i==r&&e||(t.newline(),e&&t.newline()))})}function i(n,e){n.length>0?e.with_block(function(){r(n,!1,e)}):e.print(\"{}\")}function o(n,e){if(e.option(\"bracketize\"))return void h(n.body,e);if(!n.body)return e.force_semicolon();if(n.body instanceof ie&&!e.option(\"screw_ie8\"))return void h(n.body,e);for(var t=n.body;;)if(t instanceof we){if(!t.alternative)return void h(n.body,e);t=t.alternative}else{if(!(t instanceof ne))break;t=t.body}s(n.body,e)}function a(n,e,t){if(t)try{n.walk(new E(function(n){if(n instanceof Ue&&\"in\"==n.operator)throw e})),n.print(e)}catch(r){if(r!==e)throw r;n.print(e,!0)}else n.print(e)}function u(n){return[92,47,46,43,42,63,40,41,91,93,123,125,36,94,58,124,33,10,13,0,65279,8232,8233].indexOf(n)<0}function s(n,e){e.option(\"bracketize\")?!n||n instanceof Q?e.print(\"{}\"):n instanceof Z?n.print(e):e.with_block(function(){e.indent(),n.print(e),e.newline()}):!n||n instanceof Q?e.force_semicolon():n.print(e)}function c(n){for(var e=n.stack(),t=e.length,r=e[--t],i=e[--t];t>0;){if(i instanceof Y&&i.body===r)return!0;if(!(i instanceof Re&&i.car===r||i instanceof Me&&i.expression===r&&!(i instanceof Ne)||i instanceof He&&i.expression===r||i instanceof ze&&i.expression===r||i instanceof Ve&&i.condition===r||i instanceof Ue&&i.left===r||i instanceof Ie&&i.expression===r))return!1;r=i,i=e[--t]}}function f(n,e){return 0==n.args.length&&!e.option(\"beautify\")}function p(n){for(var e=n[0],t=e.length,r=1;r=0?r.push(\"0x\"+n.toString(16).toLowerCase(),\"0\"+n.toString(8)):r.push(\"-0x\"+(-n).toString(16).toLowerCase(),\"-0\"+(-n).toString(8)),(e=/^(.*?)(0+)$/.exec(n))&&r.push(e[1]+\"e\"+e[2].length)):(e=/^0?\\.(0+)(.*)$/.exec(n))&&r.push(e[2]+\"e-\"+(e[1].length+e[2].length),t.substr(t.indexOf(\".\"))),p(r)}function h(n,e){return n instanceof Z?void n.print(e):void e.with_block(function(){e.indent(),n.print(e),e.newline()})}function _(n,e){n.DEFMETHOD(\"add_source_map\",function(n){e(this,n)})}function m(n,e){e.add_mapping(n.start)}W.DEFMETHOD(\"print\",function(n,e){function t(){r.add_comments(n),r.add_source_map(n),i(r,n)}var r=this,i=r._codegen;n.push_node(r),e||r.needs_parens(n)?n.with_parens(t):t(),n.pop_node()}),W.DEFMETHOD(\"print_to_string\",function(n){var e=j(n);return this.print(e),e.get()}),W.DEFMETHOD(\"add_comments\",function(n){var e=n.option(\"comments\"),t=this;if(e){var r=t.start;if(r&&!r._comments_dumped){r._comments_dumped=!0;var i=r.comments_before||[];t instanceof me&&t.value&&t.value.walk(new E(function(n){return n.start&&n.start.comments_before&&(i=i.concat(n.start.comments_before),n.start.comments_before=[]),n instanceof de||n instanceof We||n instanceof Ye?!0:void 0\n})),e.test?i=i.filter(function(n){return e.test(n.value)}):\"function\"==typeof e&&(i=i.filter(function(n){return e(t,n)})),i.forEach(function(e){/comment[134]/.test(e.type)?(n.print(\"//\"+e.value+\"\\n\"),n.indent()):\"comment2\"==e.type&&(n.print(\"/*\"+e.value+\"*/\"),r.nlb?(n.print(\"\\n\"),n.indent()):n.space())})}}}),e(W,function(){return!1}),e(de,function(n){return c(n)}),e(Ye,function(n){return c(n)}),e(Pe,function(n){var e=n.parent();return e instanceof qe&&e.expression===this}),e(Re,function(n){var e=n.parent();return e instanceof Me||e instanceof Pe||e instanceof Ue||e instanceof Oe||e instanceof qe||e instanceof We||e instanceof Xe||e instanceof Ve}),e(Ue,function(n){var e=n.parent();if(e instanceof Me&&e.expression===this)return!0;if(e instanceof Pe)return!0;if(e instanceof qe&&e.expression===this)return!0;if(e instanceof Ue){var t=e.operator,r=It[t],i=this.operator,o=It[i];if(r>o||r==o&&this===e.right)return!0}}),e(qe,function(n){var e=n.parent();if(e instanceof Ne&&e.expression===this)try{this.walk(new E(function(n){if(n instanceof Me)throw e}))}catch(t){if(t!==e)throw t;return!0}}),e(Me,function(n){var e,t=n.parent();return t instanceof Ne&&t.expression===this?!0:this.expression instanceof de&&t instanceof qe&&t.expression===this&&(e=n.parent(1))instanceof Le&&e.left===t}),e(Ne,function(n){var e=n.parent();return f(this,n)&&(e instanceof qe||e instanceof Me&&e.expression===this)?!0:void 0}),e(dt,function(n){var e=n.parent();return this.getValue()<0&&e instanceof qe&&e.expression===this?!0:void 0}),e(vt,function(n){var e=n.parent();return e instanceof qe&&e.expression===this?!0:void 0}),e(Le,t),e(Ve,t),n(G,function(n,e){e.print_string(n.value),e.semicolon()}),n(X,function(n,e){e.print(\"debugger\"),e.semicolon()}),ne.DEFMETHOD(\"_do_print_body\",function(n){s(this.body,n)}),n(Y,function(n,e){n.body.print(e),e.semicolon()}),n(fe,function(n,e){r(n.body,!0,e),e.print(\"\")}),n(ee,function(n,e){n.label.print(e),e.colon(),n.body.print(e)}),n(K,function(n,e){n.body.print(e),e.semicolon()}),n(Z,function(n,e){i(n.body,e)}),n(Q,function(n,e){e.semicolon()}),n(ie,function(n,e){e.print(\"do\"),e.space(),n._do_print_body(e),e.space(),e.print(\"while\"),e.space(),e.with_parens(function(){n.condition.print(e)}),e.semicolon()}),n(oe,function(n,e){e.print(\"while\"),e.space(),e.with_parens(function(){n.condition.print(e)}),e.space(),n._do_print_body(e)}),n(ae,function(n,e){e.print(\"for\"),e.space(),e.with_parens(function(){!n.init||n.init instanceof Q?e.print(\";\"):(n.init instanceof Be?n.init.print(e):a(n.init,e,!0),e.print(\";\"),e.space()),n.condition?(n.condition.print(e),e.print(\";\"),e.space()):e.print(\";\"),n.step&&n.step.print(e)}),e.space(),n._do_print_body(e)}),n(ue,function(n,e){e.print(\"for\"),e.space(),e.with_parens(function(){n.init.print(e),e.space(),e.print(\"in\"),e.space(),n.object.print(e)}),e.space(),n._do_print_body(e)}),n(se,function(n,e){e.print(\"with\"),e.space(),e.with_parens(function(){n.expression.print(e)}),e.space(),n._do_print_body(e)}),le.DEFMETHOD(\"_do_print\",function(n,e){var t=this;e||n.print(\"function\"),t.name&&(n.space(),t.name.print(n)),n.with_parens(function(){t.argnames.forEach(function(e,t){t&&n.comma(),e.print(n)})}),n.space(),i(t.body,n)}),n(le,function(n,e){n._do_print(e)}),me.DEFMETHOD(\"_do_print\",function(n,e){n.print(e),this.value&&(n.space(),this.value.print(n)),n.semicolon()}),n(ve,function(n,e){n._do_print(e,\"return\")}),n(ge,function(n,e){n._do_print(e,\"throw\")}),be.DEFMETHOD(\"_do_print\",function(n,e){n.print(e),this.label&&(n.space(),this.label.print(n)),n.semicolon()}),n(ye,function(n,e){n._do_print(e,\"break\")}),n(Ae,function(n,e){n._do_print(e,\"continue\")}),n(we,function(n,e){e.print(\"if\"),e.space(),e.with_parens(function(){n.condition.print(e)}),e.space(),n.alternative?(o(n,e),e.space(),e.print(\"else\"),e.space(),s(n.alternative,e)):n._do_print_body(e)}),n(Ee,function(n,e){e.print(\"switch\"),e.space(),e.with_parens(function(){n.expression.print(e)}),e.space(),n.body.length>0?e.with_block(function(){n.body.forEach(function(n,t){t&&e.newline(),e.indent(!0),n.print(e)})}):e.print(\"{}\")}),De.DEFMETHOD(\"_do_print_body\",function(n){this.body.length>0&&(n.newline(),this.body.forEach(function(e){n.indent(),e.print(n),n.newline()}))}),n(Fe,function(n,e){e.print(\"default:\"),n._do_print_body(e)}),n(Se,function(n,e){e.print(\"case\"),e.space(),n.expression.print(e),e.print(\":\"),n._do_print_body(e)}),n(Ce,function(n,e){e.print(\"try\"),e.space(),i(n.body,e),n.bcatch&&(e.space(),n.bcatch.print(e)),n.bfinally&&(e.space(),n.bfinally.print(e))}),n(ke,function(n,e){e.print(\"catch\"),e.space(),e.with_parens(function(){n.argname.print(e)}),e.space(),i(n.body,e)}),n(xe,function(n,e){e.print(\"finally\"),e.space(),i(n.body,e)}),Be.DEFMETHOD(\"_do_print\",function(n,e){n.print(e),n.space(),this.definitions.forEach(function(e,t){t&&n.comma(),e.print(n)});var t=n.parent(),r=t instanceof ae||t instanceof ue,i=r&&t.init===this;i||n.semicolon()}),n(Te,function(n,e){n._do_print(e,\"var\")}),n($e,function(n,e){n._do_print(e,\"const\")}),n(Oe,function(n,e){if(n.name.print(e),n.value){e.space(),e.print(\"=\"),e.space();var t=e.parent(1),r=t instanceof ae||t instanceof ue;a(n.value,e,r)}}),n(Me,function(n,e){n.expression.print(e),n instanceof Ne&&f(n,e)||e.with_parens(function(){n.args.forEach(function(n,t){t&&e.comma(),n.print(e)})})}),n(Ne,function(n,e){e.print(\"new\"),e.space(),Me.prototype._codegen(n,e)}),Re.DEFMETHOD(\"_do_print\",function(n){this.car.print(n),this.cdr&&(n.comma(),n.should_break()&&(n.newline(),n.indent()),this.cdr.print(n))}),n(Re,function(n,e){n._do_print(e)}),n(He,function(n,e){var t=n.expression;t.print(e),t instanceof dt&&t.getValue()>=0&&(/[xa-f.]/i.test(e.last())||e.print(\".\")),e.print(\".\"),e.add_mapping(n.end),e.print_name(n.property)}),n(ze,function(n,e){n.expression.print(e),e.print(\"[\"),n.property.print(e),e.print(\"]\")}),n(je,function(n,e){var t=n.operator;e.print(t),(/^[a-z]/i.test(t)||/[+-]$/.test(t)&&n.expression instanceof je&&/^[+-]/.test(n.expression.operator))&&e.space(),n.expression.print(e)}),n(Ie,function(n,e){n.expression.print(e),e.print(n.operator)}),n(Ue,function(n,e){n.left.print(e),e.space(),e.print(n.operator),\"<\"==n.operator&&n.right instanceof je&&\"!\"==n.right.operator&&n.right.expression instanceof je&&\"--\"==n.right.expression.operator?e.print(\" \"):e.space(),n.right.print(e)}),n(Ve,function(n,e){n.condition.print(e),e.space(),e.print(\"?\"),e.space(),n.consequent.print(e),e.space(),e.colon(),n.alternative.print(e)}),n(We,function(n,e){e.with_square(function(){var t=n.elements,r=t.length;r>0&&e.space(),t.forEach(function(n,t){t&&e.comma(),n.print(e),t===r-1&&n instanceof bt&&e.comma()}),r>0&&e.space()})}),n(Ye,function(n,e){n.properties.length>0?e.with_block(function(){n.properties.forEach(function(n,t){t&&(e.print(\",\"),e.newline()),e.indent(),n.print(e)}),e.newline()}):e.print(\"{}\")}),n(Ge,function(n,e){var t=n.key;e.option(\"quote_keys\")?e.print_string(t+\"\"):(\"number\"==typeof t||!e.option(\"beautify\")&&+t+\"\"==t)&&parseFloat(t)>=0?e.print(d(t)):(St(t)?e.option(\"screw_ie8\"):$(t))?e.print_name(t):e.print_string(t),e.colon(),n.value.print(e)}),n(Ke,function(n,e){e.print(\"set\"),e.space(),n.key.print(e),n.value._do_print(e,!0)}),n(Je,function(n,e){e.print(\"get\"),e.space(),n.key.print(e),n.value._do_print(e,!0)}),n(Ze,function(n,e){var t=n.definition();e.print_name(t?t.mangled_name||t.name:n.name)}),n(gt,function(n,e){e.print(\"void 0\")}),n(bt,l),n(yt,function(n,e){e.print(\"1/0\")}),n(vt,function(n,e){e.print(\"0/0\")}),n(ft,function(n,e){e.print(\"this\")}),n(lt,function(n,e){e.print(n.getValue())}),n(pt,function(n,e){e.print_string(n.getValue())}),n(dt,function(n,e){e.print(d(n.getValue()))}),n(ht,function(n,e){var t=n.getValue().toString();e.option(\"ascii_only\")?t=e.to_ascii(t):e.option(\"unescape_regexps\")&&(t=t.split(\"\\\\\\\\\").map(function(n){return n.replace(/\\\\u[0-9a-fA-F]{4}|\\\\x[0-9a-fA-F]{2}/g,function(n){var e=parseInt(n.substr(2),16);return u(e)?String.fromCharCode(e):n})}).join(\"\\\\\\\\\")),e.print(t);var r=e.parent();r instanceof Ue&&/^in/.test(r.operator)&&r.left===n&&e.print(\" \")}),_(W,l),_(G,m),_(X,m),_(Ze,m),_(_e,m),_(ne,m),_(ee,l),_(le,m),_(Ee,m),_(De,m),_(Z,m),_(fe,l),_(Ne,m),_(Ce,m),_(ke,m),_(xe,m),_(Be,m),_(lt,m),_(Xe,function(n,e){e.add_mapping(n.start,n.key)})}(),I.prototype=new z,f(I.prototype,{option:function(n){return this.options[n]},warn:function(){this.options.warnings&&W.warn.apply(W,arguments)},before:function(n,e){if(n._squeezed)return n;var t=!1;return n instanceof ce&&(n=n.hoist_declarations(this),t=!0),e(n,this),n=n.optimize(this),t&&n instanceof ce&&(n.drop_unused(this),e(n,this)),n._squeezed=!0,n}}),function(){function n(n,e){n.DEFMETHOD(\"optimize\",function(n){var t=this;if(t._optimized)return t;var r=e(t,n);return r._optimized=!0,r===t?r:r.transform(n)})}function e(n,e,t){return t||(t={}),e&&(t.start||(t.start=e.start),t.end||(t.end=e.end)),new n(t)}function t(n,t,r){if(t instanceof W)return t.transform(n);switch(typeof t){case\"string\":return e(pt,r,{value:t}).optimize(n);case\"number\":return e(isNaN(t)?vt:dt,r,{value:t}).optimize(n);case\"boolean\":return e(t?Et:wt,r).optimize(n);case\"undefined\":return e(gt,r).optimize(n);default:if(null===t)return e(mt,r).optimize(n);if(t instanceof RegExp)return e(ht,r).optimize(n);throw new Error(d(\"Can't handle constant of type: {type}\",{type:typeof t}))}}function r(n){if(null===n)return[];if(n instanceof Z)return n.body;if(n instanceof Q)return[];if(n instanceof Y)return[n];throw new Error(\"Can't convert thing to statement array\")}function i(n){return null===n?!0:n instanceof Q?!0:n instanceof Z?0==n.body.length:!1}function u(n){return n instanceof Ee?n:(n instanceof ae||n instanceof ue||n instanceof re)&&n.body instanceof Z?n.body:n}function s(n,t){function i(n){function r(n,t){return e(K,n,{body:e(Le,n,{operator:\"=\",left:e(He,t,{expression:e(st,t,t),property:\"$inject\"}),right:e(We,n,{elements:n.argnames.map(function(n){return e(pt,n,{value:n.name})})})})})}return n.reduce(function(n,e){n.push(e);var i=e.start,o=i.comments_before;if(o&&o.length>0){var a=o.pop();/@ngInject/.test(a.value)&&(e instanceof he?n.push(r(e,e.name)):e instanceof Be?e.definitions.forEach(function(e){e.value&&e.value instanceof le&&n.push(r(e.value,e.name))}):t.warn(\"Unknown statement marked with @ngInject [{file}:{line},{col}]\",i))}return n},[])}function o(n){var e=[];return n.reduce(function(n,t){return t instanceof Z?(_=!0,n.push.apply(n,o(t.body))):t instanceof Q?_=!0:t instanceof G?e.indexOf(t.value)<0?(n.push(t),e.push(t.value)):_=!0:n.push(t),n},[])}function a(n,t){var i=t.self(),o=i instanceof le,a=[];n:for(var s=n.length;--s>=0;){var c=n[s];switch(!0){case o&&c instanceof ve&&!c.value&&0==a.length:_=!0;continue n;case c instanceof we:if(c.body instanceof ve){if((o&&0==a.length||a[0]instanceof ve&&!a[0].value)&&!c.body.value&&!c.alternative){_=!0;var f=e(K,c.condition,{body:c.condition});a.unshift(f);continue n}if(a[0]instanceof ve&&c.body.value&&a[0].value&&!c.alternative){_=!0,c=c.clone(),c.alternative=a[0],a[0]=c.transform(t);continue n}if((0==a.length||a[0]instanceof ve)&&c.body.value&&!c.alternative&&o){_=!0,c=c.clone(),c.alternative=a[0]||e(ve,c,{value:e(gt,c)}),a[0]=c.transform(t);continue n}if(!c.body.value&&o){_=!0,c=c.clone(),c.condition=c.condition.negate(t),c.body=e(Z,c,{body:r(c.alternative).concat(a)}),c.alternative=null,a=[c.transform(t)];continue n}if(1==a.length&&o&&a[0]instanceof K&&(!c.alternative||c.alternative instanceof K)){_=!0,a.push(e(ve,a[0],{value:e(gt,a[0])}).transform(t)),a=r(c.alternative).concat(a),a.unshift(c);continue n}}var l=m(c.body),p=l instanceof be?t.loopcontrol_target(l.label):null;if(l&&(l instanceof ve&&!l.value&&o||l instanceof Ae&&i===u(p)||l instanceof ye&&p instanceof Z&&i===p)){l.label&&h(l.label.thedef.references,l),_=!0;var d=r(c.body).slice(0,-1);c=c.clone(),c.condition=c.condition.negate(t),c.body=e(Z,c,{body:r(c.alternative).concat(a)}),c.alternative=e(Z,c,{body:d}),a=[c.transform(t)];continue n}var l=m(c.alternative),p=l instanceof be?t.loopcontrol_target(l.label):null;if(l&&(l instanceof ve&&!l.value&&o||l instanceof Ae&&i===u(p)||l instanceof ye&&p instanceof Z&&i===p)){l.label&&h(l.label.thedef.references,l),_=!0,c=c.clone(),c.body=e(Z,c.body,{body:r(c.body).concat(a)}),c.alternative=e(Z,c.alternative,{body:r(c.alternative).slice(0,-1)}),a=[c.transform(t)];continue n}a.unshift(c);break;default:a.unshift(c)}}return a}function s(n,e){var t=!1,r=n.length,i=e.self();return n=n.reduce(function(n,r){if(t)c(e,r,n);else{if(r instanceof be){var o=e.loopcontrol_target(r.label);r instanceof ye&&o instanceof Z&&u(o)===i||r instanceof Ae&&u(o)===i?r.label&&h(r.label.thedef.references,r):n.push(r)}else n.push(r);m(r)&&(t=!0)}return n},[]),_=n.length!=r,n}function f(n,t){function r(){i=Re.from_array(i),i&&o.push(e(K,i,{body:i})),i=[]}if(n.length<2)return n;var i=[],o=[];return n.forEach(function(n){n instanceof K?i.push(n.body):(r(),o.push(n))}),r(),o=l(o,t),_=o.length!=n.length,o}function l(n,t){function r(n){i.pop();var e=o.body;return e instanceof Re?e.add(n):e=Re.cons(e,n),e.transform(t)}var i=[],o=null;return n.forEach(function(n){if(o)if(n instanceof ae){var t={};try{o.body.walk(new E(function(n){if(n instanceof Ue&&\"in\"==n.operator)throw t})),!n.init||n.init instanceof Be?n.init||(n.init=o.body,i.pop()):n.init=r(n.init)}catch(a){if(a!==t)throw a}}else n instanceof we?n.condition=r(n.condition):n instanceof se?n.expression=r(n.expression):n instanceof me&&n.value?n.value=r(n.value):n instanceof me?n.value=r(e(gt,n)):n instanceof Ee&&(n.expression=r(n.expression));i.push(n),o=n instanceof K?n:null}),i}function p(n){var e=null;return n.reduce(function(n,t){return t instanceof Be&&e&&e.TYPE==t.TYPE?(e.definitions=e.definitions.concat(t.definitions),_=!0):t instanceof ae&&e instanceof Be&&(!t.init||t.init.TYPE==e.TYPE)?(_=!0,n.pop(),t.init?t.init.definitions=e.definitions.concat(t.init.definitions):t.init=e,n.push(t),e=t):(e=t,n.push(t)),n},[])}function d(n){n.forEach(function(n){n instanceof K&&(n.body=function t(n){return n.transform(new z(function(n){if(n instanceof Me&&n.expression instanceof de)return e(je,n,{operator:\"!\",expression:n});if(n instanceof Me)n.expression=t(n.expression);else if(n instanceof Re)n.car=t(n.car);else if(n instanceof Ve){var r=t(n.condition);if(r!==n.condition){n.condition=r;var i=n.consequent;n.consequent=n.alternative,n.alternative=i}}return n}))}(n.body))})}var _;do _=!1,t.option(\"angular\")&&(n=i(n)),n=o(n),t.option(\"dead_code\")&&(n=s(n,t)),t.option(\"if_return\")&&(n=a(n,t)),t.option(\"sequences\")&&(n=f(n,t)),t.option(\"join_vars\")&&(n=p(n,t));while(_);return t.option(\"negate_iife\")&&d(n,t),n}function c(n,e,t){n.warn(\"Dropping unreachable code [{file}:{line},{col}]\",e.start),e.walk(new E(function(e){return e instanceof Be?(n.warn(\"Declarations in unreachable code! [{file}:{line},{col}]\",e.start),e.remove_initializers(),t.push(e),!0):e instanceof he?(t.push(e),!0):e instanceof ce?!0:void 0}))}function f(n,e){return n.print_to_string().length>e.print_to_string().length?e:n}function m(n){return n&&n.aborts()}function v(n,t){function i(i){i=r(i),n.body instanceof Z?(n.body=n.body.clone(),n.body.body=i.concat(n.body.body.slice(1)),n.body=n.body.transform(t)):n.body=e(Z,n.body,{body:i}).transform(t),v(n,t)}var o=n.body instanceof Z?n.body.body[0]:n.body;o instanceof we&&(o.body instanceof ye&&t.loopcontrol_target(o.body.label)===n?(n.condition=n.condition?e(Ue,n.condition,{left:n.condition,operator:\"&&\",right:o.condition.negate(t)}):o.condition.negate(t),i(o.alternative)):o.alternative instanceof ye&&t.loopcontrol_target(o.alternative.label)===n&&(n.condition=n.condition?e(Ue,n.condition,{left:n.condition,operator:\"&&\",right:o.condition}):o.condition,i(o.body)))}function A(n,e){var t=e.option(\"pure_getters\");e.options.pure_getters=!1;var r=n.has_side_effects(e);return e.options.pure_getters=t,r}function w(n,t){return t.option(\"booleans\")&&t.in_boolean_context()?e(Et,n):n}n(W,function(n){return n}),W.DEFMETHOD(\"equivalent_to\",function(n){return this.print_to_string()==n.print_to_string()}),function(n){var e=[\"!\",\"delete\"],t=[\"in\",\"instanceof\",\"==\",\"!=\",\"===\",\"!==\",\"<\",\"<=\",\">=\",\">\"];n(W,function(){return!1}),n(je,function(){return o(this.operator,e)}),n(Ue,function(){return o(this.operator,t)||(\"&&\"==this.operator||\"||\"==this.operator)&&this.left.is_boolean()&&this.right.is_boolean()}),n(Ve,function(){return this.consequent.is_boolean()&&this.alternative.is_boolean()}),n(Le,function(){return\"=\"==this.operator&&this.right.is_boolean()}),n(Re,function(){return this.cdr.is_boolean()}),n(Et,function(){return!0}),n(wt,function(){return!0})}(function(n,e){n.DEFMETHOD(\"is_boolean\",e)}),function(n){n(W,function(){return!1}),n(pt,function(){return!0}),n(je,function(){return\"typeof\"==this.operator}),n(Ue,function(n){return\"+\"==this.operator&&(this.left.is_string(n)||this.right.is_string(n))}),n(Le,function(n){return(\"=\"==this.operator||\"+=\"==this.operator)&&this.right.is_string(n)}),n(Re,function(n){return this.cdr.is_string(n)}),n(Ve,function(n){return this.consequent.is_string(n)&&this.alternative.is_string(n)}),n(Me,function(n){return n.option(\"unsafe\")&&this.expression instanceof st&&\"String\"==this.expression.name&&this.expression.undeclared()})}(function(n,e){n.DEFMETHOD(\"is_string\",e)}),function(n){function e(n,e){if(!e)throw new Error(\"Compressor must be passed\");return n._eval(e)}W.DEFMETHOD(\"evaluate\",function(e){if(!e.option(\"evaluate\"))return[this];try{var r=this._eval(e);return[f(t(e,r,this),this),r]}catch(i){if(i!==n)throw i;return[this]}}),n(Y,function(){throw new Error(d(\"Cannot evaluate a statement [{file}:{line},{col}]\",this.start))}),n(de,function(){throw n}),n(W,function(){throw n}),n(lt,function(){return this.getValue()}),n(je,function(t){var r=this.expression;switch(this.operator){case\"!\":return!e(r,t);case\"typeof\":if(r instanceof de)return\"function\";if(r=e(r,t),r instanceof RegExp)throw n;return typeof r;case\"void\":return void e(r,t);case\"~\":return~e(r,t);case\"-\":if(r=e(r,t),0===r)throw n;return-r;case\"+\":return+e(r,t)}throw n}),n(Ue,function(t){var r=this.left,i=this.right;switch(this.operator){case\"&&\":return e(r,t)&&e(i,t);case\"||\":return e(r,t)||e(i,t);case\"|\":return e(r,t)|e(i,t);case\"&\":return e(r,t)&e(i,t);case\"^\":return e(r,t)^e(i,t);case\"+\":return e(r,t)+e(i,t);case\"*\":return e(r,t)*e(i,t);case\"/\":return e(r,t)/e(i,t);case\"%\":return e(r,t)%e(i,t);case\"-\":return e(r,t)-e(i,t);case\"<<\":return e(r,t)<>\":return e(r,t)>>e(i,t);case\">>>\":return e(r,t)>>>e(i,t);case\"==\":return e(r,t)==e(i,t);case\"===\":return e(r,t)===e(i,t);case\"!=\":return e(r,t)!=e(i,t);case\"!==\":return e(r,t)!==e(i,t);case\"<\":return e(r,t)\":return e(r,t)>e(i,t);case\">=\":return e(r,t)>=e(i,t);case\"in\":return e(r,t)in e(i,t);case\"instanceof\":return e(r,t)instanceof e(i,t)}throw n}),n(Ve,function(n){return e(this.condition,n)?e(this.consequent,n):e(this.alternative,n)}),n(st,function(t){var r=this.definition();if(r&&r.constant&&r.init)return e(r.init,t);throw n}),n(He,function(t){if(t.option(\"unsafe\")&&\"length\"==this.property){var r=e(this.expression,t);if(\"string\"==typeof r)return r.length}throw n})}(function(n,e){n.DEFMETHOD(\"_eval\",e)}),function(n){function t(n){return e(je,n,{operator:\"!\",expression:n})}n(W,function(){return t(this)}),n(Y,function(){throw new Error(\"Cannot negate a statement\")}),n(de,function(){return t(this)}),n(je,function(){return\"!\"==this.operator?this.expression:t(this)}),n(Re,function(n){var e=this.clone();return e.cdr=e.cdr.negate(n),e}),n(Ve,function(n){var e=this.clone();return e.consequent=e.consequent.negate(n),e.alternative=e.alternative.negate(n),f(t(this),e)}),n(Ue,function(n){var e=this.clone(),r=this.operator;if(n.option(\"unsafe_comps\"))switch(r){case\"<=\":return e.operator=\">\",e;case\"<\":return e.operator=\">=\",e;case\">=\":return e.operator=\"<\",e;case\">\":return e.operator=\"<=\",e}switch(r){case\"==\":return e.operator=\"!=\",e;case\"!=\":return e.operator=\"==\",e;case\"===\":return e.operator=\"!==\",e;case\"!==\":return e.operator=\"===\",e;case\"&&\":return e.operator=\"||\",e.left=e.left.negate(n),e.right=e.right.negate(n),f(t(this),e);case\"||\":return e.operator=\"&&\",e.left=e.left.negate(n),e.right=e.right.negate(n),f(t(this),e)}return t(this)})}(function(n,e){n.DEFMETHOD(\"negate\",function(n){return e.call(this,n)})}),function(n){n(W,function(){return!0}),n(Q,function(){return!1}),n(lt,function(){return!1}),n(ft,function(){return!1}),n(Me,function(n){var e=n.option(\"pure_funcs\");return e?e.indexOf(this.expression.print_to_string())<0:!0}),n(J,function(n){for(var e=this.body.length;--e>=0;)if(this.body[e].has_side_effects(n))return!0;return!1}),n(K,function(n){return this.body.has_side_effects(n)}),n(he,function(){return!0}),n(de,function(){return!1}),n(Ue,function(n){return this.left.has_side_effects(n)||this.right.has_side_effects(n)}),n(Le,function(){return!0}),n(Ve,function(n){return this.condition.has_side_effects(n)||this.consequent.has_side_effects(n)||this.alternative.has_side_effects(n)}),n(Pe,function(n){return\"delete\"==this.operator||\"++\"==this.operator||\"--\"==this.operator||this.expression.has_side_effects(n)}),n(st,function(){return!1}),n(Ye,function(n){for(var e=this.properties.length;--e>=0;)if(this.properties[e].has_side_effects(n))return!0;return!1}),n(Xe,function(n){return this.value.has_side_effects(n)}),n(We,function(n){for(var e=this.elements.length;--e>=0;)if(this.elements[e].has_side_effects(n))return!0;return!1}),n(He,function(n){return n.option(\"pure_getters\")?this.expression.has_side_effects(n):!0}),n(ze,function(n){return n.option(\"pure_getters\")?this.expression.has_side_effects(n)||this.property.has_side_effects(n):!0}),n(qe,function(n){return!n.option(\"pure_getters\")}),n(Re,function(n){return this.car.has_side_effects(n)||this.cdr.has_side_effects(n)})}(function(n,e){n.DEFMETHOD(\"has_side_effects\",e)}),function(n){function e(){var n=this.body.length;return n>0&&m(this.body[n-1])}n(Y,function(){return null}),n(_e,function(){return this}),n(Z,e),n(De,e),n(we,function(){return this.alternative&&m(this.body)&&m(this.alternative)})}(function(n,e){n.DEFMETHOD(\"aborts\",e)}),n(G,function(n){return n.scope.has_directive(n.value)!==n.scope?e(Q,n):n}),n(X,function(n,t){return t.option(\"drop_debugger\")?e(Q,n):n}),n(ee,function(n,t){return n.body instanceof ye&&t.loopcontrol_target(n.body.label)===n.body?e(Q,n):0==n.label.references.length?n.body:n}),n(J,function(n,e){return n.body=s(n.body,e),n}),n(Z,function(n,t){switch(n.body=s(n.body,t),n.body.length){case 1:return n.body[0];case 0:return e(Q,n)}return n}),ce.DEFMETHOD(\"drop_unused\",function(n){var t=this;if(n.option(\"unused\")&&!(t instanceof fe)&&!t.uses_eval){var r=[],i=new y,a=this,u=new E(function(e,o){if(e!==t){if(e instanceof he)return i.add(e.name.name,e),!0;if(e instanceof Be&&a===t)return e.definitions.forEach(function(e){e.value&&(i.add(e.name.name,e.value),e.value.has_side_effects(n)&&e.value.walk(u))}),!0;if(e instanceof st)return p(r,e.definition()),!0;if(e instanceof ce){var s=a;return a=e,o(),a=s,!0}}});t.walk(u);for(var s=0;s=0;){var l=s[f];if(!l.unreferenced())break;s.pop(),n.warn(\"Dropping unused function argument {name} [{file}:{line},{col}]\",{name:l.name,file:l.start.file,line:l.start.line,col:l.start.col})}if(i instanceof he&&i!==t)return o(i.name.definition(),r)?i:(n.warn(\"Dropping unused function {name} [{file}:{line},{col}]\",{name:i.name.name,file:i.name.start.file,line:i.name.start.line,col:i.name.start.col}),e(Q,i));if(i instanceof Be&&!(c.parent()instanceof ue)){var p=i.definitions.filter(function(e){if(o(e.name.definition(),r))return!0;var t={name:e.name.name,file:e.name.start.file,line:e.name.start.line,col:e.name.start.col};return e.value&&e.value.has_side_effects(n)?(e._unused_side_effects=!0,n.warn(\"Side effects in initialization of unused variable {name} [{file}:{line},{col}]\",t),!0):(n.warn(\"Dropping unused variable {name} [{file}:{line},{col}]\",t),!1)});p=_(p,function(n,e){return!n.value&&e.value?-1:!e.value&&n.value?1:0});for(var d=[],f=0;f0&&(d.push(h.value),h.value=Re.from_array(d),d=[]),++f)}return d=d.length>0?e(Z,i,{body:[e(K,i,{body:Re.from_array(d)})]}):null,0!=p.length||d?0==p.length?d:(i.definitions=p,d&&(d.body.unshift(i),i=d),i):e(Q,i)}if(i instanceof ae&&(a(i,this),i.init instanceof Z)){var m=i.init.body.slice(0,-1);return i.init=i.init.body.slice(-1)[0].body,m.push(i),u?V.splice(m):e(Z,i,{body:m})}return i instanceof ce&&i!==t?i:void 0});t.transform(c)}}),ce.DEFMETHOD(\"hoist_declarations\",function(n){var t=n.option(\"hoist_funs\"),r=n.option(\"hoist_vars\"),i=this;if(t||r){var o=[],u=[],s=new y,c=0,f=0;i.walk(new E(function(n){return n instanceof ce&&n!==i?!0:n instanceof Te?(++f,!0):void 0})),r=r&&f>1;var l=new z(function(n){if(n!==i){if(n instanceof G)return o.push(n),e(Q,n);if(n instanceof he&&t)return u.push(n),e(Q,n);if(n instanceof Te&&r){n.definitions.forEach(function(n){s.set(n.name.name,n),++c});var a=n.to_assignments(),f=l.parent();return f instanceof ue&&f.init===n?null==a?n.definitions[0].name:a:f instanceof ae&&f.init===n?a:a?e(K,n,{body:a}):e(Q,n)}if(n instanceof ce)return n}});if(i=i.transform(l),c>0){var p=[];if(s.each(function(n,e){i instanceof le&&a(function(e){return e.name==n.name.name},i.argnames)?s.del(e):(n=n.clone(),n.value=null,p.push(n),s.set(e,n))}),p.length>0){for(var d=0;d1){if(r[1])return e(ae,n,{body:n.body});if(n instanceof oe&&t.option(\"dead_code\")){var i=[];return c(t,n.body,i),e(Z,n,{body:i})}}return n}),n(oe,function(n,t){return t.option(\"loops\")?(n=re.prototype.optimize.call(n,t),n instanceof oe&&(v(n,t),n=e(ae,n,n).transform(t)),n):n}),n(ae,function(n,t){var r=n.condition;if(r&&(r=r.evaluate(t),n.condition=r[0]),!t.option(\"loops\"))return n;if(r&&r.length>1&&!r[1]&&t.option(\"dead_code\")){var i=[];return n.init instanceof Y?i.push(n.init):n.init&&i.push(e(K,n.init,{body:n.init})),c(t,n.body,i),e(Z,n,{body:i})}return v(n,t),n}),n(we,function(n,t){if(!t.option(\"conditionals\"))return n;var r=n.condition.evaluate(t);if(n.condition=r[0],r.length>1)if(r[1]){if(t.warn(\"Condition always true [{file}:{line},{col}]\",n.condition.start),t.option(\"dead_code\")){var o=[];return n.alternative&&c(t,n.alternative,o),o.push(n.body),e(Z,n,{body:o}).transform(t)}}else if(t.warn(\"Condition always false [{file}:{line},{col}]\",n.condition.start),t.option(\"dead_code\")){var o=[];return c(t,n.body,o),n.alternative&&o.push(n.alternative),e(Z,n,{body:o}).transform(t)}i(n.alternative)&&(n.alternative=null);var a=n.condition.negate(t),u=f(n.condition,a)===a;if(n.alternative&&u){u=!1,n.condition=a;var s=n.body;n.body=n.alternative||e(Q),n.alternative=s}if(i(n.body)&&i(n.alternative))return e(K,n.condition,{body:n.condition}).transform(t);if(n.body instanceof K&&n.alternative instanceof K)return e(K,n,{body:e(Ve,n,{condition:n.condition,consequent:n.body.body,alternative:n.alternative.body})}).transform(t);if(i(n.alternative)&&n.body instanceof K)return u?e(K,n,{body:e(Ue,n,{operator:\"||\",left:a,right:n.body.body})}).transform(t):e(K,n,{body:e(Ue,n,{operator:\"&&\",left:n.condition,right:n.body.body})}).transform(t);if(n.body instanceof Q&&n.alternative&&n.alternative instanceof K)return e(K,n,{body:e(Ue,n,{operator:\"||\",left:n.condition,right:n.alternative.body})}).transform(t);if(n.body instanceof me&&n.alternative instanceof me&&n.body.TYPE==n.alternative.TYPE)return e(n.body.CTOR,n,{value:e(Ve,n,{condition:n.condition,consequent:n.body.value||e(gt,n.body).optimize(t),alternative:n.alternative.value||e(gt,n.alternative).optimize(t)})}).transform(t);if(n.body instanceof we&&!n.body.alternative&&!n.alternative&&(n.condition=e(Ue,n.condition,{operator:\"&&\",left:n.condition,right:n.body.condition}).transform(t),n.body=n.body.body),m(n.body)&&n.alternative){var l=n.alternative;return n.alternative=null,e(Z,n,{body:[n,l]}).transform(t)}if(m(n.alternative)){var p=n.body;return n.body=n.alternative,n.condition=u?a:n.condition.negate(t),n.alternative=null,e(Z,n,{body:[n,p]}).transform(t)}return n}),n(Ee,function(n,t){if(0==n.body.length&&t.option(\"conditionals\"))return e(K,n,{body:n.expression}).transform(t);for(;;){var r=n.body[n.body.length-1];if(r){var i=r.body[r.body.length-1];if(i instanceof ye&&u(t.loopcontrol_target(i.label))===n&&r.body.pop(),r instanceof Fe&&0==r.body.length){n.body.pop();continue}}break}var o=n.expression.evaluate(t);n:if(2==o.length)try{if(n.expression=o[0],!t.option(\"dead_code\"))break n;var a=o[1],s=!1,c=!1,f=!1,l=!1,p=!1,d=new z(function(r,i,o){if(r instanceof le||r instanceof K)return r;if(r instanceof Ee&&r===n)return r=r.clone(),i(r,this),p?r:e(Z,r,{body:r.body.reduce(function(n,e){return n.concat(e.body)},[])}).transform(t);if(r instanceof we||r instanceof Ce){var u=s;return s=!c,i(r,this),s=u,r}if(r instanceof ne||r instanceof Ee){var u=c;return c=!0,i(r,this),c=u,r}if(r instanceof ye&&this.loopcontrol_target(r.label)===n)return s?(p=!0,r):c?r:(l=!0,o?V.skip:e(Q,r));if(r instanceof De&&this.parent()===n){if(l)return V.skip;if(r instanceof Se){var d=r.expression.evaluate(t);if(d.length<2)throw n;return d[1]===a||f?(f=!0,m(r)&&(l=!0),i(r,this),r):V.skip}return i(r,this),r}});d.stack=t.stack.slice(),n=n.transform(d)}catch(h){if(h!==n)throw h}return n}),n(Se,function(n,e){return n.body=s(n.body,e),n}),n(Ce,function(n,e){return n.body=s(n.body,e),n}),Be.DEFMETHOD(\"remove_initializers\",function(){this.definitions.forEach(function(n){n.value=null})}),Be.DEFMETHOD(\"to_assignments\",function(){var n=this.definitions.reduce(function(n,t){if(t.value){var r=e(st,t.name,t.name);n.push(e(Le,t,{operator:\"=\",left:r,right:t.value}))}return n},[]);return 0==n.length?null:Re.from_array(n)}),n(Be,function(n){return 0==n.definitions.length?e(Q,n):n}),n(de,function(n,e){return n=le.prototype.optimize.call(n,e),e.option(\"unused\")&&n.name&&n.name.unreferenced()&&(n.name=null),n}),n(Me,function(n,r){if(r.option(\"unsafe\")){var i=n.expression;if(i instanceof st&&i.undeclared())switch(i.name){case\"Array\":if(1!=n.args.length)return e(We,n,{elements:n.args}).transform(r);break;case\"Object\":if(0==n.args.length)return e(Ye,n,{properties:[]});break;case\"String\":if(0==n.args.length)return e(pt,n,{value:\"\"});if(n.args.length<=1)return e(Ue,n,{left:n.args[0],operator:\"+\",right:e(pt,n,{value:\"\"})}).transform(r);break;case\"Number\":if(0==n.args.length)return e(dt,n,{value:0});if(1==n.args.length)return e(je,n,{expression:n.args[0],operator:\"+\"}).transform(r);case\"Boolean\":if(0==n.args.length)return e(wt,n);if(1==n.args.length)return e(je,n,{expression:e(je,null,{expression:n.args[0],operator:\"!\"}),operator:\"!\"}).transform(r);break;case\"Function\":if(b(n.args,function(n){return n instanceof pt}))try{var o=\"(function(\"+n.args.slice(0,-1).map(function(n){return n.value}).join(\",\")+\"){\"+n.args[n.args.length-1].value+\"})()\",a=H(o);\na.figure_out_scope({screw_ie8:r.option(\"screw_ie8\")});var u=new I(r.options);a=a.transform(u),a.figure_out_scope({screw_ie8:r.option(\"screw_ie8\")}),a.mangle_names();var s;try{a.walk(new E(function(n){if(n instanceof le)throw s=n,a}))}catch(c){if(c!==a)throw c}var l=s.argnames.map(function(t,r){return e(pt,n.args[r],{value:t.print_to_string()})}),o=j();return Z.prototype._codegen.call(s,s,o),o=o.toString().replace(/^\\{|\\}$/g,\"\"),l.push(e(pt,n.args[n.args.length-1],{value:o})),n.args=l,n}catch(c){if(!(c instanceof M))throw console.log(c),c;r.warn(\"Error parsing code passed to new Function [{file}:{line},{col}]\",n.args[n.args.length-1].start),r.warn(c.toString())}}else{if(i instanceof He&&\"toString\"==i.property&&0==n.args.length)return e(Ue,n,{left:e(pt,n,{value:\"\"}),operator:\"+\",right:i.expression}).transform(r);if(i instanceof He&&i.expression instanceof We&&\"join\"==i.property){var p=0==n.args.length?\",\":n.args[0].evaluate(r)[1];if(null!=p){var d=i.expression.elements.reduce(function(n,e){if(e=e.evaluate(r),0==n.length||1==e.length)n.push(e);else{var i=n[n.length-1];if(2==i.length){var o=\"\"+i[1]+p+e[1];n[n.length-1]=[t(r,o,i[0]),o]}else n.push(e)}return n},[]);if(0==d.length)return e(pt,n,{value:\"\"});if(1==d.length)return d[0][0];if(\"\"==p){var h;return h=d[0][0]instanceof pt||d[1][0]instanceof pt?d.shift()[0]:e(pt,n,{value:\"\"}),d.reduce(function(n,t){return e(Ue,t[0],{operator:\"+\",left:n,right:t[0]})},h).transform(r)}var _=n.clone();return _.expression=_.expression.clone(),_.expression.expression=_.expression.expression.clone(),_.expression.expression.elements=d.map(function(n){return n[0]}),f(n,_)}}}}return r.option(\"side_effects\")&&n.expression instanceof de&&0==n.args.length&&!J.prototype.has_side_effects.call(n.expression,r)?e(gt,n).transform(r):r.option(\"drop_console\")&&n.expression instanceof qe&&n.expression.expression instanceof st&&\"console\"==n.expression.expression.name&&n.expression.expression.undeclared()?e(gt,n).transform(r):n.evaluate(r)[0]}),n(Ne,function(n,t){if(t.option(\"unsafe\")){var r=n.expression;if(r instanceof st&&r.undeclared())switch(r.name){case\"Object\":case\"RegExp\":case\"Function\":case\"Error\":case\"Array\":return e(Me,n,n).transform(t)}}return n}),n(Re,function(n,t){if(!t.option(\"side_effects\"))return n;if(!n.car.has_side_effects(t)){var r;if(!(n.cdr instanceof st&&\"eval\"==n.cdr.name&&n.cdr.undeclared()&&(r=t.parent())instanceof Me&&r.expression===n))return n.cdr}if(t.option(\"cascade\")){if(n.car instanceof Le&&!n.car.left.has_side_effects(t)){if(n.car.left.equivalent_to(n.cdr))return n.car;if(n.cdr instanceof Me&&n.cdr.expression.equivalent_to(n.car.left))return n.cdr.expression=n.car,n.cdr}if(!n.car.has_side_effects(t)&&!n.cdr.has_side_effects(t)&&n.car.equivalent_to(n.cdr))return n.car}return n.cdr instanceof je&&\"void\"==n.cdr.operator&&!n.cdr.expression.has_side_effects(t)?(n.cdr.operator=n.car,n.cdr):n.cdr instanceof gt?e(je,n,{operator:\"void\",expression:n.car}):n}),Pe.DEFMETHOD(\"lift_sequences\",function(n){if(n.option(\"sequences\")&&this.expression instanceof Re){var e=this.expression,t=e.to_array();return this.expression=t.pop(),t.push(this),e=Re.from_array(t).transform(n)}return this}),n(Ie,function(n,e){return n.lift_sequences(e)}),n(je,function(n,t){n=n.lift_sequences(t);var r=n.expression;if(t.option(\"booleans\")&&t.in_boolean_context()){switch(n.operator){case\"!\":if(r instanceof je&&\"!\"==r.operator)return r.expression;break;case\"typeof\":return t.warn(\"Boolean expression always true [{file}:{line},{col}]\",n.start),e(Et,n)}r instanceof Ue&&\"!\"==n.operator&&(n=f(n,r.negate(t)))}return n.evaluate(t)[0]}),Ue.DEFMETHOD(\"lift_sequences\",function(n){if(n.option(\"sequences\")){if(this.left instanceof Re){var e=this.left,t=e.to_array();return this.left=t.pop(),t.push(this),e=Re.from_array(t).transform(n)}if(this.right instanceof Re&&this instanceof Le&&!A(this.left,n)){var e=this.right,t=e.to_array();return this.right=t.pop(),t.push(this),e=Re.from_array(t).transform(n)}}return this});var D=g(\"== === != !== * & | ^\");n(Ue,function(n,t){var r=t.has_directive(\"use asm\")?l:function(e,r){if(r||!n.left.has_side_effects(t)&&!n.right.has_side_effects(t)){e&&(n.operator=e);var i=n.left;n.left=n.right,n.right=i}};if(D(n.operator)&&(n.right instanceof lt&&!(n.left instanceof lt)&&(n.left instanceof Ue&&It[n.left.operator]>=It[n.operator]||r(null,!0)),/^[!=]==?$/.test(n.operator))){if(n.left instanceof st&&n.right instanceof Ve){if(n.right.consequent instanceof st&&n.right.consequent.definition()===n.left.definition()){if(/^==/.test(n.operator))return n.right.condition;if(/^!=/.test(n.operator))return n.right.condition.negate(t)}if(n.right.alternative instanceof st&&n.right.alternative.definition()===n.left.definition()){if(/^==/.test(n.operator))return n.right.condition.negate(t);if(/^!=/.test(n.operator))return n.right.condition}}if(n.right instanceof st&&n.left instanceof Ve){if(n.left.consequent instanceof st&&n.left.consequent.definition()===n.right.definition()){if(/^==/.test(n.operator))return n.left.condition;if(/^!=/.test(n.operator))return n.left.condition.negate(t)}if(n.left.alternative instanceof st&&n.left.alternative.definition()===n.right.definition()){if(/^==/.test(n.operator))return n.left.condition.negate(t);if(/^!=/.test(n.operator))return n.left.condition}}}if(n=n.lift_sequences(t),t.option(\"comparisons\"))switch(n.operator){case\"===\":case\"!==\":(n.left.is_string(t)&&n.right.is_string(t)||n.left.is_boolean()&&n.right.is_boolean())&&(n.operator=n.operator.substr(0,2));case\"==\":case\"!=\":n.left instanceof pt&&\"undefined\"==n.left.value&&n.right instanceof je&&\"typeof\"==n.right.operator&&t.option(\"unsafe\")&&(n.right.expression instanceof st&&n.right.expression.undeclared()||(n.right=n.right.expression,n.left=e(gt,n.left).optimize(t),2==n.operator.length&&(n.operator+=\"=\")))}if(t.option(\"booleans\")&&t.in_boolean_context())switch(n.operator){case\"&&\":var i=n.left.evaluate(t),o=n.right.evaluate(t);if(i.length>1&&!i[1]||o.length>1&&!o[1])return t.warn(\"Boolean && always false [{file}:{line},{col}]\",n.start),e(wt,n);if(i.length>1&&i[1])return o[0];if(o.length>1&&o[1])return i[0];break;case\"||\":var i=n.left.evaluate(t),o=n.right.evaluate(t);if(i.length>1&&i[1]||o.length>1&&o[1])return t.warn(\"Boolean || always true [{file}:{line},{col}]\",n.start),e(Et,n);if(i.length>1&&!i[1])return o[0];if(o.length>1&&!o[1])return i[0];break;case\"+\":var i=n.left.evaluate(t),o=n.right.evaluate(t);if(i.length>1&&i[0]instanceof pt&&i[1]||o.length>1&&o[0]instanceof pt&&o[1])return t.warn(\"+ in boolean context always true [{file}:{line},{col}]\",n.start),e(Et,n)}if(t.option(\"comparisons\")){if(!(t.parent()instanceof Ue)||t.parent()instanceof Le){var a=e(je,n,{operator:\"!\",expression:n.negate(t)});n=f(n,a)}switch(n.operator){case\"<\":r(\">\");break;case\"<=\":r(\">=\")}}return\"+\"==n.operator&&n.right instanceof pt&&\"\"===n.right.getValue()&&n.left instanceof Ue&&\"+\"==n.left.operator&&n.left.is_string(t)?n.left:(t.option(\"evaluate\")&&\"+\"==n.operator&&(n.left instanceof lt&&n.right instanceof Ue&&\"+\"==n.right.operator&&n.right.left instanceof lt&&n.right.is_string(t)&&(n=e(Ue,n,{operator:\"+\",left:e(pt,null,{value:\"\"+n.left.getValue()+n.right.left.getValue(),start:n.left.start,end:n.right.left.end}),right:n.right.right})),n.right instanceof lt&&n.left instanceof Ue&&\"+\"==n.left.operator&&n.left.right instanceof lt&&n.left.is_string(t)&&(n=e(Ue,n,{operator:\"+\",left:n.left.left,right:e(pt,null,{value:\"\"+n.left.right.getValue()+n.right.getValue(),start:n.left.right.start,end:n.right.end})})),n.left instanceof Ue&&\"+\"==n.left.operator&&n.left.is_string(t)&&n.left.right instanceof lt&&n.right instanceof Ue&&\"+\"==n.right.operator&&n.right.left instanceof lt&&n.right.is_string(t)&&(n=e(Ue,n,{operator:\"+\",left:e(Ue,n.left,{operator:\"+\",left:n.left.left,right:e(pt,null,{value:\"\"+n.left.right.getValue()+n.right.left.getValue(),start:n.left.right.start,end:n.right.left.end})}),right:n.right.right}))),n.right instanceof Ue&&n.right.operator==n.operator&&(\"*\"==n.operator||\"&&\"==n.operator||\"||\"==n.operator)?(n.left=e(Ue,n.left,{operator:n.operator,left:n.left,right:n.right.left}),n.right=n.right.right,n.transform(t)):n.evaluate(t)[0])}),n(st,function(n,r){if(n.undeclared()){var i=r.option(\"global_defs\");if(i&&i.hasOwnProperty(n.name))return t(r,i[n.name],n);switch(n.name){case\"undefined\":return e(gt,n);case\"NaN\":return e(vt,n);case\"Infinity\":return e(yt,n)}}return n}),n(gt,function(n,t){if(t.option(\"unsafe\")){var r=t.find_parent(ce),i=r.find_variable(\"undefined\");if(i){var o=e(st,n,{name:\"undefined\",scope:r,thedef:i});return o.reference(),o}}return n});var F=[\"+\",\"-\",\"/\",\"*\",\"%\",\">>\",\"<<\",\">>>\",\"|\",\"^\",\"&\"];n(Le,function(n,e){return n=n.lift_sequences(e),\"=\"==n.operator&&n.left instanceof st&&n.right instanceof Ue&&n.right.left instanceof st&&n.right.left.name==n.left.name&&o(n.right.operator,F)&&(n.operator=n.right.operator+\"=\",n.right=n.right.right),n}),n(Ve,function(n,t){if(!t.option(\"conditionals\"))return n;if(n.condition instanceof Re){var r=n.condition.car;return n.condition=n.condition.cdr,Re.cons(r,n)}var i=n.condition.evaluate(t);if(i.length>1)return i[1]?(t.warn(\"Condition always true [{file}:{line},{col}]\",n.start),n.consequent):(t.warn(\"Condition always false [{file}:{line},{col}]\",n.start),n.alternative);var o=i[0].negate(t);f(i[0],o)===o&&(n=e(Ve,n,{condition:o,consequent:n.alternative,alternative:n.consequent}));var a=n.consequent,u=n.alternative;if(a instanceof Le&&u instanceof Le&&a.operator==u.operator&&a.left.equivalent_to(u.left))return e(Le,n,{operator:a.operator,left:a.left,right:e(Ve,n,{condition:n.condition,consequent:a.right,alternative:u.right})});if(a instanceof Me&&u.TYPE===a.TYPE&&a.args.length==u.args.length&&a.expression.equivalent_to(u.expression)){if(0==a.args.length)return e(Re,n,{car:n.condition,cdr:a});if(1==a.args.length)return a.args[0]=e(Ve,n,{condition:n.condition,consequent:a.args[0],alternative:u.args[0]}),a}return a instanceof Ve&&a.alternative.equivalent_to(u)?e(Ve,n,{condition:e(Ue,n,{left:n.condition,operator:\"&&\",right:a.condition}),consequent:a.consequent,alternative:u}):n}),n(At,function(n,t){if(t.option(\"booleans\")){var r=t.parent();return r instanceof Ue&&(\"==\"==r.operator||\"!=\"==r.operator)?(t.warn(\"Non-strict equality against boolean: {operator} {value} [{file}:{line},{col}]\",{operator:r.operator,value:n.value,file:r.start.file,line:r.start.line,col:r.start.col}),e(dt,n,{value:+n.value})):e(je,n,{operator:\"!\",expression:e(dt,n,{value:1-n.value})})}return n}),n(ze,function(n,t){var r=n.property;if(r instanceof pt&&t.option(\"properties\")){if(r=r.getValue(),St(r)?t.option(\"screw_ie8\"):$(r))return e(He,n,{expression:n.expression,property:r}).optimize(t);var i=parseFloat(r);isNaN(i)||i.toString()!=r||(n.property=e(dt,n.property,{value:i}))}return n}),n(He,function(n,e){return n.evaluate(e)[0]}),n(We,w),n(Ye,w),n(ht,w)}(),function(){function n(n){var r=\"prefix\"in n?n.prefix:\"UnaryExpression\"==n.type?!0:!1;return new(r?je:Ie)({start:e(n),end:t(n),operator:n.operator,expression:i(n.argument)})}function e(n){return new L({file:n.loc&&n.loc.source,line:n.loc&&n.loc.start.line,col:n.loc&&n.loc.start.column,pos:n.start,endpos:n.start})}function t(n){return new L({file:n.loc&&n.loc.source,line:n.loc&&n.loc.end.line,col:n.loc&&n.loc.end.column,pos:n.end,endpos:n.end})}function r(n,r,a){var u=\"function From_Moz_\"+n+\"(M){\\n\";return u+=\"return new mytype({\\nstart: my_start_token(M),\\nend: my_end_token(M)\",a&&a.split(/\\s*,\\s*/).forEach(function(n){var e=/([a-z0-9$_]+)(=|@|>|%)([a-z0-9$_]+)/i.exec(n);if(!e)throw new Error(\"Can't understand property map: \"+n);var t=\"M.\"+e[1],r=e[2],i=e[3];if(u+=\",\\n\"+i+\": \",\"@\"==r)u+=t+\".map(from_moz)\";else if(\">\"==r)u+=\"from_moz(\"+t+\")\";else if(\"=\"==r)u+=t;else{if(\"%\"!=r)throw new Error(\"Can't understand operator in propmap: \"+n);u+=\"from_moz(\"+t+\").body\"}}),u+=\"\\n})}\",u=new Function(\"mytype\",\"my_start_token\",\"my_end_token\",\"from_moz\",\"return(\"+u+\")\")(r,e,t,i),o[n]=u}function i(n){a.push(n);var e=null!=n?o[n.type](n):null;return a.pop(),e}var o={TryStatement:function(n){return new Ce({start:e(n),end:t(n),body:i(n.block).body,bcatch:i(n.handlers?n.handlers[0]:n.handler),bfinally:n.finalizer?new xe(i(n.finalizer)):null})},CatchClause:function(n){return new ke({start:e(n),end:t(n),argname:i(n.param),body:i(n.body).body})},ObjectExpression:function(n){return new Ye({start:e(n),end:t(n),properties:n.properties.map(function(n){var r=n.key,o=\"Identifier\"==r.type?r.name:r.value,a={start:e(r),end:t(n.value),key:o,value:i(n.value)};switch(n.kind){case\"init\":return new Ge(a);case\"set\":return a.value.name=i(r),new Ke(a);case\"get\":return a.value.name=i(r),new Je(a)}})})},SequenceExpression:function(n){return Re.from_array(n.expressions.map(i))},MemberExpression:function(n){return new(n.computed?ze:He)({start:e(n),end:t(n),property:n.computed?i(n.property):n.property.name,expression:i(n.object)})},SwitchCase:function(n){return new(n.test?Se:Fe)({start:e(n),end:t(n),expression:i(n.test),body:n.consequent.map(i)})},Literal:function(n){var r=n.value,i={start:e(n),end:t(n)};if(null===r)return new mt(i);switch(typeof r){case\"string\":return i.value=r,new pt(i);case\"number\":return i.value=r,new dt(i);case\"boolean\":return new(r?Et:wt)(i);default:return i.value=r,new ht(i)}},UnaryExpression:n,UpdateExpression:n,Identifier:function(n){var r=a[a.length-2];return new(\"this\"==n.name?ft:\"LabeledStatement\"==r.type?ut:\"VariableDeclarator\"==r.type&&r.id===n?\"const\"==r.kind?tt:et:\"FunctionExpression\"==r.type?r.id===n?ot:rt:\"FunctionDeclaration\"==r.type?r.id===n?it:rt:\"CatchClause\"==r.type?at:\"BreakStatement\"==r.type||\"ContinueStatement\"==r.type?ct:st)({start:e(n),end:t(n),name:n.name})}};r(\"Node\",W),r(\"Program\",fe,\"body@body\"),r(\"Function\",de,\"id>name, params@argnames, body%body\"),r(\"EmptyStatement\",Q),r(\"BlockStatement\",Z,\"body@body\"),r(\"ExpressionStatement\",K,\"expression>body\"),r(\"IfStatement\",we,\"test>condition, consequent>body, alternate>alternative\"),r(\"LabeledStatement\",ee,\"label>label, body>body\"),r(\"BreakStatement\",ye,\"label>label\"),r(\"ContinueStatement\",Ae,\"label>label\"),r(\"WithStatement\",se,\"object>expression, body>body\"),r(\"SwitchStatement\",Ee,\"discriminant>expression, cases@body\"),r(\"ReturnStatement\",ve,\"argument>value\"),r(\"ThrowStatement\",ge,\"argument>value\"),r(\"WhileStatement\",oe,\"test>condition, body>body\"),r(\"DoWhileStatement\",ie,\"test>condition, body>body\"),r(\"ForStatement\",ae,\"init>init, test>condition, update>step, body>body\"),r(\"ForInStatement\",ue,\"left>init, right>object, body>body\"),r(\"DebuggerStatement\",X),r(\"FunctionDeclaration\",he,\"id>name, params@argnames, body%body\"),r(\"VariableDeclaration\",Te,\"declarations@definitions\"),r(\"VariableDeclarator\",Oe,\"id>name, init>value\"),r(\"ThisExpression\",ft),r(\"ArrayExpression\",We,\"elements@elements\"),r(\"FunctionExpression\",de,\"id>name, params@argnames, body%body\"),r(\"BinaryExpression\",Ue,\"operator=operator, left>left, right>right\"),r(\"AssignmentExpression\",Le,\"operator=operator, left>left, right>right\"),r(\"LogicalExpression\",Ue,\"operator=operator, left>left, right>right\"),r(\"ConditionalExpression\",Ve,\"test>condition, consequent>consequent, alternate>alternative\"),r(\"NewExpression\",Ne,\"callee>expression, arguments@args\"),r(\"CallExpression\",Me,\"callee>expression, arguments@args\");var a=null;W.from_mozilla_ast=function(n){var e=a;a=[];var t=i(n);return a=e,t}}(),n.array_to_hash=t,n.slice=r,n.characters=i,n.member=o,n.find_if=a,n.repeat_string=u,n.DefaultsError=s,n.defaults=c,n.merge=f,n.noop=l,n.MAP=V,n.push_uniq=p,n.string_template=d,n.remove=h,n.mergeSort=_,n.set_difference=m,n.set_intersection=v,n.makePredicate=g,n.all=b,n.Dictionary=y,n.DEFNODE=A,n.AST_Token=L,n.AST_Node=W,n.AST_Statement=Y,n.AST_Debugger=X,n.AST_Directive=G,n.AST_SimpleStatement=K,n.walk_body=w,n.AST_Block=J,n.AST_BlockStatement=Z,n.AST_EmptyStatement=Q,n.AST_StatementWithBody=ne,n.AST_LabeledStatement=ee,n.AST_IterationStatement=te,n.AST_DWLoop=re,n.AST_Do=ie,n.AST_While=oe,n.AST_For=ae,n.AST_ForIn=ue,n.AST_With=se,n.AST_Scope=ce,n.AST_Toplevel=fe,n.AST_Lambda=le,n.AST_Accessor=pe,n.AST_Function=de,n.AST_Defun=he,n.AST_Jump=_e,n.AST_Exit=me,n.AST_Return=ve,n.AST_Throw=ge,n.AST_LoopControl=be,n.AST_Break=ye,n.AST_Continue=Ae,n.AST_If=we,n.AST_Switch=Ee,n.AST_SwitchBranch=De,n.AST_Default=Fe,n.AST_Case=Se,n.AST_Try=Ce,n.AST_Catch=ke,n.AST_Finally=xe,n.AST_Definitions=Be,n.AST_Var=Te,n.AST_Const=$e,n.AST_VarDef=Oe,n.AST_Call=Me,n.AST_New=Ne,n.AST_Seq=Re,n.AST_PropAccess=qe,n.AST_Dot=He,n.AST_Sub=ze,n.AST_Unary=Pe,n.AST_UnaryPrefix=je,n.AST_UnaryPostfix=Ie,n.AST_Binary=Ue,n.AST_Conditional=Ve,n.AST_Assign=Le,n.AST_Array=We,n.AST_Object=Ye,n.AST_ObjectProperty=Xe,n.AST_ObjectKeyVal=Ge,n.AST_ObjectSetter=Ke,n.AST_ObjectGetter=Je,n.AST_Symbol=Ze,n.AST_SymbolAccessor=Qe,n.AST_SymbolDeclaration=nt,n.AST_SymbolVar=et,n.AST_SymbolConst=tt,n.AST_SymbolFunarg=rt,n.AST_SymbolDefun=it,n.AST_SymbolLambda=ot,n.AST_SymbolCatch=at,n.AST_Label=ut,n.AST_SymbolRef=st,n.AST_LabelRef=ct,n.AST_This=ft,n.AST_Constant=lt,n.AST_String=pt,n.AST_Number=dt,n.AST_RegExp=ht,n.AST_Atom=_t,n.AST_Null=mt,n.AST_NaN=vt,n.AST_Undefined=gt,n.AST_Hole=bt,n.AST_Infinity=yt,n.AST_Boolean=At,n.AST_False=wt,n.AST_True=Et,n.TreeWalker=E,n.KEYWORDS=Dt,n.KEYWORDS_ATOM=Ft,n.RESERVED_WORDS=St,n.KEYWORDS_BEFORE_EXPRESSION=Ct,n.OPERATOR_CHARS=kt,n.RE_HEX_NUMBER=xt,n.RE_OCT_NUMBER=Bt,n.RE_DEC_NUMBER=Tt,n.OPERATORS=$t,n.WHITESPACE_CHARS=Ot,n.PUNC_BEFORE_EXPRESSION=Mt,n.PUNC_CHARS=Nt,n.REGEXP_MODIFIERS=Rt,n.UNICODE=qt,n.is_letter=D,n.is_digit=F,n.is_alphanumeric_char=S,n.is_unicode_combining_mark=C,n.is_unicode_connector_punctuation=k,n.is_identifier=x,n.is_identifier_start=B,n.is_identifier_char=T,n.is_identifier_string=$,n.parse_js_number=O,n.JS_Parse_Error=M,n.js_error=N,n.is_token=R,n.EX_EOF=Ht,n.tokenizer=q,n.UNARY_PREFIX=zt,n.UNARY_POSTFIX=Pt,n.ASSIGNMENT=jt,n.PRECEDENCE=It,n.STATEMENTS_WITH_LABELS=Ut,n.ATOMIC_START_TOKEN=Vt,n.parse=H,n.TreeTransformer=z,n.SymbolDef=P,n.base54=Lt,n.OutputStream=j,n.Compressor=I,n.SourceMap=U}({},function(){return this}());"
},
{
"path": "misc/demo/index.html",
"content": "\n\n\n Angular directives for Bootstrap \n \n \n
\n
\n
\n \n\n
\n \n Angular 2 \n \n For Angular 2 support, check out\n \n ng-bootstrap\n , created by the UI Bootstrap team.\n
\n Dependencies \n \n This repository contains a set of native AngularJS directives based on\n Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's\n JavaScript is required. The only required dependencies are:\n
\n \n AngularJS (requires AngularJS 1.4.x or higher, tested with <%= ngversion %>).\n 0.14.3 is the last version of this library that supports AngularJS 1.3.x and\n 0.12.0 is the last version that supports AngularJS 1.2.x.Angular-animate (the version should match with your angular's, tested with <%= ngversion %>) if you plan in using animations, you need to load angular-animate as well.Angular-touch (the version should match with your angular's, tested with <%= ngversion %>) if you plan in using swipe actions, you need to load angular-touch as well.Bootstrap CSS (tested with version <%= bsversion %>).\n This version of the library (<%= pkg.version%>) works only with Bootstrap CSS in version 3.x.\n 0.8.0 is the last version of this library that supports Bootstrap CSS in version 2.3.x.\n \n Files to download \n \n Build files for all directives are distributed in several flavours: minified for production usage, un-minified\n for development, with or without templates. All the options are described and can be\n downloaded from here . It should be noted that the -tpls files contain the templates bundled in JavaScript, while the regular version does not contain the bundled templates. For more information, check out the FAQ here and the README here .\n
\n Alternativelly, if you are only interested in a subset of directives, you can\n create your own build .\n
\n Whichever method you choose the good news that the overall size of a download is fairly small:\n 122K minified for all directives with templates and 98K without (~31kB with gzip\n compression, with templates, and 28K gzipped without)
\n Installation \n As soon as you've got all the files downloaded and included in your page you just need to declare\n a dependency on the ui.bootstrap module :
angular.module('myModule', ['ui.bootstrap']);If you are using UI Bootstrap in the CSP mode, e.g. in an extension, make sure you link to the ui-bootstrap-csp.css in your HTML manually.
\n You can fork one of the plunkers from this page to see a working example of what is described here.
\n Migration to prefixes \n Since version 0.14.0 we started to prefix all our components. If you are upgrading from ui-bootstrap 0.13.4 or earlier,\n check our migration guide .
\n CSS \n Original Bootstrap's CSS depends on empty href attributes to style cursors for several components (pagination, tabs etc.).\n But in AngularJS adding empty href attributes to link tags will cause unwanted route changes. This is why we need to remove empty href attributes from directive templates and as a result styling is not applied correctly. The remedy is simple, just add the following styling to your application:
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }FAQ \n Please check our FAQ section for common problems / solutions.
\n Reading the documentation \n \n Each of the components provided in ui-bootstrap have documentation and interactive Plunker examples.\n
\n \n For the directives, we list the different attributes with their default values. In addition to this, some settings have a badge on it:\n\n
\n B - This setting is a boolean. It doesn't need a parameter.C - This setting can be configured globally in a constant service*.$ - This setting expects an angular expression instead of a literal string. If the expression support a boolean / integer, you can pass it directly.readonly - This setting is readonly. \n \n \n For the services (you will recognize them with the $ prefix), we list all the possible parameters you can pass to them and their default values if any.\n
\n \n * Some directives have a config service that follows the next pattern: uibDirectiveConfig. The service's settings use camel case. The services can be configured in a .config function for example.\n
\n \n <% demoModules.forEach(function(module) { %>\n
\">\n \n \n
\n <%= module.docs.html %>\n
\n
\n <%= module.docs.md %>\n
\n
\n
\n
\n ', '<%= bsversion %>', '<%= pkg.version%>', '<%= module.name %>')\"> \n
\n
\n \n \n
<%- module.docs.html %>\n
\n \n \n
<%- module.docs.js %>\n
\n \n
\n
\n \n <% }); %>\n
\n
\n
\n
\n * >> ln -s validate-commit-msg.js .git/hooks/commit-msg\n */\nvar fs = require('fs');\nvar util = require('util');\n\n\nvar MAX_LENGTH = 70;\nvar PATTERN = /^(?:fixup!\\s*)?(\\w*)(\\((\\w+)\\))?\\: (.*)$/;\nvar IGNORED = /^WIP\\:/;\nvar TYPES = {\n chore: true,\n demo: true,\n docs: true,\n feat: true,\n fix: true,\n refactor: true,\n revert: true,\n style: true,\n test: true\n};\n\n\nvar error = function() {\n // gitx does not display it\n // http://gitx.lighthouseapp.com/projects/17830/tickets/294-feature-display-hook-error-message-when-hook-fails\n // https://groups.google.com/group/gitx/browse_thread/thread/a03bcab60844b812\n console.error('INVALID COMMIT MSG: ' + util.format.apply(null, arguments));\n};\n\n\nvar validateMessage = function(message) {\n var isValid = true;\n\n if (IGNORED.test(message)) {\n console.log('Commit message validation ignored.');\n return true;\n }\n\n if (message.length > MAX_LENGTH) {\n error('is longer than %d characters !', MAX_LENGTH);\n isValid = false;\n }\n\n var match = PATTERN.exec(message);\n\n if (!match) {\n error('does not match \"(): \" ! was: \"' + message + '\"\\nNote: must be only letters.');\n return false;\n }\n\n var type = match[1];\n var scope = match[3];\n var subject = match[4];\n\n if (!TYPES.hasOwnProperty(type)) {\n error('\"%s\" is not allowed type !', type);\n return false;\n }\n\n // Some more ideas, do want anything like this ?\n // - allow only specific scopes (eg. fix(docs) should not be allowed ?\n // - auto correct the type to lower case ?\n // - auto correct first letter of the subject to lower case ?\n // - auto add empty line after subject ?\n // - auto remove empty () ?\n // - auto correct typos in type ?\n // - store incorrect messages, so that we can learn\n\n return isValid;\n};\n\n\nvar firstLineFromBuffer = function(buffer) {\n return buffer.toString().split('\\n').shift();\n};\n\n\n\n// publish for testing\nexports.validateMessage = validateMessage;\n\n// hacky start if not run by jasmine :-D\nif (process.argv.join('').indexOf('jasmine-node') === -1) {\n var commitMsgFile = process.argv[2];\n var incorrectLogFile = commitMsgFile.replace('COMMIT_EDITMSG', 'logs/incorrect-commit-msgs');\n\n fs.readFile(commitMsgFile, function(err, buffer) {\n var msg = firstLineFromBuffer(buffer);\n\n if (!validateMessage(msg)) {\n fs.appendFile(incorrectLogFile, msg + '\\n', function() {\n process.exit(1);\n });\n } else {\n process.exit(0);\n }\n });\n}\n"
},
{
"path": "package.json",
"content": "{\n \"author\": \"https://github.com/angular-ui/bootstrap/graphs/contributors\",\n \"name\": \"angular-ui-bootstrap\",\n \"version\": \"2.5.4\",\n \"description\": \"Native AngularJS (Angular) directives for Bootstrap\",\n \"homepage\": \"http://angular-ui.github.io/bootstrap/\",\n \"keywords\": [\n \"angularjs\",\n \"angular\",\n \"bootstrap\",\n \"ui\"\n ],\n \"dependencies\": {},\n \"directories\": {\n \"lib\": \"src/\"\n },\n \"files\": [\n \"index.js\",\n \"dist/\",\n \"src/\",\n \"template/\"\n ],\n \"main\": \"index.js\",\n \"scripts\": {\n \"demo\": \"grunt after-test && static dist -a 0.0.0.0 -H '{\\\"Cache-Control\\\": \\\"no-cache, must-revalidate\\\"}'\",\n \"test\": \"grunt\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/angular-ui/bootstrap.git\"\n },\n \"devDependencies\": {\n \"angular\": \"1.6.1\",\n \"angular-mocks\": \"1.6.1\",\n \"angular-sanitize\": \"1.6.1\",\n \"grunt\": \"^0.4.5\",\n \"grunt-cli\": \"^1.2.0\",\n \"grunt-contrib-concat\": \"^1.0.0\",\n \"grunt-contrib-copy\": \"^1.0.0\",\n \"grunt-contrib-uglify\": \"^1.0.1\",\n \"grunt-contrib-watch\": \"^1.0.0\",\n \"grunt-conventional-changelog\": \"^6.1.0\",\n \"grunt-ddescribe-iit\": \"0.0.6\",\n \"grunt-eslint\": \"^17.3.1\",\n \"grunt-html2js\": \"^0.3.0\",\n \"grunt-karma\": \"^0.12.0\",\n \"jasmine-core\": \"^2.2.0\",\n \"karma\": \"0.13.22\",\n \"karma-chrome-launcher\": \"^0.2.0\",\n \"karma-coverage\": \"^0.5.0\",\n \"karma-firefox-launcher\": \"^0.1.4\",\n \"karma-jasmine\": \"^0.3.5\",\n \"load-grunt-tasks\": \"^3.3.0\",\n \"lodash\": \"^4.1.0\",\n \"marked\": \"^0.3.5\",\n \"node-static\": \"^0.7.8\",\n \"semver\": \"^5.0.1\",\n \"shelljs\": \"^0.6.0\"\n },\n \"license\": \"MIT\"\n}\n"
},
{
"path": "src/accordion/accordion.js",
"content": "angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse', 'ui.bootstrap.tabindex'])\n\n.constant('uibAccordionConfig', {\n closeOthers: true\n})\n\n.controller('UibAccordionController', ['$scope', '$attrs', 'uibAccordionConfig', function($scope, $attrs, accordionConfig) {\n // This array keeps track of the accordion groups\n this.groups = [];\n\n // Ensure that all the groups in this accordion are closed, unless close-others explicitly says not to\n this.closeOthers = function(openGroup) {\n var closeOthers = angular.isDefined($attrs.closeOthers) ?\n $scope.$eval($attrs.closeOthers) : accordionConfig.closeOthers;\n if (closeOthers) {\n angular.forEach(this.groups, function(group) {\n if (group !== openGroup) {\n group.isOpen = false;\n }\n });\n }\n };\n\n // This is called from the accordion-group directive to add itself to the accordion\n this.addGroup = function(groupScope) {\n var that = this;\n this.groups.push(groupScope);\n\n groupScope.$on('$destroy', function(event) {\n that.removeGroup(groupScope);\n });\n };\n\n // This is called from the accordion-group directive when to remove itself\n this.removeGroup = function(group) {\n var index = this.groups.indexOf(group);\n if (index !== -1) {\n this.groups.splice(index, 1);\n }\n };\n}])\n\n// The accordion directive simply sets up the directive controller\n// and adds an accordion CSS class to itself element.\n.directive('uibAccordion', function() {\n return {\n controller: 'UibAccordionController',\n controllerAs: 'accordion',\n transclude: true,\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/accordion/accordion.html';\n }\n };\n})\n\n// The accordion-group directive indicates a block of html that will expand and collapse in an accordion\n.directive('uibAccordionGroup', function() {\n return {\n require: '^uibAccordion', // We need this directive to be inside an accordion\n transclude: true, // It transcludes the contents of the directive into the template\n restrict: 'A',\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/accordion/accordion-group.html';\n },\n scope: {\n heading: '@', // Interpolate the heading attribute onto this scope\n panelClass: '@?', // Ditto with panelClass\n isOpen: '=?',\n isDisabled: '=?'\n },\n controller: function() {\n this.setHeading = function(element) {\n this.heading = element;\n };\n },\n link: function(scope, element, attrs, accordionCtrl) {\n element.addClass('panel');\n accordionCtrl.addGroup(scope);\n\n scope.openClass = attrs.openClass || 'panel-open';\n scope.panelClass = attrs.panelClass || 'panel-default';\n scope.$watch('isOpen', function(value) {\n element.toggleClass(scope.openClass, !!value);\n if (value) {\n accordionCtrl.closeOthers(scope);\n }\n });\n\n scope.toggleOpen = function($event) {\n if (!scope.isDisabled) {\n if (!$event || $event.which === 32) {\n scope.isOpen = !scope.isOpen;\n }\n }\n };\n\n var id = 'accordiongroup-' + scope.$id + '-' + Math.floor(Math.random() * 10000);\n scope.headingId = id + '-tab';\n scope.panelId = id + '-panel';\n }\n };\n})\n\n// Use accordion-heading below an accordion-group to provide a heading containing HTML\n.directive('uibAccordionHeading', function() {\n return {\n transclude: true, // Grab the contents to be used as the heading\n template: '', // In effect remove this element!\n replace: true,\n require: '^uibAccordionGroup',\n link: function(scope, element, attrs, accordionGroupCtrl, transclude) {\n // Pass the heading to the accordion-group controller\n // so that it can be transcluded into the right place in the template\n // [The second parameter to transclude causes the elements to be cloned so that they work in ng-repeat]\n accordionGroupCtrl.setHeading(transclude(scope, angular.noop));\n }\n };\n})\n\n// Use in the accordion-group template to indicate where you want the heading to be transcluded\n// You must provide the property on the accordion-group controller that will hold the transcluded element\n.directive('uibAccordionTransclude', function() {\n return {\n require: '^uibAccordionGroup',\n link: function(scope, element, attrs, controller) {\n scope.$watch(function() { return controller[attrs.uibAccordionTransclude]; }, function(heading) {\n if (heading) {\n var elem = angular.element(element[0].querySelector(getHeaderSelectors()));\n elem.html('');\n elem.append(heading);\n }\n });\n }\n };\n\n function getHeaderSelectors() {\n return 'uib-accordion-header,' +\n 'data-uib-accordion-header,' +\n 'x-uib-accordion-header,' +\n 'uib\\\\:accordion-header,' +\n '[uib-accordion-header],' +\n '[data-uib-accordion-header],' +\n '[x-uib-accordion-header]';\n }\n});\n"
},
{
"path": "src/accordion/docs/demo.html",
"content": "\n \n\n
\n Toggle last panel \n Enable / Disable first panel \n
\n\n
\n \n \n
\n
\n \n This content is straight in the template.\n
\n \n {{group.content}}\n
\n \n
The body of the uib-accordion group grows to fit the contents
\n
Add Item \n
{{item}}
\n
\n Hello\n
\n \n \n Custom template with custom header template \n World\n
\n \n
Please, to delete your account, click the button below
\n
Delete \n
\n \n I can have markup, too! \n This is just some content to illustrate fancy headings.\n
\n \n
$ \n C \n _(Default: `true`)_ -\n Control whether expanding an item will cause the other items to close.\n\n* `template-url`\n _(Default: `template/accordion/accordion.html`)_ -\n Add the ability to override the template used on the component.\n\n### uib-accordion-group settings\n\n* `heading`\n _(Default: `none`)_ -\n The clickable text on the group's header. You need one to be able to click on the header for toggling.\n\n* `is-disabled`\n $ \n $ \n
`).\n\n### Known issues\n\nTo use clickable elements within the accordion, you have to override the accordion-group template to use div elements instead of anchor elements, and add `cursor: pointer` in your CSS. This is due to browsers interpreting anchor elements as the target of any click event, which triggers routing when certain elements such as buttons are nested inside the anchor element.\n\nIf custom classes on the accordion-group element are desired, one needs to either modify the template to remove the `ng-class` usage in the accordion-group template and use ng-class on the accordion-group element (not recommended), or use an interpolated expression in the class attribute, i.e. `{{accordion.text}}
');\n\n element = $compile('foo
');\n });\n\n it('should allow custom templates', function() {\n $templateCache.put('foo/bar.html', 'baz
');\n\n element = $compile('baz
');\n });\n });\n\n describe('uib-accordion-group', function() {\n var scope, $compile;\n var element, groups;\n var findGroupHeading = function(index) {\n return groups.eq(index).find('.panel-heading').eq(0);\n };\n var findGroupLink = function(index) {\n return groups.eq(index).find('.accordion-toggle').eq(0);\n };\n var findGroupBody = function(index) {\n return groups.eq(index).find('.panel-collapse').eq(0);\n };\n\n beforeEach(inject(function(_$rootScope_, _$compile_) {\n scope = _$rootScope_;\n $compile = _$compile_;\n }));\n\n it('should allow custom templates', inject(function($templateCache) {\n $templateCache.put('foo/bar.html', 'baz
');\n\n var tpl =\n '' +\n '
' +\n ' ';\n\n element = $compile(tpl)(scope);\n scope.$digest();\n expect(element.find('[template-url]').html()).toBe('baz
');\n }));\n\n describe('with static panels', function() {\n beforeEach(function() {\n spyOn(Math, 'random').and.returnValue(0.1);\n var tpl =\n '' +\n 'Content 1
' +\n 'Content 2
' +\n ' ';\n element = angular.element(tpl);\n $compile(element)(scope);\n scope.$digest();\n groups = element.find('.panel');\n });\n\n afterEach(function() {\n element.remove();\n });\n\n it('should create accordion panels with content', function() {\n expect(groups.length).toEqual(2);\n expect(findGroupLink(0).text()).toEqual('title 1');\n expect(findGroupBody(0).text().trim()).toEqual('Content 1');\n expect(findGroupLink(1).text()).toEqual('title 2');\n expect(findGroupBody(1).text().trim()).toEqual('Content 2');\n });\n\n it('should change selected element on click', function() {\n findGroupLink(0).click();\n scope.$digest();\n expect(findGroupBody(0).scope().isOpen).toBe(true);\n expect(findGroupHeading(0).html()).toContain('aria-expanded=\"true\"');\n\n findGroupLink(1).click();\n scope.$digest();\n expect(findGroupBody(0).scope().isOpen).toBe(false);\n expect(findGroupHeading(0).html()).toContain('aria-expanded=\"false\"');\n expect(findGroupBody(1).scope().isOpen).toBe(true);\n expect(findGroupHeading(1).html()).toContain('aria-expanded=\"true\"');\n });\n\n it('should toggle element on click', function() {\n findGroupLink(0).click();\n scope.$digest();\n expect(findGroupBody(0).scope().isOpen).toBe(true);\n expect(groups.eq(0).html()).toContain('aria-hidden=\"false\"');\n\n findGroupLink(0).click();\n scope.$digest();\n expect(findGroupBody(0).scope().isOpen).toBe(false);\n expect(groups.eq(0).html()).toContain('aria-hidden=\"true\"');\n });\n\n it('should add, by default, \"panel-open\" when opened', function() {\n var group = groups.eq(0);\n findGroupLink(0).click();\n scope.$digest();\n expect(group).toHaveClass('panel-open');\n\n findGroupLink(0).click();\n scope.$digest();\n expect(group).not.toHaveClass('panel-open');\n });\n\n it('should toggle element on spacebar when focused', function() {\n var group = groups.eq(0);\n findGroupLink(0)[0].focus();\n var e = $.Event('keypress');\n e.which = 32;\n findGroupLink(0).trigger(e);\n\n expect(group).toHaveClass('panel-open');\n\n e = $.Event('keypress');\n e.which = 32;\n findGroupLink(0).trigger(e);\n\n expect(group).not.toHaveClass('panel-open');\n });\n\n it('should not toggle with any other keyCode', function() {\n var group = groups.eq(0);\n findGroupLink(0)[0].focus();\n var e = $.Event('keypress');\n e.which = 65;\n findGroupLink(0).trigger(e);\n\n expect(group).not.toHaveClass('panel-open');\n });\n\n it('should generate an Id for the heading', function() {\n var groupScope = findGroupBody(0).scope();\n expect(groupScope.headingId).toEqual('accordiongroup-' + groupScope.$id + '-1000-tab');\n });\n\n it('should generate an Id for the panel', function() {\n var groupScope = findGroupBody(0).scope();\n expect(groupScope.panelId).toEqual('accordiongroup-' + groupScope.$id + '-1000-panel');\n });\n });\n\n describe('with open-class attribute', function() {\n beforeEach(function() {\n var tpl =\n '' +\n 'Content 1
' +\n 'Content 2
' +\n ' ';\n element = angular.element(tpl);\n $compile(element)(scope);\n scope.$digest();\n groups = element.find('.panel');\n });\n\n afterEach(function() {\n element.remove();\n });\n\n it('should add custom-open-class when opened', function() {\n var group = groups.eq(0);\n findGroupLink(0).click();\n scope.$digest();\n expect(group).toHaveClass('custom-open-class');\n\n findGroupLink(0).click();\n scope.$digest();\n expect(group).not.toHaveClass('custom-open-class');\n });\n });\n\n describe('with dynamic panels', function() {\n var model;\n beforeEach(function() {\n var tpl =\n '' +\n '{{group.content}}
' +\n ' ';\n element = angular.element(tpl);\n model = [\n {name: 'title 1', content: 'Content 1'},\n {name: 'title 2', content: 'Content 2'}\n ];\n\n $compile(element)(scope);\n scope.$digest();\n });\n\n it('should have no panels initially', function() {\n groups = element.find('.panel');\n expect(groups.length).toEqual(0);\n });\n\n it('should have a panel for each model item', function() {\n scope.groups = model;\n scope.$digest();\n groups = element.find('.panel');\n expect(groups.length).toEqual(2);\n expect(findGroupLink(0).text()).toEqual('title 1');\n expect(findGroupBody(0).text().trim()).toEqual('Content 1');\n expect(findGroupLink(1).text()).toEqual('title 2');\n expect(findGroupBody(1).text().trim()).toEqual('Content 2');\n });\n\n it('should react properly on removing items from the model', function() {\n scope.groups = model;\n scope.$digest();\n groups = element.find('.panel');\n expect(groups.length).toEqual(2);\n\n scope.groups.splice(0,1);\n scope.$digest();\n groups = element.find('.panel');\n expect(groups.length).toEqual(1);\n });\n });\n\n describe('is-open attribute', function() {\n beforeEach(function() {\n var tpl =\n '' +\n 'Content 1
' +\n 'Content 2
' +\n ' ';\n element = angular.element(tpl);\n scope.open = { first: false, second: true };\n $compile(element)(scope);\n scope.$digest();\n groups = element.find('.panel');\n });\n\n it('should open the panel with isOpen set to true', function() {\n expect(findGroupBody(0).scope().isOpen).toBe(false);\n expect(findGroupBody(1).scope().isOpen).toBe(true);\n });\n\n it('should toggle variable on element click', function() {\n findGroupLink(0).click();\n scope.$digest();\n expect(scope.open.first).toBe(true);\n\n findGroupLink(0).click();\n scope.$digest();\n expect(scope.open.second).toBe(false);\n });\n });\n\n describe('is-open attribute with dynamic content', function() {\n beforeEach(function() {\n var tpl =\n '' +\n '' +\n 'Static content
' +\n ' ';\n element = angular.element(tpl);\n scope.items = ['Item 1', 'Item 2', 'Item 3'];\n scope.open1 = true;\n scope.open2 = false;\n angular.element(document.body).append(element);\n $compile(element)(scope);\n scope.$digest();\n $animate.flush();\n groups = element.find('.panel');\n });\n\n afterEach(function() {\n element.remove();\n });\n\n it('should have visible panel body when the group with isOpen set to true', function() {\n expect(findGroupBody(0)).toHaveClass('in');\n expect(findGroupBody(1)).not.toHaveClass('in');\n });\n });\n\n describe('is-open attribute with dynamic groups', function() {\n beforeEach(function() {\n var tpl =\n '' +\n '{{group.content}}
' +\n ' ';\n element = angular.element(tpl);\n scope.groups = [\n {name: 'title 1', content: 'Content 1', open: false},\n {name: 'title 2', content: 'Content 2', open: true}\n ];\n $compile(element)(scope);\n scope.$digest();\n\n groups = element.find('.panel');\n });\n\n it('should have visible group body when the group with isOpen set to true', function() {\n expect(findGroupBody(0).scope().isOpen).toBe(false);\n expect(findGroupBody(1).scope().isOpen).toBe(true);\n });\n\n it('should toggle element on click', function() {\n findGroupLink(0).click();\n scope.$digest();\n expect(findGroupBody(0).scope().isOpen).toBe(true);\n expect(scope.groups[0].open).toBe(true);\n\n findGroupLink(0).click();\n scope.$digest();\n expect(findGroupBody(0).scope().isOpen).toBe(false);\n expect(scope.groups[0].open).toBe(false);\n });\n });\n\n describe('is-open attribute with custom class', function() {\n beforeEach(function() {\n var tpl =\n '' +\n '{{group.content}}
' +\n ' ';\n element = angular.element(tpl);\n scope.groups = [\n {name: 'title 1', content: 'Content 1', open: false},\n {name: 'title 2', content: 'Content 2', open: true}\n ];\n $compile(element)(scope);\n scope.$digest();\n\n groups = element.find('.panel');\n });\n\n it('should add \"panel-open\" class', function(){\n expect(groups.eq(0)).not.toHaveClass('panel-open');\n expect(groups.eq(1)).toHaveClass('panel-open');\n });\n });\n\n describe('`is-disabled` attribute', function() {\n var groupBody;\n beforeEach(function() {\n var tpl =\n '' +\n 'Content 1
' +\n ' ';\n element = angular.element(tpl);\n scope.disabled = true;\n $compile(element)(scope);\n scope.$digest();\n groups = element.find('.panel');\n groupBody = findGroupBody(0);\n });\n\n it('should open the panel with isOpen set to true', function() {\n expect(groupBody.scope().isOpen).toBeFalsy();\n });\n\n it('should not toggle if disabled', function() {\n findGroupLink(0).click();\n scope.$digest();\n expect(groupBody.scope().isOpen).toBeFalsy();\n });\n\n it('should toggle after enabling', function() {\n scope.disabled = false;\n scope.$digest();\n expect(groupBody.scope().isOpen).toBeFalsy();\n\n findGroupLink(0).click();\n scope.$digest();\n expect(groupBody.scope().isOpen).toBeTruthy();\n });\n\n it('should have text-muted styling', function() {\n expect(findGroupLink(0).find('span:first')).toHaveClass('text-muted');\n });\n });\n\n // This is re-used in both the uib-accordion-heading element and the uib-accordion-heading attribute tests\n function isDisabledStyleCheck() {\n var tpl =\n '' +\n '' +\n 'Heading Element {{x}} ' +\n 'Body' +\n '
' +\n ' ';\n scope.disabled = true;\n element = $compile(tpl)(scope);\n scope.$digest();\n groups = element.find('.panel');\n\n expect(findGroupLink(0).find('span').hasClass('text-muted')).toBe(true);\n }\n\n describe('uib-accordion-heading element', function() {\n beforeEach(function() {\n var tpl =\n '' +\n '' +\n 'Heading Element {{x}} ' +\n 'Body' +\n '
' +\n ' ';\n element = $compile(tpl)(scope);\n scope.$digest();\n groups = element.find('.panel');\n });\n\n it('transcludes the content into the heading link', function() {\n expect(findGroupLink(0).text()).toBe('Heading Element 123 ');\n });\n\n it('attaches the same scope to the transcluded heading and body', function() {\n expect(findGroupLink(0).scope().$id).toBe(findGroupBody(0).scope().$id);\n });\n\n it('should wrap the transcluded content in a span', function() {\n expect(findGroupLink(0).find('span:first').length).toEqual(1);\n });\n\n it('should have disabled styling when is-disabled is true', isDisabledStyleCheck);\n });\n\n describe('uib-accordion-heading attribute', function() {\n beforeEach(function() {\n var tpl =\n '' +\n '' +\n '
Heading Element {{x}}
' +\n 'Body' +\n '
';\n element = $compile(tpl)(scope);\n scope.$digest();\n groups = element.find('.panel');\n });\n\n it('transcludes the content into the heading link', function() {\n expect(findGroupLink(0).text()).toBe('Heading Element 123 ');\n });\n\n it('attaches the same scope to the transcluded heading and body', function() {\n expect(findGroupLink(0).scope().$id).toBe(findGroupBody(0).scope().$id);\n });\n\n it('should have disabled styling when is-disabled is true', isDisabledStyleCheck);\n });\n\n describe('uib-accordion-heading, with repeating uib-accordion-groups', function() {\n it('should clone the uib-accordion-heading for each group', function() {\n element = $compile('{{x}}
baz
\n \n\n
{{alert.msg}}
\n
A happy alert!
\n
Add Alert \n
$ -\n A callback function that gets fired when an `alert` is closed. If the attribute exists, a close button is displayed as well.\n\n* `dismiss-on-timeout`\n _(Default: `none`)_ -\n Takes the number of milliseconds that specify the timeout duration, after which the alert will be closed. This attribute requires the presence of the `close` attribute.\n\n* `template-url`\n _(Default: `uib/template/alert/alert.html`)_ -\n Add the ability to override the template used in the component.\n"
},
{
"path": "src/alert/index.js",
"content": "require('../../template/alert/alert.html.js');\nrequire('./alert');\n\nvar MODULE_NAME = 'ui.bootstrap.module.alert';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.alert', 'uib/template/alert/alert.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/alert/test/alert.spec.js",
"content": "describe('uib-alert', function() {\n var element, scope, $compile, $templateCache, $timeout;\n\n beforeEach(module('ui.bootstrap.alert'));\n beforeEach(module('uib/template/alert/alert.html'));\n\n beforeEach(inject(function($rootScope, _$compile_, _$templateCache_, _$timeout_) {\n scope = $rootScope;\n $compile = _$compile_;\n $templateCache = _$templateCache_;\n $timeout = _$timeout_;\n\n element = angular.element(\n '' +\n '
{{alert.msg}}' +\n '
' +\n '
{{alert.text}}
');\n\n element = $compile('
')(scope);\n scope.$digest();\n\n var ctrl = element.controller('uib-alert');\n expect(ctrl).toBeDefined();\n\n ctrl.text = 'foo';\n scope.$digest();\n\n expect(element.html()).toBe('foo
');\n });\n\n it('should support custom templates', function() {\n $templateCache.put('foo/bar.html', 'baz
');\n\n element = $compile('
')(scope);\n scope.$digest();\n\n expect(element.html()).toBe('baz
');\n });\n\n it('should generate alerts using ng-repeat', function() {\n var alerts = createAlerts();\n expect(alerts.length).toEqual(3);\n });\n\n it('should show the alert content', function() {\n var alerts = createAlerts();\n\n for (var i = 0, n = alerts.length; i < n; i++) {\n expect(findContent(i).text()).toBe(scope.alerts[i].msg);\n }\n });\n\n it('should show close buttons and have the dismissible class', function() {\n var alerts = createAlerts();\n\n for (var i = 0, n = alerts.length; i < n; i++) {\n expect(findCloseButton(i).css('display')).not.toBe('none');\n expect(alerts.eq(i)).toHaveClass('alert-dismissible');\n }\n });\n\n it('should fire callback when closed', function() {\n var alerts = createAlerts();\n\n scope.$apply(function() {\n scope.removeAlert = jasmine.createSpy();\n });\n\n expect(findCloseButton(0).css('display')).not.toBe('none');\n findCloseButton(1).click();\n\n expect(scope.removeAlert).toHaveBeenCalledWith(1);\n });\n\n it('should not show close button and have the dismissible class if no close callback specified', function() {\n element = $compile('No close
')(scope);\n scope.$digest();\n expect(findCloseButton(0)).toBeHidden();\n expect(element).not.toHaveClass('alert-dismissible');\n });\n\n it('should close automatically if dismiss-on-timeout is defined on the element', function() {\n scope.removeAlert = jasmine.createSpy();\n $compile('Default alert!
')(scope);\n scope.$digest();\n\n $timeout.flush();\n expect(scope.removeAlert).toHaveBeenCalled();\n });\n\n it('should not close immediately with a dynamic dismiss-on-timeout', function() {\n scope.removeAlert = jasmine.createSpy();\n scope.dismissTime = 500;\n $compile('Default alert!
')(scope);\n scope.$digest();\n\n $timeout.flush(100);\n expect(scope.removeAlert).not.toHaveBeenCalled();\n\n $timeout.flush(500);\n expect(scope.removeAlert).toHaveBeenCalled();\n });\n});\n"
},
{
"path": "src/buttons/buttons.js",
"content": "angular.module('ui.bootstrap.buttons', [])\n\n.constant('uibButtonConfig', {\n activeClass: 'active',\n toggleEvent: 'click'\n})\n\n.controller('UibButtonsController', ['uibButtonConfig', function(buttonConfig) {\n this.activeClass = buttonConfig.activeClass || 'active';\n this.toggleEvent = buttonConfig.toggleEvent || 'click';\n}])\n\n.directive('uibBtnRadio', ['$parse', function($parse) {\n return {\n require: ['uibBtnRadio', 'ngModel'],\n controller: 'UibButtonsController',\n controllerAs: 'buttons',\n link: function(scope, element, attrs, ctrls) {\n var buttonsCtrl = ctrls[0], ngModelCtrl = ctrls[1];\n var uncheckableExpr = $parse(attrs.uibUncheckable);\n\n element.find('input').css({display: 'none'});\n\n //model -> UI\n ngModelCtrl.$render = function() {\n element.toggleClass(buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.uibBtnRadio)));\n };\n\n //ui->model\n element.on(buttonsCtrl.toggleEvent, function() {\n if (attrs.disabled) {\n return;\n }\n\n var isActive = element.hasClass(buttonsCtrl.activeClass);\n\n if (!isActive || angular.isDefined(attrs.uncheckable)) {\n scope.$apply(function() {\n ngModelCtrl.$setViewValue(isActive ? null : scope.$eval(attrs.uibBtnRadio));\n ngModelCtrl.$render();\n });\n }\n });\n\n if (attrs.uibUncheckable) {\n scope.$watch(uncheckableExpr, function(uncheckable) {\n attrs.$set('uncheckable', uncheckable ? '' : undefined);\n });\n }\n }\n };\n}])\n\n.directive('uibBtnCheckbox', function() {\n return {\n require: ['uibBtnCheckbox', 'ngModel'],\n controller: 'UibButtonsController',\n controllerAs: 'button',\n link: function(scope, element, attrs, ctrls) {\n var buttonsCtrl = ctrls[0], ngModelCtrl = ctrls[1];\n\n element.find('input').css({display: 'none'});\n\n function getTrueValue() {\n return getCheckboxValue(attrs.btnCheckboxTrue, true);\n }\n\n function getFalseValue() {\n return getCheckboxValue(attrs.btnCheckboxFalse, false);\n }\n\n function getCheckboxValue(attribute, defaultValue) {\n return angular.isDefined(attribute) ? scope.$eval(attribute) : defaultValue;\n }\n\n //model -> UI\n ngModelCtrl.$render = function() {\n element.toggleClass(buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, getTrueValue()));\n };\n\n //ui->model\n element.on(buttonsCtrl.toggleEvent, function() {\n if (attrs.disabled) {\n return;\n }\n\n scope.$apply(function() {\n ngModelCtrl.$setViewValue(element.hasClass(buttonsCtrl.activeClass) ? getFalseValue() : getTrueValue());\n ngModelCtrl.$render();\n });\n });\n }\n };\n});\n"
},
{
"path": "src/buttons/docs/demo.html",
"content": "\n
Single toggle \n
{{singleModel}} \n
\n Single Toggle\n \n
Checkbox \n
Model: {{checkModel}} \n
Results: {{checkResults}} \n
\n Left \n Middle \n Right \n
\n
Radio & Uncheckable Radio \n
{{radioModel || 'null'}} \n
\n Left \n Middle \n Right \n
\n
\n Left \n Middle \n Right \n
\n
\n \n Toggle uncheckable\n \n
\n
$ \n $ \n $ \n Value to assign to the `ng-model` if we check this radio button.\n\n* `uib-uncheckable`\n $ \n _(Default: `null`)_ -\n An expression that evaluates to a truthy or falsy value that determines whether the `uncheckable` attribute is present.\n \n* `uncheckable`\n B -\n Whether a radio button can be unchecked or not.\n \n### Additional settings `uibButtonConfig`\n\n* `activeClass`\n _(Default: `active`)_ -\n Class to apply to the checked buttons.\n \n* `toggleEvent`\n _(Default: `click`)_ -\n Event used to toggle the buttons.\n\n### Known issues\n\nTo use tooltips or popovers on elements within a `btn-group`, set the tooltip/popover `appendToBody` option to `true`. This is due to Bootstrap CSS styling. See [here](http://getbootstrap.com/components/#btn-groups) for more information.\n"
},
{
"path": "src/buttons/index.js",
"content": "require('./buttons');\n\nvar MODULE_NAME = 'ui.bootstrap.module.buttons';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.buttons']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/buttons/test/buttons.spec.js",
"content": "describe('buttons', function() {\n\n var $scope, $compile;\n\n beforeEach(module('ui.bootstrap.buttons'));\n beforeEach(inject(function(_$rootScope_, _$compile_) {\n $scope = _$rootScope_;\n $compile = _$compile_;\n }));\n\n describe('checkbox', function() {\n var compileButton = function(markup, scope) {\n var el = $compile(markup)(scope);\n scope.$digest();\n return el;\n };\n\n it('should expose the controller to the view', inject(function($templateCache) {\n var btn = compileButton('{{button.text}} ', $scope);\n var ctrl = btn.controller('uibBtnCheckbox');\n expect(ctrl).toBeDefined();\n\n ctrl.text = 'foo';\n $scope.$digest();\n\n expect(btn.html()).toBe('foo');\n }));\n\n //model -> UI\n it('should work correctly with default model values', function() {\n $scope.model = false;\n var btn = compileButton('click ', $scope);\n expect(btn).not.toHaveClass('active');\n\n $scope.model = true;\n $scope.$digest();\n expect(btn).toHaveClass('active');\n });\n\n it('should bind custom model values', function() {\n $scope.model = 1;\n var btn = compileButton('click ', $scope);\n expect(btn).toHaveClass('active');\n\n $scope.model = 0;\n $scope.$digest();\n expect(btn).not.toHaveClass('active');\n });\n\n //UI-> model\n it('should toggle default model values on click', function() {\n $scope.model = false;\n var btn = compileButton('click ', $scope);\n\n btn.click();\n expect($scope.model).toEqual(true);\n expect(btn).toHaveClass('active');\n\n btn.click();\n expect($scope.model).toEqual(false);\n expect(btn).not.toHaveClass('active');\n });\n\n it('should toggle custom model values on click', function() {\n $scope.model = 0;\n var btn = compileButton('click ', $scope);\n\n btn.click();\n expect($scope.model).toEqual(1);\n expect(btn).toHaveClass('active');\n\n btn.click();\n expect($scope.model).toEqual(0);\n expect(btn).not.toHaveClass('active');\n });\n\n it('should monitor true / false value changes - issue 666', function() {\n\n $scope.model = 1;\n $scope.trueVal = 1;\n var btn = compileButton('click ', $scope);\n\n expect(btn).toHaveClass('active');\n expect($scope.model).toEqual(1);\n\n $scope.model = 2;\n $scope.trueVal = 2;\n $scope.$digest();\n\n expect(btn).toHaveClass('active');\n expect($scope.model).toEqual(2);\n });\n\n it('should not toggle when disabled - issue 4013', function() {\n $scope.model = 1;\n $scope.falseVal = 0;\n var btn = compileButton('click ', $scope);\n\n expect(btn).not.toHaveClass('active');\n expect($scope.model).toEqual(1);\n\n btn.click();\n\n expect(btn).not.toHaveClass('active');\n\n $scope.$digest();\n\n expect(btn).not.toHaveClass('active');\n });\n\n describe('setting buttonConfig', function() {\n var uibButtonConfig, originalActiveClass, originalToggleEvent;\n\n beforeEach(inject(function(_uibButtonConfig_) {\n uibButtonConfig = _uibButtonConfig_;\n originalActiveClass = uibButtonConfig.activeClass;\n originalToggleEvent = uibButtonConfig.toggleEvent;\n uibButtonConfig.activeClass = false;\n uibButtonConfig.toggleEvent = false;\n }));\n\n afterEach(function() {\n // return it to the original value\n uibButtonConfig.activeClass = originalActiveClass;\n uibButtonConfig.toggleEvent = originalToggleEvent;\n });\n\n it('should use default config when buttonConfig.activeClass and buttonConfig.toggleEvent is false', function() {\n $scope.model = false;\n var btn = compileButton('click ', $scope);\n expect(btn).not.toHaveClass('active');\n\n $scope.model = true;\n $scope.$digest();\n expect(btn).toHaveClass('active');\n });\n\n it('should be able to use a different active class', function() {\n uibButtonConfig.activeClass = 'foo';\n $scope.model = false;\n var btn = compileButton('click ', $scope);\n expect(btn).not.toHaveClass('foo');\n\n $scope.model = true;\n $scope.$digest();\n expect(btn).toHaveClass('foo');\n });\n\n it('should be able to use a different toggle event', function() {\n uibButtonConfig.toggleEvent = 'mouseenter';\n $scope.model = false;\n var btn = compileButton('click ', $scope);\n expect(btn).not.toHaveClass('active');\n\n btn.trigger('mouseenter');\n\n $scope.$digest();\n expect(btn).toHaveClass('active');\n });\n });\n\n });\n\n describe('radio', function() {\n var compileButtons = function(markup, scope) {\n var el = $compile(''+markup+'
')(scope);\n scope.$digest();\n return el.find('button');\n };\n\n it('should expose the controller to the view', inject(function($templateCache) {\n var btn = compileButtons('{{buttons.text}} ', $scope);\n var ctrl = btn.controller('uibBtnRadio');\n expect(ctrl).toBeDefined();\n\n ctrl.text = 'foo';\n $scope.$digest();\n\n expect(btn.html()).toBe('foo');\n }));\n\n //model -> UI\n it('should set active class based on model', function() {\n var btns = compileButtons('click1 click2 ', $scope);\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n $scope.model = 2;\n $scope.$digest();\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).toHaveClass('active');\n });\n\n //UI->model\n it('should set active class via click', function() {\n var btns = compileButtons('click1 click2 ', $scope);\n expect($scope.model).toBeUndefined();\n\n btns.eq(0).click();\n expect($scope.model).toEqual(1);\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n btns.eq(1).click();\n expect($scope.model).toEqual(2);\n expect(btns.eq(1)).toHaveClass('active');\n expect(btns.eq(0)).not.toHaveClass('active');\n });\n\n it('should watch uib-btn-radio values and update state accordingly', function() {\n $scope.values = ['value1', 'value2'];\n\n var btns = compileButtons('click1 click2 ', $scope);\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n $scope.model = 'value2';\n $scope.$digest();\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).toHaveClass('active');\n\n $scope.values[1] = 'value3';\n $scope.model = 'value3';\n $scope.$digest();\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).toHaveClass('active');\n });\n\n it('should do nothing when clicking an active radio', function() {\n $scope.model = 1;\n var btns = compileButtons('click1 click2 ', $scope);\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n btns.eq(0).click();\n $scope.$digest();\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n });\n\n it('should not toggle when disabled - issue 4013', function() {\n $scope.model = 1;\n var btns = compileButtons('click1 click2 ', $scope);\n\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n btns.eq(1).click();\n\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n $scope.$digest();\n\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n });\n\n it('should handle string values in uib-btn-radio value', function() {\n $scope.model = 'Two';\n var btns = compileButtons('click1 click2 ', $scope);\n\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).toHaveClass('active');\n\n btns.eq(0).click();\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n expect($scope.model).toEqual('One');\n\n $scope.$digest();\n\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n expect($scope.model).toEqual('One');\n });\n\n describe('uncheckable', function() {\n //model -> UI\n it('should set active class based on model', function() {\n var btns = compileButtons('click1 click2 ', $scope);\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n $scope.model = 2;\n $scope.$digest();\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).toHaveClass('active');\n });\n\n //UI->model\n it('should unset active class via click', function() {\n var btns = compileButtons('click1 click2 ', $scope);\n expect($scope.model).toBeUndefined();\n\n btns.eq(0).click();\n expect($scope.model).toEqual(1);\n expect(btns.eq(0)).toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n btns.eq(0).click();\n expect($scope.model).toBeNull();\n expect(btns.eq(1)).not.toHaveClass('active');\n expect(btns.eq(0)).not.toHaveClass('active');\n });\n\n it('should watch uib-btn-radio values and update state', function() {\n $scope.values = ['value1', 'value2'];\n\n var btns = compileButtons('click1 click2 ', $scope);\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n\n $scope.model = 'value2';\n $scope.$digest();\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).toHaveClass('active');\n\n $scope.model = undefined;\n $scope.$digest();\n expect(btns.eq(0)).not.toHaveClass('active');\n expect(btns.eq(1)).not.toHaveClass('active');\n });\n });\n\n describe('uibUncheckable', function() {\n it('should set uncheckable', function() {\n $scope.uncheckable = false;\n var btns = compileButtons('click1 click2 ', $scope);\n expect(btns.eq(0).attr('uncheckable')).toBeUndefined();\n expect(btns.eq(1).attr('uncheckable')).toBeUndefined();\n\n expect($scope.model).toBeUndefined();\n\n btns.eq(0).click();\n expect($scope.model).toEqual(1);\n\n btns.eq(0).click();\n expect($scope.model).toEqual(1);\n\n btns.eq(1).click();\n expect($scope.model).toEqual(2);\n\n btns.eq(1).click();\n expect($scope.model).toEqual(2);\n\n $scope.uncheckable = true;\n $scope.$digest();\n expect(btns.eq(0).attr('uncheckable')).toBeUndefined();\n expect(btns.eq(1).attr('uncheckable')).toBeDefined();\n\n btns.eq(0).click();\n expect($scope.model).toEqual(1);\n\n btns.eq(0).click();\n expect($scope.model).toEqual(1);\n\n btns.eq(1).click();\n expect($scope.model).toEqual(2);\n\n btns.eq(1).click();\n expect($scope.model).toBeNull();\n });\n });\n });\n});\n"
},
{
"path": "src/carousel/carousel.css",
"content": ".ng-animate.item:not(.left):not(.right) {\n -webkit-transition: 0s ease-in-out left;\n transition: 0s ease-in-out left\n}"
},
{
"path": "src/carousel/carousel.js",
"content": "angular.module('ui.bootstrap.carousel', [])\n\n.controller('UibCarouselController', ['$scope', '$element', '$interval', '$timeout', '$animate', function($scope, $element, $interval, $timeout, $animate) {\n var self = this,\n slides = self.slides = $scope.slides = [],\n SLIDE_DIRECTION = 'uib-slideDirection',\n currentIndex = $scope.active,\n currentInterval, isPlaying;\n\n var destroyed = false;\n $element.addClass('carousel');\n\n self.addSlide = function(slide, element) {\n slides.push({\n slide: slide,\n element: element\n });\n slides.sort(function(a, b) {\n return +a.slide.index - +b.slide.index;\n });\n //if this is the first slide or the slide is set to active, select it\n if (slide.index === $scope.active || slides.length === 1 && !angular.isNumber($scope.active)) {\n if ($scope.$currentTransition) {\n $scope.$currentTransition = null;\n }\n\n currentIndex = slide.index;\n $scope.active = slide.index;\n setActive(currentIndex);\n self.select(slides[findSlideIndex(slide)]);\n if (slides.length === 1) {\n $scope.play();\n }\n }\n };\n\n self.getCurrentIndex = function() {\n for (var i = 0; i < slides.length; i++) {\n if (slides[i].slide.index === currentIndex) {\n return i;\n }\n }\n };\n\n self.next = $scope.next = function() {\n var newIndex = (self.getCurrentIndex() + 1) % slides.length;\n\n if (newIndex === 0 && $scope.noWrap()) {\n $scope.pause();\n return;\n }\n\n return self.select(slides[newIndex], 'next');\n };\n\n self.prev = $scope.prev = function() {\n var newIndex = self.getCurrentIndex() - 1 < 0 ? slides.length - 1 : self.getCurrentIndex() - 1;\n\n if ($scope.noWrap() && newIndex === slides.length - 1) {\n $scope.pause();\n return;\n }\n\n return self.select(slides[newIndex], 'prev');\n };\n\n self.removeSlide = function(slide) {\n var index = findSlideIndex(slide);\n\n //get the index of the slide inside the carousel\n slides.splice(index, 1);\n if (slides.length > 0 && currentIndex === index) {\n if (index >= slides.length) {\n currentIndex = slides.length - 1;\n $scope.active = currentIndex;\n setActive(currentIndex);\n self.select(slides[slides.length - 1]);\n } else {\n currentIndex = index;\n $scope.active = currentIndex;\n setActive(currentIndex);\n self.select(slides[index]);\n }\n } else if (currentIndex > index) {\n currentIndex--;\n $scope.active = currentIndex;\n }\n\n //clean the active value when no more slide\n if (slides.length === 0) {\n currentIndex = null;\n $scope.active = null;\n }\n };\n\n /* direction: \"prev\" or \"next\" */\n self.select = $scope.select = function(nextSlide, direction) {\n var nextIndex = findSlideIndex(nextSlide.slide);\n //Decide direction if it's not given\n if (direction === undefined) {\n direction = nextIndex > self.getCurrentIndex() ? 'next' : 'prev';\n }\n //Prevent this user-triggered transition from occurring if there is already one in progress\n if (nextSlide.slide.index !== currentIndex &&\n !$scope.$currentTransition) {\n goNext(nextSlide.slide, nextIndex, direction);\n }\n };\n\n /* Allow outside people to call indexOf on slides array */\n $scope.indexOfSlide = function(slide) {\n return +slide.slide.index;\n };\n\n $scope.isActive = function(slide) {\n return $scope.active === slide.slide.index;\n };\n\n $scope.isPrevDisabled = function() {\n return $scope.active === 0 && $scope.noWrap();\n };\n\n $scope.isNextDisabled = function() {\n return $scope.active === slides.length - 1 && $scope.noWrap();\n };\n\n $scope.pause = function() {\n if (!$scope.noPause) {\n isPlaying = false;\n resetTimer();\n }\n };\n\n $scope.play = function() {\n if (!isPlaying) {\n isPlaying = true;\n restartTimer();\n }\n };\n\n $element.on('mouseenter', $scope.pause);\n $element.on('mouseleave', $scope.play);\n\n $scope.$on('$destroy', function() {\n destroyed = true;\n resetTimer();\n });\n\n $scope.$watch('noTransition', function(noTransition) {\n $animate.enabled($element, !noTransition);\n });\n\n $scope.$watch('interval', restartTimer);\n\n $scope.$watchCollection('slides', resetTransition);\n\n $scope.$watch('active', function(index) {\n if (angular.isNumber(index) && currentIndex !== index) {\n for (var i = 0; i < slides.length; i++) {\n if (slides[i].slide.index === index) {\n index = i;\n break;\n }\n }\n\n var slide = slides[index];\n if (slide) {\n setActive(index);\n self.select(slides[index]);\n currentIndex = index;\n }\n }\n });\n\n function getSlideByIndex(index) {\n for (var i = 0, l = slides.length; i < l; ++i) {\n if (slides[i].index === index) {\n return slides[i];\n }\n }\n }\n\n function setActive(index) {\n for (var i = 0; i < slides.length; i++) {\n slides[i].slide.active = i === index;\n }\n }\n\n function goNext(slide, index, direction) {\n if (destroyed) {\n return;\n }\n\n angular.extend(slide, {direction: direction});\n angular.extend(slides[currentIndex].slide || {}, {direction: direction});\n if ($animate.enabled($element) && !$scope.$currentTransition &&\n slides[index].element && self.slides.length > 1) {\n slides[index].element.data(SLIDE_DIRECTION, slide.direction);\n var currentIdx = self.getCurrentIndex();\n\n if (angular.isNumber(currentIdx) && slides[currentIdx].element) {\n slides[currentIdx].element.data(SLIDE_DIRECTION, slide.direction);\n }\n\n $scope.$currentTransition = true;\n $animate.on('addClass', slides[index].element, function(element, phase) {\n if (phase === 'close') {\n $scope.$currentTransition = null;\n $animate.off('addClass', element);\n }\n });\n }\n\n $scope.active = slide.index;\n currentIndex = slide.index;\n setActive(index);\n\n //every time you change slides, reset the timer\n restartTimer();\n }\n\n function findSlideIndex(slide) {\n for (var i = 0; i < slides.length; i++) {\n if (slides[i].slide === slide) {\n return i;\n }\n }\n }\n\n function resetTimer() {\n if (currentInterval) {\n $interval.cancel(currentInterval);\n currentInterval = null;\n }\n }\n\n function resetTransition(slides) {\n if (!slides.length) {\n $scope.$currentTransition = null;\n }\n }\n\n function restartTimer() {\n resetTimer();\n var interval = +$scope.interval;\n if (!isNaN(interval) && interval > 0) {\n currentInterval = $interval(timerFn, interval);\n }\n }\n\n function timerFn() {\n var interval = +$scope.interval;\n if (isPlaying && !isNaN(interval) && interval > 0 && slides.length) {\n $scope.next();\n } else {\n $scope.pause();\n }\n }\n}])\n\n.directive('uibCarousel', function() {\n return {\n transclude: true,\n controller: 'UibCarouselController',\n controllerAs: 'carousel',\n restrict: 'A',\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/carousel/carousel.html';\n },\n scope: {\n active: '=',\n interval: '=',\n noTransition: '=',\n noPause: '=',\n noWrap: '&'\n }\n };\n})\n\n.directive('uibSlide', ['$animate', function($animate) {\n return {\n require: '^uibCarousel',\n restrict: 'A',\n transclude: true,\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/carousel/slide.html';\n },\n scope: {\n actual: '=?',\n index: '=?'\n },\n link: function (scope, element, attrs, carouselCtrl) {\n element.addClass('item');\n carouselCtrl.addSlide(scope, element);\n //when the scope is destroyed then remove the slide from the current slides array\n scope.$on('$destroy', function() {\n carouselCtrl.removeSlide(scope);\n });\n\n scope.$watch('active', function(active) {\n $animate[active ? 'addClass' : 'removeClass'](element, 'active');\n });\n }\n };\n}])\n\n.animation('.item', ['$animateCss',\nfunction($animateCss) {\n var SLIDE_DIRECTION = 'uib-slideDirection';\n\n function removeClass(element, className, callback) {\n element.removeClass(className);\n if (callback) {\n callback();\n }\n }\n\n return {\n beforeAddClass: function(element, className, done) {\n if (className === 'active') {\n var stopped = false;\n var direction = element.data(SLIDE_DIRECTION);\n var directionClass = direction === 'next' ? 'left' : 'right';\n var removeClassFn = removeClass.bind(this, element,\n directionClass + ' ' + direction, done);\n element.addClass(direction);\n\n $animateCss(element, {addClass: directionClass})\n .start()\n .done(removeClassFn);\n\n return function() {\n stopped = true;\n };\n }\n done();\n },\n beforeRemoveClass: function (element, className, done) {\n if (className === 'active') {\n var stopped = false;\n var direction = element.data(SLIDE_DIRECTION);\n var directionClass = direction === 'next' ? 'left' : 'right';\n var removeClassFn = removeClass.bind(this, element, directionClass, done);\n\n $animateCss(element, {addClass: directionClass})\n .start()\n .done(removeClassFn);\n\n return function() {\n stopped = true;\n };\n }\n done();\n }\n };\n}]);\n"
},
{
"path": "src/carousel/docs/README.md",
"content": "Carousel creates a carousel similar to bootstrap's image carousel.\n\nThe carousel also offers support for touchscreen devices in the form of swiping. To enable swiping, load the `ngTouch` module as a dependency.\n\nUse a `` element with `` elements inside it.\n\n### uib-carousel settings\n\n* `active`\n $ \n $ \n $ \n $ \n _(Default: `false`)_ -\n Disables the looping of slides. Setting `no-wrap` to an expression which evaluates to a truthy value will prevent looping.\n\n* `template-url`\n _(Default: `uib/template/carousel/carousel.html`)_ -\n Add the ability to override the template used on the component.\n\n### uib-slide settings\n\n* `actual`\n $ \n $ \n \n
\n
\n
\n
\n
\n
Slide {{slide.id}} \n
{{slide.text}}
\n
\n
\n
\n
\n
\n
\n
Add Slide \n
Randomize slides \n
\n \n \n
\n
\n
\n Interval, in milliseconds:
\n
\n
' +\n '
' +\n '{{slide.content}}' +\n '
' +\n '
foo
');\n\n elm = $compile('
')(scope);\n $rootScope.$digest();\n\n expect(elm.html()).toBe('foo
');\n });\n\n it('should allow overriding of the slide template', function() {\n $templateCache.put('foo/bar.html', 'bar
');\n\n elm = $compile(\n ''\n )(scope);\n $rootScope.$digest();\n\n var slide = elm.find('.slide');\n expect(slide.html()).toBe('bar');\n });\n\n it('should be able to select a slide via model changes', function() {\n testSlideActive(0);\n scope.$apply('active=1');\n testSlideActive(1);\n });\n\n it('should create clickable prev nav button', function() {\n var navPrev = elm.find('a.left');\n var navNext = elm.find('a.right');\n\n expect(navPrev.length).toBe(1);\n expect(navNext.length).toBe(1);\n });\n\n it('should display clickable slide indicators', function () {\n var indicators = elm.find('ol.carousel-indicators > li');\n expect(indicators.length).toBe(3);\n });\n\n it('should stop cycling slides forward when noWrap is truthy', function () {\n elm = $compile(\n '' +\n '
' +\n '{{slide.content}}' +\n '
' +\n '
' +\n '
' +\n '{{slide.content}}' +\n '
' +\n '
' +\n '
' +\n '{{slide.content}}' +\n '
' +\n '
' +\n '
' +\n '{{slide.content}}' +\n '
' +\n '
')});\n for (var i = 0; i < slides.length; i++) {\n ctrl.addSlide(slides[i]);\n }\n });\n\n it('should set first slide to active = true and the rest to false', function() {\n angular.forEach(ctrl.slides, function(slide, i) {\n if (i !== 0) {\n expect(slide.slide.active).not.toBe(true);\n } else {\n expect(slide.slide.active).toBe(true);\n }\n });\n });\n\n it('should add a new slide and not change the active slide', function() {\n var newSlide = {active: false, index: 4};\n expect(ctrl.slides.length).toBe(4);\n ctrl.addSlide(newSlide);\n expect(ctrl.slides.length).toBe(5);\n expect(ctrl.slides[4].slide.active).toBe(false);\n expect(ctrl.slides[0].slide.active).toBe(true);\n });\n\n it('should remove slide and change active slide if needed', function() {\n expect(ctrl.slides.length).toBe(4);\n ctrl.removeSlide(ctrl.slides[0].slide);\n $timeout.flush(0);\n expect(ctrl.slides.length).toBe(3);\n expect(scope.active).toBe(1);\n ctrl.select(ctrl.slides[2]);\n ctrl.removeSlide(ctrl.slides[2].slide);\n $timeout.flush(0);\n expect(ctrl.slides.length).toBe(2);\n expect(scope.active).toBe(2);\n ctrl.removeSlide(ctrl.slides[0].slide);\n $timeout.flush(0);\n expect(ctrl.slides.length).toBe(1);\n expect(scope.active).toBe(1);\n });\n\n it('issue 1414 - should not continue running timers after scope is destroyed', function() {\n spyOn(scope, 'next');\n scope.interval = 2000;\n scope.$digest();\n\n $interval.flush(scope.interval);\n expect(scope.next.calls.count()).toBe(1);\n\n scope.$destroy();\n\n $interval.flush(scope.interval);\n expect(scope.next.calls.count()).toBe(1);\n });\n\n it('should be exposed in the template', inject(function($templateCache) {\n $templateCache.put('uib/template/carousel/carousel.html', '{{carousel.text}}
');\n\n var scope = $rootScope.$new();\n var elm = $compile('
')(scope);\n $rootScope.$digest();\n\n var ctrl = elm.controller('uibCarousel');\n\n expect(ctrl).toBeDefined();\n\n ctrl.text = 'foo';\n $rootScope.$digest();\n\n expect(elm.html()).toBe('foo
');\n }));\n });\n\n it('should expose a custom model in the carousel slide', function() {\n var scope = $rootScope.$new();\n scope.slides = [\n {active:false,content:'one'},\n {active:false,content:'two'},\n {active:false,content:'three'}\n ];\n var elm = $compile(\n '' +\n '
' +\n '{{slide.content}}' +\n '
' +\n '
\n\t
Resize window to less than 768 pixels to display mobile menu toggle button.
\n\t
\n\t\t\n\t\t\n\t \n\t
\n\t
Toggle collapse Vertically \n\t
\n\t
\n\n\t
Toggle collapse Horizontally \n\t
\n\t
\n
$ -\n An optional expression called after the element finished collapsing.\n\n* `collapsing()`\n $ -\n An optional expression called before the element begins collapsing.\n If the expression returns a promise, animation won't start until the promise resolves.\n If the returned promise is rejected, collapsing will be cancelled.\n\n* `expanded()`\n $ -\n An optional expression called after the element finished expanding.\n\n* `expanding()`\n $ -\n An optional expression called before the element begins expanding.\n If the expression returns a promise, animation won't start until the promise resolves.\n If the returned promise is rejected, expanding will be cancelled.\n\n* `uib-collapse`\n $ \n $ -\n An optional attribute that permit to collapse horizontally.\n\n### Known Issues\n\nWhen using the `horizontal` attribute with this directive, CSS can reflow as the collapse element goes from `0px` to its desired end width, which can result in height changes. This can cause animations to not appear to run. The best way around this is to set a fixed height via CSS on the horizontal collapse element so that this situation does not occur, and so the animation can run as expected.\n"
},
{
"path": "src/collapse/index.js",
"content": "require('./collapse');\n\nvar MODULE_NAME = 'ui.bootstrap.module.collapse';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.collapse']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/collapse/test/collapse.spec.js",
"content": "describe('collapse directive', function() {\n var element, compileFn, scope, $compile, $animate, $q;\n\n beforeEach(module('ui.bootstrap.collapse'));\n beforeEach(module('ngAnimateMock'));\n beforeEach(inject(function(_$rootScope_, _$compile_, _$animate_, _$q_) {\n scope = _$rootScope_;\n $compile = _$compile_;\n $animate = _$animate_;\n $q = _$q_;\n }));\n\n beforeEach(function() {\n element = angular.element(\n ''\n + 'Some Content
');\n compileFn = $compile(element);\n angular.element(document.body).append(element);\n });\n\n afterEach(function() {\n element.remove();\n });\n\n function initCallbacks() {\n scope.collapsing = jasmine.createSpy('scope.collapsing');\n scope.collapsed = jasmine.createSpy('scope.collapsed');\n scope.expanding = jasmine.createSpy('scope.expanding');\n scope.expanded = jasmine.createSpy('scope.expanded');\n }\n\n function assertCallbacks(expected) {\n ['collapsing', 'collapsed', 'expanding', 'expanded'].forEach(function(cbName) {\n if (expected[cbName]) {\n expect(scope[cbName]).toHaveBeenCalled();\n } else {\n expect(scope[cbName]).not.toHaveBeenCalled();\n }\n });\n }\n\n it('should be hidden on initialization if isCollapsed = true', function() {\n initCallbacks();\n scope.isCollapsed = true;\n compileFn(scope);\n scope.$digest();\n expect(element.height()).toBe(0);\n assertCallbacks({ collapsed: true });\n });\n\n it('should not trigger any animation on initialization if isCollapsed = true', function() {\n var wrapperFn = function() {\n $animate.flush();\n };\n\n scope.isCollapsed = true;\n compileFn(scope);\n scope.$digest();\n\n expect(wrapperFn).toThrowError(/No pending animations ready to be closed or flushed/);\n });\n\n it('should collapse if isCollapsed = true on subsequent use', function() {\n scope.isCollapsed = false;\n compileFn(scope);\n scope.$digest();\n initCallbacks();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(element.height()).toBe(0);\n assertCallbacks({ collapsing: true, collapsed: true });\n });\n\n it('should show after toggled from collapsed', function() {\n initCallbacks();\n scope.isCollapsed = true;\n compileFn(scope);\n scope.$digest();\n expect(element.height()).toBe(0);\n assertCallbacks({ collapsed: true });\n scope.collapsed.calls.reset();\n\n scope.isCollapsed = false;\n scope.$digest();\n $animate.flush();\n expect(element.height()).not.toBe(0);\n assertCallbacks({ expanding: true, expanded: true });\n });\n\n it('should not trigger any animation on initialization if isCollapsed = false', function() {\n var wrapperFn = function() {\n $animate.flush();\n };\n\n scope.isCollapsed = false;\n compileFn(scope);\n scope.$digest();\n\n expect(wrapperFn).toThrowError(/No pending animations ready to be closed or flushed/);\n });\n\n it('should expand if isCollapsed = false on subsequent use', function() {\n scope.isCollapsed = false;\n compileFn(scope);\n scope.$digest();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n initCallbacks();\n scope.isCollapsed = false;\n scope.$digest();\n $animate.flush();\n expect(element.height()).not.toBe(0);\n assertCallbacks({ expanding: true, expanded: true });\n });\n\n it('should collapse if isCollapsed = true on subsequent uses', function() {\n scope.isCollapsed = false;\n compileFn(scope);\n scope.$digest();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n scope.isCollapsed = false;\n scope.$digest();\n $animate.flush();\n initCallbacks();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(element.height()).toBe(0);\n assertCallbacks({ collapsing: true, collapsed: true });\n });\n\n it('should change aria-expanded attribute', function() {\n scope.isCollapsed = false;\n compileFn(scope);\n scope.$digest();\n expect(element.attr('aria-expanded')).toBe('true');\n\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(element.attr('aria-expanded')).toBe('false');\n });\n\n it('should change aria-hidden attribute', function() {\n scope.isCollapsed = false;\n compileFn(scope);\n scope.$digest();\n expect(element.attr('aria-hidden')).toBe('false');\n\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(element.attr('aria-hidden')).toBe('true');\n });\n\n describe('dynamic content', function() {\n var element;\n\n beforeEach(function() {\n element = angular.element('Initial content
Additional content
'\n + 'Some Content
');\n compileFnH = $compile(elementH);\n angular.element(document.body).append(elementH);\n });\n\n afterEach(function() {\n elementH.remove();\n });\n\n function initCallbacks() {\n scope.collapsing = jasmine.createSpy('scope.collapsing');\n scope.collapsed = jasmine.createSpy('scope.collapsed');\n scope.expanding = jasmine.createSpy('scope.expanding');\n scope.expanded = jasmine.createSpy('scope.expanded');\n }\n\n function assertCallbacks(expected) {\n ['collapsing', 'collapsed', 'expanding', 'expanded'].forEach(function(cbName) {\n if (expected[cbName]) {\n expect(scope[cbName]).toHaveBeenCalled();\n } else {\n expect(scope[cbName]).not.toHaveBeenCalled();\n }\n });\n }\n\n it('should be hidden on initialization if isCollapsed = true', function() {\n initCallbacks();\n scope.isCollapsed = true;\n compileFnH(scope);\n scope.$digest();\n expect(elementH.width()).toBe(0);\n assertCallbacks({ collapsed: true });\n });\n\n it('should not trigger any animation on initialization if isCollapsed = true', function() {\n var wrapperFn = function() {\n $animate.flush();\n };\n\n scope.isCollapsed = true;\n compileFnH(scope);\n scope.$digest();\n\n expect(wrapperFn).toThrowError(/No pending animations ready to be closed or flushed/);\n });\n\n it('should collapse if isCollapsed = true on subsequent use', function() {\n scope.isCollapsed = false;\n compileFnH(scope);\n scope.$digest();\n initCallbacks();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(elementH.width()).toBe(0);\n assertCallbacks({ collapsing: true, collapsed: true });\n });\n\n it('should show after toggled from collapsed', function() {\n initCallbacks();\n scope.isCollapsed = true;\n compileFnH(scope);\n scope.$digest();\n expect(elementH.width()).toBe(0);\n assertCallbacks({ collapsed: true });\n scope.collapsed.calls.reset();\n\n scope.isCollapsed = false;\n scope.$digest();\n $animate.flush();\n expect(elementH.width()).not.toBe(0);\n assertCallbacks({ expanding: true, expanded: true });\n });\n\n it('should not trigger any animation on initialization if isCollapsed = false', function() {\n var wrapperFn = function() {\n $animate.flush();\n };\n\n scope.isCollapsed = false;\n compileFnH(scope);\n scope.$digest();\n\n expect(wrapperFn).toThrowError(/No pending animations ready to be closed or flushed/);\n });\n\n it('should expand if isCollapsed = false on subsequent use', function() {\n scope.isCollapsed = false;\n compileFnH(scope);\n scope.$digest();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n initCallbacks();\n scope.isCollapsed = false;\n scope.$digest();\n $animate.flush();\n expect(elementH.width()).not.toBe(0);\n assertCallbacks({ expanding: true, expanded: true });\n });\n\n it('should collapse if isCollapsed = true on subsequent uses', function() {\n scope.isCollapsed = false;\n compileFnH(scope);\n scope.$digest();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n scope.isCollapsed = false;\n scope.$digest();\n $animate.flush();\n initCallbacks();\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(elementH.width()).toBe(0);\n assertCallbacks({ collapsing: true, collapsed: true });\n });\n\n it('should change aria-expanded attribute', function() {\n scope.isCollapsed = false;\n compileFnH(scope);\n scope.$digest();\n expect(elementH.attr('aria-expanded')).toBe('true');\n\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(elementH.attr('aria-expanded')).toBe('false');\n });\n\n it('should change aria-hidden attribute', function() {\n scope.isCollapsed = false;\n compileFnH(scope);\n scope.$digest();\n expect(elementH.attr('aria-hidden')).toBe('false');\n\n scope.isCollapsed = true;\n scope.$digest();\n $animate.flush();\n expect(elementH.attr('aria-hidden')).toBe('true');\n });\n\n describe('expanding callback returning a promise', function() {\n var defer, collapsedWidth;\n\n beforeEach(function() {\n defer = $q.defer();\n\n scope.isCollapsed = true;\n scope.expanding = function() {\n return defer.promise;\n };\n compileFnH(scope);\n scope.$digest();\n collapsedWidth = elementH.width();\n\n // set flag to expand ...\n scope.isCollapsed = false;\n scope.$digest();\n\n // ... shouldn't expand yet ...\n expect(elementH.attr('aria-expanded')).not.toBe('true');\n expect(elementH.width()).toBe(collapsedWidth);\n });\n\n it('should wait for it to resolve before animating', function() {\n defer.resolve();\n\n // should now expand\n scope.$digest();\n $animate.flush();\n\n expect(elementH.attr('aria-expanded')).toBe('true');\n expect(elementH.width()).toBeGreaterThan(collapsedWidth);\n });\n\n it('should not animate if it rejects', function() {\n defer.reject();\n\n // should NOT expand\n scope.$digest();\n\n expect(elementH.attr('aria-expanded')).not.toBe('true');\n expect(elementH.width()).toBe(collapsedWidth);\n });\n });\n\n describe('collapsing callback returning a promise', function() {\n var defer, expandedWidth;\n\n beforeEach(function() {\n defer = $q.defer();\n scope.isCollapsed = false;\n scope.collapsing = function() {\n return defer.promise;\n };\n compileFnH(scope);\n scope.$digest();\n\n expandedWidth = elementH.width();\n\n // set flag to collapse ...\n scope.isCollapsed = true;\n scope.$digest();\n\n // ... but it shouldn't collapse yet ...\n expect(elementH.attr('aria-expanded')).not.toBe('false');\n expect(elementH.width()).toBe(expandedWidth);\n });\n\n it('should wait for it to resolve before animating', function() {\n defer.resolve();\n\n // should now collapse\n scope.$digest();\n $animate.flush();\n\n expect(elementH.attr('aria-expanded')).toBe('false');\n expect(elementH.width()).toBeLessThan(expandedWidth);\n });\n\n it('should not animate if it rejects', function() {\n defer.reject();\n\n // should NOT collapse\n scope.$digest();\n\n expect(elementH.attr('aria-expanded')).not.toBe('false');\n expect(elementH.width()).toBe(expandedWidth);\n });\n });\n\n});\n"
},
{
"path": "src/dateparser/dateparser.js",
"content": "angular.module('ui.bootstrap.dateparser', [])\n\n.service('uibDateParser', ['$log', '$locale', 'dateFilter', 'orderByFilter', 'filterFilter', function($log, $locale, dateFilter, orderByFilter, filterFilter) {\n // Pulled from https://github.com/mbostock/d3/blob/master/src/format/requote.js\n var SPECIAL_CHARACTERS_REGEXP = /[\\\\\\^\\$\\*\\+\\?\\|\\[\\]\\(\\)\\.\\{\\}]/g;\n\n var localeId;\n var formatCodeToRegex;\n\n this.init = function() {\n localeId = $locale.id;\n\n this.parsers = {};\n this.formatters = {};\n\n formatCodeToRegex = [\n {\n key: 'yyyy',\n regex: '\\\\d{4}',\n apply: function(value) { this.year = +value; },\n formatter: function(date) {\n var _date = new Date();\n _date.setFullYear(Math.abs(date.getFullYear()));\n return dateFilter(_date, 'yyyy');\n }\n },\n {\n key: 'yy',\n regex: '\\\\d{2}',\n apply: function(value) { value = +value; this.year = value < 69 ? value + 2000 : value + 1900; },\n formatter: function(date) {\n var _date = new Date();\n _date.setFullYear(Math.abs(date.getFullYear()));\n return dateFilter(_date, 'yy');\n }\n },\n {\n key: 'y',\n regex: '\\\\d{1,4}',\n apply: function(value) { this.year = +value; },\n formatter: function(date) {\n var _date = new Date();\n _date.setFullYear(Math.abs(date.getFullYear()));\n return dateFilter(_date, 'y');\n }\n },\n {\n key: 'M!',\n regex: '0?[1-9]|1[0-2]',\n apply: function(value) { this.month = value - 1; },\n formatter: function(date) {\n var value = date.getMonth();\n if (/^[0-9]$/.test(value)) {\n return dateFilter(date, 'MM');\n }\n\n return dateFilter(date, 'M');\n }\n },\n {\n key: 'MMMM',\n regex: $locale.DATETIME_FORMATS.MONTH.join('|'),\n apply: function(value) { this.month = $locale.DATETIME_FORMATS.MONTH.indexOf(value); },\n formatter: function(date) { return dateFilter(date, 'MMMM'); }\n },\n {\n key: 'MMM',\n regex: $locale.DATETIME_FORMATS.SHORTMONTH.join('|'),\n apply: function(value) { this.month = $locale.DATETIME_FORMATS.SHORTMONTH.indexOf(value); },\n formatter: function(date) { return dateFilter(date, 'MMM'); }\n },\n {\n key: 'MM',\n regex: '0[1-9]|1[0-2]',\n apply: function(value) { this.month = value - 1; },\n formatter: function(date) { return dateFilter(date, 'MM'); }\n },\n {\n key: 'M',\n regex: '[1-9]|1[0-2]',\n apply: function(value) { this.month = value - 1; },\n formatter: function(date) { return dateFilter(date, 'M'); }\n },\n {\n key: 'd!',\n regex: '[0-2]?[0-9]{1}|3[0-1]{1}',\n apply: function(value) { this.date = +value; },\n formatter: function(date) {\n var value = date.getDate();\n if (/^[1-9]$/.test(value)) {\n return dateFilter(date, 'dd');\n }\n\n return dateFilter(date, 'd');\n }\n },\n {\n key: 'dd',\n regex: '[0-2][0-9]{1}|3[0-1]{1}',\n apply: function(value) { this.date = +value; },\n formatter: function(date) { return dateFilter(date, 'dd'); }\n },\n {\n key: 'd',\n regex: '[1-2]?[0-9]{1}|3[0-1]{1}',\n apply: function(value) { this.date = +value; },\n formatter: function(date) { return dateFilter(date, 'd'); }\n },\n {\n key: 'EEEE',\n regex: $locale.DATETIME_FORMATS.DAY.join('|'),\n formatter: function(date) { return dateFilter(date, 'EEEE'); }\n },\n {\n key: 'EEE',\n regex: $locale.DATETIME_FORMATS.SHORTDAY.join('|'),\n formatter: function(date) { return dateFilter(date, 'EEE'); }\n },\n {\n key: 'HH',\n regex: '(?:0|1)[0-9]|2[0-3]',\n apply: function(value) { this.hours = +value; },\n formatter: function(date) { return dateFilter(date, 'HH'); }\n },\n {\n key: 'hh',\n regex: '0[0-9]|1[0-2]',\n apply: function(value) { this.hours = +value; },\n formatter: function(date) { return dateFilter(date, 'hh'); }\n },\n {\n key: 'H',\n regex: '1?[0-9]|2[0-3]',\n apply: function(value) { this.hours = +value; },\n formatter: function(date) { return dateFilter(date, 'H'); }\n },\n {\n key: 'h',\n regex: '[0-9]|1[0-2]',\n apply: function(value) { this.hours = +value; },\n formatter: function(date) { return dateFilter(date, 'h'); }\n },\n {\n key: 'mm',\n regex: '[0-5][0-9]',\n apply: function(value) { this.minutes = +value; },\n formatter: function(date) { return dateFilter(date, 'mm'); }\n },\n {\n key: 'm',\n regex: '[0-9]|[1-5][0-9]',\n apply: function(value) { this.minutes = +value; },\n formatter: function(date) { return dateFilter(date, 'm'); }\n },\n {\n key: 'sss',\n regex: '[0-9][0-9][0-9]',\n apply: function(value) { this.milliseconds = +value; },\n formatter: function(date) { return dateFilter(date, 'sss'); }\n },\n {\n key: 'ss',\n regex: '[0-5][0-9]',\n apply: function(value) { this.seconds = +value; },\n formatter: function(date) { return dateFilter(date, 'ss'); }\n },\n {\n key: 's',\n regex: '[0-9]|[1-5][0-9]',\n apply: function(value) { this.seconds = +value; },\n formatter: function(date) { return dateFilter(date, 's'); }\n },\n {\n key: 'a',\n regex: $locale.DATETIME_FORMATS.AMPMS.join('|'),\n apply: function(value) {\n if (this.hours === 12) {\n this.hours = 0;\n }\n\n if (value === 'PM') {\n this.hours += 12;\n }\n },\n formatter: function(date) { return dateFilter(date, 'a'); }\n },\n {\n key: 'Z',\n regex: '[+-]\\\\d{4}',\n apply: function(value) {\n var matches = value.match(/([+-])(\\d{2})(\\d{2})/),\n sign = matches[1],\n hours = matches[2],\n minutes = matches[3];\n this.hours += toInt(sign + hours);\n this.minutes += toInt(sign + minutes);\n },\n formatter: function(date) {\n return dateFilter(date, 'Z');\n }\n },\n {\n key: 'ww',\n regex: '[0-4][0-9]|5[0-3]',\n formatter: function(date) { return dateFilter(date, 'ww'); }\n },\n {\n key: 'w',\n regex: '[0-9]|[1-4][0-9]|5[0-3]',\n formatter: function(date) { return dateFilter(date, 'w'); }\n },\n {\n key: 'GGGG',\n regex: $locale.DATETIME_FORMATS.ERANAMES.join('|').replace(/\\s/g, '\\\\s'),\n formatter: function(date) { return dateFilter(date, 'GGGG'); }\n },\n {\n key: 'GGG',\n regex: $locale.DATETIME_FORMATS.ERAS.join('|'),\n formatter: function(date) { return dateFilter(date, 'GGG'); }\n },\n {\n key: 'GG',\n regex: $locale.DATETIME_FORMATS.ERAS.join('|'),\n formatter: function(date) { return dateFilter(date, 'GG'); }\n },\n {\n key: 'G',\n regex: $locale.DATETIME_FORMATS.ERAS.join('|'),\n formatter: function(date) { return dateFilter(date, 'G'); }\n }\n ];\n\n if (angular.version.major >= 1 && angular.version.minor > 4) {\n formatCodeToRegex.push({\n key: 'LLLL',\n regex: $locale.DATETIME_FORMATS.STANDALONEMONTH.join('|'),\n apply: function(value) { this.month = $locale.DATETIME_FORMATS.STANDALONEMONTH.indexOf(value); },\n formatter: function(date) { return dateFilter(date, 'LLLL'); }\n });\n }\n };\n\n this.init();\n\n function getFormatCodeToRegex(key) {\n return filterFilter(formatCodeToRegex, {key: key}, true)[0];\n }\n\n this.getParser = function (key) {\n var f = getFormatCodeToRegex(key);\n return f && f.apply || null;\n };\n\n this.overrideParser = function (key, parser) {\n var f = getFormatCodeToRegex(key);\n if (f && angular.isFunction(parser)) {\n this.parsers = {};\n f.apply = parser;\n }\n }.bind(this);\n\n function createParser(format) {\n var map = [], regex = format.split('');\n\n // check for literal values\n var quoteIndex = format.indexOf('\\'');\n if (quoteIndex > -1) {\n var inLiteral = false;\n format = format.split('');\n for (var i = quoteIndex; i < format.length; i++) {\n if (inLiteral) {\n if (format[i] === '\\'') {\n if (i + 1 < format.length && format[i+1] === '\\'') { // escaped single quote\n format[i+1] = '$';\n regex[i+1] = '';\n } else { // end of literal\n regex[i] = '';\n inLiteral = false;\n }\n }\n format[i] = '$';\n } else {\n if (format[i] === '\\'') { // start of literal\n format[i] = '$';\n regex[i] = '';\n inLiteral = true;\n }\n }\n }\n\n format = format.join('');\n }\n\n angular.forEach(formatCodeToRegex, function(data) {\n var index = format.indexOf(data.key);\n\n if (index > -1) {\n format = format.split('');\n\n regex[index] = '(' + data.regex + ')';\n format[index] = '$'; // Custom symbol to define consumed part of format\n for (var i = index + 1, n = index + data.key.length; i < n; i++) {\n regex[i] = '';\n format[i] = '$';\n }\n format = format.join('');\n\n map.push({\n index: index,\n key: data.key,\n apply: data.apply,\n matcher: data.regex\n });\n }\n });\n\n return {\n regex: new RegExp('^' + regex.join('') + '$'),\n map: orderByFilter(map, 'index')\n };\n }\n\n function createFormatter(format) {\n var formatters = [];\n var i = 0;\n var formatter, literalIdx;\n while (i < format.length) {\n if (angular.isNumber(literalIdx)) {\n if (format.charAt(i) === '\\'') {\n if (i + 1 >= format.length || format.charAt(i + 1) !== '\\'') {\n formatters.push(constructLiteralFormatter(format, literalIdx, i));\n literalIdx = null;\n }\n } else if (i === format.length) {\n while (literalIdx < format.length) {\n formatter = constructFormatterFromIdx(format, literalIdx);\n formatters.push(formatter);\n literalIdx = formatter.endIdx;\n }\n }\n\n i++;\n continue;\n }\n\n if (format.charAt(i) === '\\'') {\n literalIdx = i;\n i++;\n continue;\n }\n\n formatter = constructFormatterFromIdx(format, i);\n\n formatters.push(formatter.parser);\n i = formatter.endIdx;\n }\n\n return formatters;\n }\n\n function constructLiteralFormatter(format, literalIdx, endIdx) {\n return function() {\n return format.substr(literalIdx + 1, endIdx - literalIdx - 1);\n };\n }\n\n function constructFormatterFromIdx(format, i) {\n var currentPosStr = format.substr(i);\n for (var j = 0; j < formatCodeToRegex.length; j++) {\n if (new RegExp('^' + formatCodeToRegex[j].key).test(currentPosStr)) {\n var data = formatCodeToRegex[j];\n return {\n endIdx: i + data.key.length,\n parser: data.formatter\n };\n }\n }\n\n return {\n endIdx: i + 1,\n parser: function() {\n return currentPosStr.charAt(0);\n }\n };\n }\n\n this.filter = function(date, format) {\n if (!angular.isDate(date) || isNaN(date) || !format) {\n return '';\n }\n\n format = $locale.DATETIME_FORMATS[format] || format;\n\n if ($locale.id !== localeId) {\n this.init();\n }\n\n if (!this.formatters[format]) {\n this.formatters[format] = createFormatter(format);\n }\n\n var formatters = this.formatters[format];\n\n return formatters.reduce(function(str, formatter) {\n return str + formatter(date);\n }, '');\n };\n\n this.parse = function(input, format, baseDate) {\n if (!angular.isString(input) || !format) {\n return input;\n }\n\n format = $locale.DATETIME_FORMATS[format] || format;\n format = format.replace(SPECIAL_CHARACTERS_REGEXP, '\\\\$&');\n\n if ($locale.id !== localeId) {\n this.init();\n }\n\n if (!this.parsers[format]) {\n this.parsers[format] = createParser(format, 'apply');\n }\n\n var parser = this.parsers[format],\n regex = parser.regex,\n map = parser.map,\n results = input.match(regex),\n tzOffset = false;\n if (results && results.length) {\n var fields, dt;\n if (angular.isDate(baseDate) && !isNaN(baseDate.getTime())) {\n fields = {\n year: baseDate.getFullYear(),\n month: baseDate.getMonth(),\n date: baseDate.getDate(),\n hours: baseDate.getHours(),\n minutes: baseDate.getMinutes(),\n seconds: baseDate.getSeconds(),\n milliseconds: baseDate.getMilliseconds()\n };\n } else {\n if (baseDate) {\n $log.warn('dateparser:', 'baseDate is not a valid date');\n }\n fields = { year: 1900, month: 0, date: 1, hours: 0, minutes: 0, seconds: 0, milliseconds: 0 };\n }\n\n for (var i = 1, n = results.length; i < n; i++) {\n var mapper = map[i - 1];\n if (mapper.matcher === 'Z') {\n tzOffset = true;\n }\n\n if (mapper.apply) {\n mapper.apply.call(fields, results[i]);\n }\n }\n\n var datesetter = tzOffset ? Date.prototype.setUTCFullYear :\n Date.prototype.setFullYear;\n var timesetter = tzOffset ? Date.prototype.setUTCHours :\n Date.prototype.setHours;\n\n if (isValid(fields.year, fields.month, fields.date)) {\n if (angular.isDate(baseDate) && !isNaN(baseDate.getTime()) && !tzOffset) {\n dt = new Date(baseDate);\n datesetter.call(dt, fields.year, fields.month, fields.date);\n timesetter.call(dt, fields.hours, fields.minutes,\n fields.seconds, fields.milliseconds);\n } else {\n dt = new Date(0);\n datesetter.call(dt, fields.year, fields.month, fields.date);\n timesetter.call(dt, fields.hours || 0, fields.minutes || 0,\n fields.seconds || 0, fields.milliseconds || 0);\n }\n }\n\n return dt;\n }\n };\n\n // Check if date is valid for specific month (and year for February).\n // Month: 0 = Jan, 1 = Feb, etc\n function isValid(year, month, date) {\n if (date < 1) {\n return false;\n }\n\n if (month === 1 && date > 28) {\n return date === 29 && (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0);\n }\n\n if (month === 3 || month === 5 || month === 8 || month === 10) {\n return date < 31;\n }\n\n return true;\n }\n\n function toInt(str) {\n return parseInt(str, 10);\n }\n\n this.toTimezone = toTimezone;\n this.fromTimezone = fromTimezone;\n this.timezoneToOffset = timezoneToOffset;\n this.addDateMinutes = addDateMinutes;\n this.convertTimezoneToLocal = convertTimezoneToLocal;\n\n function toTimezone(date, timezone) {\n return date && timezone ? convertTimezoneToLocal(date, timezone) : date;\n }\n\n function fromTimezone(date, timezone) {\n return date && timezone ? convertTimezoneToLocal(date, timezone, true) : date;\n }\n\n //https://github.com/angular/angular.js/blob/622c42169699ec07fc6daaa19fe6d224e5d2f70e/src/Angular.js#L1207\n function timezoneToOffset(timezone, fallback) {\n timezone = timezone.replace(/:/g, '');\n var requestedTimezoneOffset = Date.parse('Jan 01, 1970 00:00:00 ' + timezone) / 60000;\n return isNaN(requestedTimezoneOffset) ? fallback : requestedTimezoneOffset;\n }\n\n function addDateMinutes(date, minutes) {\n date = new Date(date.getTime());\n date.setMinutes(date.getMinutes() + minutes);\n return date;\n }\n\n function convertTimezoneToLocal(date, timezone, reverse) {\n reverse = reverse ? -1 : 1;\n var dateTimezoneOffset = date.getTimezoneOffset();\n var timezoneOffset = timezoneToOffset(timezone, dateTimezoneOffset);\n return addDateMinutes(date, reverse * (timezoneOffset - dateTimezoneOffset));\n }\n}]);\n"
},
{
"path": "src/dateparser/docs/README.md",
"content": "The `uibDateParser` is what the `uib-datepicker` uses internally to parse the dates. You can use it standalone by injecting the `uibDateParser` service where you need it.\n\nThe public API for the dateParser is a single method called `parse`.\n\nCertain format codes support i18n. Check this [guide](https://docs.angularjs.org/guide/i18n) for more information.\n\n### uibDateParser's parse function\n\n##### parameters\n\n* `input`\n _(Type: `string`, Example: `2004/Sep/4`)_ -\n The input date to parse.\n\n* `format`\n _(Type: `string`, Example: `yyyy/MMM/d`)_ -\n The format we want to use. Check all the supported formats below.\n\n* `baseDate`\n _(Type: `Date`, Example: `new Date()`)_ -\n If you want to parse a date but maintain the timezone, you can pass an existing date here.\n\n##### return\n\n* If the specified input matches the format, a new date with the input will be returned, otherwise, it will return undefined.\n\n### uibDateParser's format codes\n\n* `yyyy`\n _(Example: `2015`)_ -\n Parses a 4 digits year.\n\n* `yy`\n _(Example: `15`)_ -\n Parses a 2 digits year.\n\n* `y`\n _(Example: `15`)_ -\n Parses a year with 1, 2, 3, or 4 digits.\n\n* `MMMM`\n _(Example: `February`, i18n support)_ -\n Parses the full name of a month.\n\n* `MMM`\n _(Example: `Feb`, i18n support)_ -\n Parses the short name of a month.\n\n* `MM`\n _(Example: `12`, Leading 0)_ -\n Parses a numeric month.\n\n* `M`\n _(Example: `3`)_ -\n Parses a numeric month.\n\n* `M!`\n _(Example: `3` or `03`)_ -\n Parses a numeric month, but allowing an optional leading zero\n\n* `LLLL`\n _(Example: `February`, i18n support)_ - Stand-alone month in year (January-December). Requires Angular version 1.5.1 or higher.\n\n* `dd`\n _(Example: `05`, Leading 0)_ -\n Parses a numeric day.\n\n* `d`\n _(Example: `5`)_ -\n Parses a numeric day.\n\n* `d!`\n _(Example: `3` or `03`)_ -\n Parses a numeric day, but allowing an optional leading zero\n\n* `EEEE`\n _(Example: `Sunday`, i18n support)_ -\n Parses the full name of a day.\n\n* `EEE`\n _(Example: `Mon`, i18n support)_ -\n Parses the short name of a day.\n\n* `HH`\n _(Example: `14`, Leading 0)_ -\n Parses a 24 hours time.\n\n* `H`\n _(Example: `3`)_ -\n Parses a 24 hours time.\n\n* `hh`\n _(Example: `11`, Leading 0)_ -\n Parses a 12 hours time.\n\n* `h`\n _(Example: `3`)_ -\n Parses a 12 hours time.\n\n* `mm`\n _(Example: `09`, Leading 0)_ -\n Parses the minutes.\n\n* `m`\n _(Example: `3`)_ -\n Parses the minutes.\n\n* `sss`\n _(Example: `094`, Leading 0)_ -\n Parses the milliseconds.\n\n* `ss`\n _(Example: `08`, Leading 0)_ -\n Parses the seconds.\n\n* `s`\n _(Example: `22`)_ -\n Parses the seconds.\n\n* `a`\n _(Example: `10AM`)_ -\n Parses a 12 hours time with AM/PM.\n\n* `Z`\n _(Example: `-0800`)_ -\n Parses the timezone offset in a signed 4 digit representation\n\n* `ww`\n _(Example: `03`, Leading 0)_ -\n Parses the week number\n\n* `w`\n _(Example: `03`)_ -\n Parses the week number\n\n* `G`, `GG`, `GGG`\n _(Example: `AD`)_ -\n Parses the era (`AD` or `BC`)\n* `GGGG`\n _(Example: `Anno Domini`)_ -\n Parses the long form of the era (`Anno Domini` or `Before Christ`)\n\n\\* The ones marked with `Leading 0`, needs a leading 0 for values less than 10. Exception being milliseconds which needs it for values under 100.\n\n\\** It also supports `fullDate|longDate|medium|mediumDate|mediumTime|short|shortDate|shortTime` as the format for parsing.\n\n\\*** It supports template literals as a string between the single quote `'` character, i.e. `'The Date is' MM/DD/YYYY`. If one wants the literal single quote character, one must use `''''`.\n"
},
{
"path": "src/dateparser/docs/demo.html",
"content": "\n
Formatting codes playground \n
\n Define your format \n
\n
\n Result \n
\n
\n
Selected date is: {{dt | date:'fullDate' }} \n\n
Inline \n
\n\n
\n
Today \n
2009-08-24 \n
Clear \n
Min date \n
$ \n $ \n C \n _(Default: `{}`)_ -\n Supported [angular ngModelOptions](https://docs.angularjs.org/api/ng/directive/ngModelOptions):\n * allowInvalid\n * timezone\n\n* `template-url`\n _(Default: `uib/template/datepicker/datepicker.html`)_ -\n Add the ability to override the template used on the component.\n\nApart from the previous settings, to configure the uib-datepicker you need to create an object in Javascript with all the options and use it on the `datepicker-options` attribute:\n\n* `datepicker-options`\n $ -\n An object to configure the datepicker in one place.\n\n * `customClass ({date: date, mode: mode})` -\n An optional expression to add classes based on passing an object with date and current mode properties.\n\n * `dateDisabled ({date: date, mode: mode})` -\n An optional expression to disable visible options based on passing an object with date and current mode properties.\n\n * `datepickerMode`\n C \n C \n _(Default: `dd`)_ -\n Format of day in month.\n\n * `formatMonth`\n C \n _(Default: `MMMM`)_ -\n Format of month in year.\n\n * `formatYear`\n C \n _(Default: `yyyy`)_ -\n Format of year in year range.\n\n * `formatDayHeader`\n C \n _(Default: `EEE`)_ -\n Format of day in week header.\n\n * `formatDayTitle`\n C \n _(Default: `MMMM yyyy`)_ -\n Format of title when selecting day.\n\n * `formatMonthTitle`\n C \n _(Default: `yyyy`)_ -\n Format of title when selecting month.\n\n * `initDate`\n C \n C \n C \n C \n C \n _(Default: `3`)_ -\n Number of columns displayed in month selection.\n \n * `ngModelOptions`\n C \n _(Default: `null`)_ -\n Sets `ngModelOptions` for datepicker. This can be overridden through attribute usage\n\n * `shortcutPropagation`\n C \n _(Default: `false`)_ -\n An option to disable the propagation of the keydown event.\n\n * `showWeeks`\n C \n _(Default: `true`)_ -\n Whether to display week numbers.\n\n * `startingDay`\n C \n *(Default: `$locale.DATETIME_FORMATS.FIRSTDAYOFWEEK`)* -\n Starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday).\n \n * `yearRows`\n C \n _(Default: `4`)_ -\n Number of rows displayed in year selection.\n\n * `yearColumns`\n C \n _(Default: `5`)_ -\n Number of columns displayed in year selection.\n\n### Keyboard support\n\nDepending on datepicker's current mode, the date may refer either to day, month or year. Accordingly, the term view refers either to a month, year or year range.\n\n * `Left`: Move focus to the previous date. Will move to the last date of the previous view, if the current date is the first date of a view.\n * `Right`: Move focus to the next date. Will move to the first date of the following view, if the current date is the last date of a view.\n * `Up`: Move focus to the same column of the previous row. Will wrap to the appropriate row in the previous view.\n * `Down`: Move focus to the same column of the following row. Will wrap to the appropriate row in the following view.\n * `PgUp`: Move focus to the same date of the previous view. If that date does not exist, focus is placed on the last date of the month.\n * `PgDn`: Move focus to the same date of the following view. If that date does not exist, focus is placed on the last date of the month.\n * `Home`: Move to the first date of the view.\n * `End`: Move to the last date of the view.\n * `Enter`/`Space`: Select date.\n * `Ctrl`+`Up`: Move to an upper mode.\n * `Ctrl`+`Down`: Move to a lower mode.\n * `Esc`: Will close popup, and move focus to the input.\n\n**Notes**\n\nIf the date a user enters falls outside of the min-/max-date range, a `dateDisabled` validation error will show on the form.\n"
},
{
"path": "src/datepicker/index-nocss.js",
"content": "require('../dateparser');\nrequire('../isClass');\nrequire('../../template/datepicker/datepicker.html.js');\nrequire('../../template/datepicker/day.html.js');\nrequire('../../template/datepicker/month.html.js');\nrequire('../../template/datepicker/year.html.js');\nrequire('./datepicker');\n\nvar MODULE_NAME = 'ui.bootstrap.module.datepicker';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.datepicker', 'uib/template/datepicker/datepicker.html', 'uib/template/datepicker/day.html', 'uib/template/datepicker/month.html', 'uib/template/datepicker/year.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/datepicker/index.js",
"content": "require('./datepicker.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/datepicker/test/datepicker.spec.js",
"content": "describe('datepicker', function() {\n var $rootScope, $compile, $templateCache, element;\n beforeEach(module('ui.bootstrap.datepicker'));\n beforeEach(module('uib/template/datepicker/datepicker.html'));\n beforeEach(module('uib/template/datepicker/day.html'));\n beforeEach(module('uib/template/datepicker/month.html'));\n beforeEach(module('uib/template/datepicker/year.html'));\n beforeEach(module(function($compileProvider) {\n $compileProvider.directive('dateModel', function() {\n return {\n restrict: 'A',\n require: 'ngModel',\n link: function(scope, element, attrs, modelController) {\n modelController.$formatters.push(function(object) {\n return new Date(object.date);\n });\n\n modelController.$parsers.push(function(date) {\n return {\n type: 'date',\n date: date.toUTCString()\n };\n });\n }\n };\n });\n }));\n\n function getTitleCell() {\n return element.find('th').eq(1);\n }\n\n function getTitleButton() {\n return getTitleCell().find('button').first();\n }\n\n function getTitle() {\n return getTitleButton().text();\n }\n\n function clickTitleButton() {\n getTitleButton().click();\n }\n\n function clickPreviousButton(times) {\n var el = element.find('th').eq(0).find('button').eq(0);\n for (var i = 0, n = times || 1; i < n; i++) {\n el.click();\n }\n }\n\n function clickNextButton() {\n element.find('th').eq(2).find('button').eq(0).click();\n }\n\n function getLabelsRow() {\n return element.find('thead').find('tr').eq(1);\n }\n\n function getLabels(dayMode) {\n var els = getLabelsRow().find('th'),\n labels = [];\n for (var i = dayMode ? 1 : 0, n = els.length; i < n; i++) {\n labels.push(els.eq(i).text());\n }\n return labels;\n }\n\n function getWeeks() {\n var rows = element.find('tbody').find('tr'),\n weeks = [];\n for (var i = 0, n = rows.length; i < n; i++) {\n weeks.push(rows.eq(i).find('td').eq(0).first().text());\n }\n return weeks;\n }\n\n function getOptions(dayMode) {\n var tr = element.find('tbody').find('tr');\n var rows = [];\n\n for (var j = 0, numRows = tr.length; j < numRows; j++) {\n var cols = tr.eq(j).find('td'), days = [];\n for (var i = dayMode ? 1 : 0, n = cols.length; i < n; i++) {\n days.push(cols.eq(i).find('button').text());\n }\n rows.push(days);\n }\n return rows;\n }\n\n function clickOption(index) {\n getAllOptionsEl().eq(index).click();\n }\n\n function getAllOptionsEl(dayMode) {\n return element.find('tbody').find('button');\n }\n\n function selectedElementIndex() {\n var buttons = getAllOptionsEl();\n for (var i = 0; i < buttons.length; i++) {\n if (angular.element(buttons[i]).hasClass('btn-info')) {\n return i;\n }\n }\n }\n\n function expectSelectedElement(index) {\n var buttons = getAllOptionsEl();\n angular.forEach( buttons, function(button, idx) {\n expect(angular.element(button).hasClass('btn-info')).toBe(idx === index);\n });\n }\n\n function getSelectedElement(index) {\n var buttons = getAllOptionsEl();\n var el = $.grep(buttons, function(button, idx) {\n return angular.element(button).hasClass('btn-info');\n })[0];\n return angular.element(el);\n }\n\n function triggerKeyDown(element, key, ctrl) {\n var keyCodes = {\n 'enter': 13,\n 'space': 32,\n 'pageup': 33,\n 'pagedown': 34,\n 'end': 35,\n 'home': 36,\n 'left': 37,\n 'up': 38,\n 'right': 39,\n 'down': 40,\n 'esc': 27\n };\n var e = $.Event('keydown');\n e.which = keyCodes[key];\n if (ctrl) {\n e.ctrlKey = true;\n }\n element.trigger(e);\n }\n\n describe('$datepickerLiteralWarning', function() {\n var $compile,\n $log,\n $scope;\n\n it('should warn when using literals for min date by default', function() {\n inject(function(_$log_, _$rootScope_, _$compile_) {\n $log = _$log_;\n $scope = _$rootScope_.$new();\n $compile = _$compile_;\n });\n\n spyOn($log, 'warn');\n $scope.options = {\n minDate: '1984-01-01'\n };\n element = $compile('
')($scope);\n $scope.$digest();\n\n expect($log.warn).toHaveBeenCalledWith('Literal date support has been deprecated, please switch to date object usage');\n });\n\n it('should suppress warning when using literals for min date', function() {\n module(function($provide) {\n $provide.value('$datepickerLiteralWarning', false);\n });\n inject(function(_$log_, _$rootScope_, _$compile_) {\n $log = _$log_;\n $scope = _$rootScope_.$new();\n $compile = _$compile_;\n });\n\n spyOn($log, 'warn');\n $scope.options = {\n minDate: '1984-01-01'\n };\n element = $compile('
')($scope);\n $scope.$digest();\n\n expect($log.warn).not.toHaveBeenCalled();\n });\n\n it('should warn when using literals for max date by default', function() {\n inject(function(_$log_, _$rootScope_, _$compile_) {\n $log = _$log_;\n $scope = _$rootScope_.$new();\n $compile = _$compile_;\n });\n\n spyOn($log, 'warn');\n $scope.options = {\n maxDate: '1984-01-01'\n };\n element = $compile('
')($scope);\n $scope.$digest();\n\n expect($log.warn).toHaveBeenCalledWith('Literal date support has been deprecated, please switch to date object usage');\n });\n\n it('should suppress warning when using literals for max date', function() {\n module(function($provide) {\n $provide.value('$datepickerLiteralWarning', false);\n });\n inject(function(_$log_, _$rootScope_, _$compile_) {\n $log = _$log_;\n $scope = _$rootScope_.$new();\n $compile = _$compile_;\n });\n\n spyOn($log, 'warn');\n $scope.options = {\n maxDate: '1984-01-01'\n };\n element = $compile('
')($scope);\n $scope.$digest();\n\n expect($log.warn).not.toHaveBeenCalled();\n });\n });\n\n describe('$datepickerSuppressError', function() {\n var $compile,\n $log,\n $scope;\n\n it('should not suppress log error message for ng-model date error by default', function() {\n inject(function(_$log_, _$rootScope_, _$compile_) {\n $log = _$log_;\n $scope = _$rootScope_.$new();\n $compile = _$compile_;\n });\n\n spyOn($log, 'error');\n element = $compile('
')($scope);\n\n $scope.locals = {\n date: 'lalala'\n };\n $scope.$digest();\n expect($log.error).toHaveBeenCalled();\n });\n\n it('should not suppress log error message for ng-model date error when false', function() {\n module(function($provide) {\n $provide.value('$datepickerSuppressError', false);\n });\n\n inject(function(_$log_, _$rootScope_, _$compile_) {\n $log = _$log_;\n $scope = _$rootScope_.$new();\n $compile = _$compile_;\n });\n\n spyOn($log, 'error');\n element = $compile('
')($scope);\n\n $scope.locals = {\n date: 'lalala'\n };\n $scope.$digest();\n expect($log.error).toHaveBeenCalled();\n });\n\n it('should suppress log error message for ng-model date error when true', function() {\n module(function($provide) {\n $provide.value('$datepickerSuppressError', true);\n });\n\n inject(function(_$log_, _$rootScope_, _$compile_) {\n $log = _$log_;\n $scope = _$rootScope_.$new();\n $compile = _$compile_;\n });\n spyOn($log, 'error');\n\n element = $compile('
')($scope);\n\n $scope.locals = {\n date: 'lalala'\n };\n $scope.$digest();\n expect($log.error).not.toHaveBeenCalled();\n });\n });\n\n describe('', function() {\n beforeEach(inject(function(_$compile_, _$rootScope_, _$templateCache_) {\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n $rootScope.date = new Date('September 30, 2010 15:30:00');\n $templateCache = _$templateCache_;\n }));\n\n describe('with no initial date', function() {\n beforeEach(function() {\n jasmine.clock().install();\n });\n\n afterEach(function() {\n jasmine.clock().uninstall();\n });\n\n it('should have an active date equal to the current date', function() {\n var baseTime = new Date(2015, 2, 23);\n jasmine.clock().mockDate(baseTime);\n\n element = $compile('baz
');\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(element.html()).toBe('baz
');\n });\n\n it('should support custom day, month and year templates', function() {\n $templateCache.put('foo/day.html', 'day
');\n $templateCache.put('foo/month.html', 'month
');\n $templateCache.put('foo/year.html', 'year
');\n\n $templateCache.put('foo/bar.html', '' +\n '
' +\n '
' +\n '
' +\n '
')($rootScope);\n $rootScope.$digest();\n\n var expectedHtml = '';\n\n expect(element.html()).toBe(expectedHtml);\n });\n\n it('should expose the controller in the template', function() {\n $templateCache.put('uib/template/datepicker/datepicker.html', '{{datepicker.text}}
');\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n var ctrl = element.controller('uib-datepicker');\n expect(ctrl).toBeDefined();\n expect(element.html()).toBe('
');\n\n ctrl.text = 'baz';\n $rootScope.$digest();\n\n expect(element.html()).toBe('baz
');\n });\n\n describe('basic functionality', function() {\n beforeEach(function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('is has a `` element', function() {\n expect(element.find('table').length).toBe(1);\n });\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('September 2010');\n });\n\n it('shows the label row & the correct day labels', function() {\n expect(getLabelsRow().css('display')).not.toBe('none');\n expect(getLabels(true)).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']);\n });\n\n it('renders the calendar days correctly', function() {\n expect(getOptions(true)).toEqual([\n ['29', '30', '31', '01', '02', '03', '04'],\n ['05', '06', '07', '08', '09', '10', '11'],\n ['12', '13', '14', '15', '16', '17', '18'],\n ['19', '20', '21', '22', '23', '24', '25'],\n ['26', '27', '28', '29', '30', '01', '02'],\n ['03', '04', '05', '06', '07', '08', '09']\n ]);\n });\n\n it('renders the week numbers based on ISO 8601', function() {\n expect(getWeeks()).toEqual(['35', '36', '37', '38', '39', '40']);\n });\n\n it('value is correct', function() {\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n });\n\n it('has activeDate value of model', function() {\n expect(element.controller('uibDatepicker').activeDate).toEqual(new Date('September 30, 2010 15:30:00'));\n });\n\n it('has `selected` only the correct day', function() {\n expectSelectedElement(32);\n });\n\n it('has no `selected` day when model is cleared', function() {\n $rootScope.date = null;\n $rootScope.$digest();\n\n expect($rootScope.date).toBe(null);\n expectSelectedElement(null);\n });\n\n it('does not change current view when model is cleared', function() {\n $rootScope.date = null;\n $rootScope.$digest();\n\n expect($rootScope.date).toBe(null);\n expect(getTitle()).toBe('September 2010');\n });\n\n it('`disables` visible dates from other months', function() {\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).find('span').hasClass('text-muted')).toBe( index < 3 || index > 32 );\n });\n });\n\n it('updates the model when a day is clicked', function() {\n clickOption(17);\n expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00'));\n });\n\n it('moves to the previous month & renders correctly when `previous` button is clicked', function() {\n clickPreviousButton();\n\n expect(getTitle()).toBe('August 2010');\n expect(getLabels(true)).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']);\n expect(getOptions(true)).toEqual([\n ['01', '02', '03', '04', '05', '06', '07'],\n ['08', '09', '10', '11', '12', '13', '14'],\n ['15', '16', '17', '18', '19', '20', '21'],\n ['22', '23', '24', '25', '26', '27', '28'],\n ['29', '30', '31', '01', '02', '03', '04'],\n ['05', '06', '07', '08', '09', '10', '11']\n ]);\n\n expectSelectedElement(null, null);\n });\n\n it('updates the model only when a day is clicked in the `previous` month', function() {\n clickPreviousButton();\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n\n clickOption(17);\n expect($rootScope.date).toEqual(new Date('August 18, 2010 15:30:00'));\n });\n\n it('moves to the next month & renders correctly when `next` button is clicked', function() {\n clickNextButton();\n\n expect(getTitle()).toBe('October 2010');\n expect(getLabels(true)).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']);\n expect(getOptions(true)).toEqual([\n ['26', '27', '28', '29', '30', '01', '02'],\n ['03', '04', '05', '06', '07', '08', '09'],\n ['10', '11', '12', '13', '14', '15', '16'],\n ['17', '18', '19', '20', '21', '22', '23'],\n ['24', '25', '26', '27', '28', '29', '30'],\n ['31', '01', '02', '03', '04', '05', '06']\n ]);\n\n expectSelectedElement(4);\n });\n\n it('updates the model only when a day is clicked in the `next` month', function() {\n clickNextButton();\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n\n clickOption(17);\n expect($rootScope.date).toEqual(new Date('October 13, 2010 15:30:00'));\n });\n\n it('updates the calendar when a day of another month is selected', function() {\n clickOption(33);\n expect($rootScope.date).toEqual(new Date('October 01, 2010 15:30:00'));\n expect(getTitle()).toBe('October 2010');\n expect(getLabels(true)).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']);\n expect(getOptions(true)).toEqual([\n ['26', '27', '28', '29', '30', '01', '02'],\n ['03', '04', '05', '06', '07', '08', '09'],\n ['10', '11', '12', '13', '14', '15', '16'],\n ['17', '18', '19', '20', '21', '22', '23'],\n ['24', '25', '26', '27', '28', '29', '30'],\n ['31', '01', '02', '03', '04', '05', '06']\n ]);\n\n expectSelectedElement(5);\n });\n\n // issue #1697\n it('should not \"jump\" months', function() {\n $rootScope.date = new Date('January 30, 2014');\n $rootScope.$digest();\n clickNextButton();\n expect(getTitle()).toBe('February 2014');\n clickPreviousButton();\n expect(getTitle()).toBe('January 2014');\n });\n\n it('should not change model when going to next month - #5441', function() {\n $rootScope.date = new Date('January 30, 2014');\n $rootScope.$digest();\n clickNextButton();\n expect($rootScope.date).toEqual(new Date('January 30, 2014'));\n });\n\n describe('when `model` changes', function() {\n function testCalendar() {\n expect(getTitle()).toBe('November 2005');\n expect(getOptions(true)).toEqual([\n ['30', '31', '01', '02', '03', '04', '05'],\n ['06', '07', '08', '09', '10', '11', '12'],\n ['13', '14', '15', '16', '17', '18', '19'],\n ['20', '21', '22', '23', '24', '25', '26'],\n ['27', '28', '29', '30', '01', '02', '03'],\n ['04', '05', '06', '07', '08', '09', '10']\n ]);\n\n expectSelectedElement(8);\n }\n\n describe('to a Date object', function() {\n it('updates', function() {\n $rootScope.date = new Date('November 7, 2005 23:30:00');\n $rootScope.$digest();\n testCalendar();\n expect(angular.isDate($rootScope.date)).toBe(true);\n });\n\n it('to a date that is invalid, it doesn\\`t update', function() {\n $rootScope.date = new Date('pizza');\n $rootScope.$digest();\n expect(getTitle()).toBe('September 2010');\n expect(angular.isDate($rootScope.date)).toBe(true);\n expect(isNaN($rootScope.date)).toBe(true);\n });\n });\n\n describe('not to a Date object', function() {\n it('to a Number, it updates calendar', function() {\n $rootScope.date = parseInt((new Date('November 7, 2005 23:30:00')).getTime(), 10);\n $rootScope.$digest();\n testCalendar();\n expect(angular.isNumber($rootScope.date)).toBe(true);\n });\n\n it('to a string that can be parsed by Date, it updates calendar', function() {\n $rootScope.date = 'November 7, 2005 23:30:00';\n $rootScope.$digest();\n testCalendar();\n expect(angular.isString($rootScope.date)).toBe(true);\n });\n\n it('to a string that cannot be parsed by Date, it doesn\\'t update', function() {\n $rootScope.date = 'pizza';\n $rootScope.$digest();\n expect(getTitle()).toBe('September 2010');\n expect($rootScope.date).toBe('pizza');\n });\n });\n });\n\n it('does not loop between after max mode', function() {\n expect(getTitle()).toBe('September 2010');\n\n clickTitleButton();\n expect(getTitle()).toBe('2010');\n\n clickTitleButton();\n expect(getTitle()).toBe('2001 - 2020');\n\n clickTitleButton();\n expect(getTitle()).toBe('2001 - 2020');\n });\n\n describe('month selection mode', function() {\n beforeEach(function() {\n clickTitleButton();\n });\n\n it('shows the year as title', function() {\n expect(getTitle()).toBe('2010');\n });\n\n it('shows months as options', function() {\n expect(getOptions()).toEqual([\n ['January', 'February', 'March'],\n ['April', 'May', 'June'],\n ['July', 'August', 'September'],\n ['October', 'November', 'December']\n ]);\n });\n\n it('does not change the model', function() {\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n });\n\n it('has `selected` only the correct month', function() {\n expectSelectedElement(8);\n });\n\n it('moves to the previous year when `previous` button is clicked', function() {\n clickPreviousButton();\n\n expect(getTitle()).toBe('2009');\n expect(getOptions()).toEqual([\n ['January', 'February', 'March'],\n ['April', 'May', 'June'],\n ['July', 'August', 'September'],\n ['October', 'November', 'December']\n ]);\n\n expectSelectedElement(null);\n });\n\n it('moves to the next year when `next` button is clicked', function() {\n clickNextButton();\n\n expect(getTitle()).toBe('2011');\n expect(getOptions()).toEqual([\n ['January', 'February', 'March'],\n ['April', 'May', 'June'],\n ['July', 'August', 'September'],\n ['October', 'November', 'December']\n ]);\n\n expectSelectedElement(null);\n });\n\n it('renders correctly when a month is clicked', function() {\n clickPreviousButton(5);\n expect(getTitle()).toBe('2005');\n\n clickOption(10);\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n expect(getTitle()).toBe('November 2005');\n expect(getOptions(true)).toEqual([\n ['30', '31', '01', '02', '03', '04', '05'],\n ['06', '07', '08', '09', '10', '11', '12'],\n ['13', '14', '15', '16', '17', '18', '19'],\n ['20', '21', '22', '23', '24', '25', '26'],\n ['27', '28', '29', '30', '01', '02', '03'],\n ['04', '05', '06', '07', '08', '09', '10']\n ]);\n\n clickOption(17);\n expect($rootScope.date).toEqual(new Date('November 16, 2005 15:30:00'));\n });\n });\n\n describe('year selection mode', function() {\n beforeEach(function() {\n clickTitleButton();\n clickTitleButton();\n });\n\n it('shows the year range as title', function() {\n expect(getTitle()).toBe('2001 - 2020');\n });\n\n it('shows years as options', function() {\n expect(getOptions()).toEqual([\n ['2001', '2002', '2003', '2004', '2005'],\n ['2006', '2007', '2008', '2009', '2010'],\n ['2011', '2012', '2013', '2014', '2015'],\n ['2016', '2017', '2018', '2019', '2020']\n ]);\n });\n\n it('does not change the model', function() {\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n });\n\n it('has `selected` only the selected year', function() {\n expectSelectedElement(9);\n });\n\n it('moves to the previous year set when `previous` button is clicked', function() {\n clickPreviousButton();\n\n expect(getTitle()).toBe('1981 - 2000');\n expect(getOptions()).toEqual([\n ['1981', '1982', '1983', '1984', '1985'],\n ['1986', '1987', '1988', '1989', '1990'],\n ['1991', '1992', '1993', '1994', '1995'],\n ['1996', '1997', '1998', '1999', '2000']\n ]);\n expectSelectedElement(null);\n });\n\n it('moves to the next year set when `next` button is clicked', function() {\n clickNextButton();\n\n expect(getTitle()).toBe('2021 - 2040');\n expect(getOptions()).toEqual([\n ['2021', '2022', '2023', '2024', '2025'],\n ['2026', '2027', '2028', '2029', '2030'],\n ['2031', '2032', '2033', '2034', '2035'],\n ['2036', '2037', '2038', '2039', '2040']\n ]);\n\n expectSelectedElement(null);\n });\n });\n\n describe('keyboard navigation', function() {\n function getActiveLabel() {\n return element.find('.active').eq(0).text();\n }\n\n describe('day mode', function() {\n it('will be able to activate previous day', function() {\n triggerKeyDown(element, 'left');\n expect(getActiveLabel()).toBe('29');\n });\n\n it('will be able to select with enter', function() {\n triggerKeyDown(element, 'left');\n triggerKeyDown(element, 'enter');\n expect($rootScope.date).toEqual(new Date('September 29, 2010 15:30:00'));\n });\n\n it('will be able to select with space', function() {\n triggerKeyDown(element, 'left');\n triggerKeyDown(element, 'space');\n expect($rootScope.date).toEqual(new Date('September 29, 2010 15:30:00'));\n });\n\n it('will be able to activate next day', function() {\n triggerKeyDown(element, 'right');\n expect(getActiveLabel()).toBe('01');\n expect(getTitle()).toBe('October 2010');\n });\n\n it('will be able to activate same day in previous week', function() {\n triggerKeyDown(element, 'up');\n expect(getActiveLabel()).toBe('23');\n });\n\n it('will be able to activate same day in next week', function() {\n triggerKeyDown(element, 'down');\n expect(getActiveLabel()).toBe('07');\n expect(getTitle()).toBe('October 2010');\n });\n\n it('will be able to activate same date in previous month', function() {\n triggerKeyDown(element, 'pageup');\n expect(getActiveLabel()).toBe('30');\n expect(getTitle()).toBe('August 2010');\n });\n\n it('will be able to activate same date in next month', function() {\n triggerKeyDown(element, 'pagedown');\n expect(getActiveLabel()).toBe('30');\n expect(getTitle()).toBe('October 2010');\n });\n\n it('will be able to activate first day of the month', function() {\n triggerKeyDown(element, 'home');\n expect(getActiveLabel()).toBe('01');\n expect(getTitle()).toBe('September 2010');\n });\n\n it('will be able to activate last day of the month', function() {\n $rootScope.date = new Date('September 1, 2010 15:30:00');\n $rootScope.$digest();\n\n triggerKeyDown(element, 'end');\n expect(getActiveLabel()).toBe('30');\n expect(getTitle()).toBe('September 2010');\n });\n\n it('will be able to move to month mode', function() {\n triggerKeyDown(element, 'up', true);\n expect(getActiveLabel()).toBe('September');\n expect(getTitle()).toBe('2010');\n });\n\n it('will not respond when trying to move to lower mode', function() {\n triggerKeyDown(element, 'down', true);\n expect(getActiveLabel()).toBe('30');\n expect(getTitle()).toBe('September 2010');\n });\n });\n\n describe('month mode', function() {\n beforeEach(function() {\n triggerKeyDown(element, 'up', true);\n });\n\n it('will be able to activate previous month', function() {\n triggerKeyDown(element, 'left');\n expect(getActiveLabel()).toBe('August');\n });\n\n it('will be able to activate next month', function() {\n triggerKeyDown(element, 'right');\n expect(getActiveLabel()).toBe('October');\n });\n\n it('will be able to activate same month in previous row', function() {\n triggerKeyDown(element, 'up');\n expect(getActiveLabel()).toBe('June');\n });\n\n it('will be able to activate same month in next row', function() {\n triggerKeyDown(element, 'down');\n expect(getActiveLabel()).toBe('December');\n });\n\n it('will be able to activate same date in previous year', function() {\n triggerKeyDown(element, 'pageup');\n expect(getActiveLabel()).toBe('September');\n expect(getTitle()).toBe('2009');\n });\n\n it('will be able to activate same date in next year', function() {\n triggerKeyDown(element, 'pagedown');\n expect(getActiveLabel()).toBe('September');\n expect(getTitle()).toBe('2011');\n });\n\n it('will be able to activate first month of the year', function() {\n triggerKeyDown(element, 'home');\n expect(getActiveLabel()).toBe('January');\n expect(getTitle()).toBe('2010');\n });\n\n it('will be able to activate last month of the year', function() {\n triggerKeyDown(element, 'end');\n expect(getActiveLabel()).toBe('December');\n expect(getTitle()).toBe('2010');\n });\n\n it('will be able to move to year mode', function() {\n triggerKeyDown(element, 'up', true);\n expect(getActiveLabel()).toBe('2010');\n expect(getTitle()).toBe('2001 - 2020');\n });\n\n it('will be able to move to day mode', function() {\n triggerKeyDown(element, 'down', true);\n expect(getActiveLabel()).toBe('30');\n expect(getTitle()).toBe('September 2010');\n });\n\n it('will move to day mode when selecting', function() {\n triggerKeyDown(element, 'left', true);\n triggerKeyDown(element, 'enter', true);\n expect(getActiveLabel()).toBe('30');\n expect(getTitle()).toBe('August 2010');\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n });\n });\n\n describe('year mode', function() {\n beforeEach(function() {\n triggerKeyDown(element, 'up', true);\n triggerKeyDown(element, 'up', true);\n });\n\n it('will be able to activate previous year', function() {\n triggerKeyDown(element, 'left');\n expect(getActiveLabel()).toBe('2009');\n });\n\n it('will be able to activate next year', function() {\n triggerKeyDown(element, 'right');\n expect(getActiveLabel()).toBe('2011');\n });\n\n it('will be able to activate same year in previous row', function() {\n triggerKeyDown(element, 'up');\n expect(getActiveLabel()).toBe('2005');\n });\n\n it('will be able to activate same year in next row', function() {\n triggerKeyDown(element, 'down');\n expect(getActiveLabel()).toBe('2015');\n });\n\n it('will be able to activate same date in previous view', function() {\n triggerKeyDown(element, 'pageup');\n expect(getActiveLabel()).toBe('1990');\n });\n\n it('will be able to activate same date in next view', function() {\n triggerKeyDown(element, 'pagedown');\n expect(getActiveLabel()).toBe('2030');\n });\n\n it('will be able to activate first year of the year', function() {\n triggerKeyDown(element, 'home');\n expect(getActiveLabel()).toBe('2001');\n });\n\n it('will be able to activate last year of the year', function() {\n triggerKeyDown(element, 'end');\n expect(getActiveLabel()).toBe('2020');\n });\n\n it('will not respond when trying to move to upper mode', function() {\n triggerKeyDown(element, 'up', true);\n expect(getTitle()).toBe('2001 - 2020');\n });\n\n it('will be able to move to month mode', function() {\n triggerKeyDown(element, 'down', true);\n expect(getActiveLabel()).toBe('September');\n expect(getTitle()).toBe('2010');\n });\n\n it('will move to month mode when selecting', function() {\n triggerKeyDown(element, 'left', true);\n triggerKeyDown(element, 'enter', true);\n expect(getActiveLabel()).toBe('September');\n expect(getTitle()).toBe('2009');\n expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00'));\n });\n });\n\n describe('`aria-activedescendant`', function() {\n function checkActivedescendant() {\n var activeId = element.find('table').attr('aria-activedescendant');\n expect(element.find('#' + activeId + ' > button')).toHaveClass('active');\n }\n\n it('updates correctly', function() {\n triggerKeyDown(element, 'left');\n checkActivedescendant();\n\n triggerKeyDown(element, 'down');\n checkActivedescendant();\n\n triggerKeyDown(element, 'up', true);\n checkActivedescendant();\n\n triggerKeyDown(element, 'up', true);\n checkActivedescendant();\n });\n });\n });\n });\n\n describe('attribute `datepicker-options`', function() {\n describe('ngModelOptions', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('2005-11-07T10:00:00.000Z');\n $rootScope.options = {\n ngModelOptions: {\n timezone: '+600'\n }\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('supports ngModelOptions from options object and sets date to appropriate date', function() {\n expectSelectedElement(8);\n });\n });\n\n describe('startingDay', function() {\n beforeEach(function() {\n $rootScope.options = {\n startingDay: 1\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('shows the day labels rotated', function() {\n expect(getLabels(true)).toEqual(['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']);\n });\n\n it('renders the calendar days correctly', function() {\n expect(getOptions(true)).toEqual([\n ['30', '31', '01', '02', '03', '04', '05'],\n ['06', '07', '08', '09', '10', '11', '12'],\n ['13', '14', '15', '16', '17', '18', '19'],\n ['20', '21', '22', '23', '24', '25', '26'],\n ['27', '28', '29', '30', '01', '02', '03'],\n ['04', '05', '06', '07', '08', '09', '10']\n ]);\n });\n\n it('renders the week numbers correctly', function() {\n expect(getWeeks()).toEqual(['35', '36', '37', '38', '39', '40']);\n });\n });\n\n describe('showWeeks', function() {\n beforeEach(function() {\n $rootScope.options = {\n showWeeks: false\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('hides week numbers based on variable', function() {\n expect(getLabelsRow().find('th').length).toEqual(7);\n var tr = element.find('tbody').find('tr');\n for (var i = 0; i < 5; i++) {\n expect(tr.eq(i).find('td').length).toEqual(7);\n }\n });\n });\n\n describe('minDate with no initial value', function() {\n beforeEach(function() {\n $rootScope.options = {};\n $rootScope.date = new Date('September 10, 2010');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should toggle appropriately', function() {\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n\n $rootScope.options.minDate = new Date('September 12, 2010');\n $rootScope.$digest();\n\n refreshedButtons = getAllOptionsEl();\n angular.forEach(refreshedButtons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index < 14);\n });\n });\n });\n\n describe('minDate', function() {\n beforeEach(function() {\n $rootScope.options = {\n minDate: new Date('September 12, 2010')\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('disables appropriate days in current month', function() {\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index < 14);\n });\n });\n\n it('disables appropriate days when min date changes', function() {\n $rootScope.options.minDate = new Date('September 5, 2010');\n $rootScope.$digest();\n\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index < 7);\n });\n });\n\n it('invalidates when model is a disabled date', function() {\n $rootScope.options.minDate = new Date('September 5, 2010');\n $rootScope.date = new Date('September 2, 2010');\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid')).toBeTruthy();\n expect(element.hasClass('ng-invalid-date-disabled')).toBeTruthy();\n });\n\n it('disables all days in previous month', function() {\n clickPreviousButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(true);\n });\n });\n\n it('disables no days in next month', function() {\n clickNextButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n });\n\n it('disables appropriate months in current year', function() {\n clickTitleButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index < 8);\n });\n });\n\n it('disables all months in previous year', function() {\n clickTitleButton();\n clickPreviousButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(true);\n });\n });\n\n it('disables no months in next year', function() {\n clickTitleButton();\n clickNextButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n });\n\n it('enables everything before if it is cleared', function() {\n $rootScope.options.minDate = null;\n $rootScope.date = new Date('December 20, 1949');\n $rootScope.$digest();\n\n clickTitleButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n });\n\n it('accepts literals, \\'yyyy-MM-dd\\' case', function() {\n $rootScope.options.minDate = '2010-09-05';\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index < 7);\n });\n });\n });\n\n describe('maxDate with no initial value', function() {\n beforeEach(function() {\n $rootScope.options = {};\n $rootScope.date = new Date('September 10, 2010');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should toggle appropriately', function() {\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n\n $rootScope.options.maxDate = new Date('September 25, 2010');\n $rootScope.$digest();\n\n refreshedButtons = getAllOptionsEl();\n angular.forEach(refreshedButtons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index > 27);\n });\n });\n });\n\n describe('maxDate', function() {\n beforeEach(function() {\n $rootScope.options = {\n maxDate: new Date('September 25, 2010')\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('disables appropriate days in current month', function() {\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index > 27);\n });\n });\n\n it('disables appropriate days when max date changes', function() {\n $rootScope.options.maxDate = new Date('September 18, 2010');\n $rootScope.$digest();\n\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index > 20);\n });\n });\n\n it('invalidates when model is a disabled date', function() {\n $rootScope.options.maxDate = new Date('September 18, 2010');\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid')).toBeTruthy();\n expect(element.hasClass('ng-invalid-date-disabled')).toBeTruthy();\n });\n\n it('disables no days in previous month', function() {\n clickPreviousButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n });\n\n it('disables all days in next month', function() {\n clickNextButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(true);\n });\n });\n\n it('disables appropriate months in current year', function() {\n clickTitleButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index > 8);\n });\n });\n\n it('disables no months in previous year', function() {\n clickTitleButton();\n clickPreviousButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n });\n\n it('disables all months in next year', function() {\n clickTitleButton();\n clickNextButton();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(true);\n });\n });\n\n it('enables everything after if it is cleared', function() {\n $rootScope.options.maxDate = null;\n $rootScope.$digest();\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(false);\n });\n });\n });\n\n describe('formatting', function() {\n beforeEach(function() {\n $rootScope.options = {\n formatDay: 'd',\n formatDayHeader: 'EEEE',\n formatDayTitle: 'MMMM, yy',\n formatMonth: 'MMM',\n formatMonthTitle: 'yy',\n formatYear: 'yy',\n yearColumns: 4,\n yearRows: 3\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('changes the title format in `day` mode', function() {\n expect(getTitle()).toBe('September, 10');\n });\n\n it('changes the title & months format in `month` mode', function() {\n clickTitleButton();\n\n expect(getTitle()).toBe('10');\n expect(getOptions()).toEqual([\n ['Jan', 'Feb', 'Mar'],\n ['Apr', 'May', 'Jun'],\n ['Jul', 'Aug', 'Sep'],\n ['Oct', 'Nov', 'Dec']\n ]);\n });\n\n it('changes the title, year format & range in `year` mode', function() {\n clickTitleButton();\n clickTitleButton();\n\n expect(getTitle()).toBe('05 - 16');\n expect(getOptions()).toEqual([\n ['05', '06', '07', '08'],\n ['09', '10', '11', '12'],\n ['13', '14', '15', '16']\n ]);\n });\n\n it('shows day labels', function() {\n expect(getLabels(true)).toEqual(['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']);\n });\n\n it('changes the day format', function() {\n expect(getOptions(true)).toEqual([\n ['29', '30', '31', '1', '2', '3', '4'],\n ['5', '6', '7', '8', '9', '10', '11'],\n ['12', '13', '14', '15', '16', '17', '18'],\n ['19', '20', '21', '22', '23', '24', '25'],\n ['26', '27', '28', '29', '30', '1', '2'],\n ['3', '4', '5', '6', '7', '8', '9']\n ]);\n });\n });\n });\n\n describe('setting datepickerConfig', function() {\n var originalConfig = {};\n beforeEach(inject(function(uibDatepickerConfig) {\n angular.extend(originalConfig, uibDatepickerConfig);\n uibDatepickerConfig.formatDay = 'd';\n uibDatepickerConfig.formatMonth = 'MMM';\n uibDatepickerConfig.formatYear = 'yy';\n uibDatepickerConfig.formatDayHeader = 'EEEE';\n uibDatepickerConfig.formatDayTitle = 'MMM, yy';\n uibDatepickerConfig.formatMonthTitle = 'yy';\n uibDatepickerConfig.showWeeks = false;\n uibDatepickerConfig.yearRows = 2;\n uibDatepickerConfig.yearColumns = 5;\n uibDatepickerConfig.startingDay = 6;\n uibDatepickerConfig.monthColumns = 4;\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n afterEach(inject(function(uibDatepickerConfig) {\n // return it to the original state\n Object.keys(uibDatepickerConfig).forEach(function(key) {\n delete uibDatepickerConfig[key];\n });\n angular.extend(uibDatepickerConfig, originalConfig);\n }));\n\n it('changes the title format in `day` mode', function() {\n expect(getTitle()).toBe('Sep, 10');\n });\n\n it('changes the title & months format in `month` mode', function() {\n clickTitleButton();\n\n expect(getTitle()).toBe('10');\n expect(getOptions()).toEqual([\n ['Jan', 'Feb', 'Mar', 'Apr'],\n ['May', 'Jun', 'Jul', 'Aug'],\n ['Sep', 'Oct', 'Nov', 'Dec']\n ]);\n });\n\n it('shows title year button to expand to fill width in `month` mode', function() {\n clickTitleButton();\n expect(getTitleCell().attr('colspan')).toBe('2');\n });\n\n it('changes the title, year format & range in `year` mode', function() {\n clickTitleButton();\n clickTitleButton();\n\n expect(getTitle()).toBe('01 - 10');\n expect(getOptions()).toEqual([\n ['01', '02', '03', '04', '05'],\n ['06', '07', '08', '09', '10']\n ]);\n });\n\n it('changes the `starting-day` & day headers & format', function() {\n expect(getLabels()).toEqual(['Saturday', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday']);\n expect(getOptions(false)).toEqual([\n ['28', '29', '30', '31', '1', '2', '3'],\n ['4', '5', '6', '7', '8', '9', '10'],\n ['11', '12', '13', '14', '15', '16', '17'],\n ['18', '19', '20', '21', '22', '23', '24'],\n ['25', '26', '27', '28', '29', '30', '1'],\n ['2', '3', '4', '5', '6', '7', '8']\n ]);\n });\n\n it('changes initial visibility for weeks', function() {\n expect(getLabelsRow().find('th').length).toEqual(7);\n var tr = element.find('tbody').find('tr');\n for (var i = 0; i < 5; i++) {\n expect(tr.eq(i).find('td').length).toEqual(7);\n }\n });\n });\n\n describe('disabled', function() {\n beforeEach(function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should have all dates disabled', function() {\n element.find('.uib-day button').each(function(idx, elem) {\n expect($(elem).prop('disabled')).toBe(true);\n });\n });\n });\n\n describe('ng-disabled', function() {\n beforeEach(function() {\n $rootScope.disabled = false;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should toggle disabled state with value of ng-disabled', function() {\n element.find('.uib-day button').each(function(idx, elem) {\n expect($(elem).prop('disabled')).toBe(false);\n });\n\n $rootScope.disabled = true;\n $rootScope.$digest();\n\n element.find('.uib-day button').each(function(idx, elem) {\n expect($(elem).prop('disabled')).toBe(true);\n });\n\n $rootScope.disabled = false;\n $rootScope.$digest();\n\n element.find('.uib-day button').each(function(idx, elem) {\n expect($(elem).prop('disabled')).toBe(false);\n });\n });\n });\n\n describe('datepickerConfig ngModelOptions', function() {\n describe('timezone', function() {\n var originalConfig = {};\n beforeEach(inject(function(uibDatepickerConfig) {\n angular.extend(originalConfig, uibDatepickerConfig);\n uibDatepickerConfig.ngModelOptions = { timezone: '+600' };\n $rootScope.date = new Date('2005-11-07T10:00:00.000Z');\n }));\n\n afterEach(inject(function(uibDatepickerConfig) {\n // return it to the original state\n angular.extend(uibDatepickerConfig, originalConfig);\n }));\n\n describe('basics', function() {\n beforeEach(function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('sets date to appropriate date', function() {\n expectSelectedElement(8);\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(9);\n expect($rootScope.date).toEqual(new Date('2005-11-08T10:00:00.000Z'));\n });\n });\n\n it('init date', function() {\n $rootScope.options = {\n initDate: new Date('2006-01-01T00:00:00.000Z')\n };\n $rootScope.date = null;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getTitle()).toEqual('January 2006');\n });\n\n it('min date', function() {\n $rootScope.options = {\n minDate: new Date('2010-10-01T00:00:00.000Z')\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getSelectedElement().prop('disabled')).toBe(true);\n });\n });\n });\n\n describe('uib-datepicker ng-model-options', function() {\n describe('timezone', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('2005-11-07T10:00:00.000Z');\n $rootScope.ngModelOptions = { timezone: '+600'};\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('sets date to appropriate date', function() {\n expectSelectedElement(8);\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(9);\n expect($rootScope.date).toEqual(new Date('2005-11-08T10:00:00.000Z'));\n });\n });\n });\n\n describe('with empty initial state', function() {\n beforeEach(inject(function() {\n $rootScope.date = null;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('is has a `` element', function() {\n expect(element.find('table').length).toBe(1);\n });\n\n it('is shows rows with days', function() {\n expect(element.find('tbody').find('tr').length).toBeGreaterThan(3);\n });\n\n it('sets default 00:00:00 time for selected date', function() {\n $rootScope.date = new Date('August 1, 2013');\n $rootScope.$digest();\n $rootScope.date = null;\n $rootScope.$digest();\n\n clickOption(14);\n expect($rootScope.date).toEqual(new Date('August 11, 2013 00:00:00'));\n });\n });\n\n describe('`init-date`', function() {\n beforeEach(inject(function() {\n $rootScope.date = null;\n $rootScope.options = {\n initDate: new Date('November 9, 1980')\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('does not alter the model', function() {\n expect($rootScope.date).toBe(null);\n });\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('November 1980');\n });\n });\n\n describe('`datepicker-mode`', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('August 11, 2013');\n $rootScope.options = {\n datepickerMode: 'month'\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('2013');\n });\n\n it('updates binding', function() {\n clickTitleButton();\n expect($rootScope.options.datepickerMode).toBe('year');\n });\n });\n\n describe('`min-mode`', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('August 11, 2013');\n $rootScope.options = {\n minMode: 'month',\n datepickerMode: 'month'\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('does not move below it', function() {\n expect(getTitle()).toBe('2013');\n clickOption( 5 );\n expect(getTitle()).toBe('2013');\n clickTitleButton();\n expect(getTitle()).toBe('2001 - 2020');\n $rootScope.options.minMode = 'year';\n $rootScope.$digest();\n clickOption( 5 );\n expect(getTitle()).toBe('2001 - 2020');\n });\n\n it('updates current mode if necessary', function() {\n expect(getTitle()).toBe('2013');\n $rootScope.options.minMode = 'year';\n $rootScope.$digest();\n expect(getTitle()).toBe('2001 - 2020');\n });\n });\n\n describe('`max-mode`', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('August 11, 2013');\n $rootScope.options = {\n maxMode: 'month'\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('does not move above it', function() {\n expect(getTitle()).toBe('August 2013');\n clickTitleButton();\n expect(getTitle()).toBe('2013');\n clickTitleButton();\n expect(getTitle()).toBe('2013');\n clickOption( 10 );\n expect(getTitle()).toBe('November 2013');\n $rootScope.options.maxMode = 'day';\n $rootScope.$digest();\n clickTitleButton();\n expect(getTitle()).toBe('November 2013');\n });\n\n it('disables the title button at it', function() {\n expect(getTitleButton().prop('disabled')).toBe(false);\n clickTitleButton();\n expect(getTitleButton().prop('disabled')).toBe(true);\n clickTitleButton();\n expect(getTitleButton().prop('disabled')).toBe(true);\n clickOption( 10 );\n expect(getTitleButton().prop('disabled')).toBe(false);\n $rootScope.options.maxMode = 'day';\n $rootScope.$digest();\n expect(getTitleButton().prop('disabled')).toBe(true);\n });\n\n it('updates current mode if necessary', function() {\n expect(getTitle()).toBe('August 2013');\n clickTitleButton();\n expect(getTitle()).toBe('2013');\n $rootScope.options.maxMode = 'day';\n $rootScope.$digest();\n expect(getTitle()).toBe('August 2013');\n });\n });\n\n describe('with an ngModelController having formatters and parsers', function() {\n beforeEach(inject(function() {\n // Custom date object.\n $rootScope.date = { type: 'date', date: 'April 1, 2015 00:00:00' };\n\n // Use dateModel directive to add formatters and parsers to the\n // ngModelController that translate the custom date object.\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('updates the view', function() {\n $rootScope.date = { type: 'date', date: 'April 15, 2015 00:00:00' };\n $rootScope.$digest();\n\n expectSelectedElement(17);\n });\n\n it('updates the model', function() {\n clickOption(17);\n\n expect($rootScope.date.type).toEqual('date');\n expect(new Date($rootScope.date.date)).toEqual(new Date('April 15, 2015 00:00:00'));\n });\n });\n\n describe('thursdays determine week count', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('June 07, 2014');\n }));\n\n it('with the default starting day (sunday)', function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getWeeks()).toEqual(['23', '24', '25', '26', '27', '28']);\n });\n\n describe('when starting date', function() {\n it('is monday', function() {\n $rootScope.options = {\n startingDay: 1\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getWeeks()).toEqual(['22', '23', '24', '25', '26', '27']);\n });\n\n it('is thursday', function() {\n $rootScope.options = {\n startingDay: 4\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getWeeks()).toEqual(['22', '23', '24', '25', '26', '27']);\n });\n\n it('is saturday', function() {\n $rootScope.options = {\n startingDay: 6\n };\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getWeeks()).toEqual(['23', '24', '25', '26', '27', '28']);\n });\n });\n\n describe('first week in january', function() {\n it('in current year', function() {\n $rootScope.date = new Date('January 07, 2014');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getWeeks()).toEqual(['1', '2', '3', '4', '5', '6']);\n });\n\n it('in last year', function() {\n $rootScope.date = new Date('January 07, 2010');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getWeeks()).toEqual(['53', '1', '2', '3', '4', '5']);\n });\n });\n\n describe('last week(s) in december', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('December 07, 2014');\n }));\n\n it('in next year', function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getWeeks()).toEqual(['49', '50', '51', '52', '1', '2']);\n });\n });\n });\n });\n});\n"
},
{
"path": "src/datepickerPopup/docs/demo.html",
"content": "\n\n
Selected date is: {{dt | date:'fullDate' }} \n\n
Popup \n
\n
\n
\n Format: (manual alternate {{altInputFormats[0]}} )
\n
\n\n
\n
Today \n
2009-08-24 \n
Clear \n
Min date \n
$ \nC \n_(Default: `[]`)_ -\nA list of alternate formats acceptable for manual entry.\n\n* `clear-text`\nC \n_(Default: `Clear`)_ -\nThe text to display for the clear button.\n\n* `close-on-date-selection`\n$ \nC \n_(Default: `true`)_ -\nWhether to close calendar when a date is chosen.\n\n* `close-text`\nC \n_(Default: `Done`)_ -\nThe text to display for the close button.\n\n* `current-text`\nC \n_(Default: `Today`)_ -\nThe text to display for the current day button.\n\n* `datepicker-append-to-body`\n$ \nC \n_(Default: `false`, Config: `appendToBody`)_ -\nAppend the datepicker popup element to `body`, rather than inserting after `datepicker-popup`.\n\n* `datepicker-options`\n$ -\nAn object with any combination of the datepicker settings (in camelCase) used to configure the wrapped datepicker.\n\n* `datepicker-popup-template-url`\nC \n_(Default: `uib/template/datepickerPopup/popup.html`)_ -\nAdd the ability to override the template used on the component.\n\n* `datepicker-template-url`\nC \n_(Default: `uib/template/datepicker/datepicker.html`)_ -\nAdd the ability to override the template used on the component (inner uib-datepicker).\n\n* `is-open`\n$ \n$ \n $ \nC \n_(Default: `true`)_ -\nWhether or not to focus the datepicker popup upon opening.\n\n* `show-button-bar`\n$ \nC \n_(Default: `true`)_ -\nWhether or not to display a button bar underneath the uib-datepicker.\n\n* `type`\nC \n_(Default: `text`, Config: `html5Types`)_ -\nYou can override the input type to be _(date|datetime-local|month)_. That will change the date format of the popup.\n\n* `popup-placement`\n C \n _(Default: `auto bottom-left`, Config: 'placement')_ -\nPassing in 'auto' separated by a space before the placement will enable auto positioning, e.g: \"auto bottom-left\". The popup will attempt to position where it fits in the closest scrollable ancestor. Accepts:\n\n * `top` - popup on top, horizontally centered on input element.\n * `top-left` - popup on top, left edge aligned with input element left edge.\n * `top-right` - popup on top, right edge aligned with input element right edge.\n * `bottom` - popup on bottom, horizontally centered on input element.\n * `bottom-left` - popup on bottom, left edge aligned with input element left edge.\n * `bottom-right` - popup on bottom, right edge aligned with input element right edge.\n * `left` - popup on left, vertically centered on input element.\n * `left-top` - popup on left, top edge aligned with input element top edge.\n * `left-bottom` - popup on left, bottom edge aligned with input element bottom edge.\n * `right` - popup on right, vertically centered on input element.\n * `right-top` - popup on right, top edge aligned with input element top edge.\n * `right-bottom` - popup on right, bottom edge aligned with input element bottom edge.\n\n* `uib-datepicker-popup`\nC \n_(Default: `yyyy-MM-dd`, Config: `datepickerConfig`)_ -\nThe format for displayed dates. This string can take string literals by surrounding the value with single quotes, i.e. `yyyy-MM-dd h 'o\\'clock'`.\n\n**Notes**\n\nIf using this directive on input type date, a native browser datepicker could also appear.\n"
},
{
"path": "src/datepickerPopup/index-nocss.js",
"content": "require('../datepicker/index-nocss.js');\nrequire('../position/index-nocss.js');\nrequire('../../template/datepickerPopup/popup.html.js');\nrequire('./popup.js');\n\nvar MODULE_NAME = 'ui.bootstrap.module.datepickerPopup';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.datepickerPopup', 'uib/template/datepickerPopup/popup.html', 'ui.bootstrap.module.datepicker']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/datepickerPopup/index.js",
"content": "require('../datepicker/datepicker.css');\nrequire('../position/position.css');\nrequire('./popup.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/datepickerPopup/popup.css",
"content": ".uib-datepicker-popup.dropdown-menu {\n display: block;\n float: none;\n margin: 0;\n}\n\n.uib-button-bar {\n padding: 10px 9px 2px;\n}\n"
},
{
"path": "src/datepickerPopup/popup.js",
"content": "angular.module('ui.bootstrap.datepickerPopup', ['ui.bootstrap.datepicker', 'ui.bootstrap.position'])\n\n.value('$datepickerPopupLiteralWarning', true)\n\n.constant('uibDatepickerPopupConfig', {\n altInputFormats: [],\n appendToBody: false,\n clearText: 'Clear',\n closeOnDateSelection: true,\n closeText: 'Done',\n currentText: 'Today',\n datepickerPopup: 'yyyy-MM-dd',\n datepickerPopupTemplateUrl: 'uib/template/datepickerPopup/popup.html',\n datepickerTemplateUrl: 'uib/template/datepicker/datepicker.html',\n html5Types: {\n date: 'yyyy-MM-dd',\n 'datetime-local': 'yyyy-MM-ddTHH:mm:ss.sss',\n 'month': 'yyyy-MM'\n },\n onOpenFocus: true,\n showButtonBar: true,\n placement: 'auto bottom-left'\n})\n\n.controller('UibDatepickerPopupController', ['$scope', '$element', '$attrs', '$compile', '$log', '$parse', '$window', '$document', '$rootScope', '$uibPosition', 'dateFilter', 'uibDateParser', 'uibDatepickerPopupConfig', '$timeout', 'uibDatepickerConfig', '$datepickerPopupLiteralWarning',\nfunction($scope, $element, $attrs, $compile, $log, $parse, $window, $document, $rootScope, $position, dateFilter, dateParser, datepickerPopupConfig, $timeout, datepickerConfig, $datepickerPopupLiteralWarning) {\n var cache = {},\n isHtml5DateInput = false;\n var dateFormat, closeOnDateSelection, appendToBody, onOpenFocus,\n datepickerPopupTemplateUrl, datepickerTemplateUrl, popupEl, datepickerEl, scrollParentEl,\n ngModel, ngModelOptions, $popup, altInputFormats, watchListeners = [];\n\n this.init = function(_ngModel_) {\n ngModel = _ngModel_;\n ngModelOptions = extractOptions(ngModel);\n closeOnDateSelection = angular.isDefined($attrs.closeOnDateSelection) ?\n $scope.$parent.$eval($attrs.closeOnDateSelection) :\n datepickerPopupConfig.closeOnDateSelection;\n appendToBody = angular.isDefined($attrs.datepickerAppendToBody) ?\n $scope.$parent.$eval($attrs.datepickerAppendToBody) :\n datepickerPopupConfig.appendToBody;\n onOpenFocus = angular.isDefined($attrs.onOpenFocus) ?\n $scope.$parent.$eval($attrs.onOpenFocus) : datepickerPopupConfig.onOpenFocus;\n datepickerPopupTemplateUrl = angular.isDefined($attrs.datepickerPopupTemplateUrl) ?\n $attrs.datepickerPopupTemplateUrl :\n datepickerPopupConfig.datepickerPopupTemplateUrl;\n datepickerTemplateUrl = angular.isDefined($attrs.datepickerTemplateUrl) ?\n $attrs.datepickerTemplateUrl : datepickerPopupConfig.datepickerTemplateUrl;\n altInputFormats = angular.isDefined($attrs.altInputFormats) ?\n $scope.$parent.$eval($attrs.altInputFormats) :\n datepickerPopupConfig.altInputFormats;\n\n $scope.showButtonBar = angular.isDefined($attrs.showButtonBar) ?\n $scope.$parent.$eval($attrs.showButtonBar) :\n datepickerPopupConfig.showButtonBar;\n\n if (datepickerPopupConfig.html5Types[$attrs.type]) {\n dateFormat = datepickerPopupConfig.html5Types[$attrs.type];\n isHtml5DateInput = true;\n } else {\n dateFormat = $attrs.uibDatepickerPopup || datepickerPopupConfig.datepickerPopup;\n $attrs.$observe('uibDatepickerPopup', function(value, oldValue) {\n var newDateFormat = value || datepickerPopupConfig.datepickerPopup;\n // Invalidate the $modelValue to ensure that formatters re-run\n // FIXME: Refactor when PR is merged: https://github.com/angular/angular.js/pull/10764\n if (newDateFormat !== dateFormat) {\n dateFormat = newDateFormat;\n ngModel.$modelValue = null;\n\n if (!dateFormat) {\n throw new Error('uibDatepickerPopup must have a date format specified.');\n }\n }\n });\n }\n\n if (!dateFormat) {\n throw new Error('uibDatepickerPopup must have a date format specified.');\n }\n\n if (isHtml5DateInput && $attrs.uibDatepickerPopup) {\n throw new Error('HTML5 date input types do not support custom formats.');\n }\n\n // popup element used to display calendar\n popupEl = angular.element('');\n\n popupEl.attr({\n 'ng-model': 'date',\n 'ng-change': 'dateSelection(date)',\n 'template-url': datepickerPopupTemplateUrl\n });\n\n // datepicker element\n datepickerEl = angular.element(popupEl.children()[0]);\n datepickerEl.attr('template-url', datepickerTemplateUrl);\n\n if (!$scope.datepickerOptions) {\n $scope.datepickerOptions = {};\n }\n\n if (isHtml5DateInput) {\n if ($attrs.type === 'month') {\n $scope.datepickerOptions.datepickerMode = 'month';\n $scope.datepickerOptions.minMode = 'month';\n }\n }\n\n datepickerEl.attr('datepicker-options', 'datepickerOptions');\n\n if (!isHtml5DateInput) {\n // Internal API to maintain the correct ng-invalid-[key] class\n ngModel.$$parserName = 'date';\n ngModel.$validators.date = validator;\n ngModel.$parsers.unshift(parseDate);\n ngModel.$formatters.push(function(value) {\n if (ngModel.$isEmpty(value)) {\n $scope.date = value;\n return value;\n }\n\n if (angular.isNumber(value)) {\n value = new Date(value);\n }\n\n $scope.date = dateParser.fromTimezone(value, ngModelOptions.getOption('timezone'));\n\n return dateParser.filter($scope.date, dateFormat);\n });\n } else {\n ngModel.$formatters.push(function(value) {\n $scope.date = dateParser.fromTimezone(value, ngModelOptions.getOption('timezone'));\n return value;\n });\n }\n\n // Detect changes in the view from the text box\n ngModel.$viewChangeListeners.push(function() {\n $scope.date = parseDateString(ngModel.$viewValue);\n });\n\n $element.on('keydown', inputKeydownBind);\n\n $popup = $compile(popupEl)($scope);\n // Prevent jQuery cache memory leak (template is now redundant after linking)\n popupEl.remove();\n\n if (appendToBody) {\n $document.find('body').append($popup);\n } else {\n $element.after($popup);\n }\n\n $scope.$on('$destroy', function() {\n if ($scope.isOpen === true) {\n if (!$rootScope.$$phase) {\n $scope.$apply(function() {\n $scope.isOpen = false;\n });\n }\n }\n\n $popup.remove();\n $element.off('keydown', inputKeydownBind);\n $document.off('click', documentClickBind);\n if (scrollParentEl) {\n scrollParentEl.off('scroll', positionPopup);\n }\n angular.element($window).off('resize', positionPopup);\n\n //Clear all watch listeners on destroy\n while (watchListeners.length) {\n watchListeners.shift()();\n }\n });\n };\n\n $scope.getText = function(key) {\n return $scope[key + 'Text'] || datepickerPopupConfig[key + 'Text'];\n };\n\n $scope.isDisabled = function(date) {\n if (date === 'today') {\n date = dateParser.fromTimezone(new Date(), ngModelOptions.getOption('timezone'));\n }\n\n var dates = {};\n angular.forEach(['minDate', 'maxDate'], function(key) {\n if (!$scope.datepickerOptions[key]) {\n dates[key] = null;\n } else if (angular.isDate($scope.datepickerOptions[key])) {\n dates[key] = new Date($scope.datepickerOptions[key]);\n } else {\n if ($datepickerPopupLiteralWarning) {\n $log.warn('Literal date support has been deprecated, please switch to date object usage');\n }\n\n dates[key] = new Date(dateFilter($scope.datepickerOptions[key], 'medium'));\n }\n });\n\n return $scope.datepickerOptions &&\n dates.minDate && $scope.compare(date, dates.minDate) < 0 ||\n dates.maxDate && $scope.compare(date, dates.maxDate) > 0;\n };\n\n $scope.compare = function(date1, date2) {\n return new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()) - new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());\n };\n\n // Inner change\n $scope.dateSelection = function(dt) {\n $scope.date = dt;\n var date = $scope.date ? dateParser.filter($scope.date, dateFormat) : null; // Setting to NULL is necessary for form validators to function\n $element.val(date);\n ngModel.$setViewValue(date);\n\n if (closeOnDateSelection) {\n $scope.isOpen = false;\n $element[0].focus();\n }\n };\n\n $scope.keydown = function(evt) {\n if (evt.which === 27) {\n evt.stopPropagation();\n $scope.isOpen = false;\n $element[0].focus();\n }\n };\n\n $scope.select = function(date, evt) {\n evt.stopPropagation();\n\n if (date === 'today') {\n var today = new Date();\n if (angular.isDate($scope.date)) {\n date = new Date($scope.date);\n date.setFullYear(today.getFullYear(), today.getMonth(), today.getDate());\n } else {\n date = dateParser.fromTimezone(today, ngModelOptions.getOption('timezone'));\n date.setHours(0, 0, 0, 0);\n }\n }\n $scope.dateSelection(date);\n };\n\n $scope.close = function(evt) {\n evt.stopPropagation();\n\n $scope.isOpen = false;\n $element[0].focus();\n };\n\n $scope.disabled = angular.isDefined($attrs.disabled) || false;\n if ($attrs.ngDisabled) {\n watchListeners.push($scope.$parent.$watch($parse($attrs.ngDisabled), function(disabled) {\n $scope.disabled = disabled;\n }));\n }\n\n $scope.$watch('isOpen', function(value) {\n if (value) {\n if (!$scope.disabled) {\n $timeout(function() {\n positionPopup();\n\n if (onOpenFocus) {\n $scope.$broadcast('uib:datepicker.focus');\n }\n\n $document.on('click', documentClickBind);\n\n var placement = $attrs.popupPlacement ? $attrs.popupPlacement : datepickerPopupConfig.placement;\n if (appendToBody || $position.parsePlacement(placement)[2]) {\n scrollParentEl = scrollParentEl || angular.element($position.scrollParent($element));\n if (scrollParentEl) {\n scrollParentEl.on('scroll', positionPopup);\n }\n } else {\n scrollParentEl = null;\n }\n\n angular.element($window).on('resize', positionPopup);\n }, 0, false);\n } else {\n $scope.isOpen = false;\n }\n } else {\n $document.off('click', documentClickBind);\n if (scrollParentEl) {\n scrollParentEl.off('scroll', positionPopup);\n }\n angular.element($window).off('resize', positionPopup);\n }\n });\n\n function cameltoDash(string) {\n return string.replace(/([A-Z])/g, function($1) { return '-' + $1.toLowerCase(); });\n }\n\n function parseDateString(viewValue) {\n var date = dateParser.parse(viewValue, dateFormat, $scope.date);\n if (isNaN(date)) {\n for (var i = 0; i < altInputFormats.length; i++) {\n date = dateParser.parse(viewValue, altInputFormats[i], $scope.date);\n if (!isNaN(date)) {\n return date;\n }\n }\n }\n return date;\n }\n\n function parseDate(viewValue) {\n if (angular.isNumber(viewValue)) {\n // presumably timestamp to date object\n viewValue = new Date(viewValue);\n }\n\n if (!viewValue) {\n return null;\n }\n\n if (angular.isDate(viewValue) && !isNaN(viewValue)) {\n return viewValue;\n }\n\n if (angular.isString(viewValue)) {\n var date = parseDateString(viewValue);\n if (!isNaN(date)) {\n return dateParser.toTimezone(date, ngModelOptions.getOption('timezone'));\n }\n }\n\n return ngModelOptions.getOption('allowInvalid') ? viewValue : undefined;\n }\n\n function validator(modelValue, viewValue) {\n var value = modelValue || viewValue;\n\n if (!$attrs.ngRequired && !value) {\n return true;\n }\n\n if (angular.isNumber(value)) {\n value = new Date(value);\n }\n\n if (!value) {\n return true;\n }\n\n if (angular.isDate(value) && !isNaN(value)) {\n return true;\n }\n\n if (angular.isString(value)) {\n return !isNaN(parseDateString(value));\n }\n\n return false;\n }\n\n function documentClickBind(event) {\n if (!$scope.isOpen && $scope.disabled) {\n return;\n }\n\n var popup = $popup[0];\n var dpContainsTarget = $element[0].contains(event.target);\n // The popup node may not be an element node\n // In some browsers (IE) only element nodes have the 'contains' function\n var popupContainsTarget = popup.contains !== undefined && popup.contains(event.target);\n if ($scope.isOpen && !(dpContainsTarget || popupContainsTarget)) {\n $scope.$apply(function() {\n $scope.isOpen = false;\n });\n }\n }\n\n function inputKeydownBind(evt) {\n if (evt.which === 27 && $scope.isOpen) {\n evt.preventDefault();\n evt.stopPropagation();\n $scope.$apply(function() {\n $scope.isOpen = false;\n });\n $element[0].focus();\n } else if (evt.which === 40 && !$scope.isOpen) {\n evt.preventDefault();\n evt.stopPropagation();\n $scope.$apply(function() {\n $scope.isOpen = true;\n });\n }\n }\n\n function positionPopup() {\n if ($scope.isOpen) {\n var dpElement = angular.element($popup[0].querySelector('.uib-datepicker-popup'));\n var placement = $attrs.popupPlacement ? $attrs.popupPlacement : datepickerPopupConfig.placement;\n var position = $position.positionElements($element, dpElement, placement, appendToBody);\n dpElement.css({top: position.top + 'px', left: position.left + 'px'});\n if (dpElement.hasClass('uib-position-measure')) {\n dpElement.removeClass('uib-position-measure');\n }\n }\n }\n\n function extractOptions(ngModelCtrl) {\n var ngModelOptions;\n\n if (angular.version.minor < 6) { // in angular < 1.6 $options could be missing\n // guarantee a value\n ngModelOptions = angular.isObject(ngModelCtrl.$options) ?\n ngModelCtrl.$options :\n {\n timezone: null\n };\n\n // mimic 1.6+ api\n ngModelOptions.getOption = function (key) {\n return ngModelOptions[key];\n };\n } else { // in angular >=1.6 $options is always present\n ngModelOptions = ngModelCtrl.$options;\n }\n\n return ngModelOptions;\n }\n\n $scope.$on('uib:datepicker.mode', function() {\n $timeout(positionPopup, 0, false);\n });\n}])\n\n.directive('uibDatepickerPopup', function() {\n return {\n require: ['ngModel', 'uibDatepickerPopup'],\n controller: 'UibDatepickerPopupController',\n scope: {\n datepickerOptions: '=?',\n isOpen: '=?',\n currentText: '@',\n clearText: '@',\n closeText: '@'\n },\n link: function(scope, element, attrs, ctrls) {\n var ngModel = ctrls[0],\n ctrl = ctrls[1];\n\n ctrl.init(ngModel);\n }\n };\n})\n\n.directive('uibDatepickerPopupWrap', function() {\n return {\n restrict: 'A',\n transclude: true,\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/datepickerPopup/popup.html';\n }\n };\n});\n"
},
{
"path": "src/datepickerPopup/test/popup.spec.js",
"content": "describe('datepicker popup', function() {\n var inputEl, dropdownEl, $compile, $document, $rootScope, $sniffer,\n $templateCache, $timeout;\n beforeEach(module('ui.bootstrap.datepickerPopup'));\n beforeEach(module('uib/template/datepicker/datepicker.html'));\n beforeEach(module('uib/template/datepicker/day.html'));\n beforeEach(module('uib/template/datepicker/month.html'));\n beforeEach(module('uib/template/datepicker/year.html'));\n beforeEach(module('uib/template/datepickerPopup/popup.html'));\n beforeEach(inject(function(_$compile_, _$rootScope_, _$templateCache_) {\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n $rootScope.date = new Date('September 30, 2010 15:30:00');\n $templateCache = _$templateCache_;\n }));\n\n function getTitleButton() {\n return element.find('th').eq(1).find('button').first();\n }\n\n function getTitle() {\n return getTitleButton().text();\n }\n\n function clickTitleButton() {\n getTitleButton().click();\n }\n\n function getLabelsRow() {\n return element.find('thead').find('tr').eq(1);\n }\n\n function getLabels(dayMode) {\n var els = getLabelsRow().find('th'),\n labels = [];\n for (var i = dayMode ? 1 : 0, n = els.length; i < n; i++) {\n labels.push(els.eq(i).text());\n }\n return labels;\n }\n\n function getOptions(dayMode) {\n var tr = element.find('tbody').find('tr');\n var rows = [];\n\n for (var j = 0, numRows = tr.length; j < numRows; j++) {\n var cols = tr.eq(j).find('td'), days = [];\n for (var i = dayMode ? 1 : 0, n = cols.length; i < n; i++) {\n days.push(cols.eq(i).find('button').text());\n }\n rows.push(days);\n }\n return rows;\n }\n\n function clickOption(index) {\n getAllOptionsEl().eq(index).click();\n }\n\n function getAllOptionsEl(dayMode) {\n return element.find('tbody').find('button');\n }\n\n function selectedElementIndex() {\n var buttons = getAllOptionsEl();\n for (var i = 0; i < buttons.length; i++) {\n if (angular.element(buttons[i]).hasClass('btn-info')) {\n return i;\n }\n }\n }\n\n function expectSelectedElement(index) {\n var buttons = getAllOptionsEl();\n angular.forEach( buttons, function(button, idx) {\n expect(angular.element(button).hasClass('btn-info')).toBe(idx === index);\n });\n }\n\n function getSelectedElement(index) {\n var buttons = getAllOptionsEl();\n var el = $.grep(buttons, function(button, idx) {\n return angular.element(button).hasClass('btn-info');\n })[0];\n return angular.element(el);\n }\n\n function triggerKeyDown(element, key, ctrl) {\n var keyCodes = {\n 'enter': 13,\n 'space': 32,\n 'pageup': 33,\n 'pagedown': 34,\n 'end': 35,\n 'home': 36,\n 'left': 37,\n 'up': 38,\n 'right': 39,\n 'down': 40,\n 'esc': 27\n };\n var e = $.Event('keydown');\n e.which = keyCodes[key];\n if (ctrl) {\n e.ctrlKey = true;\n }\n element.trigger(e);\n }\n\n function assignElements(wrapElement) {\n inputEl = wrapElement.find('input');\n dropdownEl = wrapElement.find('ul');\n element = dropdownEl.find('table');\n }\n\n function changeInputValueTo(el, value) {\n el.val(value);\n el.trigger($sniffer.hasEvent('input') ? 'input' : 'change');\n $rootScope.$digest();\n }\n\n describe('basic', function() {\n var wrapElement, inputEl, dropdownEl;\n\n function assignElements(wrapElement) {\n inputEl = wrapElement.find('input');\n dropdownEl = wrapElement.find('ul');\n element = dropdownEl.find('table');\n }\n\n beforeEach(function() {\n $rootScope.date = new Date('September 30, 2010 15:30:00');\n $rootScope.isopen = true;\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n });\n\n it('should stop click event from bubbling from today button', function() {\n var bubbled = false;\n wrapElement.on('click', function() {\n bubbled = true;\n });\n\n wrapElement.find('.uib-datepicker-current').trigger('click');\n\n expect(bubbled).toBe(false);\n });\n\n it('should stop click event from bubbling from clear button', function() {\n var bubbled = false;\n wrapElement.on('click', function() {\n bubbled = true;\n });\n\n wrapElement.find('.uib-clear').trigger('click');\n\n expect(bubbled).toBe(false);\n });\n\n it('should stop click event from bubbling from close button', function() {\n var bubbled = false;\n wrapElement.on('click', function() {\n bubbled = true;\n });\n\n wrapElement.find('.uib-close').trigger('click');\n\n expect(bubbled).toBe(false);\n });\n });\n\n describe('ngModelOptions allowInvalid', function() {\n beforeEach(inject(function(_$sniffer_) {\n $sniffer = _$sniffer_;\n\n $rootScope.date = new Date('September 30, 2010 15:30:00');\n $rootScope.ngModelOptions = {\n allowInvalid: true\n };\n element = $compile('
')($rootScope);\n inputEl = element.find('input');\n $rootScope.$digest();\n }));\n\n function changeInputValueTo(el, value) {\n el.val(value);\n el.trigger($sniffer.hasEvent('input') ? 'input' : 'change');\n $rootScope.$digest();\n }\n\n it('should update ng-model even if the date is invalid when allowInvalid is true', function() {\n changeInputValueTo(inputEl, 'pizza');\n expect($rootScope.date).toBe('pizza');\n expect(inputEl.val()).toBe('pizza');\n });\n });\n\n describe('setting datepickerPopupConfig', function() {\n var originalConfig = {};\n beforeEach(inject(function(uibDatepickerPopupConfig) {\n angular.extend(originalConfig, uibDatepickerPopupConfig);\n uibDatepickerPopupConfig.datepickerPopup = 'MM-dd-yyyy';\n\n element = $compile('')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('does not to display datepicker initially', function() {\n expect(dropdownEl.length).toBe(0);\n });\n\n it('to display the correct value in input', function() {\n expect(inputEl.val()).toBe('2010-09-30');\n });\n });\n\n describe('initially opened', function() {\n var wrapElement;\n\n beforeEach(inject(function(_$document_, _$sniffer_, _$timeout_) {\n $document = _$document_;\n $sniffer = _$sniffer_;\n $timeout = _$timeout_;\n $rootScope.isopen = true;\n $rootScope.date = new Date('September 30, 2010 15:30:00');\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('datepicker is displayed', function() {\n expect(dropdownEl.length).toBe(1);\n });\n\n it('renders the calendar correctly', function() {\n expect(getLabelsRow().css('display')).not.toBe('none');\n expect(getLabels(true)).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']);\n expect(getOptions(true)).toEqual([\n ['29', '30', '31', '01', '02', '03', '04'],\n ['05', '06', '07', '08', '09', '10', '11'],\n ['12', '13', '14', '15', '16', '17', '18'],\n ['19', '20', '21', '22', '23', '24', '25'],\n ['26', '27', '28', '29', '30', '01', '02'],\n ['03', '04', '05', '06', '07', '08', '09']\n ]);\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(17);\n expect(inputEl.val()).toBe('2010-09-15');\n expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00'));\n });\n\n it('should mark the input field dirty when a day is clicked', function() {\n expect(inputEl).toHaveClass('ng-pristine');\n clickOption(17);\n expect(inputEl).toHaveClass('ng-dirty');\n });\n\n it('updates the input correctly when model changes', function() {\n $rootScope.date = new Date('January 10, 1983 10:00:00');\n $rootScope.$digest();\n expect(inputEl.val()).toBe('1983-01-10');\n });\n\n it('closes the dropdown when a day is clicked', function() {\n expect(dropdownEl.length).toBe(1);\n\n clickOption(17);\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(0);\n });\n\n it('updates the model & calendar when input value changes', function() {\n changeInputValueTo(inputEl, '2010-09-15');\n\n expect($rootScope.date.getFullYear()).toEqual(2010);\n expect($rootScope.date.getMonth()).toEqual(8);\n expect($rootScope.date.getDate()).toEqual(15);\n\n expect(getOptions(true)).toEqual([\n ['29', '30', '31', '01', '02', '03', '04'],\n ['05', '06', '07', '08', '09', '10', '11'],\n ['12', '13', '14', '15', '16', '17', '18'],\n ['19', '20', '21', '22', '23', '24', '25'],\n ['26', '27', '28', '29', '30', '01', '02'],\n ['03', '04', '05', '06', '07', '08', '09']\n ]);\n expectSelectedElement(17);\n });\n\n it('closes when click outside of calendar', function() {\n expect(dropdownEl.length).toBe(1);\n\n $timeout.flush(0);\n $document.find('body').click();\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(0);\n });\n\n it('sets `ng-invalid` for invalid input', function() {\n changeInputValueTo(inputEl, 'pizza');\n\n expect(inputEl).toHaveClass('ng-invalid');\n expect(inputEl).toHaveClass('ng-invalid-date');\n expect($rootScope.date).toBeUndefined();\n expect(inputEl.val()).toBe('pizza');\n });\n\n it('unsets `ng-invalid` for valid input', function() {\n changeInputValueTo(inputEl, 'pizza');\n expect(inputEl).toHaveClass('ng-invalid-date');\n\n $rootScope.date = new Date('August 11, 2013');\n $rootScope.$digest();\n expect(inputEl).not.toHaveClass('ng-invalid');\n expect(inputEl).not.toHaveClass('ng-invalid-date');\n });\n\n describe('focus', function () {\n beforeEach(function() {\n var body = $document.find('body');\n body.append(inputEl);\n body.append(dropdownEl);\n });\n\n afterEach(function() {\n inputEl.remove();\n dropdownEl.remove();\n });\n\n it('returns to the input when ESC key is pressed in the popup and closes', function() {\n expect(dropdownEl.length).toBe(1);\n\n dropdownEl.find('button').eq(0).focus();\n expect(document.activeElement.tagName).toBe('BUTTON');\n\n triggerKeyDown(dropdownEl, 'esc');\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(0);\n expect(document.activeElement.tagName).toBe('INPUT');\n });\n\n it('returns to the input when ESC key is pressed in the input and closes', function() {\n expect(dropdownEl.length).toBe(1);\n\n dropdownEl.find('button').eq(0).focus();\n expect(document.activeElement.tagName).toBe('BUTTON');\n\n triggerKeyDown(inputEl, 'esc');\n $rootScope.$digest();\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(0);\n expect(document.activeElement.tagName).toBe('INPUT');\n });\n\n it('stops the ESC key from propagating if the dropdown is open, but not when closed', function() {\n var documentKey = -1;\n var getKey = function(evt) { documentKey = evt.which; };\n $document.on('keydown', getKey);\n\n triggerKeyDown(inputEl, 'esc');\n expect(documentKey).toBe(-1);\n\n triggerKeyDown(inputEl, 'esc');\n expect(documentKey).toBe(27);\n\n $document.off('keydown', getKey);\n });\n });\n\n describe('works with HTML5 date input types', function() {\n var date2 = new Date('October 1, 2010 12:34:56.789');\n beforeEach(inject(function(_$document_) {\n $document = _$document_;\n $rootScope.isopen = true;\n $rootScope.date = new Date('September 30, 2010 15:30:00');\n }));\n\n it('works as date', function() {\n setupInputWithType('date');\n expect(dropdownEl.length).toBe(1);\n expect(inputEl.val()).toBe('2010-09-30');\n\n changeInputValueTo(inputEl, '1980-03-05');\n\n expect($rootScope.date.getFullYear()).toEqual(1980);\n expect($rootScope.date.getMonth()).toEqual(2);\n expect($rootScope.date.getDate()).toEqual(5);\n\n expect(getOptions(true)).toEqual([\n ['24', '25', '26', '27', '28', '29', '01'],\n ['02', '03', '04', '05', '06', '07', '08'],\n ['09', '10', '11', '12', '13', '14', '15'],\n ['16', '17', '18', '19', '20', '21', '22'],\n ['23', '24', '25', '26', '27', '28', '29'],\n ['30', '31', '01', '02', '03', '04', '05']\n ]);\n expect(selectedElementIndex()).toEqual(10);\n });\n\n it('works as datetime-local', function() {\n setupInputWithType('datetime-local');\n expect(inputEl.val()).toBe('2010-09-30T15:30:00.000');\n\n changeInputValueTo(inputEl, '1980-03-05T12:34:56.000');\n\n expect($rootScope.date.getFullYear()).toEqual(1980);\n expect($rootScope.date.getMonth()).toEqual(2);\n expect($rootScope.date.getDate()).toEqual(5);\n\n expect(getOptions(true)).toEqual([\n ['24', '25', '26', '27', '28', '29', '01'],\n ['02', '03', '04', '05', '06', '07', '08'],\n ['09', '10', '11', '12', '13', '14', '15'],\n ['16', '17', '18', '19', '20', '21', '22'],\n ['23', '24', '25', '26', '27', '28', '29'],\n ['30', '31', '01', '02', '03', '04', '05']\n ]);\n expect(selectedElementIndex()).toEqual(10);\n });\n\n it('works as month', function() {\n setupInputWithType('month');\n expect(inputEl.val()).toBe('2010-09');\n\n changeInputValueTo(inputEl, '1980-03');\n\n expect($rootScope.date.getFullYear()).toEqual(1980);\n expect($rootScope.date.getMonth()).toEqual(2);\n expect($rootScope.date.getDate()).toEqual(30);\n\n expect(getOptions()).toEqual([\n ['January', 'February', 'March'],\n ['April', 'May', 'June'],\n ['July', 'August', 'September'],\n ['October', 'November', 'December']\n ]);\n expect(selectedElementIndex()).toEqual(2);\n });\n\n function setupInputWithType(type) {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }\n });\n });\n\n describe('works with ngModelOptions', function() {\n var $timeout;\n\n beforeEach(inject(function(_$document_, _$sniffer_, _$timeout_) {\n $document = _$document_;\n $timeout = _$timeout_;\n $rootScope.isopen = true;\n $rootScope.date = new Date('September 30, 2010 15:30:00');\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('should change model and update calendar after debounce timeout', function() {\n changeInputValueTo(inputEl, '1980-03-05');\n\n expect($rootScope.date.getFullYear()).toEqual(2010);\n expect($rootScope.date.getMonth()).toEqual(9 - 1);\n expect($rootScope.date.getDate()).toEqual(30);\n\n expect(getOptions(true)).toEqual([\n ['29', '30', '31', '01', '02', '03', '04'],\n ['05', '06', '07', '08', '09', '10', '11'],\n ['12', '13', '14', '15', '16', '17', '18'],\n ['19', '20', '21', '22', '23', '24', '25'],\n ['26', '27', '28', '29', '30', '01', '02'],\n ['03', '04', '05', '06', '07', '08', '09']\n ]);\n\n // No changes yet\n $timeout.flush(2000);\n expect($rootScope.date.getFullYear()).toEqual(2010);\n expect($rootScope.date.getMonth()).toEqual(9 - 1);\n expect($rootScope.date.getDate()).toEqual(30);\n\n expect(getOptions(true)).toEqual([\n ['29', '30', '31', '01', '02', '03', '04'],\n ['05', '06', '07', '08', '09', '10', '11'],\n ['12', '13', '14', '15', '16', '17', '18'],\n ['19', '20', '21', '22', '23', '24', '25'],\n ['26', '27', '28', '29', '30', '01', '02'],\n ['03', '04', '05', '06', '07', '08', '09']\n ]);\n\n $timeout.flush(10000);\n expect($rootScope.date.getFullYear()).toEqual(1980);\n expect($rootScope.date.getMonth()).toEqual(2);\n expect($rootScope.date.getDate()).toEqual(5);\n\n expect(getOptions(true)).toEqual([\n ['24', '25', '26', '27', '28', '29', '01'],\n ['02', '03', '04', '05', '06', '07', '08'],\n ['09', '10', '11', '12', '13', '14', '15'],\n ['16', '17', '18', '19', '20', '21', '22'],\n ['23', '24', '25', '26', '27', '28', '29'],\n ['30', '31', '01', '02', '03', '04', '05']\n ]);\n expectSelectedElement( 10 );\n });\n });\n\n describe('works with ngModelOptions updateOn : \"default\"', function() {\n var $timeout, wrapElement;\n\n beforeEach(inject(function(_$document_, _$sniffer_, _$timeout_) {\n $document = _$document_;\n $timeout = _$timeout_;\n $rootScope.isopen = true;\n $rootScope.date = new Date('2010-09-30T10:00:00.000Z');\n $rootScope.options = {\n ngModelOptions: {\n updateOn: 'default'\n }\n };\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('should close the popup and update the input when a day is clicked', function() {\n clickOption(17);\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(0);\n expect(inputEl.val()).toBe('2010-09-15');\n expect($rootScope.date).toEqual(new Date('2010-09-15T10:00:00.000Z'));\n });\n });\n\n describe('attribute `datepickerOptions`', function() {\n describe('show-weeks', function() {\n beforeEach(function() {\n $rootScope.opts = {\n showWeeks: false\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n });\n\n it('hides week numbers based on variable', function() {\n expect(getLabelsRow().find('th').length).toEqual(7);\n var tr = element.find('tbody').find('tr');\n for (var i = 0; i < 5; i++) {\n expect(tr.eq(i).find('td').length).toEqual(7);\n }\n });\n });\n\n describe('init-date', function(){\n beforeEach(function() {\n $rootScope.date = null;\n $rootScope.opts = {\n initDate: new Date('November 9, 1980')\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n });\n\n it('does not alter the model', function() {\n expect($rootScope.date).toBe(null);\n });\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('November 1980');\n });\n });\n\n describe('min-date', function() {\n it('should be able to specify a min-date through options', function() {\n $rootScope.opts = {\n minDate: new Date('September 12, 2010'),\n shortcutPropagation: 'dog'\n };\n\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index < 14);\n });\n\n $rootScope.opts.minDate = new Date('September 13, 2010');\n $rootScope.$digest();\n buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index < 15);\n });\n });\n });\n\n describe('max-date', function() {\n it('should be able to specify a max-date through options', function() {\n $rootScope.opts = {\n maxDate: new Date('September 25, 2010')\n };\n\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n var buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index > 27);\n });\n\n $rootScope.opts.maxDate = new Date('September 15, 2010');\n $rootScope.$digest();\n buttons = getAllOptionsEl();\n angular.forEach(buttons, function(button, index) {\n expect(angular.element(button).prop('disabled')).toBe(index > 17);\n });\n });\n });\n\n describe('min-mode', function() {\n it('should be able to specify min-mode through options', function() {\n $rootScope.opts = {\n minMode: 'month'\n };\n\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n expect(getTitle()).toBe('2010');\n });\n });\n\n describe('max-mode', function() {\n it('should be able to specify max-mode through options', function() {\n $rootScope.opts = {\n maxMode: 'month'\n };\n\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n expect(getTitle()).toBe('September 2010');\n clickTitleButton();\n assignElements(wrapElement);\n expect(getTitle()).toBe('2010');\n clickTitleButton();\n assignElements(wrapElement);\n expect(getTitle()).toBe('2010');\n });\n });\n\n describe('datepicker-mode', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('August 11, 2013');\n $rootScope.opts = {\n datepickerMode: 'month'\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('2013');\n });\n\n it('updates binding', function() {\n clickTitleButton();\n expect($rootScope.opts.datepickerMode).toBe('year');\n });\n });\n });\n\n describe('option `init-date`', function() {\n beforeEach(function() {\n $rootScope.date = null;\n $rootScope.options = {\n initDate: new Date('November 9, 1980')\n };\n });\n\n describe('when initially set', function() {\n beforeEach(function() {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n });\n\n it('does not alter the model', function() {\n expect($rootScope.date).toBe(null);\n });\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('November 1980');\n });\n });\n\n describe('when modified before date selected.', function() {\n beforeEach(function() {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n $rootScope.options.initDate = new Date('December 20, 1981');\n $rootScope.$digest();\n });\n\n it('does not alter the model', function() {\n expect($rootScope.date).toBe(null);\n });\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('December 1981');\n });\n });\n\n describe('when modified after date selected.', function() {\n beforeEach(function() {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n $rootScope.date = new Date('April 1, 1982');\n $rootScope.options.initDate = new Date('December 20, 1981');\n $rootScope.$digest();\n });\n\n it('does not alter the model', function() {\n expect($rootScope.date).toEqual(new Date('April 1, 1982'));\n });\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('April 1982');\n });\n });\n });\n\n describe('toggles programatically by `open` attribute', function() {\n var wrapElement;\n\n beforeEach(inject(function() {\n $rootScope.open = true;\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('to display initially', function() {\n expect(dropdownEl.length).toBe(1);\n });\n\n it('to close / open from scope variable', function() {\n expect(dropdownEl.length).toBe(1);\n $rootScope.open = false;\n $rootScope.$digest();\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(0);\n\n $rootScope.open = true;\n $rootScope.$digest();\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(1);\n });\n });\n\n describe('custom format', function() {\n beforeEach(inject(function() {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('to display the correct value in input', function() {\n expect(inputEl.val()).toBe('30-September-2010');\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(17);\n expect(inputEl.val()).toBe('15-September-2010');\n expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00'));\n });\n\n it('updates the input correctly when model changes', function() {\n $rootScope.date = new Date('January 10, 1983 10:00:00');\n $rootScope.$digest();\n expect(inputEl.val()).toBe('10-January-1983');\n });\n });\n\n describe('custom format with time', function() {\n beforeEach(inject(function() {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('updates the model correctly when the input value changes', function() {\n $rootScope.date = new Date(2015, 10, 24, 10, 0);\n $rootScope.$digest();\n expect(inputEl.val()).toBe('Nov-24-2015 10:00 AM');\n\n inputEl.val('Nov-24-2015 11:00 AM').trigger('input');\n $rootScope.$digest();\n expect($rootScope.date).toEqual(new Date(2015, 10, 24, 11, 0));\n });\n });\n\n describe('custom format with optional leading zeroes', function() {\n beforeEach(inject(function() {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('to display the correct value in input', function() {\n expect(inputEl.val()).toBe('30-09-2010');\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(10);\n expect(inputEl.val()).toBe('08-09-2010');\n expect($rootScope.date).toEqual(new Date('September 8, 2010 15:30:00'));\n });\n\n it('updates the input correctly when model changes', function() {\n $rootScope.date = new Date('December 25, 1983 10:00:00');\n $rootScope.$digest();\n expect(inputEl.val()).toBe('25-12-1983');\n });\n });\n\n describe('dynamic custom format', function() {\n beforeEach(inject(function() {\n $rootScope.format = 'dd-MMMM-yyyy';\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('to display the correct value in input', function() {\n expect(inputEl.val()).toBe('30-September-2010');\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(17);\n expect(inputEl.val()).toBe('15-September-2010');\n expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00'));\n });\n\n it('updates the input correctly when model changes', function() {\n $rootScope.date = new Date('August 11, 2013 09:09:00');\n $rootScope.$digest();\n expect(inputEl.val()).toBe('11-August-2013');\n });\n\n it('updates the input correctly when format changes', function() {\n $rootScope.format = 'dd/MM/yyyy';\n $rootScope.$digest();\n expect(inputEl.val()).toBe('30/09/2010');\n });\n });\n\n describe('format errors', function() {\n var originalConfig = {};\n beforeEach(inject(function(uibDatepickerPopupConfig) {\n angular.extend(originalConfig, uibDatepickerPopupConfig);\n uibDatepickerPopupConfig.datepickerPopup = null;\n }));\n afterEach(inject(function(uibDatepickerPopupConfig) {\n // return it to the original state\n angular.extend(uibDatepickerPopupConfig, originalConfig);\n }));\n\n it('should throw an error if there is no format', function() {\n expect(function() {\n $compile('
')($rootScope);\n }).toThrow(new Error('uibDatepickerPopup must have a date format specified.'));\n });\n\n it('should throw an error if the format changes to null without fallback', function() {\n $rootScope.format = 'dd-MMMM-yyyy';\n $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(function() {\n $rootScope.format = null;\n $rootScope.$digest();\n }).toThrow(new Error('uibDatepickerPopup must have a date format specified.'));\n });\n\n it('should thrown an error on date inputs with custom formats', function() {\n expect(function() {\n $compile('
')($rootScope);\n }).toThrow(new Error('HTML5 date input types do not support custom formats.'));\n });\n });\n\n describe('european format', function() {\n it('dd.MM.yyyy', function() {\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n changeInputValueTo(inputEl, '11.08.2013');\n expect($rootScope.date.getFullYear()).toEqual(2013);\n expect($rootScope.date.getMonth()).toEqual(7);\n expect($rootScope.date.getDate()).toEqual(11);\n });\n });\n\n describe('`close-on-date-selection` attribute', function() {\n var wrapElement;\n beforeEach(inject(function() {\n $rootScope.close = false;\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('does not close the dropdown when a day is clicked', function() {\n clickOption(17);\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(1);\n });\n });\n\n describe('button bar', function() {\n var buttons, buttonBarElement;\n\n function assignButtonBar() {\n buttonBarElement = dropdownEl.find('li').eq(-1);\n buttons = buttonBarElement.find('button');\n }\n\n describe('', function() {\n var wrapElement;\n\n beforeEach(inject(function() {\n $rootScope.isopen = true;\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n }));\n\n it('should exist', function() {\n expect(dropdownEl.length).toBe(1);\n expect(dropdownEl.find('li').length).toBe(2);\n });\n\n it('should have three buttons', function() {\n expect(buttons.length).toBe(3);\n\n expect(buttons.eq(0).text()).toBe('Today');\n expect(buttons.eq(1).text()).toBe('Clear');\n expect(buttons.eq(2).text()).toBe('Done');\n });\n\n it('should have a button to set today date without altering time part', function() {\n var today = new Date();\n buttons.eq(0).click();\n expect($rootScope.date.getFullYear()).toBe(today.getFullYear());\n expect($rootScope.date.getMonth()).toBe(today.getMonth());\n expect($rootScope.date.getDate()).toBe(today.getDate());\n\n expect($rootScope.date.getHours()).toBe(15);\n expect($rootScope.date.getMinutes()).toBe(30);\n expect($rootScope.date.getSeconds()).toBe(0);\n });\n\n it('should have a button to set today date if blank', function() {\n $rootScope.date = null;\n $rootScope.$digest();\n\n var today = new Date();\n buttons.eq(0).click();\n expect($rootScope.date.getFullYear()).toBe(today.getFullYear());\n expect($rootScope.date.getMonth()).toBe(today.getMonth());\n expect($rootScope.date.getDate()).toBe(today.getDate());\n\n expect($rootScope.date.getHours()).toBe(0);\n expect($rootScope.date.getMinutes()).toBe(0);\n expect($rootScope.date.getSeconds()).toBe(0);\n });\n\n it('should have a button to clear value', function() {\n buttons.eq(1).click();\n expect($rootScope.date).toBe(null);\n });\n\n it('should clear the previously selected date', function() {\n $rootScope.date = new Date();\n $rootScope.$digest();\n buttons.eq(1).click();\n expect($rootScope.date).toBe(null);\n });\n\n it('should have a button to close calendar', function() {\n buttons.eq(2).click();\n assignElements(wrapElement);\n expect(dropdownEl.length).toBe(0);\n });\n });\n\n describe('customization', function() {\n it('should change text from attributes', function() {\n $rootScope.clearText = 'Null it!';\n $rootScope.close = 'Close';\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n\n expect(buttons.eq(0).text()).toBe('Now');\n expect(buttons.eq(1).text()).toBe('Null it!');\n expect(buttons.eq(2).text()).toBe('CloseME');\n });\n\n it('should disable today button if before min date', function() {\n var date = new Date();\n date.setDate(new Date().getDate() + 1);\n $rootScope.options = {\n minDate: date\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n\n expect(buttons.eq(0).prop('disabled')).toBe(true);\n });\n\n it('should disable today button if before min date, yyyy-MM-dd case', inject(function(dateFilter) {\n var date = new Date();\n date.setDate(new Date().getDate() + 1);\n var literalMinDate = dateFilter(date, 'yyyy-MM-dd');\n $rootScope.options = {\n minDate: literalMinDate\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n\n expect(buttons.eq(0).prop('disabled')).toBe(true);\n }));\n\n it('should not disable any button if min date is null', function() {\n $rootScope.options = {\n minDate: null\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n\n for (var i = 0; i < buttons.length; i++) {\n expect(buttons.eq(i).prop('disabled')).toBe(false);\n }\n });\n\n it('should disable today button if after max date', function() {\n var date = new Date();\n date.setDate(new Date().getDate() - 2);\n $rootScope.options = {\n maxDate: date\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n\n expect(buttons.eq(0).prop('disabled')).toBe(true);\n });\n\n it('should not disable any button if max date is null', function() {\n $rootScope.options = {\n maxDate: null\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n\n for (var i = 0; i < buttons.length; i++) {\n expect(buttons.eq(i).prop('disabled')).toBe(false);\n }\n });\n\n it('should remove bar', function() {\n $rootScope.showBar = false;\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n expect(dropdownEl.find('li').length).toBe(1);\n });\n\n it('should hide weeks column on popup', function() {\n $rootScope.options = {\n showWeeks: false\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n expect(getLabelsRow().find('th').length).toEqual(7);\n var tr = element.find('tbody').find('tr');\n for (var i = 0; i < 5; i++) {\n expect(tr.eq(i).find('td').length).toEqual(7);\n }\n });\n\n it('should show weeks column on popup', function() {\n $rootScope.options = {\n showWeeks: true\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n\n expect(getLabelsRow().find('th').eq(0)).not.toBeHidden();\n var tr = element.find('tbody').find('tr');\n for (var i = 0; i < 5; i++) {\n expect(tr.eq(i).find('td').eq(0)).not.toBeHidden();\n }\n });\n });\n\n describe('`ng-change`', function() {\n beforeEach(inject(function() {\n $rootScope.changeHandler = jasmine.createSpy('changeHandler');\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n assignButtonBar();\n }));\n\n it('should be called when `today` is clicked', function() {\n buttons.eq(0).click();\n expect($rootScope.changeHandler).toHaveBeenCalled();\n });\n\n it('should be called when `clear` is clicked', function() {\n buttons.eq(1).click();\n expect($rootScope.changeHandler).toHaveBeenCalled();\n });\n\n it('should not be called when `close` is clicked', function() {\n buttons.eq(2).click();\n expect($rootScope.changeHandler).not.toHaveBeenCalled();\n });\n });\n });\n\n describe('use with `ng-required` directive', function() {\n describe('`ng-required is true`', function() {\n beforeEach(inject(function() {\n $rootScope.date = '';\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('should be invalid initially and when no date', function() {\n expect(inputEl.hasClass('ng-invalid')).toBeTruthy();\n });\n\n it('should be valid if model has been specified', function() {\n $rootScope.date = new Date();\n $rootScope.$digest();\n expect(inputEl.hasClass('ng-valid')).toBeTruthy();\n });\n\n it('should be valid if model value is a valid timestamp', function() {\n $rootScope.date = Date.now();\n $rootScope.$digest();\n expect(inputEl.hasClass('ng-valid')).toBeTruthy();\n });\n });\n\n describe('`ng-required is false`', function() {\n beforeEach(inject(function() {\n $rootScope.date = '';\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('should be valid initially and when no date', function() {\n expect(inputEl.hasClass('ng-valid')).toBeTruthy();\n });\n });\n });\n\n describe('use with `ng-change` directive', function() {\n beforeEach(inject(function() {\n $rootScope.changeHandler = jasmine.createSpy('changeHandler');\n $rootScope.date = new Date('09/16/2010');\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('should not be called initially', function() {\n expect($rootScope.changeHandler).not.toHaveBeenCalled();\n });\n\n it('should be called when a day is clicked', function() {\n clickOption(17);\n expect($rootScope.changeHandler).toHaveBeenCalled();\n });\n\n it('should not be called when model changes programatically', function() {\n $rootScope.date = new Date();\n $rootScope.$digest();\n expect($rootScope.changeHandler).not.toHaveBeenCalled();\n });\n });\n\n describe('with disabled', function() {\n var wrapElement;\n\n beforeEach(function() {\n $rootScope.isOpen = false;\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should not open the popup', function() {\n $rootScope.isOpen = true;\n $rootScope.$digest();\n\n expect($rootScope.isOpen).toBe(false);\n expect(wrapElement.find('ul').length).toBe(0);\n });\n });\n\n describe('with ng-disabled', function() {\n var wrapElement;\n\n beforeEach(function() {\n $rootScope.disabled = false;\n $rootScope.isOpen = false;\n wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should not open the popup when disabled', function() {\n $rootScope.isOpen = true;\n $rootScope.$digest();\n\n expect($rootScope.isOpen).toBe(true);\n expect(wrapElement.find('ul').length).toBe(1);\n\n $rootScope.isOpen = false;\n $rootScope.$digest();\n\n expect($rootScope.isOpen).toBe(false);\n expect(wrapElement.find('ul').length).toBe(0);\n\n $rootScope.disabled = true;\n $rootScope.isOpen = true;\n $rootScope.$digest();\n\n expect($rootScope.isOpen).toBe(false);\n expect(wrapElement.find('ul').length).toBe(0);\n\n $rootScope.disabled = false;\n $rootScope.isOpen = true;\n $rootScope.$digest();\n\n expect($rootScope.isOpen).toBe(true);\n expect(wrapElement.find('ul').length).toBe(1);\n });\n });\n\n describe('with datepicker-popup-template-url', function() {\n beforeEach(function() {\n $rootScope.date = new Date();\n });\n\n afterEach(function () {\n $document.find('body').find('.dropdown-menu').remove();\n });\n\n it('should allow custom templates for the popup', function() {\n $templateCache.put('foo/bar.html', '
baz
');\n\n var elm = angular.element('
');\n\n $compile(elm)($rootScope);\n $rootScope.$digest();\n\n expect(elm.children().eq(1).html()).toBe('
baz
');\n });\n });\n\n describe('with datepicker-template-url', function() {\n beforeEach(function() {\n $rootScope.date = new Date();\n });\n\n afterEach(function() {\n $document.find('body').find('.dropdown-menu').remove();\n });\n\n it('should allow custom templates for the datepicker', function() {\n $templateCache.put('foo/bar.html', '
baz
');\n\n var elm = angular.element('
');\n\n $compile(elm)($rootScope);\n $rootScope.$digest();\n\n var datepicker = elm.find('[uib-datepicker]');\n\n expect(datepicker.html()).toBe('
baz
');\n });\n });\n\n describe('with an append-to-body attribute', function() {\n beforeEach(function() {\n $rootScope.date = new Date();\n });\n\n afterEach(function() {\n $document.find('body').children().remove();\n });\n\n it('should append to the body', function() {\n var $body = $document.find('body'),\n bodyLength = $body.children().length,\n elm = angular.element(\n '
'\n );\n $compile(elm)($rootScope);\n $rootScope.$digest();\n\n expect($body.children().length).toEqual(bodyLength + 1);\n expect(elm.children().length).toEqual(1);\n });\n\n it('should be removed on scope destroy', function() {\n var $body = $document.find('body'),\n bodyLength = $body.children().length,\n isolatedScope = $rootScope.$new(),\n elm = angular.element(\n '
'\n );\n $compile(elm)(isolatedScope);\n isolatedScope.$digest();\n expect($body.children().length).toEqual(bodyLength + 1);\n isolatedScope.$destroy();\n expect($body.children().length).toEqual(bodyLength);\n });\n });\n\n describe('with setting datepickerConfig.showWeeks to false', function() {\n var originalConfig = {};\n beforeEach(inject(function(uibDatepickerConfig) {\n angular.extend(originalConfig, uibDatepickerConfig);\n uibDatepickerConfig.showWeeks = false;\n\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n afterEach(inject(function(uibDatepickerConfig) {\n // return it to the original state\n angular.extend(uibDatepickerConfig, originalConfig);\n }));\n\n it('changes initial visibility for weeks', function() {\n expect(getLabelsRow().find('th').length).toEqual(7);\n var tr = element.find('tbody').find('tr');\n for (var i = 0; i < 5; i++) {\n expect(tr.eq(i).find('td').length).toEqual(7);\n }\n });\n });\n\n describe('`datepicker-mode`', function() {\n beforeEach(inject(function() {\n $rootScope.date = new Date('August 11, 2013');\n $rootScope.options = {\n datepickerMode: 'month'\n };\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('2013');\n });\n\n it('updates binding', function() {\n clickTitleButton();\n expect($rootScope.options.datepickerMode).toBe('year');\n });\n });\n\n describe('attribute `onOpenFocus`', function() {\n beforeEach(function() {\n $rootScope.date = null;\n $rootScope.isopen = false;\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n });\n\n it('should remain focused on the input', function() {\n var focused = true;\n expect(dropdownEl.length).toBe(0);\n\n inputEl[0].focus();\n inputEl.on('blur', function() {\n focused = false;\n });\n $rootScope.isopen = true;\n $rootScope.$digest();\n\n expect(inputEl.parent().find('.dropdown-menu').length).toBe(1);\n expect(focused).toBe(true);\n });\n });\n\n describe('altInputFormats', function() {\n describe('datepickerPopupConfig.altInputFormats', function() {\n var originalConfig = {};\n beforeEach(inject(function(uibDatepickerPopupConfig) {\n $rootScope.date = new Date('November 9, 1980');\n angular.extend(originalConfig, uibDatepickerPopupConfig);\n uibDatepickerPopupConfig.datepickerPopup = 'MM-dd-yyyy';\n uibDatepickerPopupConfig.altInputFormats = ['M!/d!/yyyy'];\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n }));\n\n afterEach(inject(function(uibDatepickerPopupConfig) {\n // return it to the original state\n angular.extend(uibDatepickerPopupConfig, originalConfig);\n }));\n\n it('changes date format', function() {\n changeInputValueTo(inputEl, '11/8/1980');\n\n expect($rootScope.date.getFullYear()).toEqual(1980);\n expect($rootScope.date.getMonth()).toEqual(10);\n expect($rootScope.date.getDate()).toEqual(8);\n });\n\n it('changes the datepicker', function() {\n expect(selectedElementIndex()).toEqual(14);\n changeInputValueTo(inputEl, '11/8/1980');\n expect(selectedElementIndex()).toEqual(13);\n });\n });\n\n describe('attribute `alt-input-formats`', function() {\n beforeEach(function() {\n $rootScope.date = new Date('November 9, 1980');\n var wrapElement = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapElement);\n });\n\n it('should accept alternate input formats', function() {\n changeInputValueTo(inputEl, '11/8/1980');\n\n expect($rootScope.date.getFullYear()).toEqual(1980);\n expect($rootScope.date.getMonth()).toEqual(10);\n expect($rootScope.date.getDate()).toEqual(8);\n });\n\n it('changes the datepicker', function() {\n expect(selectedElementIndex()).toEqual(14);\n changeInputValueTo(inputEl, '11/8/1980');\n expect(selectedElementIndex()).toEqual(13);\n });\n });\n });\n\n describe('uibDatepickerConfig ngModelOptions', function() {\n var inputEl, dropdownEl;\n\n function assignElements(wrapElement) {\n inputEl = wrapElement.find('input');\n dropdownEl = wrapElement.find('ul');\n element = dropdownEl.find('table');\n }\n\n beforeEach(inject(function(uibDatepickerConfig) {\n uibDatepickerConfig.ngModelOptions = { timezone: '+600' };\n $rootScope.date = new Date('2010-09-30T10:00:00.000Z');\n $rootScope.isopen = true;\n }));\n\n afterEach(inject(function(uibDatepickerConfig) {\n uibDatepickerConfig.ngModelOptions = {};\n }));\n\n describe('timezone', function() {\n beforeEach(inject(function(uibDatepickerConfig) {\n var wrapper = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapper);\n }));\n\n it('interprets the date appropriately', function() {\n expect(inputEl.val()).toBe('09/30/2010');\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(17);\n expect(inputEl.val()).toBe('09/15/2010');\n expect($rootScope.date).toEqual(new Date('2010-09-15T10:00:00.000Z'));\n });\n\n it('shows the correct title', function() {\n expect(getTitle()).toBe('September 2010');\n });\n });\n\n it('timezone interprets init date appropriately', function() {\n $rootScope.options = {\n initDate: new Date('2010-09-30T23:00:00.000Z')\n };\n $rootScope.date = null;\n var wrapper = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapper);\n\n expect(getTitle()).toBe('October 2010');\n });\n\n it('timezone interprets min date appropriately', function() {\n $rootScope.options = {\n minDate: new Date('2010-10-01T00:00:00.000Z')\n };\n var wrapper = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapper);\n\n expect(getSelectedElement().prop('disabled')).toBe(true);\n });\n });\n\n describe('ng-model-options', function() {\n describe('timezone', function() {\n var inputEl, dropdownEl, $document, $sniffer, $timeout;\n\n function assignElements(wrapElement) {\n inputEl = wrapElement.find('input');\n dropdownEl = wrapElement.find('ul');\n element = dropdownEl.find('table');\n }\n\n beforeEach(function() {\n $rootScope.date = new Date('2010-09-30T10:00:00.000Z');\n $rootScope.options = {\n ngModelOptions: {\n timezone: '+600'\n }\n };\n $rootScope.isopen = true;\n var wrapper = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapper);\n });\n\n it('interprets the date appropriately', function() {\n expect(inputEl.val()).toBe('09/30/2010');\n });\n\n it('has `selected` only the correct day', function() {\n expectSelectedElement(32);\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(17);\n expect(inputEl.val()).toBe('09/15/2010');\n expect($rootScope.date).toEqual(new Date('2010-09-15T10:00:00.000Z'));\n });\n });\n\n describe('timezone HTML5 date input', function() {\n var inputEl, dropdownEl, $document, $sniffer, $timeout;\n\n function assignElements(wrapElement) {\n inputEl = wrapElement.find('input');\n dropdownEl = wrapElement.find('ul');\n element = dropdownEl.find('table');\n }\n\n beforeEach(function() {\n $rootScope.date = new Date('2010-09-30T10:00:00.000Z');\n $rootScope.options = {\n ngModelOptions: {\n timezone: '+600'\n }\n };\n $rootScope.isopen = true;\n var wrapper = $compile('
')($rootScope);\n $rootScope.$digest();\n assignElements(wrapper);\n });\n\n it('interprets the date appropriately', function() {\n expect(inputEl.val()).toBe('2010-09-30');\n });\n\n it('has `selected` only the correct day', function() {\n expectSelectedElement(32);\n });\n\n it('updates the input when a day is clicked', function() {\n clickOption(17);\n expect(inputEl.val()).toBe('2010-09-15');\n expect($rootScope.date).toEqual(new Date('2010-09-15T10:00:00.000Z'));\n });\n });\n });\n});\n"
},
{
"path": "src/debounce/debounce.js",
"content": "angular.module('ui.bootstrap.debounce', [])\n/**\n * A helper, internal service that debounces a function\n */\n .factory('$$debounce', ['$timeout', function($timeout) {\n return function(callback, debounceTime) {\n var timeoutPromise;\n\n return function() {\n var self = this;\n var args = Array.prototype.slice.call(arguments);\n if (timeoutPromise) {\n $timeout.cancel(timeoutPromise);\n }\n\n timeoutPromise = $timeout(function() {\n callback.apply(self, args);\n }, debounceTime);\n };\n };\n }]);\n"
},
{
"path": "src/debounce/index.js",
"content": "require('./debounce');\n\nvar MODULE_NAME = 'ui.bootstrap.module.debounce';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.debounce']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/debounce/test/debounce.spec.js",
"content": "describe('$$debounce', function() {\n var $$debounce, $timeout, debouncedFunction, i, args;\n\n beforeEach(module('ui.bootstrap.debounce'));\n beforeEach(inject(function(_$$debounce_, _$timeout_) {\n $$debounce = _$$debounce_;\n $timeout = _$timeout_;\n i = 0;\n debouncedFunction = $$debounce(function() {\n args = Array.prototype.slice.call(arguments);\n i++;\n }, 100);\n }));\n\n it('should function like a $timeout when called once during timeout', function() {\n debouncedFunction();\n $timeout.flush(50);\n\n expect(i).toBe(0);\n\n $timeout.flush(50);\n\n expect(i).toBe(1);\n });\n\n it('should only execute 100ms after last call when called twice', function() {\n debouncedFunction();\n $timeout.flush(50);\n\n expect(i).toBe(0);\n\n debouncedFunction();\n $timeout.flush(50);\n\n expect(i).toBe(0);\n\n $timeout.flush(50);\n\n expect(i).toBe(1);\n });\n\n it('should properly pass arguments to debounced function', function() {\n debouncedFunction(1, 2, 3);\n $timeout.flush(100);\n\n expect(args).toEqual([1, 2, 3]);\n });\n});\n"
},
{
"path": "src/dropdown/docs/demo.html",
"content": "\n
\n \n
\n \n Click me for a dropdown, yo!\n \n \n \n\n \n
\n \n Button dropdown \n \n
\n\n \n
\n Action \n \n Split button! \n \n \n
\n\n \n
\n \n Dropdown on Body \n \n
\n\n \n
\n \n Dropdown using template \n \n
\n\n
\n
\n Toggle button dropdown \n Enable/Disable \n
\n\n
\n \n
\n \n Dropdown with keyboard navigation \n \n
\n\n
\n \n
append-to vs. append-to-body vs. inline example \n
\n\n \n
\n"
},
{
"path": "src/dropdown/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('DropdownCtrl', function ($scope, $log) {\n $scope.items = [\n 'The first choice!',\n 'And another choice for you.',\n 'but wait! A third!'\n ];\n\n $scope.status = {\n isopen: false\n };\n\n $scope.toggled = function(open) {\n $log.log('Dropdown is now: ', open);\n };\n\n $scope.toggleDropdown = function($event) {\n $event.preventDefault();\n $event.stopPropagation();\n $scope.status.isopen = !$scope.status.isopen;\n };\n\n $scope.appendToEl = angular.element(document.querySelector('#dropdown-long-content'));\n});\n"
},
{
"path": "src/dropdown/docs/readme.md",
"content": "Dropdown is a simple directive which will toggle a dropdown menu on click or programmatically.\n\nThis directive is composed by three parts:\n\n* `uib-dropdown` which transforms a node into a dropdown.\n* `uib-dropdown-toggle` which allows the dropdown to be toggled via click. This directive is optional.\n* `uib-dropdown-menu` which transforms a node into the popup menu.\n\nEach of these parts need to be used as attribute directives.\n\n### uib-dropdown settings\n\n* `auto-close`\n _(Default: `always`)_ -\n Controls the behavior of the menu when clicked.\n * `always` - Automatically closes the dropdown when any of its elements is clicked.\n * `disabled` - Disables the auto close. You can control it manually with `is-open`. It still gets closed if the toggle is clicked, `esc` is pressed or another dropdown is open.\n * `outsideClick` - Closes the dropdown automatically only when the user clicks any element outside the dropdown.\n\n* `dropdown-append-to`\n
$ \n _(Default: `null`)_ -\n Appends the inner dropdown-menu to an arbitrary DOM element.\n\n* `dropdown-append-to-body`\n
B \n _(Default: `false`)_ -\n Appends the inner dropdown-menu to the body element if the attribute is present without a value, or with a non `false` value.\n\n* `is-open`\n
$ \n
\n _(Default: `false`)_ -\n Defines whether or not the dropdown-menu is open. The `uib-dropdown-toggle` will toggle this attribute on click.\n\n* `keyboard-nav`:\n
B \n _(Default: `false`)_ -\n Enables navigation of dropdown list elements with the arrow keys.\n\n* `on-toggle(open)`\n
$ -\n An optional expression called when the dropdown menu is opened or closed.\n\n### uib-dropdown-menu settings\n\n* `template-url`\n _(Default: `none`)_ -\n You may specify a template for the dropdown menu. Check the demos for an example.\n\n### Additional settings `uibDropdownConfig`\n\n* `appendToOpenClass`\n _(Default: `uib-dropdown-open`)_ -\n Class to apply when the dropdown is open and appended to a different DOM element.\n\n* `openClass`\n _(Default: `open`)_ -\n Class to apply when the dropdown is open.\n\n### Known issues\n\nFor usage with ngTouch, it is recommended to use the programmatic `is-open` trigger with ng-click - this is due to ngTouch decorating ng-click to prevent propagation of the event.\n"
},
{
"path": "src/dropdown/dropdown.js",
"content": "angular.module('ui.bootstrap.dropdown', ['ui.bootstrap.multiMap', 'ui.bootstrap.position'])\n\n.constant('uibDropdownConfig', {\n appendToOpenClass: 'uib-dropdown-open',\n openClass: 'open'\n})\n\n.service('uibDropdownService', ['$document', '$rootScope', '$$multiMap', function($document, $rootScope, $$multiMap) {\n var openScope = null;\n var openedContainers = $$multiMap.createNew();\n\n this.isOnlyOpen = function(dropdownScope, appendTo) {\n var openedDropdowns = openedContainers.get(appendTo);\n if (openedDropdowns) {\n var openDropdown = openedDropdowns.reduce(function(toClose, dropdown) {\n if (dropdown.scope === dropdownScope) {\n return dropdown;\n }\n\n return toClose;\n }, {});\n if (openDropdown) {\n return openedDropdowns.length === 1;\n }\n }\n\n return false;\n };\n\n this.open = function(dropdownScope, element, appendTo) {\n if (!openScope) {\n $document.on('click', closeDropdown);\n }\n\n if (openScope && openScope !== dropdownScope) {\n openScope.isOpen = false;\n }\n\n openScope = dropdownScope;\n\n if (!appendTo) {\n return;\n }\n\n var openedDropdowns = openedContainers.get(appendTo);\n if (openedDropdowns) {\n var openedScopes = openedDropdowns.map(function(dropdown) {\n return dropdown.scope;\n });\n if (openedScopes.indexOf(dropdownScope) === -1) {\n openedContainers.put(appendTo, {\n scope: dropdownScope\n });\n }\n } else {\n openedContainers.put(appendTo, {\n scope: dropdownScope\n });\n }\n };\n\n this.close = function(dropdownScope, element, appendTo) {\n if (openScope === dropdownScope) {\n $document.off('click', closeDropdown);\n $document.off('keydown', this.keybindFilter);\n openScope = null;\n }\n\n if (!appendTo) {\n return;\n }\n\n var openedDropdowns = openedContainers.get(appendTo);\n if (openedDropdowns) {\n var dropdownToClose = openedDropdowns.reduce(function(toClose, dropdown) {\n if (dropdown.scope === dropdownScope) {\n return dropdown;\n }\n\n return toClose;\n }, {});\n if (dropdownToClose) {\n openedContainers.remove(appendTo, dropdownToClose);\n }\n }\n };\n\n var closeDropdown = function(evt) {\n // This method may still be called during the same mouse event that\n // unbound this event handler. So check openScope before proceeding.\n if (!openScope || !openScope.isOpen) { return; }\n\n if (evt && openScope.getAutoClose() === 'disabled') { return; }\n\n if (evt && evt.which === 3) { return; }\n\n var toggleElement = openScope.getToggleElement();\n if (evt && toggleElement && toggleElement[0].contains(evt.target)) {\n return;\n }\n\n var dropdownElement = openScope.getDropdownElement();\n if (evt && openScope.getAutoClose() === 'outsideClick' &&\n dropdownElement && dropdownElement[0].contains(evt.target)) {\n return;\n }\n\n openScope.focusToggleElement();\n openScope.isOpen = false;\n\n if (!$rootScope.$$phase) {\n openScope.$apply();\n }\n };\n\n this.keybindFilter = function(evt) {\n if (!openScope) {\n // see this.close as ESC could have been pressed which kills the scope so we can not proceed\n return;\n }\n\n var dropdownElement = openScope.getDropdownElement();\n var toggleElement = openScope.getToggleElement();\n var dropdownElementTargeted = dropdownElement && dropdownElement[0].contains(evt.target);\n var toggleElementTargeted = toggleElement && toggleElement[0].contains(evt.target);\n if (evt.which === 27) {\n evt.stopPropagation();\n openScope.focusToggleElement();\n closeDropdown();\n } else if (openScope.isKeynavEnabled() && [38, 40].indexOf(evt.which) !== -1 && openScope.isOpen && (dropdownElementTargeted || toggleElementTargeted)) {\n evt.preventDefault();\n evt.stopPropagation();\n openScope.focusDropdownEntry(evt.which);\n }\n };\n}])\n\n.controller('UibDropdownController', ['$scope', '$element', '$attrs', '$parse', 'uibDropdownConfig', 'uibDropdownService', '$animate', '$uibPosition', '$document', '$compile', '$templateRequest', function($scope, $element, $attrs, $parse, dropdownConfig, uibDropdownService, $animate, $position, $document, $compile, $templateRequest) {\n var self = this,\n scope = $scope.$new(), // create a child scope so we are not polluting original one\n templateScope,\n appendToOpenClass = dropdownConfig.appendToOpenClass,\n openClass = dropdownConfig.openClass,\n getIsOpen,\n setIsOpen = angular.noop,\n toggleInvoker = $attrs.onToggle ? $parse($attrs.onToggle) : angular.noop,\n keynavEnabled = false,\n selectedOption = null,\n body = $document.find('body');\n\n $element.addClass('dropdown');\n\n this.init = function() {\n if ($attrs.isOpen) {\n getIsOpen = $parse($attrs.isOpen);\n setIsOpen = getIsOpen.assign;\n\n $scope.$watch(getIsOpen, function(value) {\n scope.isOpen = !!value;\n });\n }\n\n keynavEnabled = angular.isDefined($attrs.keyboardNav);\n };\n\n this.toggle = function(open) {\n scope.isOpen = arguments.length ? !!open : !scope.isOpen;\n if (angular.isFunction(setIsOpen)) {\n setIsOpen(scope, scope.isOpen);\n }\n\n return scope.isOpen;\n };\n\n // Allow other directives to watch status\n this.isOpen = function() {\n return scope.isOpen;\n };\n\n scope.getToggleElement = function() {\n return self.toggleElement;\n };\n\n scope.getAutoClose = function() {\n return $attrs.autoClose || 'always'; //or 'outsideClick' or 'disabled'\n };\n\n scope.getElement = function() {\n return $element;\n };\n\n scope.isKeynavEnabled = function() {\n return keynavEnabled;\n };\n\n scope.focusDropdownEntry = function(keyCode) {\n var elems = self.dropdownMenu ? //If append to body is used.\n angular.element(self.dropdownMenu).find('a') :\n $element.find('ul').eq(0).find('a');\n\n switch (keyCode) {\n case 40: {\n if (!angular.isNumber(self.selectedOption)) {\n self.selectedOption = 0;\n } else {\n self.selectedOption = self.selectedOption === elems.length - 1 ?\n self.selectedOption :\n self.selectedOption + 1;\n }\n break;\n }\n case 38: {\n if (!angular.isNumber(self.selectedOption)) {\n self.selectedOption = elems.length - 1;\n } else {\n self.selectedOption = self.selectedOption === 0 ?\n 0 : self.selectedOption - 1;\n }\n break;\n }\n }\n elems[self.selectedOption].focus();\n };\n\n scope.getDropdownElement = function() {\n return self.dropdownMenu;\n };\n\n scope.focusToggleElement = function() {\n if (self.toggleElement) {\n self.toggleElement[0].focus();\n }\n };\n\n function removeDropdownMenu() {\n $element.append(self.dropdownMenu);\n }\n\n scope.$watch('isOpen', function(isOpen, wasOpen) {\n var appendTo = null,\n appendToBody = false;\n\n if (angular.isDefined($attrs.dropdownAppendTo)) {\n var appendToEl = $parse($attrs.dropdownAppendTo)(scope);\n if (appendToEl) {\n appendTo = angular.element(appendToEl);\n }\n }\n\n if (angular.isDefined($attrs.dropdownAppendToBody)) {\n var appendToBodyValue = $parse($attrs.dropdownAppendToBody)(scope);\n if (appendToBodyValue !== false) {\n appendToBody = true;\n }\n }\n\n if (appendToBody && !appendTo) {\n appendTo = body;\n }\n\n if (appendTo && self.dropdownMenu) {\n if (isOpen) {\n appendTo.append(self.dropdownMenu);\n $element.on('$destroy', removeDropdownMenu);\n } else {\n $element.off('$destroy', removeDropdownMenu);\n removeDropdownMenu();\n }\n }\n\n if (appendTo && self.dropdownMenu) {\n var pos = $position.positionElements($element, self.dropdownMenu, 'bottom-left', true),\n css,\n rightalign,\n scrollbarPadding,\n scrollbarWidth = 0;\n\n css = {\n top: pos.top + 'px',\n display: isOpen ? 'block' : 'none'\n };\n\n rightalign = self.dropdownMenu.hasClass('dropdown-menu-right');\n if (!rightalign) {\n css.left = pos.left + 'px';\n css.right = 'auto';\n } else {\n css.left = 'auto';\n scrollbarPadding = $position.scrollbarPadding(appendTo);\n\n if (scrollbarPadding.heightOverflow && scrollbarPadding.scrollbarWidth) {\n scrollbarWidth = scrollbarPadding.scrollbarWidth;\n }\n\n css.right = window.innerWidth - scrollbarWidth -\n (pos.left + $element.prop('offsetWidth')) + 'px';\n }\n\n // Need to adjust our positioning to be relative to the appendTo container\n // if it's not the body element\n if (!appendToBody) {\n var appendOffset = $position.offset(appendTo);\n\n css.top = pos.top - appendOffset.top + 'px';\n\n if (!rightalign) {\n css.left = pos.left - appendOffset.left + 'px';\n } else {\n css.right = window.innerWidth -\n (pos.left - appendOffset.left + $element.prop('offsetWidth')) + 'px';\n }\n }\n\n self.dropdownMenu.css(css);\n }\n\n var openContainer = appendTo ? appendTo : $element;\n var dropdownOpenClass = appendTo ? appendToOpenClass : openClass;\n var hasOpenClass = openContainer.hasClass(dropdownOpenClass);\n var isOnlyOpen = uibDropdownService.isOnlyOpen($scope, appendTo);\n\n if (hasOpenClass === !isOpen) {\n var toggleClass;\n if (appendTo) {\n toggleClass = !isOnlyOpen ? 'addClass' : 'removeClass';\n } else {\n toggleClass = isOpen ? 'addClass' : 'removeClass';\n }\n $animate[toggleClass](openContainer, dropdownOpenClass).then(function() {\n if (angular.isDefined(isOpen) && isOpen !== wasOpen) {\n toggleInvoker($scope, { open: !!isOpen });\n }\n });\n }\n\n if (isOpen) {\n if (self.dropdownMenuTemplateUrl) {\n $templateRequest(self.dropdownMenuTemplateUrl).then(function(tplContent) {\n templateScope = scope.$new();\n $compile(tplContent.trim())(templateScope, function(dropdownElement) {\n var newEl = dropdownElement;\n self.dropdownMenu.replaceWith(newEl);\n self.dropdownMenu = newEl;\n $document.on('keydown', uibDropdownService.keybindFilter);\n });\n });\n } else {\n $document.on('keydown', uibDropdownService.keybindFilter);\n }\n\n scope.focusToggleElement();\n uibDropdownService.open(scope, $element, appendTo);\n } else {\n uibDropdownService.close(scope, $element, appendTo);\n if (self.dropdownMenuTemplateUrl) {\n if (templateScope) {\n templateScope.$destroy();\n }\n var newEl = angular.element('');\n self.dropdownMenu.replaceWith(newEl);\n self.dropdownMenu = newEl;\n }\n\n self.selectedOption = null;\n }\n\n if (angular.isFunction(setIsOpen)) {\n setIsOpen($scope, isOpen);\n }\n });\n}])\n\n.directive('uibDropdown', function() {\n return {\n controller: 'UibDropdownController',\n link: function(scope, element, attrs, dropdownCtrl) {\n dropdownCtrl.init();\n }\n };\n})\n\n.directive('uibDropdownMenu', function() {\n return {\n restrict: 'A',\n require: '?^uibDropdown',\n link: function(scope, element, attrs, dropdownCtrl) {\n if (!dropdownCtrl || angular.isDefined(attrs.dropdownNested)) {\n return;\n }\n\n element.addClass('dropdown-menu');\n\n var tplUrl = attrs.templateUrl;\n if (tplUrl) {\n dropdownCtrl.dropdownMenuTemplateUrl = tplUrl;\n }\n\n if (!dropdownCtrl.dropdownMenu) {\n dropdownCtrl.dropdownMenu = element;\n }\n }\n };\n})\n\n.directive('uibDropdownToggle', function() {\n return {\n require: '?^uibDropdown',\n link: function(scope, element, attrs, dropdownCtrl) {\n if (!dropdownCtrl) {\n return;\n }\n\n element.addClass('dropdown-toggle');\n\n dropdownCtrl.toggleElement = element;\n\n var toggleDropdown = function(event) {\n event.preventDefault();\n\n if (!element.hasClass('disabled') && !attrs.disabled) {\n scope.$apply(function() {\n dropdownCtrl.toggle();\n });\n }\n };\n\n element.on('click', toggleDropdown);\n\n // WAI-ARIA\n element.attr({ 'aria-haspopup': true, 'aria-expanded': false });\n scope.$watch(dropdownCtrl.isOpen, function(isOpen) {\n element.attr('aria-expanded', !!isOpen);\n });\n\n scope.$on('$destroy', function() {\n element.off('click', toggleDropdown);\n });\n }\n };\n});\n"
},
{
"path": "src/dropdown/index-nocss.js",
"content": "require('../multiMap');\nrequire('../position/index-nocss.js');\nrequire('./dropdown');\n\nvar MODULE_NAME = 'ui.bootstrap.module.dropdown';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.dropdown']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/dropdown/index.js",
"content": "require('../position/position.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/dropdown/test/dropdown.spec.js",
"content": "describe('uib-dropdown', function() {\n var $animate, $compile, $rootScope, $document, $templateCache, dropdownConfig, element, $browser, $log;\n\n beforeEach(module('ngAnimateMock'));\n beforeEach(module('ui.bootstrap.dropdown'));\n\n beforeEach(inject(function(_$animate_, _$compile_, _$rootScope_, _$document_, _$templateCache_, uibDropdownConfig, _$browser_, _$log_) {\n $animate = _$animate_;\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n $document = _$document_;\n $templateCache = _$templateCache_;\n dropdownConfig = uibDropdownConfig;\n $browser = _$browser_;\n $log = _$log_;\n }));\n\n afterEach(function() {\n element.remove();\n });\n\n var clickDropdownToggle = function(elm) {\n elm = elm || element;\n elm.find('a[uib-dropdown-toggle]').click();\n };\n\n var triggerKeyDown = function (element, keyCode) {\n var e = $.Event('keydown');\n spyOn(e, 'stopPropagation');\n e.stopPropagation.and.callThrough();\n e.which = keyCode;\n element.trigger(e);\n return e;\n };\n\n describe('basic', function() {\n function dropdown() {\n return $compile('
')($rootScope);\n }\n\n beforeEach(function() {\n element = dropdown();\n });\n\n it('should toggle on `a` click', function() {\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n clickDropdownToggle();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should toggle when an option is clicked', function() {\n $document.find('body').append(element);\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n\n var optionEl = element.find('ul > li').eq(0).find('a').eq(0);\n optionEl.click();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should close on document click', function() {\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n $document.click();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should close on escape key & focus toggle element', function() {\n var dropdownMenu = element.find('[uib-dropdown-menu]');\n $document.find('body').append(element);\n clickDropdownToggle();\n var event = triggerKeyDown(dropdownMenu, 27);\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n expect(element.find('a')).toHaveFocus();\n expect(event.stopPropagation).toHaveBeenCalled();\n });\n\n it('should not close on backspace key', function() {\n clickDropdownToggle();\n triggerKeyDown(element, 8);\n expect(element).toHaveClass(dropdownConfig.openClass);\n });\n\n it('should not close on right click', function() {\n clickDropdownToggle();\n element.find('ul a').trigger({\n type: 'mousedown',\n which: 3\n });\n expect(element).toHaveClass(dropdownConfig.openClass);\n });\n\n it('should only allow one dropdown to be open at once', function() {\n var elm1 = dropdown();\n var elm2 = dropdown();\n expect(elm1).not.toHaveClass(dropdownConfig.openClass);\n expect(elm2).not.toHaveClass(dropdownConfig.openClass);\n\n clickDropdownToggle(elm1);\n expect(elm1).toHaveClass(dropdownConfig.openClass);\n expect(elm2).not.toHaveClass(dropdownConfig.openClass);\n\n clickDropdownToggle(elm2);\n expect(elm1).not.toHaveClass(dropdownConfig.openClass);\n expect(elm2).toHaveClass(dropdownConfig.openClass);\n });\n\n it('should not toggle if the element has `disabled` class', function() {\n var elm = $compile('
')($rootScope);\n clickDropdownToggle( elm );\n expect(elm).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should not toggle if the element is disabled', function() {\n var elm = $compile('
')($rootScope);\n elm.find('button').click();\n expect(elm).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should not toggle if the element has `ng-disabled` as true', function() {\n $rootScope.isdisabled = true;\n var elm = $compile('
')($rootScope);\n $rootScope.$digest();\n elm.find('div').click();\n expect(elm).not.toHaveClass(dropdownConfig.openClass);\n\n $rootScope.isdisabled = false;\n $rootScope.$digest();\n elm.find('div').click();\n expect(elm).toHaveClass(dropdownConfig.openClass);\n });\n\n it('should unbind events on scope destroy', function() {\n var $scope = $rootScope.$new();\n var elm = $compile('
')($scope);\n $scope.$digest();\n\n var buttonEl = elm.find('button');\n buttonEl.click();\n expect(elm).toHaveClass(dropdownConfig.openClass);\n buttonEl.click();\n expect(elm).not.toHaveClass(dropdownConfig.openClass);\n\n $scope.$destroy();\n buttonEl.click();\n expect(elm).not.toHaveClass(dropdownConfig.openClass);\n });\n\n // issue 270\n it('executes other document click events normally', function() {\n var checkboxEl = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n expect($rootScope.clicked).toBeFalsy();\n\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n expect($rootScope.clicked).toBeFalsy();\n\n checkboxEl.click();\n expect($rootScope.clicked).toBeTruthy();\n });\n\n // WAI-ARIA\n it('should aria markup to the `dropdown-toggle`', function() {\n var toggleEl = element.find('a');\n expect(toggleEl.attr('aria-haspopup')).toBe('true');\n expect(toggleEl.attr('aria-expanded')).toBe('false');\n\n clickDropdownToggle();\n expect(toggleEl.attr('aria-expanded')).toBe('true');\n clickDropdownToggle();\n expect(toggleEl.attr('aria-expanded')).toBe('false');\n });\n\n // pr/issue 3274\n it('should not raise $digest:inprog if dismissed during a digest cycle', function() {\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n\n $rootScope.$apply(function() {\n $document.click();\n });\n\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n });\n\n describe('using dropdownMenuTemplate', function() {\n function dropdown() {\n $templateCache.put('custom.html', '');\n\n return $compile('
')($rootScope);\n }\n\n beforeEach(function() {\n element = dropdown();\n });\n\n it('should apply custom template for dropdown menu', function() {\n element.find('a').click();\n expect(element.find('ul.uib-dropdown-menu').eq(0).find('li').eq(0).text()).toEqual('Item 1');\n });\n\n it('should clear ul when dropdown menu is closed', function() {\n element.find('a').click();\n expect(element.find('ul.uib-dropdown-menu').eq(0).find('li').eq(0).text()).toEqual('Item 1');\n element.find('a').click();\n expect(element.find('ul.uib-dropdown-menu').eq(0).find('li').length).toEqual(0);\n });\n });\n\n describe('using dropdown-append-to-body', function() {\n describe('with no value', function() {\n function dropdown() {\n return $compile('
')($rootScope);\n }\n\n beforeEach(function() {\n element = dropdown();\n $document.find('body').append(element);\n });\n\n afterEach(function() {\n element.remove();\n });\n\n it('does not add the menu to the body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n\n describe('when toggled open', function() {\n var toggle;\n beforeEach(function() {\n toggle = element.find('[uib-dropdown-toggle]');\n toggle.trigger('click');\n });\n it('adds the menu to the body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).toBe($document.find('body')[0]);\n });\n\n describe('when toggled closed', function() {\n beforeEach(function() {\n toggle.trigger('click');\n });\n it('removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n\n describe('when closed by clicking on menu', function() {\n var menu;\n beforeEach(function() {\n menu = $document.find('#dropdown-menu a');\n menu.focus();\n menu.trigger('click');\n });\n it('focuses the dropdown element on close', function() {\n expect(document.activeElement).toBe(toggle[0]);\n });\n it('removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n describe('when the dropdown is removed', function() {\n beforeEach(function() {\n element.remove();\n $rootScope.$digest();\n });\n it('removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n });\n });\n\n describe('with a value', function() {\n function dropdown() {\n return $compile('
')($rootScope);\n }\n describe('that is not false', function() {\n beforeEach(function() {\n $rootScope.appendToBody = 'sure';\n\n element = dropdown();\n $document.find('body').append(element);\n });\n\n afterEach(function() {\n element.remove();\n });\n it('does not add the menu to the body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n\n describe('when toggled open', function() {\n var toggle;\n beforeEach(function() {\n toggle = element.find('[uib-dropdown-toggle]');\n toggle.trigger('click');\n });\n it('adds the menu to the body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).toBe($document.find('body')[0]);\n });\n\n describe('when toggled closed', function() {\n beforeEach(function() {\n toggle.trigger('click');\n });\n it('removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n\n describe('when closed by clicking on menu', function() {\n var menu;\n beforeEach(function() {\n menu = $document.find('#dropdown-menu a');\n menu.focus();\n menu.trigger('click');\n });\n it('focuses the dropdown element on close', function() {\n expect(document.activeElement).toBe(toggle[0]);\n });\n it('removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n describe('when the dropdown is removed', function() {\n beforeEach(function() {\n element.remove();\n $rootScope.$digest();\n });\n it('removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n });\n });\n\n describe('that is false', function() {\n beforeEach(function() {\n $rootScope.appendToBody = false;\n\n element = dropdown();\n $document.find('body').append(element);\n });\n\n afterEach(function() {\n element.remove();\n });\n\n it('does not add the menu to the body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n\n describe('when toggled open', function() {\n var toggle;\n beforeEach(function() {\n toggle = element.find('[uib-dropdown-toggle]');\n toggle.trigger('click');\n });\n it('does not add the menu to the body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n\n describe('when toggled closed', function() {\n beforeEach(function() {\n toggle.trigger('click');\n });\n it('does not remove the menu', function() {\n expect($document.find('#dropdown-menu').length).not.toEqual(0);\n });\n });\n\n describe('when closed by clicking on menu', function() {\n var menu;\n beforeEach(function() {\n menu = $document.find('#dropdown-menu a');\n menu.focus();\n menu.trigger('click');\n });\n it('focuses the dropdown element on close', function() {\n expect(document.activeElement).toBe(toggle[0]);\n });\n it('does not removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n describe('when the dropdown is removed', function() {\n beforeEach(function() {\n element.remove();\n $rootScope.$digest();\n });\n it('removes the menu from body', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n });\n });\n });\n });\n\n describe('using dropdown-append-to', function() {\n var initialPage, container;\n\n function dropdown() {\n return $compile('
')($rootScope);\n }\n\n beforeEach(function() {\n $document.find('body').append(angular.element('
'));\n\n $rootScope.appendTo = container = $document.find('#dropdown-container');\n\n element = dropdown();\n $document.find('body').append(element);\n });\n\n afterEach(function() {\n // Cleanup the extra elements we appended\n $document.find('#dropdown-container').remove();\n });\n\n it('does not add the menu to the container', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe(container[0]);\n });\n it('does not add open class on container', function() {\n expect(container).not.toHaveClass('uib-dropdown-open');\n });\n\n describe('when toggled open', function() {\n var toggle;\n beforeEach(function() {\n toggle = element.find('[uib-dropdown-toggle]');\n toggle.trigger('click');\n });\n it('adds the menu to the container', function() {\n expect($document.find('#dropdown-menu').parent()[0]).toBe(container[0]);\n });\n it('adds open class on container', function() {\n expect(container).toHaveClass('uib-dropdown-open');\n });\n\n describe('when toggled closed', function() {\n beforeEach(function() {\n toggle.trigger('click');\n });\n it('removes the menu from the container', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n it('removes open class from container', function() {\n expect(container).not.toHaveClass('uib-dropdown-open');\n });\n });\n\n describe('when closed by clicking on menu', function() {\n var menu;\n beforeEach(function() {\n menu = $document.find('#dropdown-menu a');\n menu.focus();\n menu.trigger('click');\n });\n it('focuses the dropdown element on close', function() {\n expect(document.activeElement).toBe(toggle[0]);\n });\n it('removes the menu from the container', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n it('removes open class from container', function() {\n expect(container).not.toHaveClass('uib-dropdown-open');\n });\n });\n describe('when the dropdown is removed', function() {\n beforeEach(function() {\n element.remove();\n $rootScope.$digest();\n });\n it('removes the menu from the container', function() {\n expect($document.find('#dropdown-menu').parent()[0]).not.toBe($document.find('body')[0]);\n });\n });\n });\n });\n\n describe('using dropdown-append-to with two dropdowns', function() {\n function dropdown() {\n return $compile('
')($rootScope);\n }\n\n beforeEach(function() {\n $document.find('body').append(angular.element('
'));\n\n $rootScope.appendTo = $document.find('#dropdown-container');\n $rootScope.log = jasmine.createSpy('log');\n\n element = dropdown();\n $document.find('body').append(element);\n });\n\n afterEach(function() {\n // Cleanup the extra elements we appended\n $document.find('#dropdown-container').remove();\n });\n\n it('should keep the class when toggling from one dropdown to another with the same container', function() {\n var container = $document.find('#dropdown-container');\n\n expect(container).not.toHaveClass('uib-dropdown-open');\n element.find('.dropdown1 [uib-dropdown-toggle]').click();\n expect(container).toHaveClass('uib-dropdown-open');\n element.find('.dropdown2 [uib-dropdown-toggle]').click();\n expect(container).toHaveClass('uib-dropdown-open');\n });\n });\n\n describe('using is-open', function() {\n describe('with uib-dropdown-toggle', function() {\n beforeEach(function() {\n $rootScope.isopen = true;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should be open initially', function() {\n expect(element).toHaveClass(dropdownConfig.openClass);\n });\n\n it('should change `is-open` binding when toggles', function() {\n clickDropdownToggle();\n expect($rootScope.isopen).toBe(false);\n });\n\n it('should toggle when `is-open` changes', function() {\n $rootScope.isopen = false;\n $rootScope.$digest();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('focus toggle element when opening', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n $rootScope.isopen = false;\n $rootScope.$digest();\n expect(element.find('a')).not.toHaveFocus();\n $rootScope.isopen = true;\n $rootScope.$digest();\n expect(element.find('a')).toHaveFocus();\n });\n });\n\n describe('without uib-dropdown-toggle', function() {\n beforeEach(function() {\n $rootScope.isopen = true;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should be open initially', function() {\n expect(element).toHaveClass(dropdownConfig.openClass);\n });\n\n it('should toggle when `is-open` changes', function() {\n $rootScope.isopen = false;\n $rootScope.$digest();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n });\n });\n\n describe('using on-toggle', function() {\n describe('with is-open to false', function() {\n beforeEach(function() {\n $rootScope.toggleHandler = jasmine.createSpy('toggleHandler');\n $rootScope.isopen = false;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should not have been called initially', function() {\n expect($rootScope.toggleHandler).not.toHaveBeenCalled();\n });\n\n it('should call it correctly when toggles', function() {\n $rootScope.isopen = true;\n $rootScope.$digest();\n\n $animate.flush();\n $rootScope.$digest();\n expect($rootScope.toggleHandler).toHaveBeenCalledWith(true);\n\n clickDropdownToggle();\n $animate.flush();\n $rootScope.$digest();\n expect($rootScope.toggleHandler).toHaveBeenCalledWith(false);\n });\n });\n\n describe('with is-open to true', function() {\n beforeEach(function() {\n $rootScope.toggleHandler = jasmine.createSpy('toggleHandler');\n $rootScope.isopen = true;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should not have been called initially', function() {\n expect($rootScope.toggleHandler).not.toHaveBeenCalled();\n });\n\n it('should call it correctly when toggles', function() {\n $rootScope.isopen = false;\n $rootScope.$digest();\n\n $animate.flush();\n $rootScope.$digest();\n expect($rootScope.toggleHandler).toHaveBeenCalledWith(false);\n\n $rootScope.isopen = true;\n $rootScope.$digest();\n\n $animate.flush();\n $rootScope.$digest();\n expect($rootScope.toggleHandler).toHaveBeenCalledWith(true);\n });\n });\n\n describe('without is-open', function() {\n beforeEach(function() {\n $rootScope.toggleHandler = jasmine.createSpy('toggleHandler');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('should not have been called initially', function() {\n expect($rootScope.toggleHandler).not.toHaveBeenCalled();\n });\n\n it('should call it when clicked', function() {\n clickDropdownToggle();\n\n $animate.flush();\n $rootScope.$digest();\n expect($rootScope.toggleHandler).toHaveBeenCalledWith(true);\n\n clickDropdownToggle();\n\n $animate.flush();\n $rootScope.$digest();\n expect($rootScope.toggleHandler).toHaveBeenCalledWith(false);\n });\n });\n });\n\n describe('using auto-close', function() {\n function dropdown(autoClose) {\n return $compile('
')($rootScope);\n }\n\n describe('always', function() {\n it('should close on document click if no auto-close is specified', function() {\n element = dropdown();\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n $document.click();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should close on document click if empty auto-close is specified', function() {\n element = dropdown('');\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n $document.click();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n });\n\n describe('disabled', function() {\n it('auto-close=\"disabled\"', function() {\n element = dropdown('disabled');\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n $document.click();\n expect(element).toHaveClass(dropdownConfig.openClass);\n });\n\n it('control with is-open', function() {\n $rootScope.isopen = true;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n //should remain open\n $document.click();\n expect(element).toHaveClass(dropdownConfig.openClass);\n //now should close\n $rootScope.isopen = false;\n $rootScope.$digest();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should close anyway if toggle is clicked', function() {\n element = dropdown('disabled');\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n clickDropdownToggle();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should close anyway if esc is pressed', function() {\n element = dropdown('disabled');\n var dropdownMenu = element.find('[uib-dropdown-menu]');\n $document.find('body').append(element);\n clickDropdownToggle();\n triggerKeyDown(dropdownMenu, 27);\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n expect(element.find('a')).toHaveFocus();\n });\n\n it('should close anyway if another dropdown is opened', function() {\n var elm1 = dropdown('disabled');\n var elm2 = dropdown();\n expect(elm1).not.toHaveClass(dropdownConfig.openClass);\n expect(elm2).not.toHaveClass(dropdownConfig.openClass);\n clickDropdownToggle(elm1);\n expect(elm1).toHaveClass(dropdownConfig.openClass);\n expect(elm2).not.toHaveClass(dropdownConfig.openClass);\n clickDropdownToggle(elm2);\n expect(elm1).not.toHaveClass(dropdownConfig.openClass);\n expect(elm2).toHaveClass(dropdownConfig.openClass);\n });\n });\n\n describe('outsideClick', function() {\n it('should close only on a click outside of the dropdown menu', function() {\n element = dropdown('outsideClick');\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n element.find('ul li a').click();\n expect(element).toHaveClass(dropdownConfig.openClass);\n $document.click();\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n it('should work with dropdown-append-to-body', function() {\n element = $compile('
')($rootScope);\n clickDropdownToggle();\n var dropdownMenu = $document.find('#dropdown-menu');\n expect(dropdownMenu.parent()).toHaveClass(dropdownConfig.appendToOpenClass);\n dropdownMenu.find('li').eq(0).trigger('click');\n expect(dropdownMenu.parent()).toHaveClass(dropdownConfig.appendToOpenClass);\n $document.click();\n expect(dropdownMenu.parent()).not.toHaveClass(dropdownConfig.appendToOpenClass);\n });\n });\n });\n\n describe('using keyboard-nav', function() {\n function dropdown() {\n return $compile('
')($rootScope);\n }\n function getFocusedElement() {\n return angular.element(document.activeElement);\n }\n beforeEach(function() {\n element = dropdown();\n });\n\n it('should focus first list element when down arrow pressed', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n triggerKeyDown(getFocusedElement(), 40);\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n var optionEl = element.find('ul').eq(0).find('a').eq(0);\n expect(optionEl).toHaveFocus();\n });\n\n it('should not focus first list element when down arrow pressed if closed', function() {\n $document.find('body').append(element);\n triggerKeyDown(getFocusedElement(), 40);\n\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n var focusEl = element.find('ul').eq(0).find('a').eq(0);\n expect(focusEl).not.toHaveFocus();\n });\n\n it('should focus second list element when down arrow pressed twice', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n triggerKeyDown(getFocusedElement(), 40);\n triggerKeyDown(getFocusedElement(), 40);\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n var focusEl = element.find('ul').eq(0).find('a').eq(1);\n expect(focusEl).toHaveFocus();\n });\n\n it('should not focus first list element when up arrow pressed after dropdown toggled', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n expect(element).toHaveClass(dropdownConfig.openClass);\n\n triggerKeyDown(getFocusedElement(), 38);\n var focusEl = element.find('ul').eq(0).find('a').eq(0);\n expect(focusEl).not.toHaveFocus();\n });\n\n it('should focus last list element when up arrow pressed after dropdown toggled', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n triggerKeyDown(getFocusedElement(), 38);\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n var focusEl = element.find('ul').eq(0).find('a').eq(1);\n expect(focusEl).toHaveFocus();\n });\n\n it('should not change focus when other keys are pressed', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n triggerKeyDown(getFocusedElement(), 37);\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n var focusEl = element.find('ul').eq(0).find('a');\n expect(focusEl[0]).not.toHaveFocus();\n expect(focusEl[1]).not.toHaveFocus();\n });\n\n it('should focus first list element when down arrow pressed 2x and up pressed 1x', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n triggerKeyDown(getFocusedElement(), 40);\n triggerKeyDown(getFocusedElement(), 40);\n\n triggerKeyDown(getFocusedElement(), 38);\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n var focusEl = element.find('ul').eq(0).find('a').eq(0);\n expect(focusEl).toHaveFocus();\n });\n\n it('should stay focused on final list element if down pressed at list end', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n triggerKeyDown(getFocusedElement(), 40);\n triggerKeyDown(getFocusedElement(), 40);\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n var focusEl = element.find('ul').eq(0).find('a').eq(1);\n expect(focusEl).toHaveFocus();\n\n triggerKeyDown(element, 40);\n expect(focusEl).toHaveFocus();\n });\n\n it('should close if esc is pressed while focused', function() {\n element = dropdown('disabled');\n $document.find('body').append(element);\n clickDropdownToggle();\n\n triggerKeyDown(getFocusedElement(), 40);\n\n expect(element).toHaveClass(dropdownConfig.openClass);\n var focusEl = element.find('ul').eq(0).find('a').eq(0);\n expect(focusEl).toHaveFocus();\n\n triggerKeyDown(getFocusedElement(), 27);\n expect(element).not.toHaveClass(dropdownConfig.openClass);\n });\n\n describe('with dropdown-append-to-body', function() {\n function dropdown() {\n return $compile('
foo ')($rootScope);\n }\n\n beforeEach(function() {\n element = dropdown();\n });\n\n it('should focus first list element when down arrow pressed', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n\n var dropdownMenu = $document.find('#dropdown-menu');\n\n triggerKeyDown(getFocusedElement(), 40);\n\n expect(dropdownMenu.parent()).toHaveClass(dropdownConfig.appendToOpenClass);\n var focusEl = $document.find('ul').eq(0).find('a');\n expect(focusEl).toHaveFocus();\n });\n\n it('should focus second list element when down arrow pressed twice', function() {\n $document.find('body').append(element);\n clickDropdownToggle();\n var dropdownMenu = $document.find('#dropdown-menu');\n triggerKeyDown(getFocusedElement(), 40);\n triggerKeyDown(getFocusedElement(), 40);\n triggerKeyDown(getFocusedElement(), 40);\n\n expect(dropdownMenu.parent()).toHaveClass(dropdownConfig.appendToOpenClass);\n var elem1 = $document.find('ul');\n var elem2 = elem1.find('a');\n var focusEl = $document.find('ul').eq(0).find('a').eq(1);\n expect(focusEl).toHaveFocus();\n });\n });\n });\n\n // issue #5942\n describe('using dropdown-append-to-body with dropdown-menu-right class', function() {\n function dropdown() {\n return $compile('
Toggle menu ')($rootScope);\n }\n\n beforeEach(function() {\n element = dropdown();\n $document.find('body').append(element);\n\n var menu = $document.find('#dropdown-menu');\n menu.css('position', 'absolute');\n });\n\n afterEach(function() {\n element.remove();\n });\n\n it('should align the menu correctly when the body has no vertical scrollbar', function() {\n var toggle = element.find('[uib-dropdown-toggle]');\n var menu = $document.find('#dropdown-menu');\n toggle.trigger('click');\n\n // Get the offsets of the rightmost position of both the toggle and the menu (offset from the left of the window)\n var toggleRight = Math.round(toggle.offset().left + toggle.outerWidth());\n var menuRight = Math.round(menu.offset().left + menu.outerWidth());\n expect(menuRight).toBe(toggleRight);\n });\n });\n});\n"
},
{
"path": "src/isClass/index.js",
"content": "require('./isClass');\n\nvar MODULE_NAME = 'ui.bootstrap.module.isClass';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.isClass']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/isClass/isClass.js",
"content": "// Avoiding use of ng-class as it creates a lot of watchers when a class is to be applied to\n// at most one element.\nangular.module('ui.bootstrap.isClass', [])\n.directive('uibIsClass', [\n '$animate',\nfunction ($animate) {\n // 11111111 22222222\n var ON_REGEXP = /^\\s*([\\s\\S]+?)\\s+on\\s+([\\s\\S]+?)\\s*$/;\n // 11111111 22222222\n var IS_REGEXP = /^\\s*([\\s\\S]+?)\\s+for\\s+([\\s\\S]+?)\\s*$/;\n\n var dataPerTracked = {};\n\n return {\n restrict: 'A',\n compile: function(tElement, tAttrs) {\n var linkedScopes = [];\n var instances = [];\n var expToData = {};\n var lastActivated = null;\n var onExpMatches = tAttrs.uibIsClass.match(ON_REGEXP);\n var onExp = onExpMatches[2];\n var expsStr = onExpMatches[1];\n var exps = expsStr.split(',');\n\n return linkFn;\n\n function linkFn(scope, element, attrs) {\n linkedScopes.push(scope);\n instances.push({\n scope: scope,\n element: element\n });\n\n exps.forEach(function(exp, k) {\n addForExp(exp, scope);\n });\n\n scope.$on('$destroy', removeScope);\n }\n\n function addForExp(exp, scope) {\n var matches = exp.match(IS_REGEXP);\n var clazz = scope.$eval(matches[1]);\n var compareWithExp = matches[2];\n var data = expToData[exp];\n if (!data) {\n var watchFn = function(compareWithVal) {\n var newActivated = null;\n instances.some(function(instance) {\n var thisVal = instance.scope.$eval(onExp);\n if (thisVal === compareWithVal) {\n newActivated = instance;\n return true;\n }\n });\n if (data.lastActivated !== newActivated) {\n if (data.lastActivated) {\n $animate.removeClass(data.lastActivated.element, clazz);\n }\n if (newActivated) {\n $animate.addClass(newActivated.element, clazz);\n }\n data.lastActivated = newActivated;\n }\n };\n expToData[exp] = data = {\n lastActivated: null,\n scope: scope,\n watchFn: watchFn,\n compareWithExp: compareWithExp,\n watcher: scope.$watch(compareWithExp, watchFn)\n };\n }\n data.watchFn(scope.$eval(compareWithExp));\n }\n\n function removeScope(e) {\n var removedScope = e.targetScope;\n var index = linkedScopes.indexOf(removedScope);\n linkedScopes.splice(index, 1);\n instances.splice(index, 1);\n if (linkedScopes.length) {\n var newWatchScope = linkedScopes[0];\n angular.forEach(expToData, function(data) {\n if (data.scope === removedScope) {\n data.watcher = newWatchScope.$watch(data.compareWithExp, data.watchFn);\n data.scope = newWatchScope;\n }\n });\n } else {\n expToData = {};\n }\n }\n }\n };\n}]);"
},
{
"path": "src/isClass/test/isClass.spec.js",
"content": "describe('uibIsClass', function() {\n var $rootScope;\n\n beforeEach(module('ui.bootstrap.isClass'));\n beforeEach(inject(function($compile, _$rootScope_) {\n $rootScope = _$rootScope_;\n $rootScope.activeClass = 'active';\n $rootScope.items = [1, 2, 3];\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('initializes classes correctly', function() {\n expect(element.find('.active').length).toEqual(0);\n });\n\n it('sets classes correctly', function() {\n $rootScope.activeItem = 2;\n $rootScope.$digest();\n expect(element.find('.active').text()).toEqual('2');\n\n $rootScope.items.splice(1, 1);\n $rootScope.$digest();\n expect(element.find('.active').length).toEqual(0);\n });\n\n it('handles removal of items correctly', function() {\n $rootScope.activeItem = 2;\n $rootScope.$digest();\n expect(element.find('.active').text()).toEqual('2');\n\n $rootScope.items.splice(1, 1);\n $rootScope.$digest();\n expect(element.find('.active').length).toEqual(0);\n\n $rootScope.activeItem = 1;\n $rootScope.$digest();\n expect(element.find('.active').text()).toEqual('1');\n });\n\n it('handles moving of items', function() {\n $rootScope.activeItem = 2;\n $rootScope.items = [2, 1, 3];\n $rootScope.$digest();\n expect(element.find('.active').text()).toEqual('2');\n expect(element.find('.active').length).toEqual(1);\n expect(element.find('.active').index()).toEqual(0);\n\n $rootScope.items = [4, 3, 2];\n $rootScope.$digest();\n expect(element.find('.active').text()).toEqual('2');\n expect(element.find('.active').length).toEqual(1);\n expect(element.find('.active').index()).toEqual(2);\n });\n\n it('handles emptying and re-adding the items', function() {\n $rootScope.activeItem = 2;\n $rootScope.items = [];\n $rootScope.$digest();\n expect(element.find('.active').length).toEqual(0);\n\n $rootScope.items = [4, 3, 2];\n $rootScope.$digest();\n expect(element.find('.active').text()).toEqual('2');\n expect(element.find('.active').index()).toEqual(2);\n });\n\n it('handles undefined items', function() {\n $rootScope.activeItem = undefined;\n $rootScope.items = [];\n $rootScope.$digest();\n expect(element.find('.active').length).toEqual(0);\n\n $rootScope.items = [4, 3, undefined];\n $rootScope.$digest();\n expect(element.find('.active').length).toEqual(1);\n expect(element.find('.active').text()).toEqual('');\n });\n});"
},
{
"path": "src/modal/docs/demo.html",
"content": "
\n \n \n\n
Open me! \n
Large modal \n
Small modal \n
\n Modal appended to a custom parent\n \n
Toggle Animation ({{ $ctrl.animationsEnabled }}) \n
Open a component modal! \n
\n Open multiple modals at once \n \n
Selection from a modal: {{ $ctrl.selected }}
\n
\n
\n
\n"
},
{
"path": "src/modal/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('ModalDemoCtrl', function ($uibModal, $log, $document) {\n var $ctrl = this;\n $ctrl.items = ['item1', 'item2', 'item3'];\n\n $ctrl.animationsEnabled = true;\n\n $ctrl.open = function (size, parentSelector) {\n var parentElem = parentSelector ? \n angular.element($document[0].querySelector('.modal-demo ' + parentSelector)) : undefined;\n var modalInstance = $uibModal.open({\n animation: $ctrl.animationsEnabled,\n ariaLabelledBy: 'modal-title',\n ariaDescribedBy: 'modal-body',\n templateUrl: 'myModalContent.html',\n controller: 'ModalInstanceCtrl',\n controllerAs: '$ctrl',\n size: size,\n appendTo: parentElem,\n resolve: {\n items: function () {\n return $ctrl.items;\n }\n }\n });\n\n modalInstance.result.then(function (selectedItem) {\n $ctrl.selected = selectedItem;\n }, function () {\n $log.info('Modal dismissed at: ' + new Date());\n });\n };\n\n $ctrl.openComponentModal = function () {\n var modalInstance = $uibModal.open({\n animation: $ctrl.animationsEnabled,\n component: 'modalComponent',\n resolve: {\n items: function () {\n return $ctrl.items;\n }\n }\n });\n\n modalInstance.result.then(function (selectedItem) {\n $ctrl.selected = selectedItem;\n }, function () {\n $log.info('modal-component dismissed at: ' + new Date());\n });\n };\n\n $ctrl.openMultipleModals = function () {\n $uibModal.open({\n animation: $ctrl.animationsEnabled,\n ariaLabelledBy: 'modal-title-bottom',\n ariaDescribedBy: 'modal-body-bottom',\n templateUrl: 'stackedModal.html',\n size: 'sm',\n controller: function($scope) {\n $scope.name = 'bottom'; \n }\n });\n\n $uibModal.open({\n animation: $ctrl.animationsEnabled,\n ariaLabelledBy: 'modal-title-top',\n ariaDescribedBy: 'modal-body-top',\n templateUrl: 'stackedModal.html',\n size: 'sm',\n controller: function($scope) {\n $scope.name = 'top'; \n }\n });\n };\n\n $ctrl.toggleAnimation = function () {\n $ctrl.animationsEnabled = !$ctrl.animationsEnabled;\n };\n});\n\n// Please note that $uibModalInstance represents a modal window (instance) dependency.\n// It is not the same as the $uibModal service used above.\n\nangular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($uibModalInstance, items) {\n var $ctrl = this;\n $ctrl.items = items;\n $ctrl.selected = {\n item: $ctrl.items[0]\n };\n\n $ctrl.ok = function () {\n $uibModalInstance.close($ctrl.selected.item);\n };\n\n $ctrl.cancel = function () {\n $uibModalInstance.dismiss('cancel');\n };\n});\n\n// Please note that the close and dismiss bindings are from $uibModalInstance.\n\nangular.module('ui.bootstrap.demo').component('modalComponent', {\n templateUrl: 'myModalContent.html',\n bindings: {\n resolve: '<',\n close: '&',\n dismiss: '&'\n },\n controller: function () {\n var $ctrl = this;\n\n $ctrl.$onInit = function () {\n $ctrl.items = $ctrl.resolve.items;\n $ctrl.selected = {\n item: $ctrl.items[0]\n };\n };\n\n $ctrl.ok = function () {\n $ctrl.close({$value: $ctrl.selected.item});\n };\n\n $ctrl.cancel = function () {\n $ctrl.dismiss({$value: 'cancel'});\n };\n }\n});\n"
},
{
"path": "src/modal/docs/readme.md",
"content": "`$uibModal` is a service to create modal windows.\nCreating modals is straightforward: create a template and controller, and reference them when using `$uibModal`.\n\nThe `$uibModal` service has only one method: `open(options)`.\n\n### $uibModal's open function\n\n#### options parameter\n\n* `animation`\n _(Type: `boolean`, Default: `true`)_ -\n Set to false to disable animations on new modal/backdrop. Does not toggle animations for modals/backdrops that are already displayed.\n\n* `appendTo`\n _(Type: `angular.element`, Default: `body`: Example: `$document.find('aside').eq(0)`)_ -\n Appends the modal to a specific element.\n\n* `ariaDescribedBy`\n _(Type: `string`, `my-modal-description`)_ -\n Sets the [`aria-describedby`](https://www.w3.org/TR/wai-aria/states_and_properties#aria-describedby) property on the modal. The value should be an id (without the leading `#`) pointing to the element that describes your modal. Typically, this will be the text on your modal, but does not include something the user would interact with, like buttons or a form. Omitting this option will not impact sighted users but will weaken your accessibility support.\n\n* `ariaLabelledBy`\n _(Type: `string`, `my-modal-title`)_ -\n Sets the [`aria-labelledby`](https://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby) property on the modal. The value should be an id (without the leading `#`) pointing to the element that labels your modal. Typically, this will be a header element. Omitting this option will not impact sighted users but will weaken your accessibility support.\n\n* `backdrop`\n _(Type: `boolean|string`, Default: `true`)_ -\n Controls presence of a backdrop. Allowed values: `true` (default), `false` (no backdrop), `'static'` (disables modal closing by click on the backdrop).\n\n* `backdropClass`\n _(Type: `string`)_ -\n Additional CSS class(es) to be added to a modal backdrop template.\n\n* `bindToController`\n _(Type: `boolean`, Default: `false`)_ -\n When used with `controllerAs` & set to `true`, it will bind the $scope properties onto the controller.\n\n* `component`\n _(Type: `string`, Example: `myComponent`)_ -\n A string reference to the component to be rendered that is registered with Angular's compiler. If using a directive, the directive must have `restrict: 'E'` and a template or templateUrl set.\n\n It supports these bindings:\n\n * `close` - A method that can be used to close a modal, passing a result. The result must be passed in this format: `{$value: myResult}`\n\n * `dismiss` - A method that can be used to dismiss a modal, passing a result. The result must be passed in this format: `{$value: myRejectedResult}`\n\n * `modalInstance` - The modal instance. This is the same `$uibModalInstance` injectable found when using `controller`.\n\n * `resolve` - An object of the modal resolve values. See [UI Router resolves](#ui-router-resolves) for details.\n\n* `controller`\n _(Type: `function|string|array`, Example: `MyModalController`)_ -\n A controller for the modal instance, either a controller name as a string, or an inline controller function, optionally wrapped in array notation for dependency injection. Allows the controller-as syntax. Has a special `$uibModalInstance` injectable to access the modal instance.\n\n* `controllerAs`\n _(Type: `string`, Example: `ctrl`)_ -\n An alternative to the controller-as syntax. Requires the `controller` option to be provided as well.\n\n* `keyboard` -\n _(Type: `boolean`, Default: `true`)_ -\n Indicates whether the dialog should be closable by hitting the ESC key.\n\n* `openedClass`\n _(Type: `string`, Default: `modal-open`)_ -\n Class added to the `body` element when the modal is opened.\n\n* `resolve`\n _(Type: `Object`)_ -\n Members that will be resolved and passed to the controller as locals; it is equivalent of the `resolve` property in the router.\n\n* `scope`\n _(Type: `$scope`)_ -\n The parent scope instance to be used for the modal's content. Defaults to `$rootScope`.\n\n* `size`\n _(Type: `string`, Example: `lg`)_ -\n Optional suffix of modal window class. The value used is appended to the `modal-` class, i.e. a value of `sm` gives `modal-sm`.\n\n* `template`\n _(Type: `string`)_ -\n Inline template representing the modal's content.\n\n* `templateUrl`\n _(Type: `string`)_ -\n A path to a template representing modal's content. You need either a `template` or `templateUrl`.\n\n* `windowClass`\n _(Type: `string`)_ -\n Additional CSS class(es) to be added to a modal window template.\n\n* `windowTemplateUrl`\n _(Type: `string`, Default: `uib/template/modal/window.html`)_ -\n A path to a template overriding modal's window template.\n\n* `windowTopClass`\n _(Type: `string`)_ -\n CSS class(es) to be added to the top modal window.\n\nGlobal defaults may be set for `$uibModal` via `$uibModalProvider.options`.\n\n#### return\n\nThe `open` method returns a modal instance, an object with the following properties:\n\n* `close(result)`\n _(Type: `function`)_ -\n Can be used to close a modal, passing a result.\n\n* `dismiss(reason)`\n _(Type: `function`)_ -\n Can be used to dismiss a modal, passing a reason.\n\n* `result`\n _(Type: `promise`)_ -\n Is resolved when a modal is closed and rejected when a modal is dismissed.\n\n* `opened`\n _(Type: `promise`)_ -\n Is resolved when a modal gets opened after downloading content's template and resolving all variables.\n\n* `closed`\n _(Type: `promise`)_ -\n Is resolved when a modal is closed and the animation completes.\n\n* `rendered`\n _(Type: `promise`)_ -\n Is resolved when a modal is rendered.\n\n---\n\nThe scope associated with modal's content is augmented with:\n\n* `$close(result)`\n _(Type: `function`)_ -\n A method that can be used to close a modal, passing a result.\n\n* `$dismiss(reason)`\n _(Type: `function`)_ -\n A method that can be used to dismiss a modal, passing a reason.\n\nThose methods make it easy to close a modal window without a need to create a dedicated controller.\n\nAlso, when using `bindToController`, you can define an `$onInit` method in the controller that will fire upon initialization.\n\n---\n\nEvents fired:\n\n* `$uibUnscheduledDestruction` -\n This event is fired if the $scope is destroyed via unexpected mechanism, such as it being passed in the modal options and a $route/$state transition occurs. The modal will also be dismissed.\n\n* `modal.closing` -\n This event is broadcast to the modal scope before the modal closes. If the listener calls preventDefault() on the event, then the modal will remain open.\n Also, the `$close` and `$dismiss` methods returns true if the event was executed. This event also includes a parameter for the result/reason and a boolean that indicates whether the modal is being closed (true) or dismissed.\n\n##### UI Router resolves\n\nIf one wants to have the modal resolve using [UI Router's](https://github.com/angular-ui/ui-router) pre-1.0 resolve mechanism, one can call `$uibResolve.setResolver('$resolve')` in the configuration phase of the application. One can also provide a custom resolver as well, as long as the signature conforms to UI Router's [$resolve](http://angular-ui.github.io/ui-router/site/#/api/ui.router.util.$resolve).\n\nWhen the modal is opened with a controller, a `$resolve` object is exposed on the template with the resolved values from the resolve object. If using the component option, see details on how to access this object in component section of the modal documentation.\n"
},
{
"path": "src/modal/index-nocss.js",
"content": "require('../multiMap');\nrequire('../position/index-nocss.js');\nrequire('../stackedMap');\nrequire('../../template/modal/window.html.js');\nrequire('./modal');\n\nvar MODULE_NAME = 'ui.bootstrap.module.modal';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.modal', 'uib/template/modal/window.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/modal/index.js",
"content": "require('../position/position.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/modal/modal.js",
"content": "angular.module('ui.bootstrap.modal', ['ui.bootstrap.multiMap', 'ui.bootstrap.stackedMap', 'ui.bootstrap.position'])\n/**\n * Pluggable resolve mechanism for the modal resolve resolution\n * Supports UI Router's $resolve service\n */\n .provider('$uibResolve', function() {\n var resolve = this;\n this.resolver = null;\n\n this.setResolver = function(resolver) {\n this.resolver = resolver;\n };\n\n this.$get = ['$injector', '$q', function($injector, $q) {\n var resolver = resolve.resolver ? $injector.get(resolve.resolver) : null;\n return {\n resolve: function(invocables, locals, parent, self) {\n if (resolver) {\n return resolver.resolve(invocables, locals, parent, self);\n }\n\n var promises = [];\n\n angular.forEach(invocables, function(value) {\n if (angular.isFunction(value) || angular.isArray(value)) {\n promises.push($q.resolve($injector.invoke(value)));\n } else if (angular.isString(value)) {\n promises.push($q.resolve($injector.get(value)));\n } else {\n promises.push($q.resolve(value));\n }\n });\n\n return $q.all(promises).then(function(resolves) {\n var resolveObj = {};\n var resolveIter = 0;\n angular.forEach(invocables, function(value, key) {\n resolveObj[key] = resolves[resolveIter++];\n });\n\n return resolveObj;\n });\n }\n };\n }];\n })\n\n/**\n * A helper directive for the $modal service. It creates a backdrop element.\n */\n .directive('uibModalBackdrop', ['$animate', '$injector', '$uibModalStack',\n function($animate, $injector, $modalStack) {\n return {\n restrict: 'A',\n compile: function(tElement, tAttrs) {\n tElement.addClass(tAttrs.backdropClass);\n return linkFn;\n }\n };\n\n function linkFn(scope, element, attrs) {\n if (attrs.modalInClass) {\n $animate.addClass(element, attrs.modalInClass);\n\n scope.$on($modalStack.NOW_CLOSING_EVENT, function(e, setIsAsync) {\n var done = setIsAsync();\n if (scope.modalOptions.animation) {\n $animate.removeClass(element, attrs.modalInClass).then(done);\n } else {\n done();\n }\n });\n }\n }\n }])\n\n .directive('uibModalWindow', ['$uibModalStack', '$q', '$animateCss', '$document',\n function($modalStack, $q, $animateCss, $document) {\n return {\n scope: {\n index: '@'\n },\n restrict: 'A',\n transclude: true,\n templateUrl: function(tElement, tAttrs) {\n return tAttrs.templateUrl || 'uib/template/modal/window.html';\n },\n link: function(scope, element, attrs) {\n element.addClass(attrs.windowTopClass || '');\n scope.size = attrs.size;\n\n scope.close = function(evt) {\n var modal = $modalStack.getTop();\n if (modal && modal.value.backdrop &&\n modal.value.backdrop !== 'static' &&\n evt.target === evt.currentTarget) {\n evt.preventDefault();\n evt.stopPropagation();\n $modalStack.dismiss(modal.key, 'backdrop click');\n }\n };\n\n // moved from template to fix issue #2280\n element.on('click', scope.close);\n\n // This property is only added to the scope for the purpose of detecting when this directive is rendered.\n // We can detect that by using this property in the template associated with this directive and then use\n // {@link Attribute#$observe} on it. For more details please see {@link TableColumnResize}.\n scope.$isRendered = true;\n\n // Deferred object that will be resolved when this modal is rendered.\n var modalRenderDeferObj = $q.defer();\n // Resolve render promise post-digest\n scope.$$postDigest(function() {\n modalRenderDeferObj.resolve();\n });\n\n modalRenderDeferObj.promise.then(function() {\n var animationPromise = null;\n\n if (attrs.modalInClass) {\n animationPromise = $animateCss(element, {\n addClass: attrs.modalInClass\n }).start();\n\n scope.$on($modalStack.NOW_CLOSING_EVENT, function(e, setIsAsync) {\n var done = setIsAsync();\n $animateCss(element, {\n removeClass: attrs.modalInClass\n }).start().then(done);\n });\n }\n\n\n $q.when(animationPromise).then(function() {\n // Notify {@link $modalStack} that modal is rendered.\n var modal = $modalStack.getTop();\n if (modal) {\n $modalStack.modalRendered(modal.key);\n }\n\n /**\n * If something within the freshly-opened modal already has focus (perhaps via a\n * directive that causes focus) then there's no need to try to focus anything.\n */\n if (!($document[0].activeElement && element[0].contains($document[0].activeElement))) {\n var inputWithAutofocus = element[0].querySelector('[autofocus]');\n /**\n * Auto-focusing of a freshly-opened modal element causes any child elements\n * with the autofocus attribute to lose focus. This is an issue on touch\n * based devices which will show and then hide the onscreen keyboard.\n * Attempts to refocus the autofocus element via JavaScript will not reopen\n * the onscreen keyboard. Fixed by updated the focusing logic to only autofocus\n * the modal element if the modal does not contain an autofocus element.\n */\n if (inputWithAutofocus) {\n inputWithAutofocus.focus();\n } else {\n element[0].focus();\n }\n }\n });\n });\n }\n };\n }])\n\n .directive('uibModalAnimationClass', function() {\n return {\n compile: function(tElement, tAttrs) {\n if (tAttrs.modalAnimation) {\n tElement.addClass(tAttrs.uibModalAnimationClass);\n }\n }\n };\n })\n\n .directive('uibModalTransclude', ['$animate', function($animate) {\n return {\n link: function(scope, element, attrs, controller, transclude) {\n transclude(scope.$parent, function(clone) {\n element.empty();\n $animate.enter(clone, element);\n });\n }\n };\n }])\n\n .factory('$uibModalStack', ['$animate', '$animateCss', '$document',\n '$compile', '$rootScope', '$q', '$$multiMap', '$$stackedMap', '$uibPosition',\n function($animate, $animateCss, $document, $compile, $rootScope, $q, $$multiMap, $$stackedMap, $uibPosition) {\n var OPENED_MODAL_CLASS = 'modal-open';\n\n var backdropDomEl, backdropScope;\n var openedWindows = $$stackedMap.createNew();\n var openedClasses = $$multiMap.createNew();\n var $modalStack = {\n NOW_CLOSING_EVENT: 'modal.stack.now-closing'\n };\n var topModalIndex = 0;\n var previousTopOpenedModal = null;\n var ARIA_HIDDEN_ATTRIBUTE_NAME = 'data-bootstrap-modal-aria-hidden-count';\n\n //Modal focus behavior\n var tabbableSelector = 'a[href], area[href], input:not([disabled]):not([tabindex=\\'-1\\']), ' +\n 'button:not([disabled]):not([tabindex=\\'-1\\']),select:not([disabled]):not([tabindex=\\'-1\\']), textarea:not([disabled]):not([tabindex=\\'-1\\']), ' +\n 'iframe, object, embed, *[tabindex]:not([tabindex=\\'-1\\']), *[contenteditable=true]';\n var scrollbarPadding;\n var SNAKE_CASE_REGEXP = /[A-Z]/g;\n\n // TODO: extract into common dependency with tooltip\n function snake_case(name) {\n var separator = '-';\n return name.replace(SNAKE_CASE_REGEXP, function(letter, pos) {\n return (pos ? separator : '') + letter.toLowerCase();\n });\n }\n\n function isVisible(element) {\n return !!(element.offsetWidth ||\n element.offsetHeight ||\n element.getClientRects().length);\n }\n\n function backdropIndex() {\n var topBackdropIndex = -1;\n var opened = openedWindows.keys();\n for (var i = 0; i < opened.length; i++) {\n if (openedWindows.get(opened[i]).value.backdrop) {\n topBackdropIndex = i;\n }\n }\n\n // If any backdrop exist, ensure that it's index is always\n // right below the top modal\n if (topBackdropIndex > -1 && topBackdropIndex < topModalIndex) {\n topBackdropIndex = topModalIndex;\n }\n return topBackdropIndex;\n }\n\n $rootScope.$watch(backdropIndex, function(newBackdropIndex) {\n if (backdropScope) {\n backdropScope.index = newBackdropIndex;\n }\n });\n\n function removeModalWindow(modalInstance, elementToReceiveFocus) {\n var modalWindow = openedWindows.get(modalInstance).value;\n var appendToElement = modalWindow.appendTo;\n\n //clean up the stack\n openedWindows.remove(modalInstance);\n previousTopOpenedModal = openedWindows.top();\n if (previousTopOpenedModal) {\n topModalIndex = parseInt(previousTopOpenedModal.value.modalDomEl.attr('index'), 10);\n }\n\n removeAfterAnimate(modalWindow.modalDomEl, modalWindow.modalScope, function() {\n var modalBodyClass = modalWindow.openedClass || OPENED_MODAL_CLASS;\n openedClasses.remove(modalBodyClass, modalInstance);\n var areAnyOpen = openedClasses.hasKey(modalBodyClass);\n appendToElement.toggleClass(modalBodyClass, areAnyOpen);\n if (!areAnyOpen && scrollbarPadding && scrollbarPadding.heightOverflow && scrollbarPadding.scrollbarWidth) {\n if (scrollbarPadding.originalRight) {\n appendToElement.css({paddingRight: scrollbarPadding.originalRight + 'px'});\n } else {\n appendToElement.css({paddingRight: ''});\n }\n scrollbarPadding = null;\n }\n toggleTopWindowClass(true);\n }, modalWindow.closedDeferred);\n checkRemoveBackdrop();\n\n //move focus to specified element if available, or else to body\n if (elementToReceiveFocus && elementToReceiveFocus.focus) {\n elementToReceiveFocus.focus();\n } else if (appendToElement.focus) {\n appendToElement.focus();\n }\n }\n\n // Add or remove \"windowTopClass\" from the top window in the stack\n function toggleTopWindowClass(toggleSwitch) {\n var modalWindow;\n\n if (openedWindows.length() > 0) {\n modalWindow = openedWindows.top().value;\n modalWindow.modalDomEl.toggleClass(modalWindow.windowTopClass || '', toggleSwitch);\n }\n }\n\n function checkRemoveBackdrop() {\n //remove backdrop if no longer needed\n if (backdropDomEl && backdropIndex() === -1) {\n var backdropScopeRef = backdropScope;\n removeAfterAnimate(backdropDomEl, backdropScope, function() {\n backdropScopeRef = null;\n });\n backdropDomEl = undefined;\n backdropScope = undefined;\n }\n }\n\n function removeAfterAnimate(domEl, scope, done, closedDeferred) {\n var asyncDeferred;\n var asyncPromise = null;\n var setIsAsync = function() {\n if (!asyncDeferred) {\n asyncDeferred = $q.defer();\n asyncPromise = asyncDeferred.promise;\n }\n\n return function asyncDone() {\n asyncDeferred.resolve();\n };\n };\n scope.$broadcast($modalStack.NOW_CLOSING_EVENT, setIsAsync);\n\n // Note that it's intentional that asyncPromise might be null.\n // That's when setIsAsync has not been called during the\n // NOW_CLOSING_EVENT broadcast.\n return $q.when(asyncPromise).then(afterAnimating);\n\n function afterAnimating() {\n if (afterAnimating.done) {\n return;\n }\n afterAnimating.done = true;\n\n $animate.leave(domEl).then(function() {\n if (done) {\n done();\n }\n\n domEl.remove();\n if (closedDeferred) {\n closedDeferred.resolve();\n }\n });\n\n scope.$destroy();\n }\n }\n\n $document.on('keydown', keydownListener);\n\n $rootScope.$on('$destroy', function() {\n $document.off('keydown', keydownListener);\n });\n\n function keydownListener(evt) {\n if (evt.isDefaultPrevented()) {\n return evt;\n }\n\n var modal = openedWindows.top();\n if (modal) {\n switch (evt.which) {\n case 27: {\n if (modal.value.keyboard) {\n evt.preventDefault();\n $rootScope.$apply(function() {\n $modalStack.dismiss(modal.key, 'escape key press');\n });\n }\n break;\n }\n case 9: {\n var list = $modalStack.loadFocusElementList(modal);\n var focusChanged = false;\n if (evt.shiftKey) {\n if ($modalStack.isFocusInFirstItem(evt, list) || $modalStack.isModalFocused(evt, modal)) {\n focusChanged = $modalStack.focusLastFocusableElement(list);\n }\n } else {\n if ($modalStack.isFocusInLastItem(evt, list)) {\n focusChanged = $modalStack.focusFirstFocusableElement(list);\n }\n }\n\n if (focusChanged) {\n evt.preventDefault();\n evt.stopPropagation();\n }\n\n break;\n }\n }\n }\n }\n\n $modalStack.open = function(modalInstance, modal) {\n var modalOpener = $document[0].activeElement,\n modalBodyClass = modal.openedClass || OPENED_MODAL_CLASS;\n\n toggleTopWindowClass(false);\n\n // Store the current top first, to determine what index we ought to use\n // for the current top modal\n previousTopOpenedModal = openedWindows.top();\n\n openedWindows.add(modalInstance, {\n deferred: modal.deferred,\n renderDeferred: modal.renderDeferred,\n closedDeferred: modal.closedDeferred,\n modalScope: modal.scope,\n backdrop: modal.backdrop,\n keyboard: modal.keyboard,\n openedClass: modal.openedClass,\n windowTopClass: modal.windowTopClass,\n animation: modal.animation,\n appendTo: modal.appendTo\n });\n\n openedClasses.put(modalBodyClass, modalInstance);\n\n var appendToElement = modal.appendTo,\n currBackdropIndex = backdropIndex();\n\n if (currBackdropIndex >= 0 && !backdropDomEl) {\n backdropScope = $rootScope.$new(true);\n backdropScope.modalOptions = modal;\n backdropScope.index = currBackdropIndex;\n backdropDomEl = angular.element('
');\n backdropDomEl.attr({\n 'class': 'modal-backdrop',\n 'ng-style': '{\\'z-index\\': 1040 + (index && 1 || 0) + index*10}',\n 'uib-modal-animation-class': 'fade',\n 'modal-in-class': 'in'\n });\n if (modal.backdropClass) {\n backdropDomEl.addClass(modal.backdropClass);\n }\n\n if (modal.animation) {\n backdropDomEl.attr('modal-animation', 'true');\n }\n $compile(backdropDomEl)(backdropScope);\n $animate.enter(backdropDomEl, appendToElement);\n if ($uibPosition.isScrollable(appendToElement)) {\n scrollbarPadding = $uibPosition.scrollbarPadding(appendToElement);\n if (scrollbarPadding.heightOverflow && scrollbarPadding.scrollbarWidth) {\n appendToElement.css({paddingRight: scrollbarPadding.right + 'px'});\n }\n }\n }\n\n var content;\n if (modal.component) {\n content = document.createElement(snake_case(modal.component.name));\n content = angular.element(content);\n content.attr({\n resolve: '$resolve',\n 'modal-instance': '$uibModalInstance',\n close: '$close($value)',\n dismiss: '$dismiss($value)'\n });\n } else {\n content = modal.content;\n }\n\n // Set the top modal index based on the index of the previous top modal\n topModalIndex = previousTopOpenedModal ? parseInt(previousTopOpenedModal.value.modalDomEl.attr('index'), 10) + 1 : 0;\n var angularDomEl = angular.element('
');\n angularDomEl.attr({\n 'class': 'modal',\n 'template-url': modal.windowTemplateUrl,\n 'window-top-class': modal.windowTopClass,\n 'role': 'dialog',\n 'aria-labelledby': modal.ariaLabelledBy,\n 'aria-describedby': modal.ariaDescribedBy,\n 'size': modal.size,\n 'index': topModalIndex,\n 'animate': 'animate',\n 'ng-style': '{\\'z-index\\': 1050 + $$topModalIndex*10, display: \\'block\\'}',\n 'tabindex': -1,\n 'uib-modal-animation-class': 'fade',\n 'modal-in-class': 'in'\n }).append(content);\n if (modal.windowClass) {\n angularDomEl.addClass(modal.windowClass);\n }\n\n if (modal.animation) {\n angularDomEl.attr('modal-animation', 'true');\n }\n\n appendToElement.addClass(modalBodyClass);\n if (modal.scope) {\n // we need to explicitly add the modal index to the modal scope\n // because it is needed by ngStyle to compute the zIndex property.\n modal.scope.$$topModalIndex = topModalIndex;\n }\n $animate.enter($compile(angularDomEl)(modal.scope), appendToElement);\n\n openedWindows.top().value.modalDomEl = angularDomEl;\n openedWindows.top().value.modalOpener = modalOpener;\n\n applyAriaHidden(angularDomEl);\n\n function applyAriaHidden(el) {\n if (!el || el[0].tagName === 'BODY') {\n return;\n }\n\n getSiblings(el).forEach(function(sibling) {\n var elemIsAlreadyHidden = sibling.getAttribute('aria-hidden') === 'true',\n ariaHiddenCount = parseInt(sibling.getAttribute(ARIA_HIDDEN_ATTRIBUTE_NAME), 10);\n\n if (!ariaHiddenCount) {\n ariaHiddenCount = elemIsAlreadyHidden ? 1 : 0;\n }\n\n sibling.setAttribute(ARIA_HIDDEN_ATTRIBUTE_NAME, ariaHiddenCount + 1);\n sibling.setAttribute('aria-hidden', 'true');\n });\n\n return applyAriaHidden(el.parent());\n\n function getSiblings(el) {\n var children = el.parent() ? el.parent().children() : [];\n\n return Array.prototype.filter.call(children, function(child) {\n return child !== el[0];\n });\n }\n }\n };\n\n function broadcastClosing(modalWindow, resultOrReason, closing) {\n return !modalWindow.value.modalScope.$broadcast('modal.closing', resultOrReason, closing).defaultPrevented;\n }\n\n function unhideBackgroundElements() {\n Array.prototype.forEach.call(\n document.querySelectorAll('[' + ARIA_HIDDEN_ATTRIBUTE_NAME + ']'),\n function(hiddenEl) {\n var ariaHiddenCount = parseInt(hiddenEl.getAttribute(ARIA_HIDDEN_ATTRIBUTE_NAME), 10),\n newHiddenCount = ariaHiddenCount - 1;\n hiddenEl.setAttribute(ARIA_HIDDEN_ATTRIBUTE_NAME, newHiddenCount);\n\n if (!newHiddenCount) {\n hiddenEl.removeAttribute(ARIA_HIDDEN_ATTRIBUTE_NAME);\n hiddenEl.removeAttribute('aria-hidden');\n }\n }\n );\n }\n\n $modalStack.close = function(modalInstance, result) {\n var modalWindow = openedWindows.get(modalInstance);\n unhideBackgroundElements();\n if (modalWindow && broadcastClosing(modalWindow, result, true)) {\n modalWindow.value.modalScope.$$uibDestructionScheduled = true;\n modalWindow.value.deferred.resolve(result);\n removeModalWindow(modalInstance, modalWindow.value.modalOpener);\n return true;\n }\n\n return !modalWindow;\n };\n\n $modalStack.dismiss = function(modalInstance, reason) {\n var modalWindow = openedWindows.get(modalInstance);\n unhideBackgroundElements();\n if (modalWindow && broadcastClosing(modalWindow, reason, false)) {\n modalWindow.value.modalScope.$$uibDestructionScheduled = true;\n modalWindow.value.deferred.reject(reason);\n removeModalWindow(modalInstance, modalWindow.value.modalOpener);\n return true;\n }\n return !modalWindow;\n };\n\n $modalStack.dismissAll = function(reason) {\n var topModal = this.getTop();\n while (topModal && this.dismiss(topModal.key, reason)) {\n topModal = this.getTop();\n }\n };\n\n $modalStack.getTop = function() {\n return openedWindows.top();\n };\n\n $modalStack.modalRendered = function(modalInstance) {\n var modalWindow = openedWindows.get(modalInstance);\n if (modalWindow) {\n modalWindow.value.renderDeferred.resolve();\n }\n };\n\n $modalStack.focusFirstFocusableElement = function(list) {\n if (list.length > 0) {\n list[0].focus();\n return true;\n }\n return false;\n };\n\n $modalStack.focusLastFocusableElement = function(list) {\n if (list.length > 0) {\n list[list.length - 1].focus();\n return true;\n }\n return false;\n };\n\n $modalStack.isModalFocused = function(evt, modalWindow) {\n if (evt && modalWindow) {\n var modalDomEl = modalWindow.value.modalDomEl;\n if (modalDomEl && modalDomEl.length) {\n return (evt.target || evt.srcElement) === modalDomEl[0];\n }\n }\n return false;\n };\n\n $modalStack.isFocusInFirstItem = function(evt, list) {\n if (list.length > 0) {\n return (evt.target || evt.srcElement) === list[0];\n }\n return false;\n };\n\n $modalStack.isFocusInLastItem = function(evt, list) {\n if (list.length > 0) {\n return (evt.target || evt.srcElement) === list[list.length - 1];\n }\n return false;\n };\n\n $modalStack.loadFocusElementList = function(modalWindow) {\n if (modalWindow) {\n var modalDomE1 = modalWindow.value.modalDomEl;\n if (modalDomE1 && modalDomE1.length) {\n var elements = modalDomE1[0].querySelectorAll(tabbableSelector);\n return elements ?\n Array.prototype.filter.call(elements, function(element) {\n return isVisible(element);\n }) : elements;\n }\n }\n };\n\n return $modalStack;\n }])\n\n .provider('$uibModal', function() {\n var $modalProvider = {\n options: {\n animation: true,\n backdrop: true, //can also be false or 'static'\n keyboard: true\n },\n $get: ['$rootScope', '$q', '$document', '$templateRequest', '$controller', '$uibResolve', '$uibModalStack',\n function ($rootScope, $q, $document, $templateRequest, $controller, $uibResolve, $modalStack) {\n var $modal = {};\n\n function getTemplatePromise(options) {\n return options.template ? $q.when(options.template) :\n $templateRequest(angular.isFunction(options.templateUrl) ?\n options.templateUrl() : options.templateUrl);\n }\n\n var promiseChain = null;\n $modal.getPromiseChain = function() {\n return promiseChain;\n };\n\n $modal.open = function(modalOptions) {\n var modalResultDeferred = $q.defer();\n var modalOpenedDeferred = $q.defer();\n var modalClosedDeferred = $q.defer();\n var modalRenderDeferred = $q.defer();\n\n //prepare an instance of a modal to be injected into controllers and returned to a caller\n var modalInstance = {\n result: modalResultDeferred.promise,\n opened: modalOpenedDeferred.promise,\n closed: modalClosedDeferred.promise,\n rendered: modalRenderDeferred.promise,\n close: function (result) {\n return $modalStack.close(modalInstance, result);\n },\n dismiss: function (reason) {\n return $modalStack.dismiss(modalInstance, reason);\n }\n };\n\n //merge and clean up options\n modalOptions = angular.extend({}, $modalProvider.options, modalOptions);\n modalOptions.resolve = modalOptions.resolve || {};\n modalOptions.appendTo = modalOptions.appendTo || $document.find('body').eq(0);\n\n if (!modalOptions.appendTo.length) {\n throw new Error('appendTo element not found. Make sure that the element passed is in DOM.');\n }\n\n //verify options\n if (!modalOptions.component && !modalOptions.template && !modalOptions.templateUrl) {\n throw new Error('One of component or template or templateUrl options is required.');\n }\n\n var templateAndResolvePromise;\n if (modalOptions.component) {\n templateAndResolvePromise = $q.when($uibResolve.resolve(modalOptions.resolve, {}, null, null));\n } else {\n templateAndResolvePromise =\n $q.all([getTemplatePromise(modalOptions), $uibResolve.resolve(modalOptions.resolve, {}, null, null)]);\n }\n\n function resolveWithTemplate() {\n return templateAndResolvePromise;\n }\n\n // Wait for the resolution of the existing promise chain.\n // Then switch to our own combined promise dependency (regardless of how the previous modal fared).\n // Then add to $modalStack and resolve opened.\n // Finally clean up the chain variable if no subsequent modal has overwritten it.\n var samePromise;\n samePromise = promiseChain = $q.all([promiseChain])\n .then(resolveWithTemplate, resolveWithTemplate)\n .then(function resolveSuccess(tplAndVars) {\n var providedScope = modalOptions.scope || $rootScope;\n\n var modalScope = providedScope.$new();\n modalScope.$close = modalInstance.close;\n modalScope.$dismiss = modalInstance.dismiss;\n\n modalScope.$on('$destroy', function() {\n if (!modalScope.$$uibDestructionScheduled) {\n modalScope.$dismiss('$uibUnscheduledDestruction');\n }\n });\n\n var modal = {\n scope: modalScope,\n deferred: modalResultDeferred,\n renderDeferred: modalRenderDeferred,\n closedDeferred: modalClosedDeferred,\n animation: modalOptions.animation,\n backdrop: modalOptions.backdrop,\n keyboard: modalOptions.keyboard,\n backdropClass: modalOptions.backdropClass,\n windowTopClass: modalOptions.windowTopClass,\n windowClass: modalOptions.windowClass,\n windowTemplateUrl: modalOptions.windowTemplateUrl,\n ariaLabelledBy: modalOptions.ariaLabelledBy,\n ariaDescribedBy: modalOptions.ariaDescribedBy,\n size: modalOptions.size,\n openedClass: modalOptions.openedClass,\n appendTo: modalOptions.appendTo\n };\n\n var component = {};\n var ctrlInstance, ctrlInstantiate, ctrlLocals = {};\n\n if (modalOptions.component) {\n constructLocals(component, false, true, false);\n component.name = modalOptions.component;\n modal.component = component;\n } else if (modalOptions.controller) {\n constructLocals(ctrlLocals, true, false, true);\n\n // the third param will make the controller instantiate later,private api\n // @see https://github.com/angular/angular.js/blob/master/src/ng/controller.js#L126\n ctrlInstantiate = $controller(modalOptions.controller, ctrlLocals, true, modalOptions.controllerAs);\n if (modalOptions.controllerAs && modalOptions.bindToController) {\n ctrlInstance = ctrlInstantiate.instance;\n ctrlInstance.$close = modalScope.$close;\n ctrlInstance.$dismiss = modalScope.$dismiss;\n angular.extend(ctrlInstance, {\n $resolve: ctrlLocals.$scope.$resolve\n }, providedScope);\n }\n\n ctrlInstance = ctrlInstantiate();\n\n if (angular.isFunction(ctrlInstance.$onInit)) {\n ctrlInstance.$onInit();\n }\n }\n\n if (!modalOptions.component) {\n modal.content = tplAndVars[0];\n }\n\n $modalStack.open(modalInstance, modal);\n modalOpenedDeferred.resolve(true);\n\n function constructLocals(obj, template, instanceOnScope, injectable) {\n obj.$scope = modalScope;\n obj.$scope.$resolve = {};\n if (instanceOnScope) {\n obj.$scope.$uibModalInstance = modalInstance;\n } else {\n obj.$uibModalInstance = modalInstance;\n }\n\n var resolves = template ? tplAndVars[1] : tplAndVars;\n angular.forEach(resolves, function(value, key) {\n if (injectable) {\n obj[key] = value;\n }\n\n obj.$scope.$resolve[key] = value;\n });\n }\n }, function resolveError(reason) {\n modalOpenedDeferred.reject(reason);\n modalResultDeferred.reject(reason);\n })['finally'](function() {\n if (promiseChain === samePromise) {\n promiseChain = null;\n }\n });\n\n return modalInstance;\n };\n\n return $modal;\n }\n ]\n };\n\n return $modalProvider;\n });\n"
},
{
"path": "src/modal/test/modal.spec.js",
"content": "describe('$uibResolve', function() {\n beforeEach(module('ui.bootstrap.modal'));\n\n it('should resolve invocables and return promise with object of resolutions', function() {\n module(function($provide) {\n $provide.factory('bar', function() {\n return 'bar';\n });\n });\n\n inject(function($q, $rootScope, $uibResolve) {\n $uibResolve.resolve({\n foo: 'bar',\n bar: $q.resolve('baz'),\n baz: function() {\n return 'boo';\n }\n }).then(function(resolves) {\n expect(resolves).toEqual({\n foo: 'bar',\n bar: 'baz',\n baz: 'boo'\n });\n });\n\n $rootScope.$digest();\n });\n });\n\n describe('with custom resolver', function() {\n beforeEach(module(function($provide, $uibResolveProvider) {\n $provide.factory('$resolve', function() {\n return {\n resolve: jasmine.createSpy()\n };\n });\n\n $uibResolveProvider.setResolver('$resolve');\n }));\n\n it('should call $resolve.resolve', inject(function($uibResolve, $resolve) {\n $uibResolve.resolve({foo: 'bar'}, {}, null, null);\n\n expect($resolve.resolve).toHaveBeenCalledWith({foo: 'bar'}, {}, null, null);\n }));\n });\n});\n\ndescribe('uibModalTransclude', function() {\n var uibModalTranscludeDDO,\n $animate;\n\n beforeEach(module('ui.bootstrap.modal'));\n beforeEach(module(function($provide) {\n $animate = jasmine.createSpyObj('$animate', ['enter']);\n $provide.value('$animate', $animate);\n }));\n\n beforeEach(inject(function(uibModalTranscludeDirective) {\n uibModalTranscludeDDO = uibModalTranscludeDirective[0];\n }));\n\n describe('when initialised', function() {\n var scope,\n element,\n transcludeSpy,\n transcludeFn;\n\n beforeEach(function() {\n scope = {\n $parent: 'parentScope'\n };\n\n element = jasmine.createSpyObj('containerElement', ['empty']);\n transcludeSpy = jasmine.createSpy('transcludeSpy').and.callFake(function(scope, fn) {\n transcludeFn = fn;\n });\n\n uibModalTranscludeDDO.link(scope, element, {}, {}, transcludeSpy);\n });\n\n it('should call the transclusion function', function() {\n expect(transcludeSpy).toHaveBeenCalledWith(scope.$parent, jasmine.any(Function));\n });\n\n describe('transclusion callback', function() {\n var transcludedContent;\n\n beforeEach(function() {\n transcludedContent = 'my transcluded content';\n transcludeFn(transcludedContent);\n });\n\n it('should empty the element', function() {\n expect(element.empty).toHaveBeenCalledWith();\n });\n\n it('should append the transcluded content', function() {\n expect($animate.enter).toHaveBeenCalledWith(transcludedContent, element);\n });\n });\n });\n});\n\ndescribe('$uibModal', function() {\n var $animate, $controllerProvider, $rootScope, $document, $compile, $templateCache, $timeout, $q;\n var $uibModal, $uibModalStack, $uibModalProvider;\n\n beforeEach(module('ngAnimateMock'));\n beforeEach(module('ui.bootstrap.modal'));\n beforeEach(module('uib/template/modal/window.html'));\n beforeEach(module(function(_$controllerProvider_, _$uibModalProvider_, $compileProvider) {\n $controllerProvider = _$controllerProvider_;\n $uibModalProvider = _$uibModalProvider_;\n $compileProvider.directive('parentDirective', function() {\n return {\n controller: function() {\n this.text = 'foo';\n }\n };\n }).directive('childDirective', function() {\n return {\n require: '^parentDirective',\n link: function(scope, elem, attrs, ctrl) {\n scope.text = ctrl.text;\n }\n };\n }).directive('focusMe', function() {\n return {\n link: function(scope, elem, attrs) {\n elem.focus();\n }\n };\n }).component('fooBar', {\n bindings: {\n resolve: '<',\n modalInstance: '<',\n close: '&',\n dismiss: '&'\n },\n controller: angular.noop,\n controllerAs: 'foobar',\n template: '
Foo Bar
'\n });\n }));\n\n beforeEach(inject(function(_$animate_, _$rootScope_, _$document_, _$compile_, _$templateCache_, _$timeout_, _$q_, _$uibModal_, _$uibModalStack_) {\n $animate = _$animate_;\n $rootScope = _$rootScope_;\n $document = _$document_;\n $compile = _$compile_;\n $templateCache = _$templateCache_;\n $timeout = _$timeout_;\n $q = _$q_;\n $uibModal = _$uibModal_;\n $uibModalStack = _$uibModalStack_;\n }));\n\n beforeEach(function() {\n jasmine.addMatchers({\n toBeResolvedWith: function(util, customEqualityTesters) {\n return {\n compare: function(promise, expected) {\n var called = false;\n promise.then(function(result) {\n expect(result).toEqual(expected);\n\n if (result === expected) {\n result.message = 'Expected \"' + angular.mock.dump(result) + '\" not to be resolved with \"' + expected + '\".';\n } else {\n result.message = 'Expected \"' + angular.mock.dump(result) + '\" to be resolved with \"' + expected + '\".';\n }\n }, function(result) {\n fail('Expected \"' + angular.mock.dump(result) + '\" to be resolved with \"' + expected + '\".');\n })['finally'](function() {\n called = true;\n });\n\n $rootScope.$digest();\n\n if (!called) {\n fail('Expected \"' + angular.mock.dump(result) + '\" to be resolved with \"' + expected + '\".');\n }\n\n return {pass: true};\n }\n };\n },\n toBeRejectedWith: function(util, customEqualityTesters) {\n return {\n compare: function(promise, expected) {\n var result = {};\n var called = false;\n\n promise.then(function(result) {\n fail('Expected \"' + angular.mock.dump(result) + '\" to be rejected with \"' + expected + '\".');\n }, function(result) {\n expect(result).toEqual(expected);\n\n if (result === expected) {\n result.message = 'Expected \"' + angular.mock.dump(result) + '\" not to be rejected with \"' + expected + '\".';\n } else {\n result.message = 'Expected \"' + angular.mock.dump(result) + '\" to be rejected with \"' + expected + '\".';\n }\n })['finally'](function() {\n called = true;\n });\n\n $rootScope.$digest();\n\n if (!called) {\n fail('Expected \"' + angular.mock.dump(result) + '\" to be rejected with \"' + expected + '\".');\n }\n\n return {pass: true};\n }\n };\n },\n toHaveModalOpenWithContent: function(util, customEqualityTesters) {\n return {\n compare: function(actual, content, selector) {\n var contentToCompare, modalDomEls = actual.find('body > div.modal > div.modal-dialog > div.modal-content');\n\n contentToCompare = selector ? modalDomEls.find(selector) : modalDomEls;\n\n var result = {\n pass: modalDomEls.css('display') === 'block' && contentToCompare.html() === content\n };\n\n if (result.pass) {\n result.message = '\"Expected \"' + angular.mock.dump(modalDomEls) + '\" not to be open with \"' + content + '\".';\n } else {\n result.message = '\"Expected \"' + angular.mock.dump(modalDomEls) + '\" to be open with \"' + content + '\".';\n }\n\n return result;\n }\n };\n },\n toHaveModalsOpen: function(util, customEqualityTesters) {\n return {\n compare: function(actual, expected) {\n var modalDomEls = actual.find('body > div.modal');\n\n var result = {\n pass: util.equals(modalDomEls.length, expected, customEqualityTesters)\n };\n\n if (result.pass) {\n result.message = 'Expected \"' + angular.mock.dump(modalDomEls) + '\" not to have \"' + expected + '\" modals opened.';\n } else {\n result.message = 'Expected \"' + angular.mock.dump(modalDomEls) + '\" to have \"' + expected + '\" modals opened.';\n }\n\n return result;\n }\n };\n },\n toHaveBackdrop: function(util, customEqualityTesters) {\n return {\n compare: function(actual, expected) {\n var backdropDomEls = actual.find('body > div.modal-backdrop');\n\n var result = {\n pass: util.equals(backdropDomEls.length, 1, customEqualityTesters)\n };\n\n if (result.pass) {\n result.message = 'Expected \"' + angular.mock.dump(backdropDomEls) + '\" not to be a backdrop element\".';\n } else {\n result.message = 'Expected \"' + angular.mock.dump(backdropDomEls) + '\" to be a backdrop element\".';\n }\n\n return result;\n }\n };\n }\n });\n });\n\n afterEach(function () {\n var body = $document.find('body');\n body.find('div.modal').remove();\n body.find('div.modal-backdrop').remove();\n body.removeClass('modal-open');\n $document.off('keydown');\n });\n\n function triggerKeyDown(element, keyCode, shiftKey) {\n var e = $.Event('keydown');\n e.srcElement = element[0];\n e.which = keyCode;\n e.shiftKey = shiftKey;\n element.trigger(e);\n }\n\n function open(modalOptions, noFlush, noDigest) {\n var modal = $uibModal.open(modalOptions);\n modal.opened['catch'](angular.noop);\n modal.result['catch'](angular.noop);\n\n if (!noDigest) {\n $rootScope.$digest();\n if (!noFlush) {\n $animate.flush();\n }\n }\n\n return modal;\n }\n\n function close(modal, result, noFlush) {\n var closed = modal.close(result);\n $rootScope.$digest();\n if (!noFlush) {\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n }\n return closed;\n }\n\n function dismiss(modal, reason, noFlush) {\n var closed = modal.dismiss(reason);\n $rootScope.$digest();\n if (!noFlush) {\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n }\n return closed;\n }\n\n describe('basic scenarios with default options', function() {\n it('should open and dismiss a modal with a minimal set of options', function() {\n var modal = open({template: '
Content
'});\n\n expect($document).toHaveModalsOpen(1);\n expect($document).toHaveModalOpenWithContent('Content', 'div');\n expect($document).toHaveBackdrop();\n\n dismiss(modal, 'closing in test');\n\n expect($document).toHaveModalsOpen(0);\n\n expect($document).not.toHaveBackdrop();\n });\n\n it('should compile modal before inserting into DOM', function() {\n var topModal;\n var modalInstance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function (result) {\n return $uibModalStack.close(modalInstance, result);\n },\n dismiss: function (reason) {\n return $uibModalStack.dismiss(modalInstance, reason);\n }\n };\n var expectedText = 'test';\n\n $uibModalStack.open(modalInstance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modalInstance.result,\n renderDeferred: modalInstance.rendered,\n closedDeferred: modalInstance.closed,\n content: '
{{\\'' + expectedText + '\\'}}
'\n });\n\n topModal = $uibModalStack.getTop();\n\n expect(topModal.value.modalDomEl.find('#test').length).toEqual(0);\n expect(angular.element('#test').length).toEqual(0);\n\n $rootScope.$digest();\n\n expect(topModal.value.modalDomEl.find('#test').text()).toEqual(expectedText);\n expect(angular.element('#test').text()).toEqual(expectedText);\n\n $animate.flush();\n\n close(modalInstance, 'closing in test', true);\n });\n\n it('should resolve rendered promise when animation is complete', function() {\n var modalInstance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function (result) {\n return $uibModalStack.close(modalInstance, result);\n },\n dismiss: function (reason) {\n return $uibModalStack.dismiss(modalInstance, reason);\n }\n };\n var rendered = false;\n modalInstance.rendered.promise.then(function() {\n rendered = true;\n });\n\n $uibModalStack.open(modalInstance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modalInstance.result,\n renderDeferred: modalInstance.rendered,\n closedDeferred: modalInstance.closed,\n content: '
test
'\n });\n\n $rootScope.$digest();\n\n expect(rendered).toBe(false);\n\n $animate.flush();\n\n expect(rendered).toBe(true);\n });\n\n it('should not throw an exception on a second dismiss', function() {\n var modal = open({template: '
Content
'});\n\n expect($document).toHaveModalsOpen(1);\n expect($document).toHaveModalOpenWithContent('Content', 'div');\n expect($document).toHaveBackdrop();\n\n dismiss(modal, 'closing in test');\n\n expect($document).toHaveModalsOpen(0);\n\n dismiss(modal, 'closing in test', true);\n });\n\n it('should not throw an exception on a second close', function() {\n var modal = open({template: '
Content
'});\n\n expect($document).toHaveModalsOpen(1);\n expect($document).toHaveModalOpenWithContent('Content', 'div');\n expect($document).toHaveBackdrop();\n\n close(modal, 'closing in test');\n\n expect($document).toHaveModalsOpen(0);\n\n close(modal, 'closing in test', true);\n });\n\n it('should open a modal from templateUrl', function() {\n $templateCache.put('content.html', '
URL Content
');\n var modal = open({templateUrl: 'content.html'});\n\n expect($document).toHaveModalsOpen(1);\n expect($document).toHaveModalOpenWithContent('URL Content', 'div');\n expect($document).toHaveBackdrop();\n\n dismiss(modal, 'closing in test');\n\n expect($document).toHaveModalsOpen(0);\n\n expect($document).not.toHaveBackdrop();\n });\n\n it('should support closing on ESC', function() {\n var modal = open({template: '
Content
'});\n expect($document).toHaveModalsOpen(1);\n\n triggerKeyDown($document, 27);\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should not close on ESC if event.preventDefault() was issued', function() {\n var modal = open({template: '
x
' });\n expect($document).toHaveModalsOpen(1);\n\n var button = angular.element('button').on('keydown', preventKeyDown);\n\n triggerKeyDown(button, 27);\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(1);\n\n button.off('keydown', preventKeyDown);\n\n triggerKeyDown(button, 27);\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(0);\n\n function preventKeyDown(evt) {\n evt.preventDefault();\n }\n });\n\n it('should support closing on backdrop click', function() {\n var modal = open({template: '
Content
'});\n expect($document).toHaveModalsOpen(1);\n\n $document.find('body > div.modal').click();\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should return to the element which had focus before the dialog was invoked', function() {\n var link = '
Link ';\n var element = angular.element(link);\n angular.element(document.body).append(element);\n element.focus();\n expect(document.activeElement.tagName).toBe('A');\n\n var modal = open({template: '
Contentinside modal
'});\n $rootScope.$digest();\n expect(document.activeElement.className.split(' ')).toContain('modal');\n expect($document).toHaveModalsOpen(1);\n\n triggerKeyDown($document, 27);\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n\n expect(document.activeElement.tagName).toBe('A');\n expect($document).toHaveModalsOpen(0);\n\n element.remove();\n });\n\n it('should return to document.body if element which had focus before the dialog was invoked is gone, or is missing focus function', function() {\n var link = '
Link ';\n var element = angular.element(link);\n angular.element(document.body).append(element);\n element.focus();\n expect(document.activeElement.tagName).toBe('A');\n\n var modal = open({template: '
Content
'});\n $rootScope.$digest();\n expect(document.activeElement.tagName).toBe('DIV');\n expect($document).toHaveModalsOpen(1);\n\n // Fake undefined focus function, happening in IE in certain\n // iframe conditions. See issue 3639\n element[0].focus = undefined;\n triggerKeyDown($document, 27);\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n\n expect(document.activeElement.tagName).toBe('BODY');\n expect($document).toHaveModalsOpen(0);\n element.remove();\n });\n\n it('should resolve returned promise on close', function() {\n var modal = open({template: '
Content
'});\n close(modal, 'closed ok');\n\n expect(modal.result).toBeResolvedWith('closed ok');\n });\n\n it('should reject returned promise on dismiss', function() {\n var modal = open({template: '
Content
'});\n dismiss(modal, 'esc');\n\n expect(modal.result).toBeRejectedWith('esc');\n });\n\n it('should reject returned promise on unexpected closure', function() {\n var scope = $rootScope.$new();\n var modal = open({template: '
Content
', scope: scope});\n scope.$destroy();\n\n expect(modal.result).toBeRejectedWith('$uibUnscheduledDestruction');\n\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should resolve the closed promise when modal is closed', function() {\n var modal = open({template: '
Content
'});\n var closed = false;\n close(modal, 'closed ok');\n\n modal.closed.then(function() {\n closed = true;\n });\n\n $rootScope.$digest();\n\n expect(closed).toBe(true);\n });\n\n it('should resolve the closed promise when modal is dismissed', function() {\n var modal = open({template: '
Content
'});\n var closed = false;\n dismiss(modal, 'esc');\n\n modal.closed.then(function() {\n closed = true;\n });\n\n $rootScope.$digest();\n\n expect(closed).toBe(true);\n });\n\n it('should expose a promise linked to the templateUrl / resolve promises', function() {\n var modal = open({template: '
Content
', resolve: {\n ok: function() {return $q.when('ok');}\n }}\n );\n expect(modal.opened).toBeResolvedWith(true);\n });\n\n it('should expose a promise linked to the templateUrl / resolve promises and reject it if needed', function() {\n var modal = open({template: '
Content
', resolve: {\n ok: function() {return $q.reject('ko');}\n }}, true);\n expect(modal.opened).toBeRejectedWith('ko');\n });\n\n it('should focus on the element that has autofocus attribute when the modal is open/reopen and the animations have finished', function() {\n function openAndCloseModalWithAutofocusElement() {\n var modal = open({template: '
'});\n $rootScope.$digest();\n expect(angular.element('#auto-focus-element')).toHaveFocus();\n\n close(modal, 'closed ok');\n\n expect(modal.result).toBeResolvedWith('closed ok');\n }\n\n openAndCloseModalWithAutofocusElement();\n openAndCloseModalWithAutofocusElement();\n });\n\n it('should not focus on the element that has autofocus attribute when the modal is opened and something in the modal already has focus and the animations have finished', function() {\n function openAndCloseModalWithAutofocusElement() {\n\n var modal = open({template: '
'});\n $rootScope.$digest();\n expect(angular.element('#auto-focus-element')).not.toHaveFocus();\n expect(angular.element('#pre-focus-element')).toHaveFocus();\n\n close(modal, 'closed ok');\n\n expect(modal.result).toBeResolvedWith('closed ok');\n }\n\n openAndCloseModalWithAutofocusElement();\n openAndCloseModalWithAutofocusElement();\n });\n\n it('should wait until the in animation is finished before attempting to focus the modal or autofocus element', function() {\n function openAndCloseModalWithAutofocusElement() {\n var modal = open({template: '
'}, true, true);\n expect(angular.element('#auto-focus-element')).not.toHaveFocus();\n\n $rootScope.$digest();\n $animate.flush();\n\n expect(angular.element('#auto-focus-element')).toHaveFocus();\n\n close(modal, 'closed ok');\n\n expect(modal.result).toBeResolvedWith('closed ok');\n }\n\n function openAndCloseModalWithOutAutofocusElement() {\n var link = '
Link ';\n var element = angular.element(link);\n angular.element(document.body).append(element);\n element.focus();\n expect(document.activeElement.tagName).toBe('A');\n\n var modal = open({template: '
'}, true, true);\n expect(document.activeElement.tagName).toBe('A');\n\n $rootScope.$digest();\n $animate.flush();\n\n expect(document.activeElement.className.split(' ')).toContain('modal');\n\n close(modal, 'closed ok');\n\n expect(modal.result).toBeResolvedWith('closed ok');\n\n element.remove();\n }\n\n openAndCloseModalWithAutofocusElement();\n openAndCloseModalWithOutAutofocusElement();\n });\n\n it('should change focus to first element when tab key was pressed', function() {\n var initialPage = angular.element('
Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
Open me! '\n });\n expect($document).toHaveModalsOpen(1);\n\n var lastElement = angular.element(document.getElementById('tab-focus-button'));\n lastElement.focus();\n triggerKeyDown(lastElement, 9);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link');\n\n initialPage.remove();\n });\n\n it('should change focus to last element when shift+tab key is pressed', function() {\n var initialPage = angular.element('Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
Open me! '\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n triggerKeyDown(angular.element(document.activeElement), 9, true);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-button');\n\n var lastElement = angular.element(document.getElementById('tab-focus-link'));\n lastElement.focus();\n triggerKeyDown(angular.element(document.activeElement), 9, true);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-button');\n\n initialPage.remove();\n });\n\n it('should change focus to first element when tab key is pressed when keyboard is false', function() {\n var initialPage = angular.element('Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
Open me! ',\n keyboard: false\n });\n expect($document).toHaveModalsOpen(1);\n\n var lastElement = angular.element(document.getElementById('tab-focus-button'));\n lastElement.focus();\n triggerKeyDown(lastElement, 9);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link');\n\n initialPage.remove();\n });\n\n it('should change focus to last element when shift+tab keys are pressed when keyboard is false', function() {\n var initialPage = angular.element('Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
Open me! ',\n keyboard: false\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n triggerKeyDown(angular.element(document.activeElement), 9, true);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-button');\n\n var lastElement = angular.element(document.getElementById('tab-focus-link'));\n lastElement.focus();\n triggerKeyDown(angular.element(document.activeElement), 9, true);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-button');\n\n initialPage.remove();\n });\n\n it('should change focus to next proper element when DOM changes and tab is pressed', function() {\n var initialPage = angular.element('Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
a b c ' +\n '
Open me! ',\n keyboard: false\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n $('#tab-focus-link3').focus();\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link3');\n\n $('#tab-focus-button').remove();\n triggerKeyDown(angular.element(document.activeElement), 9, false);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link1');\n\n initialPage.remove();\n });\n\n it('should change focus to next proper element when DOM changes and shift+tab is pressed', function() {\n var initialPage = angular.element('
Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
a b c ' +\n '
Open me! ',\n keyboard: false\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n $('#tab-focus-link1').focus();\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link1');\n\n $('#tab-focus-button').remove();\n triggerKeyDown(angular.element(document.activeElement), 9, true);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link3');\n\n initialPage.remove();\n });\n\n it('should change focus to next non-hidden element when tab is pressed', function() {\n var initialPage = angular.element('
Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
a b c ' +\n '
Open me! ',\n keyboard: false\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n $('#tab-focus-link3').focus();\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link3');\n\n $('#tab-focus-button').css('display', 'none');\n triggerKeyDown(angular.element(document.activeElement), 9, false);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link1');\n\n initialPage.remove();\n });\n\n it('should change focus to previous non-hidden element when shift+tab is pressed', function() {\n var initialPage = angular.element('
Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
a b c ' +\n '
Open me! ',\n keyboard: false\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n $('#tab-focus-link1').focus();\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link1');\n\n $('#tab-focus-button').css('display', 'none');\n triggerKeyDown(angular.element(document.activeElement), 9, true);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link3');\n\n initialPage.remove();\n });\n\n it('should change focus to next tabbable element when tab is pressed', function() {\n var initialPage = angular.element('
Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
Skip me! a ' +\n '
b c ' +\n '
Skip me! ',\n keyboard: false\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n $('#tab-focus-link3').focus();\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link3');\n\n triggerKeyDown(angular.element(document.activeElement), 9, false);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link1');\n\n initialPage.remove();\n });\n\n it('should change focus to previous tabbable element when shift+tab is pressed', function() {\n var initialPage = angular.element('
Outland link ');\n angular.element(document.body).append(initialPage);\n initialPage.focus();\n\n open({\n template:'
Skip me! a ' +\n '
b c ' +\n '
Skip me! ',\n keyboard: false\n });\n $rootScope.$digest();\n expect($document).toHaveModalsOpen(1);\n\n $('#tab-focus-link1').focus();\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link1');\n\n triggerKeyDown(angular.element(document.activeElement), 9, true);\n expect(document.activeElement.getAttribute('id')).toBe('tab-focus-link3');\n\n initialPage.remove();\n });\n });\n\n describe('default options can be changed in a provider', function() {\n it('should allow overriding default options in a provider', function() {\n $uibModalProvider.options.backdrop = false;\n var modal = open({template: '
Content
'});\n\n expect($document).toHaveModalOpenWithContent('Content', 'div');\n expect($document).not.toHaveBackdrop();\n });\n\n it('should accept new objects with default options in a provider', function() {\n $uibModalProvider.options = {\n backdrop: false\n };\n var modal = open({template: '
Content
'});\n\n expect($document).toHaveModalOpenWithContent('Content', 'div');\n expect($document).not.toHaveBackdrop();\n });\n });\n\n describe('option by option', function() {\n describe('component', function() {\n function getModalComponent($document) {\n return $document.find('body > div.modal > div.modal-dialog > div.modal-content foo-bar');\n }\n\n it('should use as modal content', function() {\n open({\n component: 'fooBar'\n });\n\n var component = getModalComponent($document);\n expect(component.html()).toBe('
Foo Bar
');\n });\n\n it('should bind expected values', function() {\n var modal = open({\n component: 'fooBar',\n resolve: {\n foo: function() {\n return 'bar';\n }\n }\n });\n\n var component = getModalComponent($document);\n var componentScope = component.isolateScope();\n\n expect(componentScope.foobar.resolve.foo).toBe('bar');\n expect(componentScope.foobar.modalInstance).toBe(modal);\n expect(componentScope.foobar.close).toEqual(jasmine.any(Function));\n expect(componentScope.foobar.dismiss).toEqual(jasmine.any(Function));\n });\n\n it('should close the modal', function() {\n var modal = open({\n component: 'fooBar',\n resolve: {\n foo: function() {\n return 'bar';\n }\n }\n });\n\n var component = getModalComponent($document);\n var componentScope = component.isolateScope();\n\n componentScope.foobar.close({\n $value: 'baz'\n });\n\n expect(modal.result).toBeResolvedWith('baz');\n });\n\n it('should dismiss the modal', function() {\n var modal = open({\n component: 'fooBar',\n resolve: {\n foo: function() {\n return 'bar';\n }\n }\n });\n\n var component = getModalComponent($document);\n var componentScope = component.isolateScope();\n\n componentScope.foobar.dismiss({\n $value: 'baz'\n });\n\n expect(modal.result).toBeRejectedWith('baz');\n });\n });\n\n describe('template and templateUrl', function() {\n it('should throw an error if none of component, template and templateUrl are provided', function() {\n expect(function(){\n var modal = open({});\n }).toThrow(new Error('One of component or template or templateUrl options is required.'));\n });\n\n it('should not fail if a templateUrl contains leading / trailing white spaces', function() {\n $templateCache.put('whitespace.html', '
Whitespaces
');\n open({templateUrl: 'whitespace.html'});\n expect($document).toHaveModalOpenWithContent('Whitespaces', 'div');\n });\n\n it('should accept template as a function', function() {\n open({template: function() {\n return '
From a function
';\n }});\n\n expect($document).toHaveModalOpenWithContent('From a function', 'div');\n });\n\n it('should not fail if a templateUrl as a function', function() {\n\n $templateCache.put('whitespace.html', '
Whitespaces
');\n open({templateUrl: function() {\n return 'whitespace.html';\n }});\n expect($document).toHaveModalOpenWithContent('Whitespaces', 'div');\n });\n });\n\n describe('controller', function() {\n it('should accept controllers and inject modal instances', function() {\n var TestCtrl = function($scope, $uibModalInstance) {\n $scope.fromCtrl = 'Content from ctrl';\n $scope.isModalInstance = angular.isObject($uibModalInstance) && angular.isFunction($uibModalInstance.close);\n };\n\n open({template: '
{{fromCtrl}} {{isModalInstance}}
', controller: TestCtrl});\n expect($document).toHaveModalOpenWithContent('Content from ctrl true', 'div');\n });\n\n it('should accept controllerAs alias', function() {\n $controllerProvider.register('TestCtrl', function($uibModalInstance) {\n this.fromCtrl = 'Content from ctrl';\n this.isModalInstance = angular.isObject($uibModalInstance) && angular.isFunction($uibModalInstance.close);\n });\n\n open({template: '
{{test.fromCtrl}} {{test.isModalInstance}}
', controller: 'TestCtrl as test'});\n expect($document).toHaveModalOpenWithContent('Content from ctrl true', 'div');\n });\n\n it('should respect the controllerAs property as an alternative for the controller-as syntax', function() {\n $controllerProvider.register('TestCtrl', function($uibModalInstance) {\n this.fromCtrl = 'Content from ctrl';\n this.isModalInstance = angular.isObject($uibModalInstance) && angular.isFunction($uibModalInstance.close);\n });\n\n open({template: '
{{test.fromCtrl}} {{test.isModalInstance}}
', controller: 'TestCtrl', controllerAs: 'test'});\n expect($document).toHaveModalOpenWithContent('Content from ctrl true', 'div');\n });\n\n it('should allow defining in-place controller-as controllers', function() {\n open({template: '
{{test.fromCtrl}} {{test.isModalInstance}}
', controller: function($uibModalInstance) {\n this.fromCtrl = 'Content from ctrl';\n this.isModalInstance = angular.isObject($uibModalInstance) && angular.isFunction($uibModalInstance.close);\n }, controllerAs: 'test'});\n expect($document).toHaveModalOpenWithContent('Content from ctrl true', 'div');\n });\n\n it('should allow usage of bindToController', function() {\n var $scope = $rootScope.$new(true);\n $scope.foo = 'bar';\n open({\n template: '
{{test.fromCtrl}} {{test.closeDismissPresent()}} {{test.foo}}
',\n controller: function($uibModalInstance) {\n expect(this.foo).toEqual($scope.foo);\n this.fromCtrl = 'Content from ctrl';\n this.closeDismissPresent = function() {\n return angular.isFunction(this.$close) && angular.isFunction(this.$dismiss);\n };\n },\n controllerAs: 'test',\n bindToController: true,\n scope: $scope\n });\n expect($document).toHaveModalOpenWithContent('Content from ctrl true bar', 'div');\n });\n\n it('should have $onInit called', function() {\n var $scope = $rootScope.$new(true);\n var $onInit = jasmine.createSpy('$onInit');\n $scope.foo = 'bar';\n open({\n template: '
{{test.fromCtrl}} {{test.closeDismissPresent()}} {{test.foo}}
',\n controller: function($uibModalInstance) {\n this.$onInit = $onInit;\n this.fromCtrl = 'Content from ctrl';\n this.closeDismissPresent = function() {\n return angular.isFunction(this.$close) && angular.isFunction(this.$dismiss);\n };\n },\n controllerAs: 'test',\n bindToController: true,\n scope: $scope\n });\n expect($document).toHaveModalOpenWithContent('Content from ctrl true bar', 'div');\n expect($onInit).toHaveBeenCalled();\n });\n });\n\n describe('resolve', function() {\n var ExposeCtrl = function($scope, value) {\n $scope.value = value;\n };\n\n function modalDefinition(template, resolve) {\n return {\n template: template,\n controller: ExposeCtrl,\n resolve: resolve\n };\n }\n\n it('should resolve simple values', function() {\n open(modalDefinition('
{{value}}
', {\n value: function() {\n return 'Content from resolve';\n }\n }));\n\n expect($document).toHaveModalOpenWithContent('Content from resolve', 'div');\n });\n\n it('should resolve string references to injectables', function() {\n open({\n controller: function($scope, $foo) {\n $scope.value = 'Content from resolve';\n expect($foo).toBe($uibModal);\n },\n resolve: {\n $foo: '$uibModal'\n },\n template: '
{{value}}
'\n });\n\n expect($document).toHaveModalOpenWithContent('Content from resolve', 'div');\n });\n\n it('should resolve promises as promises', function() {\n open({\n controller: function($scope, $foo) {\n $scope.value = 'Content from resolve';\n expect($foo).toBe('bar');\n },\n resolve: {\n $foo: $q.when('bar')\n },\n template: '
{{value}}
'\n });\n });\n\n it('should delay showing modal if one of the resolves is a promise', function() {\n open(modalDefinition('
{{value}}
', {\n value: function() {\n return $timeout(function() { return 'Promise'; }, 100);\n }\n }), true);\n expect($document).toHaveModalsOpen(0);\n\n $timeout.flush();\n expect($document).toHaveModalOpenWithContent('Promise', 'div');\n });\n\n it('should not open dialog (and reject returned promise) if one of resolve fails', function() {\n var deferred = $q.defer();\n\n var modal = open(modalDefinition('
{{value}}
', {\n value: function() {\n return deferred.promise;\n }\n }), true);\n expect($document).toHaveModalsOpen(0);\n\n deferred.reject('error in test');\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(0);\n expect(modal.result).toBeRejectedWith('error in test');\n });\n\n it('should support injection with minification-safe syntax in resolve functions', function() {\n open(modalDefinition('
{{value.id}}
', {\n value: ['$locale', function(e) {\n return e;\n }]\n }));\n\n expect($document).toHaveModalOpenWithContent('en-us', 'div');\n });\n });\n\n describe('scope', function() {\n it('should use custom scope if provided', function() {\n var $scope = $rootScope.$new();\n $scope.fromScope = 'Content from custom scope';\n open({\n template: '
{{fromScope}}
',\n scope: $scope\n });\n expect($document).toHaveModalOpenWithContent('Content from custom scope', 'div');\n });\n\n it('should create and use child of $rootScope if custom scope not provided', function() {\n var scopeTailBefore = $rootScope.$$childTail;\n\n $rootScope.fromScope = 'Content from root scope';\n open({\n template: '
{{fromScope}}
'\n });\n expect($document).toHaveModalOpenWithContent('Content from root scope', 'div');\n });\n\n it('should expose $resolve in template', function() {\n open({\n controller: function($scope) {},\n resolve: {\n $foo: function() {\n return 'Content from resolve';\n }\n },\n template: '
{{$resolve.$foo}}
'\n });\n\n expect($document).toHaveModalOpenWithContent('Content from resolve', 'div');\n });\n });\n\n describe('keyboard', function () {\n it('should not close modals if keyboard option is set to false', function() {\n open({\n template: '
No keyboard
',\n keyboard: false\n });\n\n expect($document).toHaveModalsOpen(1);\n\n triggerKeyDown($document, 27);\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(1);\n });\n });\n\n describe('backdrop', function() {\n it('should not have any backdrop element if backdrop set to false', function() {\n var modal = open({\n template: '
No backdrop
',\n backdrop: false\n });\n expect($document).toHaveModalOpenWithContent('No backdrop', 'div');\n expect($document).not.toHaveBackdrop();\n\n dismiss(modal);\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should not close modal on backdrop click if backdrop is specified as \"static\"', function() {\n open({\n template: '
Static backdrop
',\n backdrop: 'static'\n });\n\n $document.find('body > div.modal-backdrop').click();\n $rootScope.$digest();\n\n expect($document).toHaveModalOpenWithContent('Static backdrop', 'div');\n expect($document).toHaveBackdrop();\n });\n\n it('should contain backdrop in classes on each modal opening', function() {\n var modal = open({ template: '
With backdrop
' });\n var backdropEl = $document.find('body > div.modal-backdrop');\n expect(backdropEl).toHaveClass('in');\n\n dismiss(modal);\n\n modal = open({ template: '
With backdrop
' });\n backdropEl = $document.find('body > div.modal-backdrop');\n expect(backdropEl).toHaveClass('in');\n\n });\n\n describe('custom backdrop classes', function () {\n it('should support additional backdrop class as string', function() {\n open({\n template: '
With custom backdrop class
',\n backdropClass: 'additional'\n });\n\n expect($document.find('div.modal-backdrop')).toHaveClass('additional');\n });\n });\n });\n\n describe('custom window classes', function() {\n it('should support additional window class as string', function() {\n open({\n template: '
With custom window class
',\n windowClass: 'additional'\n });\n\n expect($document.find('div.modal')).toHaveClass('additional');\n });\n });\n\n describe('top window class', function () {\n it('should support top class option', function () {\n open({\n template: '
With custom window top class
',\n windowTopClass: 'top-class'\n });\n\n expect($document.find('div.modal')).toHaveClass('top-class');\n });\n });\n\n describe('size', function() {\n it('should support creating small modal dialogs', function() {\n open({\n template: '
Small modal dialog
',\n size: 'sm'\n });\n\n expect($document.find('div.modal-dialog')).toHaveClass('modal-sm');\n });\n\n it('should support creating large modal dialogs', function() {\n open({\n template: '
Large modal dialog
',\n size: 'lg'\n });\n\n expect($document.find('div.modal-dialog')).toHaveClass('modal-lg');\n });\n\n it('should support custom size modal dialogs', function() {\n open({\n template: '
Large modal dialog
',\n size: 'custom'\n });\n\n expect($document.find('div.modal-dialog')).toHaveClass('modal-custom');\n });\n });\n\n describe('animation', function() {\n it('should have animation fade classes by default', function() {\n open({\n template: '
Small modal dialog
'\n });\n\n expect($document.find('.modal')).toHaveClass('fade');\n expect($document.find('.modal-backdrop')).toHaveClass('fade');\n });\n\n it('should not have fade classes if animation false', function() {\n open({\n template: '
Small modal dialog
',\n animation: false\n });\n\n expect($document.find('.modal')).not.toHaveClass('fade');\n expect($document.find('.modal-backdrop')).not.toHaveClass('fade');\n });\n });\n\n describe('appendTo', function() {\n it('should be added to body by default', function() {\n var modal = open({template: '
Content
'});\n\n expect($document).toHaveModalsOpen(1);\n expect($document).toHaveModalOpenWithContent('Content', 'div');\n });\n\n it('should not be added to body if appendTo is passed', function() {\n var element = angular.element('
');\n angular.element(document.body).append(element);\n\n var modal = open({template: '
Content
', appendTo: element});\n\n expect($document).not.toHaveModalOpenWithContent('Content', 'div');\n\n element.remove();\n });\n\n it('should be added to appendTo element if appendTo is passed', function() {\n var element = angular.element('
');\n angular.element(document.body).append(element);\n\n expect($document.find('section').children('div.modal').length).toBe(0);\n open({template: '
Content
', appendTo: element});\n expect($document.find('section').children('div.modal').length).toBe(1);\n\n element.remove();\n });\n\n it('should throw error if appendTo element is not found', function() {\n expect(function(){\n open({template: '
Content
', appendTo: $document.find('aside')});\n }).toThrow(new Error('appendTo element not found. Make sure that the element passed is in DOM.'));\n });\n\n it('should be removed from appendTo element when dismissed', function() {\n var modal = open({template: '
Content
'});\n\n expect($document).toHaveModalsOpen(1);\n\n dismiss(modal);\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should allow requiring parent directive from appendTo target', function() {\n var element = $compile('
')($rootScope);\n angular.element(document.body).append(element);\n\n open({template: '
{{text}}
', appendTo: element});\n expect($document.find('[child-directive]').text()).toBe('foo');\n\n element.remove();\n });\n });\n\n describe('openedClass', function() {\n var body;\n\n beforeEach(function() {\n body = $document.find('body');\n });\n\n it('should add the modal-open class to the body element by default', function() {\n open({\n template: '
dummy modal
'\n });\n\n expect(body).toHaveClass('modal-open');\n });\n\n it('should add the custom class to the body element', function() {\n open({\n template: '
dummy modal
',\n openedClass: 'foo'\n });\n\n expect(body).toHaveClass('foo');\n expect(body).not.toHaveClass('modal-open');\n });\n\n it('should remove the custom class on closing of modal after animations have completed', function() {\n var modal = open({\n template: '
dummy modal
',\n openedClass: 'foo'\n });\n\n expect(body).toHaveClass('foo');\n\n close(modal, null, true);\n expect(body).toHaveClass('foo');\n\n $animate.flush();\n $rootScope.$digest();\n $animate.flush();\n $rootScope.$digest();\n\n expect(body).not.toHaveClass('foo');\n });\n\n it('should add multiple custom classes to the body element and remove appropriately', function() {\n var modal1 = open({\n template: '
dummy modal
',\n openedClass: 'foo'\n });\n\n expect(body).toHaveClass('foo');\n expect(body).not.toHaveClass('modal-open');\n\n var modal2 = open({\n template: '
dummy modal
',\n openedClass: 'bar'\n });\n\n expect(body).toHaveClass('foo');\n expect(body).toHaveClass('bar');\n expect(body).not.toHaveClass('modal-open');\n\n var modal3 = open({\n template: '
dummy modal
',\n openedClass: 'foo'\n });\n\n expect(body).toHaveClass('foo');\n expect(body).toHaveClass('bar');\n expect(body).not.toHaveClass('modal-open');\n\n close(modal1);\n\n expect(body).toHaveClass('foo');\n expect(body).toHaveClass('bar');\n expect(body).not.toHaveClass('modal-open');\n\n close(modal2);\n\n expect(body).toHaveClass('foo');\n expect(body).not.toHaveClass('bar');\n expect(body).not.toHaveClass('modal-open');\n\n close(modal3);\n\n expect(body).not.toHaveClass('foo');\n expect(body).not.toHaveClass('bar');\n expect(body).not.toHaveClass('modal-open');\n });\n\n it('should not add the modal-open class if modal is closed before animation', function() {\n var modal = open({\n template: '
dummy modal
'\n }, true);\n\n close(modal);\n\n expect(body).not.toHaveClass('modal-open');\n });\n });\n\n describe('ariaLabelledBy', function() {\n it('should add the aria-labelledby property to the modal', function() {\n open({\n template: '
Modal Label Modal description
',\n ariaLabelledBy: 'modal-label'\n });\n\n expect($document.find('.modal').attr('aria-labelledby')).toEqual('modal-label');\n });\n });\n\n describe('ariaDescribedBy', function() {\n it('should add the aria-describedby property to the modal', function() {\n open({\n template: '
Modal Label Modal description
',\n ariaDescribedBy: 'modal-description'\n });\n\n expect($document.find('.modal').attr('aria-describedby')).toEqual('modal-description');\n });\n });\n });\n\n describe('modal window', function() {\n it('should not use transclusion scope for modals content - issue 2110', function() {\n $rootScope.animate = false;\n $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect($rootScope.foo).toBeTruthy();\n });\n\n it('should support window top class', function () {\n $rootScope.animate = false;\n var windowEl = $compile('
content
')($rootScope);\n $rootScope.$digest();\n\n expect(windowEl).toHaveClass('test');\n expect(windowEl).toHaveClass('foo');\n });\n\n it('should support custom template url', inject(function($templateCache) {\n $templateCache.put('window.html', '
');\n\n var windowEl = $compile('
content
')($rootScope);\n $rootScope.$digest();\n\n expect(windowEl.html()).toBe('
content
');\n }));\n });\n\n describe('multiple modals', function() {\n it('should allow opening of multiple modals', function() {\n var modal1 = open({template: '
Modal1
'});\n var modal2 = open({template: '
Modal2
'});\n expect($document).toHaveModalsOpen(2);\n\n dismiss(modal2);\n expect($document).toHaveModalsOpen(1);\n expect($document).toHaveModalOpenWithContent('Modal1', 'div');\n\n dismiss(modal1);\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should be able to dismiss all modals at once', function() {\n var modal1 = open({template: '
Modal1
'});\n var modal2 = open({template: '
Modal2
'});\n expect($document).toHaveModalsOpen(2);\n\n $uibModalStack.dismissAll();\n $animate.flush();\n $animate.flush();\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should not close any modals on ESC if the topmost one does not allow it', function() {\n var modal1 = open({template: '
Modal1
'});\n var modal2 = open({template: '
Modal2
', keyboard: false});\n\n triggerKeyDown($document, 27);\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(2);\n });\n\n it('should not close any modals on click if a topmost modal does not have backdrop', function() {\n var modal1 = open({template: '
Modal1
'});\n var modal2 = open({template: '
Modal2
', backdrop: false});\n\n $document.find('body > div.modal-backdrop').click();\n $rootScope.$digest();\n\n expect($document).toHaveModalsOpen(2);\n });\n\n it('should not interfere with default options', function() {\n var modal1 = open({template: '
Modal1
', backdrop: false});\n var modal2 = open({template: '
Modal2
'});\n $rootScope.$digest();\n\n expect($document).toHaveBackdrop();\n });\n\n it('should add \"modal-open\" class when a modal gets opened', function() {\n var body = $document.find('body');\n expect(body).not.toHaveClass('modal-open');\n\n var modal1 = open({template: '
Content1
'});\n expect(body).toHaveClass('modal-open');\n\n var modal2 = open({template: '
Content1
'});\n expect(body).toHaveClass('modal-open');\n\n dismiss(modal1);\n expect(body).toHaveClass('modal-open');\n\n dismiss(modal2);\n expect(body).not.toHaveClass('modal-open');\n });\n\n it('should return to the element which had focus before the dialog is invoked', function() {\n var link = '
Link ';\n var element = angular.element(link);\n angular.element(document.body).append(element);\n element.focus();\n expect(document.activeElement.tagName).toBe('A');\n\n var modal1 = open({template: '
Modal1inside modal1
'});\n $rootScope.$digest();\n document.getElementById('focus').focus();\n expect(document.activeElement.tagName).toBe('BUTTON');\n expect($document).toHaveModalsOpen(1);\n\n var modal2 = open({template: '
Modal2
'});\n $rootScope.$digest();\n expect(document.activeElement.tagName).toBe('DIV');\n expect($document).toHaveModalsOpen(2);\n\n dismiss(modal2);\n expect(document.activeElement.tagName).toBe('BUTTON');\n expect($document).toHaveModalsOpen(1);\n\n dismiss(modal1);\n expect(document.activeElement.tagName).toBe('A');\n expect($document).toHaveModalsOpen(0);\n\n element.remove();\n });\n\n it('should open modals and resolve the opened promises in order', function() {\n // Opens a modal for each element in array order.\n // Order is an array of non-repeating integers from 0..length-1 representing when to resolve that modal's promise.\n // For example [1,2,0] would resolve the 3rd modal's promise first and the 2nd modal's promise last.\n // Tests that the modals are added to $uibModalStack and that each resolves its \"opened\" promise sequentially.\n // If an element is {reject:n} then n is still the order, but the corresponding promise is rejected.\n // A rejection earlier in the open sequence should not affect modals opened later.\n function test(order) {\n var ds = []; // {index, deferred, reject}\n var expected = ''; // 0..length-1\n var actual = '';\n angular.forEach(order, function(x, i) {\n var reject = x.reject !== undefined;\n if (reject) {\n x = x.reject;\n } else {\n expected += i;\n }\n ds[x] = {index: i, deferred: $q.defer(), reject: reject};\n\n var scope = $rootScope.$new();\n var failed = false;\n scope.index = i;\n open({\n template: '
' + i + '
',\n scope: scope,\n resolve: {\n x: function() { return ds[x].deferred.promise['catch'](function () {\n failed = true;\n }); }\n }\n }, true).opened.then(function() {\n expect($uibModalStack.getTop().value.modalScope.index).toEqual(i);\n if (!failed) { actual += i; }\n });\n });\n\n angular.forEach(ds, function(d, i) {\n if (d.reject) {\n d.deferred.reject('rejected:' + d.index);\n } else {\n d.deferred.resolve('resolved:' + d.index);\n }\n $rootScope.$digest();\n });\n\n expect(actual).toEqual(expected);\n expect($uibModal.getPromiseChain()).toEqual(null);\n }\n\n // Calls emit n! times on arrays of length n containing all non-repeating permutations of the integers 0..n-1.\n function permute(n, emit) {\n if (n < 1 || typeof emit !== 'function') {\n return;\n }\n var a = [];\n function _permute(depth) {\n index: for (var i = 0; i < n; i++) {\n for (var j = 0; j < depth; j++) {\n if (a[j] === i) {\n continue index; // already used\n }\n }\n\n a[depth] = i;\n if (depth + 1 === n) {\n emit(angular.copy(a));\n } else {\n _permute(depth + 1);\n }\n }\n }\n _permute(0);\n }\n\n permute(2, function(a) {\n test(a);\n });\n permute(2, function(a) {\n test(a.map(function(x, i) {\n return {reject:x};\n }));\n });\n permute(2, function(a) {\n test(a.map(function(x, i) {\n return i === 0 ? {reject: x} : x;\n }));\n });\n permute(3, function(a) {\n test(a);\n });\n permute(3, function(a) {\n test(a.map(function(x, i) {\n return {reject: x};\n }));\n });\n permute(3, function(a) {\n test(a.map(function(x, i) {\n return i === 0 ? {reject: x} : x;\n }));\n });\n permute(3, function(a) {\n test(a.map(function(x, i) {\n return i === 1 ? {reject: x} : x;\n }));\n });\n\n $animate.flush();\n });\n\n it('should have top class only on top window', function () {\n var modal1 = open({template: '
Content1
', windowClass: 'modal1', windowTopClass: 'modal-top'});\n expect($document.find('div.modal1')).toHaveClass('modal-top');\n expect($document).toHaveModalsOpen(1);\n\n var modal2 = open({template: '
Content1
', windowClass: 'modal2', windowTopClass: 'modal-top'});\n expect($document.find('div.modal1')).not.toHaveClass('modal-top');\n expect($document.find('div.modal2')).toHaveClass('modal-top');\n expect($document).toHaveModalsOpen(2);\n\n var modal3 = open({template: '
Content1
', windowClass: 'modal3', windowTopClass: 'modal-top'});\n expect($document.find('div.modal1')).not.toHaveClass('modal-top');\n expect($document.find('div.modal2')).not.toHaveClass('modal-top');\n expect($document.find('div.modal3')).toHaveClass('modal-top');\n expect($document).toHaveModalsOpen(3);\n\n dismiss(modal2);\n expect($document.find('div.modal1')).not.toHaveClass('modal-top');\n expect($document.find('div.modal3')).toHaveClass('modal-top');\n expect($document).toHaveModalsOpen(2);\n\n close(modal3);\n expect($document.find('div.modal1')).toHaveClass('modal-top');\n expect($document).toHaveModalsOpen(1);\n });\n\n it('should have top modal with highest index', function() {\n var modal2Index = null;\n var modal3Index = null;\n\n var modal1Instance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function(result) {\n return $uibModalStack.close(modal1Instance, result);\n },\n dismiss: function(reason) {\n return $uibModalStack.dismiss(modal1Instance, reason);\n }\n };\n var modal2Instance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function(result) {\n return $uibModalStack.close(modal2Instance, result);\n },\n dismiss: function(reason) {\n return $uibModalStack.dismiss(modal2Instance, reason);\n }\n };\n var modal3Instance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function(result) {\n return $uibModalStack.close(modal13nstance, result);\n },\n dismiss: function(reason) {\n return $uibModalStack.dismiss(modal3Instance, reason);\n }\n };\n\n var modal1 = $uibModalStack.open(modal1Instance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modal1Instance.result,\n renderDeferred: modal1Instance.rendered,\n closedDeferred: modal1Instance.closed,\n content: '
Modal1
'\n });\n\n $rootScope.$digest();\n $animate.flush();\n expect($document).toHaveModalsOpen(1);\n\n expect(parseInt($uibModalStack.getTop().value.modalDomEl.attr('index'), 10)).toEqual(0);\n\n var modal2 = $uibModalStack.open(modal2Instance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modal2Instance.result,\n renderDeferred: modal2Instance.rendered,\n closedDeferred: modal2Instance.closed,\n content: '
Modal2
'\n });\n\n modal2Instance.rendered.promise.then(function() {\n modal2Index = parseInt($uibModalStack.getTop().value.modalDomEl.attr('index'), 10);\n });\n\n $rootScope.$digest();\n $animate.flush();\n expect($document).toHaveModalsOpen(2);\n\n expect(modal2Index).toEqual(1);\n close(modal1Instance);\n expect($document).toHaveModalsOpen(1);\n\n var modal3 = $uibModalStack.open(modal3Instance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modal3Instance.result,\n renderDeferred: modal3Instance.rendered,\n closedDeferred: modal3Instance.closed,\n content: '
Modal3
'\n });\n\n modal3Instance.rendered.promise.then(function() {\n modal3Index = parseInt($uibModalStack.getTop().value.modalDomEl.attr('index'), 10);\n });\n\n $rootScope.$digest();\n $animate.flush();\n expect($document).toHaveModalsOpen(2);\n\n expect(modal3Index).toEqual(2);\n expect(modal2Index).toBeLessThan(modal3Index);\n });\n\n it('should have top modal with highest z-index', function() {\n var modal2zIndex = null;\n var modal3zIndex = null;\n\n var modal1Instance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function(result) {\n return $uibModalStack.close(modal1Instance, result);\n },\n dismiss: function(reason) {\n return $uibModalStack.dismiss(modal1Instance, reason);\n }\n };\n var modal2Instance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function(result) {\n return $uibModalStack.close(modal2Instance, result);\n },\n dismiss: function(reason) {\n return $uibModalStack.dismiss(modal2Instance, reason);\n }\n };\n var modal3Instance = {\n result: $q.defer(),\n opened: $q.defer(),\n closed: $q.defer(),\n rendered: $q.defer(),\n close: function(result) {\n return $uibModalStack.close(modal3Instance, result);\n },\n dismiss: function(reason) {\n return $uibModalStack.dismiss(modal3Instance, reason);\n }\n };\n\n var modal1 = $uibModalStack.open(modal1Instance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modal1Instance.result,\n renderDeferred: modal1Instance.rendered,\n closedDeferred: modal1Instance.closed,\n content: '
Modal1
'\n });\n\n $rootScope.$digest();\n $animate.flush();\n expect($document).toHaveModalsOpen(1);\n\n expect(+$uibModalStack.getTop().value.modalDomEl[0].style.zIndex).toBe(1050);\n\n var modal2 = $uibModalStack.open(modal2Instance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modal2Instance.result,\n renderDeferred: modal2Instance.rendered,\n closedDeferred: modal2Instance.closed,\n content: '
Modal2
'\n });\n\n modal2Instance.rendered.promise.then(function() {\n modal2zIndex = +$uibModalStack.getTop().value.modalDomEl[0].style.zIndex;\n });\n\n $rootScope.$digest();\n $animate.flush();\n expect($document).toHaveModalsOpen(2);\n\n expect(modal2zIndex).toBe(1060);\n close(modal1Instance);\n expect($document).toHaveModalsOpen(1);\n\n var modal3 = $uibModalStack.open(modal3Instance, {\n appendTo: angular.element(document.body),\n scope: $rootScope.$new(),\n deferred: modal3Instance.result,\n renderDeferred: modal3Instance.rendered,\n closedDeferred: modal3Instance.closed,\n content: '
Modal3
'\n });\n\n modal3Instance.rendered.promise.then(function() {\n modal3zIndex = +$uibModalStack.getTop().value.modalDomEl[0].style.zIndex;\n });\n\n $rootScope.$digest();\n $animate.flush();\n expect($document).toHaveModalsOpen(2);\n\n expect(modal3zIndex).toBe(1070);\n expect(modal2zIndex).toBeLessThan(modal3zIndex);\n });\n });\n\n describe('modal.closing event', function() {\n it('should close the modal contingent on the modal.closing event and return whether the modal closed', function() {\n var preventDefault;\n var modal;\n var template = '
content
';\n\n function TestCtrl($scope) {\n $scope.$on('modal.closing', function(event, resultOrReason, closing) {\n if (preventDefault) {\n event.preventDefault();\n }\n });\n }\n\n modal = open({template: template, controller: TestCtrl});\n\n preventDefault = true;\n expect(close(modal, 'result', true)).toBeFalsy();\n expect($document).toHaveModalsOpen(1);\n\n preventDefault = false;\n expect(close(modal, 'result')).toBeTruthy();\n expect($document).toHaveModalsOpen(0);\n\n modal = open({template: template, controller: TestCtrl});\n\n preventDefault = true;\n expect(dismiss(modal, 'result', true)).toBeFalsy();\n expect($document).toHaveModalsOpen(1);\n\n preventDefault = false;\n expect(dismiss(modal, 'result')).toBeTruthy();\n expect($document).toHaveModalsOpen(0);\n });\n\n it('should trigger modal.closing and pass result/reason and closing parameters to the event', function() {\n var called;\n\n called = false;\n\n close(open({\n template: '
content
',\n controller: function($scope) {\n $scope.$on('modal.closing', function(event, resultOrReason, closing) {\n called = true;\n expect(resultOrReason).toBe('result');\n expect(closing).toBeTruthy();\n });\n }\n }), 'result');\n expect(called).toBeTruthy();\n\n called = false;\n dismiss(open({\n template: '
content
',\n controller: function($scope) {\n $scope.$on('modal.closing', function(event, resultOrReason, closing) {\n called = true;\n expect(resultOrReason).toBe('reason');\n expect(closing).toBeFalsy();\n });\n }\n }), 'reason');\n expect(called).toBeTruthy();\n });\n });\n});\n"
},
{
"path": "src/multiMap/index.js",
"content": "require('./multiMap.js');\n"
},
{
"path": "src/multiMap/multiMap.js",
"content": "angular.module('ui.bootstrap.multiMap', [])\n/**\n * A helper, internal data structure that stores all references attached to key\n */\n .factory('$$multiMap', function() {\n return {\n createNew: function() {\n var map = {};\n\n return {\n entries: function() {\n return Object.keys(map).map(function(key) {\n return {\n key: key,\n value: map[key]\n };\n });\n },\n get: function(key) {\n return map[key];\n },\n hasKey: function(key) {\n return !!map[key];\n },\n keys: function() {\n return Object.keys(map);\n },\n put: function(key, value) {\n if (!map[key]) {\n map[key] = [];\n }\n\n map[key].push(value);\n },\n remove: function(key, value) {\n var values = map[key];\n\n if (!values) {\n return;\n }\n\n var idx = values.indexOf(value);\n\n if (idx !== -1) {\n values.splice(idx, 1);\n }\n\n if (!values.length) {\n delete map[key];\n }\n }\n };\n }\n };\n });\n"
},
{
"path": "src/multiMap/test/multiMap.spec.js",
"content": "describe('multi map', function() {\n var multiMap;\n\n beforeEach(module('ui.bootstrap.multiMap'));\n beforeEach(inject(function($$multiMap) {\n multiMap = $$multiMap.createNew();\n }));\n\n it('should add and remove objects by key', function() {\n multiMap.put('foo', 'bar');\n\n expect(multiMap.get('foo')).toEqual(['bar']);\n\n multiMap.put('foo', 'baz');\n\n expect(multiMap.get('foo')).toEqual(['bar', 'baz']);\n\n multiMap.remove('foo', 'bar');\n\n expect(multiMap.get('foo')).toEqual(['baz']);\n\n multiMap.remove('foo', 'baz');\n\n expect(multiMap.hasKey('foo')).toBe(false);\n });\n\n it('should support getting the keys', function() {\n multiMap.put('foo', 'bar');\n multiMap.put('baz', 'boo');\n\n expect(multiMap.keys()).toEqual(['foo', 'baz']);\n });\n\n it('should return all entries', function() {\n multiMap.put('foo', 'bar');\n multiMap.put('foo', 'bar2');\n multiMap.put('baz', 'boo');\n\n expect(multiMap.entries()).toEqual([\n {\n key: 'foo',\n value: ['bar', 'bar2']\n },\n {\n key: 'baz',\n value: ['boo']\n }\n ]);\n });\n\n it('should preserve semantic of an empty key', function() {\n expect(multiMap.get('key')).toBeUndefined();\n });\n\n it('should respect removal of non-existing elements', function() {\n expect(multiMap.remove('foo', 'bar')).toBeUndefined();\n });\n});\n"
},
{
"path": "src/pager/docs/demo.html",
"content": "
\n
Pager \n
You are currently on page {{currentPage}} \n
\n
\n"
},
{
"path": "src/pager/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('PagerDemoCtrl', function($scope) {\n $scope.totalItems = 64;\n $scope.currentPage = 4;\n});\n"
},
{
"path": "src/pager/docs/readme.md",
"content": "A lightweight pager directive that is focused on providing previous/next paging functionality\n\n### uib-pager settings\n\n* `align`\n
C \n _(Default: `true`)_ -\n Whether to align each link to the sides.\n \n* `items-per-page`\n
$ \n
C \n
\n _(Default: `10`)_ -\n Maximum number of items per page. A value less than one indicates all items on one page.\n \n* `next-text`\n
C \n _(Default: `Next »`)_ -\n Text for Next button.\n \n* `ng-disabled`\n
$ \n
\n _(Default: `false`)_ -\n Used to disable the pager component.\n \n* `ng-model`\n
$ \n
-\n Current page number. First page is 1.\n \n* `num-pages`\n
$ \n
readonly \n _(Default: `angular.noop`)_ -\n An optional expression assigned the total number of pages to display.\n\n* `previous-text`\n
C \n _(Default: `« Previous`)_ -\n Text for Previous button.\n\n* `template-url`\n _(Default: `uib/template/pager/pager.html`)_ -\n Override the template for the component with a custom provided template.\n \n* `total-items`\n
$ \n
-\n Total number of items in all pages.\n"
},
{
"path": "src/pager/index.js",
"content": "require('../paging');\nrequire('../tabindex');\nrequire('../../template/pager/pager.html.js');\nrequire('./pager');\n\nvar MODULE_NAME = 'ui.bootstrap.module.pager';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.pager', 'uib/template/pager/pager.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/pager/pager.js",
"content": "angular.module('ui.bootstrap.pager', ['ui.bootstrap.paging', 'ui.bootstrap.tabindex'])\n\n.controller('UibPagerController', ['$scope', '$attrs', 'uibPaging', 'uibPagerConfig', function($scope, $attrs, uibPaging, uibPagerConfig) {\n $scope.align = angular.isDefined($attrs.align) ? $scope.$parent.$eval($attrs.align) : uibPagerConfig.align;\n\n uibPaging.create(this, $scope, $attrs);\n}])\n\n.constant('uibPagerConfig', {\n itemsPerPage: 10,\n previousText: '« Previous',\n nextText: 'Next »',\n align: true\n})\n\n.directive('uibPager', ['uibPagerConfig', function(uibPagerConfig) {\n return {\n scope: {\n totalItems: '=',\n previousText: '@',\n nextText: '@',\n ngDisabled: '='\n },\n require: ['uibPager', '?ngModel'],\n restrict: 'A',\n controller: 'UibPagerController',\n controllerAs: 'pager',\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/pager/pager.html';\n },\n link: function(scope, element, attrs, ctrls) {\n element.addClass('pager');\n var paginationCtrl = ctrls[0], ngModelCtrl = ctrls[1];\n\n if (!ngModelCtrl) {\n return; // do nothing if no ng-model\n }\n\n paginationCtrl.init(ngModelCtrl, uibPagerConfig);\n }\n };\n}]);\n"
},
{
"path": "src/pager/test/pager.spec.js",
"content": "describe('pager directive', function() {\n var $compile, $rootScope, $document, $templateCache, body, element;\n beforeEach(module('ui.bootstrap.pager'));\n beforeEach(module('uib/template/pager/pager.html'));\n beforeEach(inject(function(_$compile_, _$rootScope_, _$document_, _$templateCache_) {\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n $rootScope.total = 47; // 5 pages\n $rootScope.currentPage = 3;\n $document = _$document_;\n $templateCache = _$templateCache_;\n body = $document.find('body');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n function getPaginationBarSize() {\n return element.find('li').length;\n }\n\n function getPaginationEl(index) {\n return element.find('li').eq(index);\n }\n\n function clickPaginationEl(index) {\n getPaginationEl(index).find('a').click();\n }\n\n function getPaginationLinkEl(elem, index) {\n return elem.find('li').eq(index).find('a');\n }\n\n function updateCurrentPage(value) {\n $rootScope.currentPage = value;\n $rootScope.$digest();\n }\n\n it('has a \"pager\" css class', function() {\n expect(element.hasClass('pager')).toBe(true);\n });\n\n it('contains 2 li elements', function() {\n expect(getPaginationBarSize()).toBe(2);\n expect(getPaginationEl(0).text()).toBe('« Previous');\n expect(getPaginationEl(-1).text()).toBe('Next »');\n });\n\n it('aligns previous & next page', function() {\n expect(getPaginationEl(0)).toHaveClass('previous');\n expect(getPaginationEl(0)).not.toHaveClass('next');\n\n expect(getPaginationEl(-1)).not.toHaveClass('previous');\n expect(getPaginationEl(-1)).toHaveClass('next');\n });\n\n it('exposes the controller on the template', function() {\n $templateCache.put('uib/template/pager/pager.html', '
{{pager.text}}
');\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n var ctrl = element.controller('uibPager');\n expect(ctrl).toBeDefined();\n\n ctrl.text = 'foo';\n $rootScope.$digest();\n\n expect(element.html()).toBe('
foo
');\n });\n\n it('disables the \"previous\" link if current page is 1', function() {\n updateCurrentPage(1);\n expect(getPaginationEl(0)).toHaveClass('disabled');\n });\n\n it('disables the \"next\" link if current page is num-pages', function() {\n updateCurrentPage(5);\n expect(getPaginationEl(-1)).toHaveClass('disabled');\n });\n\n it('changes currentPage if the \"previous\" link is clicked', function() {\n clickPaginationEl(0);\n expect($rootScope.currentPage).toBe(2);\n });\n\n it('changes currentPage if the \"next\" link is clicked', function() {\n clickPaginationEl(-1);\n expect($rootScope.currentPage).toBe(4);\n });\n\n it('does not change the current page on \"previous\" click if already at first page', function() {\n updateCurrentPage(1);\n clickPaginationEl(0);\n expect($rootScope.currentPage).toBe(1);\n });\n\n it('does not change the current page on \"next\" click if already at last page', function() {\n updateCurrentPage(5);\n clickPaginationEl(-1);\n expect($rootScope.currentPage).toBe(5);\n });\n\n it('executes the `ng-change` expression when an element is clicked', function() {\n $rootScope.selectPageHandler = jasmine.createSpy('selectPageHandler');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n clickPaginationEl(-1);\n expect($rootScope.selectPageHandler).toHaveBeenCalled();\n });\n\n it('does not changes the number of pages when `total-items` changes', function() {\n $rootScope.total = 73; // 8 pages\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(2);\n expect(getPaginationEl(0).text()).toBe('« Previous');\n expect(getPaginationEl(-1).text()).toBe('Next »');\n });\n\n it('should blur the \"next\" link after it has been clicked', function() {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, -1);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n\n it('should blur the \"prev\" link after it has been clicked', function() {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, -1);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n\n it('allows custom templates', function() {\n $templateCache.put('foo/bar.html', '
baz
');\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(element.html()).toBe('
baz
');\n });\n\n describe('`items-per-page`', function() {\n beforeEach(function() {\n $rootScope.perpage = 5;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('does not change the number of pages', function() {\n expect(getPaginationBarSize()).toBe(2);\n expect(getPaginationEl(0).text()).toBe('« Previous');\n expect(getPaginationEl(-1).text()).toBe('Next »');\n });\n\n it('selects the last page when it is too big', function() {\n $rootScope.perpage = 30;\n $rootScope.$digest();\n\n expect($rootScope.currentPage).toBe(2);\n expect(getPaginationBarSize()).toBe(2);\n expect(getPaginationEl(0)).not.toHaveClass('disabled');\n expect(getPaginationEl(-1)).toHaveClass('disabled');\n });\n });\n\n describe('when `page` is not a number', function() {\n it('handles string', function() {\n updateCurrentPage('1');\n expect(getPaginationEl(0)).toHaveClass('disabled');\n\n updateCurrentPage('05');\n expect(getPaginationEl(-1)).toHaveClass('disabled');\n });\n });\n\n describe('`num-pages`', function() {\n beforeEach(function() {\n $rootScope.numpg = null;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('equals to total number of pages', function() {\n expect($rootScope.numpg).toBe(5);\n });\n });\n\n describe('setting `pagerConfig`', function() {\n var originalConfig = {};\n beforeEach(inject(function(uibPagerConfig) {\n angular.extend(originalConfig, uibPagerConfig);\n uibPagerConfig.previousText = 'PR';\n uibPagerConfig.nextText = 'NE';\n uibPagerConfig.align = false;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n afterEach(inject(function(uibPagerConfig) {\n // return it to the original state\n angular.extend(uibPagerConfig, originalConfig);\n }));\n\n it('should change paging text', function() {\n expect(getPaginationEl(0).text()).toBe('PR');\n expect(getPaginationEl(-1).text()).toBe('NE');\n });\n\n it('should not align previous & next page link', function() {\n expect(getPaginationEl(0)).not.toHaveClass('previous');\n expect(getPaginationEl(-1)).not.toHaveClass('next');\n });\n });\n\n describe('override configuration from attributes', function() {\n beforeEach(function() {\n element = $compile('
\" total-items=\"total\" ng-model=\"currentPage\"> ')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains 2 li elements', function() {\n expect(getPaginationBarSize()).toBe(2);\n });\n\n it('should change paging text from attributes', function() {\n expect(getPaginationEl(0).text()).toBe('<');\n expect(getPaginationEl(-1).text()).toBe('>');\n });\n\n it('should not align previous & next page link', function() {\n expect(getPaginationEl(0)).not.toHaveClass('previous');\n expect(getPaginationEl(-1)).not.toHaveClass('next');\n });\n\n it('changes \"previous\" & \"next\" text from interpolated attributes', function() {\n $rootScope.previousText = '<<';\n $rootScope.nextText = '>>';\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationEl(0).text()).toBe('<<');\n expect(getPaginationEl(-1).text()).toBe('>>');\n });\n });\n\n it('disables the component when ng-disabled is true', function() {\n $rootScope.disable = true;\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n updateCurrentPage(2);\n\n expect(getPaginationEl(0)).toHaveClass('disabled');\n expect(getPaginationEl(-1)).toHaveClass('disabled');\n\n $rootScope.disable = false;\n $rootScope.$digest();\n\n expect(getPaginationEl(0)).not.toHaveClass('disabled');\n expect(getPaginationEl(-1)).not.toHaveClass('disabled');\n\n $rootScope.disable = true;\n $rootScope.$digest();\n\n expect(getPaginationEl(0)).toHaveClass('disabled');\n expect(getPaginationEl(-1)).toHaveClass('disabled');\n });\n});\n"
},
{
"path": "src/pagination/docs/demo.html",
"content": "
\n
Default \n
\n \n
\n
\n
The selected page no: {{currentPage}} \n
Set current page to: 3 \n\n
\n
Limit the maximum visible buttons \n
rotate defaulted to true:\n \n
rotate defaulted to true and force-ellipses set to true:\n \n
rotate set to false:\n \n
boundary-link-numbers set to true and rotate defaulted to true:\n \n
boundary-link-numbers set to true and rotate set to false:\n \n
Page: {{bigCurrentPage}} / {{numPages}} \n\n
\n"
},
{
"path": "src/pagination/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('PaginationDemoCtrl', function ($scope, $log) {\n $scope.totalItems = 64;\n $scope.currentPage = 4;\n\n $scope.setPage = function (pageNo) {\n $scope.currentPage = pageNo;\n };\n\n $scope.pageChanged = function() {\n $log.log('Page changed to: ' + $scope.currentPage);\n };\n\n $scope.maxSize = 5;\n $scope.bigTotalItems = 175;\n $scope.bigCurrentPage = 1;\n});\n"
},
{
"path": "src/pagination/docs/readme.md",
"content": "A lightweight pagination directive that is focused on ... providing pagination & will take care of visualising a pagination bar and enable / disable buttons correctly!\n\n### uib-pagination settings\n\n* `boundary-links`\n
C \n _(Default: `false`)_ -\n Whether to display First / Last buttons.\n\n* `boundary-link-numbers`\n
$ \n
C \n _(Default: `false`)_ -\n Whether to always display the first and last page numbers. If `max-size` is smaller than the number of pages, then the first and last page numbers are still shown with ellipses in-between as necessary. NOTE: `max-size` refers to the center of the range. This option may add up to 2 more numbers on each side of the displayed range for the end value and what would be an ellipsis but is replaced by a number because it is sequential.\n\n* `direction-links`\n
$ \n
C \n _(Default: `true`)_ -\n Whether to display Previous / Next buttons.\n\n* `first-text`\n
C \n _(Default: `First`)_ -\n Text for First button.\n\n* `force-ellipses`\n
$ \n
C \n _(Default: `false`)_ -\n Also displays ellipses when `rotate` is true and `max-size` is smaller than the number of pages.\n\n* `items-per-page`\n
$ \n
C \n
\n _(Default: `10`)_ -\n Maximum number of items per page. A value less than one indicates all items on one page.\n\n* `last-text`\n
C \n _(Default: `Last`)_ -\n Text for Last button.\n\n* `max-size`\n
$ \n
\n _(Default: `null`)_ -\n Limit number for pagination size.\n\n* `next-text`\n
C \n _(Default: `Next`)_ -\n Text for Next button.\n\n* `ng-change`\n
$ -\n This can be used to call a function whenever the page changes.\n\n* `ng-disabled`\n
$ \n
\n _(Default: `false`)_ -\n Used to disable the pagination component.\n\n* `ng-model`\n
$ \n
-\n Current page number. First page is 1.\n\n* `num-pages`\n
$ \n
readonly \n _(Default: `angular.noop`)_ -\n An optional expression assigned the total number of pages to display.\n\n* `page-label`\n _(Default: `angular.identity`)_ -\n An optional expression to override the page label based on passing the current page indexes. Supports page number with `$page` in the template.\n\n* `previous-text`\n
C \n _(Default: `Previous`)_ -\n Text for Previous button.\n\n* `rotate`\n
$ \n
C \n _(Default: `true`)_ -\n Whether to keep current page in the middle of the visible ones.\n\n* `template-url`\n _(Default: `uib/template/pagination/pagination.html`)_ -\n Override the template for the component with a custom provided template\n\n* `total-items`\n
$ \n
-\n Total number of items in all pages.\n"
},
{
"path": "src/pagination/index.js",
"content": "require('../paging');\nrequire('../tabindex');\nrequire('../../template/pagination/pagination.html.js');\nrequire('./pagination');\n\nvar MODULE_NAME = 'ui.bootstrap.module.pagination';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.pagination', 'uib/template/pagination/pagination.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/pagination/pagination.js",
"content": "angular.module('ui.bootstrap.pagination', ['ui.bootstrap.paging', 'ui.bootstrap.tabindex'])\n.controller('UibPaginationController', ['$scope', '$attrs', '$parse', 'uibPaging', 'uibPaginationConfig', function($scope, $attrs, $parse, uibPaging, uibPaginationConfig) {\n var ctrl = this;\n // Setup configuration parameters\n var maxSize = angular.isDefined($attrs.maxSize) ? $scope.$parent.$eval($attrs.maxSize) : uibPaginationConfig.maxSize,\n rotate = angular.isDefined($attrs.rotate) ? $scope.$parent.$eval($attrs.rotate) : uibPaginationConfig.rotate,\n forceEllipses = angular.isDefined($attrs.forceEllipses) ? $scope.$parent.$eval($attrs.forceEllipses) : uibPaginationConfig.forceEllipses,\n boundaryLinkNumbers = angular.isDefined($attrs.boundaryLinkNumbers) ? $scope.$parent.$eval($attrs.boundaryLinkNumbers) : uibPaginationConfig.boundaryLinkNumbers,\n pageLabel = angular.isDefined($attrs.pageLabel) ? function(idx) { return $scope.$parent.$eval($attrs.pageLabel, {$page: idx}); } : angular.identity;\n $scope.boundaryLinks = angular.isDefined($attrs.boundaryLinks) ? $scope.$parent.$eval($attrs.boundaryLinks) : uibPaginationConfig.boundaryLinks;\n $scope.directionLinks = angular.isDefined($attrs.directionLinks) ? $scope.$parent.$eval($attrs.directionLinks) : uibPaginationConfig.directionLinks;\n $attrs.$set('role', 'menu');\n\n uibPaging.create(this, $scope, $attrs);\n\n if ($attrs.maxSize) {\n ctrl._watchers.push($scope.$parent.$watch($parse($attrs.maxSize), function(value) {\n maxSize = parseInt(value, 10);\n ctrl.render();\n }));\n }\n\n // Create page object used in template\n function makePage(number, text, isActive) {\n return {\n number: number,\n text: text,\n active: isActive\n };\n }\n\n function getPages(currentPage, totalPages) {\n var pages = [];\n\n // Default page limits\n var startPage = 1, endPage = totalPages;\n var isMaxSized = angular.isDefined(maxSize) && maxSize < totalPages;\n\n // recompute if maxSize\n if (isMaxSized) {\n if (rotate) {\n // Current page is displayed in the middle of the visible ones\n startPage = Math.max(currentPage - Math.floor(maxSize / 2), 1);\n endPage = startPage + maxSize - 1;\n\n // Adjust if limit is exceeded\n if (endPage > totalPages) {\n endPage = totalPages;\n startPage = endPage - maxSize + 1;\n }\n } else {\n // Visible pages are paginated with maxSize\n startPage = (Math.ceil(currentPage / maxSize) - 1) * maxSize + 1;\n\n // Adjust last page if limit is exceeded\n endPage = Math.min(startPage + maxSize - 1, totalPages);\n }\n }\n\n // Add page number links\n for (var number = startPage; number <= endPage; number++) {\n var page = makePage(number, pageLabel(number), number === currentPage);\n pages.push(page);\n }\n\n // Add links to move between page sets\n if (isMaxSized && maxSize > 0 && (!rotate || forceEllipses || boundaryLinkNumbers)) {\n if (startPage > 1) {\n if (!boundaryLinkNumbers || startPage > 3) { //need ellipsis for all options unless range is too close to beginning\n var previousPageSet = makePage(startPage - 1, '...', false);\n pages.unshift(previousPageSet);\n }\n if (boundaryLinkNumbers) {\n if (startPage === 3) { //need to replace ellipsis when the buttons would be sequential\n var secondPageLink = makePage(2, '2', false);\n pages.unshift(secondPageLink);\n }\n //add the first page\n var firstPageLink = makePage(1, '1', false);\n pages.unshift(firstPageLink);\n }\n }\n\n if (endPage < totalPages) {\n if (!boundaryLinkNumbers || endPage < totalPages - 2) { //need ellipsis for all options unless range is too close to end\n var nextPageSet = makePage(endPage + 1, '...', false);\n pages.push(nextPageSet);\n }\n if (boundaryLinkNumbers) {\n if (endPage === totalPages - 2) { //need to replace ellipsis when the buttons would be sequential\n var secondToLastPageLink = makePage(totalPages - 1, totalPages - 1, false);\n pages.push(secondToLastPageLink);\n }\n //add the last page\n var lastPageLink = makePage(totalPages, totalPages, false);\n pages.push(lastPageLink);\n }\n }\n }\n return pages;\n }\n\n var originalRender = this.render;\n this.render = function() {\n originalRender();\n if ($scope.page > 0 && $scope.page <= $scope.totalPages) {\n $scope.pages = getPages($scope.page, $scope.totalPages);\n }\n };\n}])\n\n.constant('uibPaginationConfig', {\n itemsPerPage: 10,\n boundaryLinks: false,\n boundaryLinkNumbers: false,\n directionLinks: true,\n firstText: 'First',\n previousText: 'Previous',\n nextText: 'Next',\n lastText: 'Last',\n rotate: true,\n forceEllipses: false\n})\n\n.directive('uibPagination', ['$parse', 'uibPaginationConfig', function($parse, uibPaginationConfig) {\n return {\n scope: {\n totalItems: '=',\n firstText: '@',\n previousText: '@',\n nextText: '@',\n lastText: '@',\n ngDisabled:'='\n },\n require: ['uibPagination', '?ngModel'],\n restrict: 'A',\n controller: 'UibPaginationController',\n controllerAs: 'pagination',\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/pagination/pagination.html';\n },\n link: function(scope, element, attrs, ctrls) {\n element.addClass('pagination');\n var paginationCtrl = ctrls[0], ngModelCtrl = ctrls[1];\n\n if (!ngModelCtrl) {\n return; // do nothing if no ng-model\n }\n\n paginationCtrl.init(ngModelCtrl, uibPaginationConfig);\n }\n };\n}]);\n"
},
{
"path": "src/pagination/test/pagination.spec.js",
"content": "describe('pagination directive', function() {\n var $compile, $rootScope, $document, $templateCache, body, element;\n beforeEach(module('ui.bootstrap.pagination'));\n beforeEach(module('uib/template/pagination/pagination.html'));\n beforeEach(inject(function(_$compile_, _$rootScope_, _$document_, _$templateCache_) {\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n $rootScope.total = 47; // 5 pages\n $rootScope.currentPage = 3;\n $rootScope.disabled = false;\n $document = _$document_;\n $templateCache = _$templateCache_;\n body = $document.find('body');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n function getPaginationBarSize() {\n return element.find('li').length;\n }\n\n function getPaginationEl(index) {\n return element.find('li').eq(index);\n }\n\n // Returns a comma-separated string that represents the pager, like: \"Prev, 1, 2, 3, Next\"\n function getPaginationAsText() {\n var len = getPaginationBarSize(), outItems = [];\n for (var i = 0; i < len; i++) {\n outItems.push(getPaginationEl(i).text());\n }\n return outItems.join(', ');\n }\n\n function clickPaginationEl(index) {\n getPaginationEl(index).find('a').click();\n }\n\n function getPaginationLinkEl(elem, index) {\n return elem.find('li').eq(index).find('a');\n }\n\n function updateCurrentPage(value) {\n $rootScope.currentPage = value;\n $rootScope.$digest();\n }\n\n function setDisabled(value) {\n $rootScope.disabled = value;\n $rootScope.$digest();\n }\n\n it('has a \"pagination\" css class', function() {\n expect(element.hasClass('pagination')).toBe(true);\n });\n\n it('has accessibility attributes', function() {\n expect(element.attr('role')).toEqual('menu');\n\n var li = element.find('li');\n for (var i = 0; i < li.length; i++) {\n expect(li.eq(i).attr('role')).toEqual('menuitem');\n }\n });\n\n it('exposes the controller to the template', function() {\n $templateCache.put('uib/template/pagination/pagination.html', '
{{pagination.randomText}}
');\n var scope = $rootScope.$new();\n\n element = $compile('
')(scope);\n $rootScope.$digest();\n\n var ctrl = element.controller('uibPagination');\n\n expect(ctrl).toBeDefined();\n\n ctrl.randomText = 'foo';\n $rootScope.$digest();\n\n expect(element.html()).toBe('
foo
');\n });\n\n it('allows custom templates', function() {\n $templateCache.put('foo/bar.html', '
baz
');\n var scope = $rootScope.$new();\n\n element = $compile('
')(scope);\n $rootScope.$digest();\n\n expect(element.html()).toBe('
baz
');\n });\n\n it('contains num-pages + 2 li elements', function() {\n expect(getPaginationBarSize()).toBe(7);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('has the number of the page as text in each page item', function() {\n for (var i = 1; i <= 5; i++) {\n expect(getPaginationEl(i).text()).toEqual(''+i);\n }\n });\n\n it('sets the current page to be active', function() {\n expect(getPaginationEl($rootScope.currentPage).hasClass('active')).toBe(true);\n });\n\n it('disables the \"previous\" link if current page is 1', function() {\n updateCurrentPage(1);\n expect(getPaginationEl(0).hasClass('disabled')).toBe(true);\n });\n\n it('disables the \"next\" link if current page is last', function() {\n updateCurrentPage(5);\n expect(getPaginationEl(-1).hasClass('disabled')).toBe(true);\n });\n\n it('changes currentPage if a page link is clicked', function() {\n clickPaginationEl(2);\n expect($rootScope.currentPage).toBe(2);\n });\n\n it('changes currentPage if the \"previous\" link is clicked', function() {\n clickPaginationEl(0);\n expect($rootScope.currentPage).toBe(2);\n });\n\n it('changes currentPage if the \"next\" link is clicked', function() {\n clickPaginationEl(-1);\n expect($rootScope.currentPage).toBe(4);\n });\n\n it('does not change the current page on \"previous\" click if already at first page', function() {\n updateCurrentPage(1);\n clickPaginationEl(0);\n expect($rootScope.currentPage).toBe(1);\n });\n\n it('does not change the current page on \"next\" click if already at last page', function() {\n updateCurrentPage(5);\n clickPaginationEl(-1);\n expect($rootScope.currentPage).toBe(5);\n });\n\n it('changes the number of pages when `total-items` changes', function() {\n $rootScope.total = 78; // 8 pages\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(10);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('does not \"break\" when `total-items` is undefined', function() {\n $rootScope.total = undefined;\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(3); // Previous, 1, Next\n expect(getPaginationEl(0)).toHaveClass('disabled');\n expect(getPaginationEl(1)).toHaveClass('active');\n expect(getPaginationEl(2)).toHaveClass('disabled');\n });\n\n it('does not \"break\" when `total-items` is negative', function() {\n $rootScope.total = -1;\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(3); // Previous, 1, Next\n expect(getPaginationEl(0)).toHaveClass('disabled');\n expect(getPaginationEl(1)).toHaveClass('active');\n expect(getPaginationEl(2)).toHaveClass('disabled');\n });\n\n it('does not change the current page when `total-items` changes but is valid', function() {\n $rootScope.currentPage = 1;\n $rootScope.total = 18; // 2 pages\n $rootScope.$digest();\n\n expect($rootScope.currentPage).toBe(1);\n });\n\n it('should blur a page link after it has been clicked', function() {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, 2);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n\n it('should blur the \"next\" link after it has been clicked', function() {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, -1);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n\n it('should blur the \"prev\" link after it has been clicked', function() {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, 0);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n\n describe('`items-per-page`', function() {\n beforeEach(function() {\n $rootScope.perpage = 5;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('changes the number of pages', function() {\n expect(getPaginationBarSize()).toBe(12);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('changes the number of pages when changes', function() {\n $rootScope.perpage = 20;\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(5);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('selects the last page when current page is too big', function() {\n $rootScope.perpage = 30;\n $rootScope.$digest();\n\n expect($rootScope.currentPage).toBe(2);\n expect(getPaginationBarSize()).toBe(4);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('displays a single page when it is negative', function() {\n $rootScope.perpage = -1;\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(3);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(1).text()).toBe('1');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n });\n\n describe('executes `ng-change` expression', function() {\n beforeEach(function() {\n $rootScope.selectPageHandler = jasmine.createSpy('selectPageHandler');\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('when an element is clicked', function() {\n clickPaginationEl(2);\n expect($rootScope.selectPageHandler).toHaveBeenCalled();\n });\n });\n\n describe('when `page` is not a number', function() {\n it('handles numerical string', function() {\n updateCurrentPage('2');\n expect(getPaginationEl(2)).toHaveClass('active');\n\n updateCurrentPage('04');\n expect(getPaginationEl(4)).toHaveClass('active');\n });\n\n it('defaults to 1 if non-numeric', function() {\n updateCurrentPage('pizza');\n expect(getPaginationEl(1)).toHaveClass('active');\n });\n });\n\n describe('with `max-size` option', function() {\n beforeEach(function() {\n $rootScope.total = 98; // 10 pages\n $rootScope.currentPage = 3;\n $rootScope.maxSize = 5;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains maxsize + 2 li elements', function() {\n expect(getPaginationBarSize()).toBe($rootScope.maxSize + 2);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('shows the page number even if it can\\'t be shown in the middle', function() {\n updateCurrentPage(1);\n expect(getPaginationEl(1)).toHaveClass('active');\n\n updateCurrentPage(10);\n expect(getPaginationEl(-2)).toHaveClass('active');\n });\n\n it('shows the page number in middle after the next link is clicked', function() {\n updateCurrentPage(6);\n clickPaginationEl(-1);\n\n expect($rootScope.currentPage).toBe(7);\n expect(getPaginationEl(3)).toHaveClass('active');\n expect(getPaginationEl(3).text()).toBe(''+$rootScope.currentPage);\n });\n\n it('shows the page number in middle after the prev link is clicked', function() {\n updateCurrentPage(7);\n clickPaginationEl(0);\n\n expect($rootScope.currentPage).toBe(6);\n expect(getPaginationEl(3)).toHaveClass('active');\n expect(getPaginationEl(3).text()).toBe(''+$rootScope.currentPage);\n });\n\n it('changes pagination bar size when max-size value changed', function() {\n $rootScope.maxSize = 7;\n $rootScope.$digest();\n expect(getPaginationBarSize()).toBe(9);\n });\n\n it('sets the pagination bar size to num-pages, if max-size is greater than num-pages ', function() {\n $rootScope.maxSize = 15;\n $rootScope.$digest();\n expect(getPaginationBarSize()).toBe(12);\n });\n\n it('should not change value of max-size expression, if max-size is greater than num-pages ', function() {\n $rootScope.maxSize = 15;\n $rootScope.$digest();\n expect($rootScope.maxSize).toBe(15);\n });\n\n it('should not display page numbers, if max-size is zero', function() {\n $rootScope.maxSize = 0;\n $rootScope.$digest();\n expect(getPaginationBarSize()).toBe(2);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('should blur page link when visible range changes', function () {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, 4);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n });\n\n describe('with `force-ellipses` option', function() {\n beforeEach(function() {\n $rootScope.total = 98; // 10 pages\n $rootScope.currentPage = 3;\n $rootScope.maxSize = 5;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains maxsize + 3 li elements', function() {\n expect(getPaginationBarSize()).toBe($rootScope.maxSize + 3);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n expect(getPaginationEl(-2).text()).toBe('...');\n });\n\n it('shows the page number in middle after the next link is clicked', function() {\n updateCurrentPage(6);\n clickPaginationEl(-1);\n\n expect($rootScope.currentPage).toBe(7);\n expect(getPaginationEl(4)).toHaveClass('active');\n expect(getPaginationEl(4).text()).toBe(''+$rootScope.currentPage);\n });\n\n it('shows the page number in middle after the prev link is clicked', function() {\n updateCurrentPage(7);\n clickPaginationEl(0);\n\n expect($rootScope.currentPage).toBe(6);\n expect(getPaginationEl(4)).toHaveClass('active');\n expect(getPaginationEl(4).text()).toBe(''+$rootScope.currentPage);\n });\n\n it('changes pagination bar size when max-size value changed', function() {\n $rootScope.maxSize = 7;\n $rootScope.$digest();\n expect(getPaginationBarSize()).toBe(10);\n });\n\n it('should display an ellipsis on the right if the last displayed page\\'s number is less than the last page', function() {\n updateCurrentPage(1);\n expect(getPaginationAsText()).toBe('Previous, 1, 2, 3, 4, 5, ..., Next');\n });\n\n it('should display an ellipsis on the left if the first displayed page\\'s number is greater than 1', function() {\n updateCurrentPage(10);\n expect(getPaginationAsText()).toBe('Previous, ..., 6, 7, 8, 9, 10, Next');\n });\n\n it('should display both ellipsis\\' if the displayed range is in the middle', function() {\n updateCurrentPage(5);\n expect(getPaginationAsText()).toBe('Previous, ..., 3, 4, 5, 6, 7, ..., Next');\n });\n\n it('should not display any ellipses if the number of pages >= maxsize', function() {\n $rootScope.maxSize = 10;\n $rootScope.$digest();\n expect(getPaginationAsText()).toBe('Previous, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, Next');\n });\n });\n\n describe('with `boundary-link-numbers` option', function() {\n beforeEach(function() {\n $rootScope.total = 98; // 10 pages\n $rootScope.currentPage = 3;\n $rootScope.maxSize = 5;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains maxsize + 4 li elements', function() {\n expect(getPaginationBarSize()).toBe($rootScope.maxSize + 4);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(-1).text()).toBe('Next');\n expect(getPaginationEl(-2).text()).toBe('10');\n expect(getPaginationEl(-3).text()).toBe('...');\n });\n\n it('shows the page number in middle after the next link is clicked', function() {\n updateCurrentPage(6);\n clickPaginationEl(-1);\n\n expect($rootScope.currentPage).toBe(7);\n expect(getPaginationEl(5)).toHaveClass('active');\n expect(getPaginationEl(5).text()).toBe(''+$rootScope.currentPage);\n });\n\n it('shows the page number in middle after the prev link is clicked', function() {\n updateCurrentPage(7);\n clickPaginationEl(0);\n\n expect($rootScope.currentPage).toBe(6);\n expect(getPaginationEl(5)).toHaveClass('active');\n expect(getPaginationEl(5).text()).toBe(''+$rootScope.currentPage);\n });\n\n it('changes pagination bar size when max-size value changed', function() {\n $rootScope.maxSize = 7;\n $rootScope.$digest();\n expect(getPaginationBarSize()).toBe(11);\n });\n\n it('should display an ellipsis on the right if the last displayed page\\'s number is less than the last page', function() {\n updateCurrentPage(1);\n expect(getPaginationAsText()).toBe('Previous, 1, 2, 3, 4, 5, ..., 10, Next');\n });\n\n it('should display an ellipsis on the left if the first displayed page\\'s number is greater than 1', function() {\n updateCurrentPage(10);\n expect(getPaginationAsText()).toBe('Previous, 1, ..., 6, 7, 8, 9, 10, Next');\n });\n\n it('should display both ellipses if the displayed range is in the middle', function() {\n $rootScope.maxSize = 3;\n $rootScope.$digest();\n updateCurrentPage(6);\n expect(getPaginationAsText()).toBe('Previous, 1, ..., 5, 6, 7, ..., 10, Next');\n });\n\n it('should not display any ellipses if the number of pages >= maxsize', function() {\n $rootScope.maxSize = 10;\n $rootScope.$digest();\n expect(getPaginationAsText()).toBe('Previous, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, Next');\n });\n\n it('should not display an ellipsis on the left if the start page is 2', function() {\n updateCurrentPage(4);\n expect(getPaginationAsText()).toBe('Previous, 1, 2, 3, 4, 5, 6, ..., 10, Next');\n });\n\n it('should not display an ellipsis on the left if the start page is 3', function() {\n updateCurrentPage(5);\n expect(getPaginationAsText()).toBe('Previous, 1, 2, 3, 4, 5, 6, 7, ..., 10, Next');\n });\n\n it('should not display an ellipsis on the right if the end page is totalPages - 1', function() {\n updateCurrentPage(7);\n expect(getPaginationAsText()).toBe('Previous, 1, ..., 5, 6, 7, 8, 9, 10, Next');\n });\n\n it('should not display an ellipsis on the right if the end page is totalPages - 2', function() {\n updateCurrentPage(6);\n expect(getPaginationAsText()).toBe('Previous, 1, ..., 4, 5, 6, 7, 8, 9, 10, Next');\n });\n\n it('should not display any ellipses if the number of pages <= maxsize + 4 and current page is in center', function() {\n $rootScope.total = 88; // 9 pages\n $rootScope.$digest();\n updateCurrentPage(5);\n expect(getPaginationAsText()).toBe('Previous, 1, 2, 3, 4, 5, 6, 7, 8, 9, Next');\n });\n });\n\n describe('with `max-size` option & no `rotate`', function() {\n beforeEach(function() {\n $rootScope.total = 115; // 12 pages\n $rootScope.currentPage = 7;\n $rootScope.maxSize = 5;\n $rootScope.rotate = false;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains maxsize + 4 elements', function() {\n expect(getPaginationBarSize()).toBe($rootScope.maxSize + 4);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(1).text()).toBe('...');\n expect(getPaginationEl(2).text()).toBe('6');\n expect(getPaginationEl(-3).text()).toBe('10');\n expect(getPaginationEl(-2).text()).toBe('...');\n expect(getPaginationEl(-1).text()).toBe('Next');\n });\n\n it('shows only the next ellipsis element on first page set', function() {\n updateCurrentPage(3);\n expect(getPaginationEl(1).text()).toBe('1');\n expect(getPaginationEl(-3).text()).toBe('5');\n expect(getPaginationEl(-2).text()).toBe('...');\n });\n\n it('shows only the previous ellipsis element on last page set', function() {\n updateCurrentPage(12);\n expect(getPaginationBarSize()).toBe(5);\n expect(getPaginationEl(1).text()).toBe('...');\n expect(getPaginationEl(2).text()).toBe('11');\n expect(getPaginationEl(-2).text()).toBe('12');\n });\n\n it('moves to the previous set when first ellipsis is clicked', function() {\n expect(getPaginationEl(1).text()).toBe('...');\n\n clickPaginationEl(1);\n\n expect($rootScope.currentPage).toBe(5);\n expect(getPaginationEl(-3)).toHaveClass('active');\n });\n\n it('moves to the next set when last ellipsis is clicked', function() {\n expect(getPaginationEl(-2).text()).toBe('...');\n\n clickPaginationEl(-2);\n\n expect($rootScope.currentPage).toBe(11);\n expect(getPaginationEl(2)).toHaveClass('active');\n });\n\n it('should not display page numbers, if max-size is zero', function() {\n $rootScope.maxSize = 0;\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(2);\n expect(getPaginationEl(0).text()).toBe('Previous');\n expect(getPaginationEl(1).text()).toBe('Next');\n });\n });\n\n describe('pagination directive with `boundary-links`', function() {\n beforeEach(function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains num-pages + 4 li elements', function() {\n expect(getPaginationBarSize()).toBe(9);\n expect(getPaginationEl(0).text()).toBe('First');\n expect(getPaginationEl(1).text()).toBe('Previous');\n expect(getPaginationEl(-2).text()).toBe('Next');\n expect(getPaginationEl(-1).text()).toBe('Last');\n });\n\n it('has first and last li elements visible', function() {\n expect(getPaginationEl(0).css('display')).not.toBe('none');\n expect(getPaginationEl(-1).css('display')).not.toBe('none');\n });\n\n\n it('disables the \"first\" & \"previous\" link if current page is 1', function() {\n updateCurrentPage(1);\n\n expect(getPaginationEl(0)).toHaveClass('disabled');\n expect(getPaginationEl(1)).toHaveClass('disabled');\n });\n\n it('disables the \"last\" & \"next\" link if current page is num-pages', function() {\n updateCurrentPage(5);\n\n expect(getPaginationEl(-2)).toHaveClass('disabled');\n expect(getPaginationEl(-1)).toHaveClass('disabled');\n });\n\n it('changes currentPage if the \"first\" link is clicked', function() {\n clickPaginationEl(0);\n expect($rootScope.currentPage).toBe(1);\n });\n\n it('changes currentPage if the \"last\" link is clicked', function() {\n clickPaginationEl(-1);\n expect($rootScope.currentPage).toBe(5);\n });\n\n it('does not change the current page on \"first\" click if already at first page', function() {\n updateCurrentPage(1);\n clickPaginationEl(0);\n expect($rootScope.currentPage).toBe(1);\n });\n\n it('does not change the current page on \"last\" click if already at last page', function() {\n updateCurrentPage(5);\n clickPaginationEl(-1);\n expect($rootScope.currentPage).toBe(5);\n });\n\n it('changes \"first\" & \"last\" text from attributes', function() {\n element = $compile('
>>\" total-items=\"total\" ng-model=\"currentPage\"> ')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationEl(0).text()).toBe('<<<');\n expect(getPaginationEl(-1).text()).toBe('>>>');\n });\n\n it('changes \"previous\" & \"next\" text from attributes', function() {\n element = $compile('
>\" total-items=\"total\" ng-model=\"currentPage\"> ')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationEl(1).text()).toBe('<<');\n expect(getPaginationEl(-2).text()).toBe('>>');\n });\n\n it('changes \"first\" & \"last\" text from interpolated attributes', function() {\n $rootScope.myfirstText = '<<<';\n $rootScope.mylastText = '>>>';\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationEl(0).text()).toBe('<<<');\n expect(getPaginationEl(-1).text()).toBe('>>>');\n });\n\n it('changes \"previous\" & \"next\" text from interpolated attributes', function() {\n $rootScope.previousText = '<<';\n $rootScope.nextText = '>>';\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationEl(1).text()).toBe('<<');\n expect(getPaginationEl(-2).text()).toBe('>>');\n });\n\n it('should blur the \"first\" link after it has been clicked', function() {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, 0);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n\n it('should blur the \"last\" link after it has been clicked', function() {\n body.append(element);\n var linkEl = getPaginationLinkEl(element, -1);\n\n linkEl.focus();\n expect(linkEl).toHaveFocus();\n\n linkEl.click();\n expect(linkEl).not.toHaveFocus();\n\n element.remove();\n });\n });\n\n describe('pagination directive with just number links', function() {\n beforeEach(function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains num-pages li elements', function() {\n expect(getPaginationBarSize()).toBe(5);\n expect(getPaginationEl(0).text()).toBe('1');\n expect(getPaginationEl(-1).text()).toBe('5');\n });\n\n it('has the number of the page as text in each page item', function() {\n for(var i = 0; i < 5; i++) {\n expect(getPaginationEl(i).text()).toEqual(''+(i+1));\n }\n });\n\n it('sets the current page to be active', function() {\n expect(getPaginationEl(2)).toHaveClass('active');\n });\n\n it('does not disable the \"1\" link if current page is 1', function() {\n updateCurrentPage(1);\n\n expect(getPaginationEl(0)).not.toHaveClass('disabled');\n expect(getPaginationEl(0)).toHaveClass('active');\n });\n\n it('does not disable the \"last\" link if current page is last page', function() {\n updateCurrentPage(5);\n\n expect(getPaginationEl(-1)).not.toHaveClass('disabled');\n expect(getPaginationEl(-1)).toHaveClass('active');\n });\n\n it('changes currentPage if a page link is clicked', function() {\n clickPaginationEl(1);\n expect($rootScope.currentPage).toBe(2);\n });\n\n it('changes the number of items when total items changes', function() {\n $rootScope.total = 73; // 8 pages\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(8);\n expect(getPaginationEl(0).text()).toBe('1');\n expect(getPaginationEl(-1).text()).toBe('8');\n });\n });\n\n describe('with just boundary & number links', function() {\n beforeEach(function() {\n $rootScope.directions = false;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains number of pages + 2 li elements', function() {\n expect(getPaginationBarSize()).toBe(7);\n expect(getPaginationEl(0).text()).toBe('First');\n expect(getPaginationEl(1).text()).toBe('1');\n expect(getPaginationEl(-2).text()).toBe('5');\n expect(getPaginationEl(-1).text()).toBe('Last');\n });\n\n it('disables the \"first\" & activates \"1\" link if current page is 1', function() {\n updateCurrentPage(1);\n\n expect(getPaginationEl(0)).toHaveClass('disabled');\n expect(getPaginationEl(1)).not.toHaveClass('disabled');\n expect(getPaginationEl(1)).toHaveClass('active');\n });\n\n it('disables the \"last\" & \"next\" link if current page is num-pages', function() {\n updateCurrentPage(5);\n\n expect(getPaginationEl(-2)).toHaveClass('active');\n expect(getPaginationEl(-2)).not.toHaveClass('disabled');\n expect(getPaginationEl(-1)).toHaveClass('disabled');\n });\n });\n\n describe('`num-pages`', function() {\n beforeEach(function() {\n $rootScope.numpg = null;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('equals to total number of pages', function() {\n expect($rootScope.numpg).toBe(5);\n });\n\n it('changes when total number of pages change', function() {\n $rootScope.total = 73; // 8 pages\n $rootScope.$digest();\n expect($rootScope.numpg).toBe(8);\n });\n\n it('shows minimun one page if total items are not defined and does not break binding', function() {\n $rootScope.total = undefined;\n $rootScope.$digest();\n expect($rootScope.numpg).toBe(1);\n\n $rootScope.total = 73; // 8 pages\n $rootScope.$digest();\n expect($rootScope.numpg).toBe(8);\n });\n });\n\n describe('setting `paginationConfig`', function() {\n var originalConfig, paginationConfig;\n beforeEach(inject(function(_uibPaginationConfig_) {\n originalConfig = angular.copy(_uibPaginationConfig_);\n paginationConfig = _uibPaginationConfig_;\n }));\n afterEach(inject(function(_uibPaginationConfig_) {\n // return it to the original stat\n angular.copy(originalConfig, _uibPaginationConfig_);\n }));\n\n it('should change paging text', function() {\n paginationConfig.boundaryLinks = true;\n paginationConfig.directionLinks = true;\n paginationConfig.firstText = 'FI';\n paginationConfig.previousText = 'PR';\n paginationConfig.nextText = 'NE';\n paginationConfig.lastText = 'LA';\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationEl(0).text()).toBe('FI');\n expect(getPaginationEl(1).text()).toBe('PR');\n expect(getPaginationEl(-2).text()).toBe('NE');\n expect(getPaginationEl(-1).text()).toBe('LA');\n });\n\n it('contains number of pages + 2 li elements', function() {\n paginationConfig.itemsPerPage = 5;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(12);\n });\n\n it('should take maxSize defaults into account', function() {\n paginationConfig.maxSize = 2;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(getPaginationBarSize()).toBe(4);\n });\n\n it('should take forceEllipses defaults into account', function () {\n paginationConfig.forceEllipses = true;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n // Should contain 2 nav buttons, 2 pages, and 2 ellipsis since the currentPage defaults to 3, which is in the middle\n expect(getPaginationBarSize()).toBe(6);\n });\n\n it('should take boundaryLinkNumbers defaults into account', function () {\n paginationConfig.boundaryLinkNumbers = true;\n $rootScope.total = 88; // 9 pages\n $rootScope.currentPage = 5;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n // Should contain 2 nav buttons, 2 pages, 2 ellipsis, and 2 extra end numbers since the currentPage is in the middle\n expect(getPaginationBarSize()).toBe(9);\n expect(getPaginationAsText()).toBe('Previous, 1, ..., 4, 5, 6, ..., 9, Next');\n });\n });\n\n describe('override configuration from attributes', function() {\n beforeEach(function() {\n $rootScope.pageLabel = function(id) {\n return 'test_'+ id;\n };\n element = $compile('
\" last-text=\">>\" total-items=\"total\" ng-model=\"currentPage\"> ')($rootScope);\n $rootScope.$digest();\n });\n\n it('contains number of pages + 4 li elements', function() {\n expect(getPaginationBarSize()).toBe(9);\n });\n\n it('should change paging text from attribute', function() {\n expect(getPaginationEl(0).text()).toBe('<<');\n expect(getPaginationEl(1).text()).toBe('<');\n expect(getPaginationEl(-2).text()).toBe('>');\n expect(getPaginationEl(-1).text()).toBe('>>');\n });\n\n it('has the label of the page as text in each page item', function() {\n for (var i = 1; i <= 5; i++) {\n // +1 because the first element is a <\n expect(getPaginationEl(i+1).text()).toEqual('test_'+i);\n }\n });\n });\n\n describe('disabled with ngDisable', function() {\n beforeEach(function() {\n element = $compile('
')($rootScope);\n $rootScope.currentPage = 3;\n $rootScope.$digest();\n });\n\n it('should not respond to clicking', function() {\n setDisabled(true);\n clickPaginationEl(2);\n expect($rootScope.currentPage).toBe(3);\n setDisabled(false);\n clickPaginationEl(2);\n expect($rootScope.currentPage).toBe(2);\n });\n\n it('should change the class of all buttons except selected one', function() {\n setDisabled(false);\n expect(getPaginationEl(3).hasClass('active')).toBe(true);\n expect(getPaginationEl(4).hasClass('active')).toBe(false);\n setDisabled(true);\n expect(getPaginationEl(3).hasClass('disabled')).toBe(false);\n expect(getPaginationEl(4).hasClass('disabled')).toBe(true);\n });\n });\n});\n\ndescribe('pagination directive', function() {\n var $compile, $rootScope, element;\n beforeEach(module('ui.bootstrap.pagination'));\n beforeEach(module('uib/template/pagination/pagination.html'));\n beforeEach(inject(function(_$compile_, _$rootScope_) {\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n }));\n\n it('should retain the model value when total-items starts as undefined', function() {\n $rootScope.currentPage = 5;\n $rootScope.total = undefined;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect($rootScope.currentPage).toBe(5);\n\n $rootScope.total = 100;\n $rootScope.$digest();\n\n expect($rootScope.currentPage).toBe(5);\n });\n});\n"
},
{
"path": "src/paging/index.js",
"content": "require('./paging');\n\nvar MODULE_NAME = 'ui.bootstrap.module.paging';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.paging']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/paging/paging.js",
"content": "angular.module('ui.bootstrap.paging', [])\n/**\n * Helper internal service for generating common controller code between the\n * pager and pagination components\n */\n.factory('uibPaging', ['$parse', function($parse) {\n return {\n create: function(ctrl, $scope, $attrs) {\n ctrl.setNumPages = $attrs.numPages ? $parse($attrs.numPages).assign : angular.noop;\n ctrl.ngModelCtrl = { $setViewValue: angular.noop }; // nullModelCtrl\n ctrl._watchers = [];\n\n ctrl.init = function(ngModelCtrl, config) {\n ctrl.ngModelCtrl = ngModelCtrl;\n ctrl.config = config;\n\n ngModelCtrl.$render = function() {\n ctrl.render();\n };\n\n if ($attrs.itemsPerPage) {\n ctrl._watchers.push($scope.$parent.$watch($attrs.itemsPerPage, function(value) {\n ctrl.itemsPerPage = parseInt(value, 10);\n $scope.totalPages = ctrl.calculateTotalPages();\n ctrl.updatePage();\n }));\n } else {\n ctrl.itemsPerPage = config.itemsPerPage;\n }\n\n $scope.$watch('totalItems', function(newTotal, oldTotal) {\n if (angular.isDefined(newTotal) || newTotal !== oldTotal) {\n $scope.totalPages = ctrl.calculateTotalPages();\n ctrl.updatePage();\n }\n });\n };\n\n ctrl.calculateTotalPages = function() {\n var totalPages = ctrl.itemsPerPage < 1 ? 1 : Math.ceil($scope.totalItems / ctrl.itemsPerPage);\n return Math.max(totalPages || 0, 1);\n };\n\n ctrl.render = function() {\n $scope.page = parseInt(ctrl.ngModelCtrl.$viewValue, 10) || 1;\n };\n\n $scope.selectPage = function(page, evt) {\n if (evt) {\n evt.preventDefault();\n }\n\n var clickAllowed = !$scope.ngDisabled || !evt;\n if (clickAllowed && $scope.page !== page && page > 0 && page <= $scope.totalPages) {\n if (evt && evt.target) {\n evt.target.blur();\n }\n ctrl.ngModelCtrl.$setViewValue(page);\n ctrl.ngModelCtrl.$render();\n }\n };\n\n $scope.getText = function(key) {\n return $scope[key + 'Text'] || ctrl.config[key + 'Text'];\n };\n\n $scope.noPrevious = function() {\n return $scope.page === 1;\n };\n\n $scope.noNext = function() {\n return $scope.page === $scope.totalPages;\n };\n\n ctrl.updatePage = function() {\n ctrl.setNumPages($scope.$parent, $scope.totalPages); // Readonly variable\n\n if ($scope.page > $scope.totalPages) {\n $scope.selectPage($scope.totalPages);\n } else {\n ctrl.ngModelCtrl.$render();\n }\n };\n\n $scope.$on('$destroy', function() {\n while (ctrl._watchers.length) {\n ctrl._watchers.shift()();\n }\n });\n }\n };\n}]);\n"
},
{
"path": "src/paging/test/paging.spec.js",
"content": "describe('paging factory', function() {\n var $rootScope, $scope, ctrl, attrs;\n\n beforeEach(module('ui.bootstrap.paging'));\n beforeEach(inject(function(_$rootScope_, uibPaging) {\n $rootScope = _$rootScope_;\n $scope = $rootScope.$new();\n ctrl = {};\n attrs = {};\n\n uibPaging.create(ctrl, $scope, attrs);\n }));\n\n describe('init', function() {\n var ngModelCtrl, config;\n\n beforeEach(function() {\n ngModelCtrl = {};\n config = {\n foo: 'bar',\n itemsPerPage: 12\n };\n });\n\n describe('without itemsPerPage', function() {\n beforeEach(function() {\n ctrl.init(ngModelCtrl, config);\n });\n\n it('should set the ngModel and config', function() {\n expect(ctrl.ngModelCtrl).toBe(ngModelCtrl);\n expect(ctrl.config).toBe(config);\n });\n\n it('should properly render the model', function() {\n spyOn(ctrl, 'render');\n\n ngModelCtrl.$render();\n\n expect(ctrl.render).toHaveBeenCalled();\n });\n\n it('should set to default itemsPerPage', function() {\n expect(ctrl.itemsPerPage).toBe(12);\n });\n\n it('should update the page when total items changes', function() {\n spyOn(ctrl, 'calculateTotalPages').and.returnValue(5);\n spyOn(ctrl, 'updatePage');\n $rootScope.$digest();\n\n expect(ctrl.calculateTotalPages.calls.count()).toBe(0);\n expect(ctrl.updatePage.calls.count()).toBe(0);\n\n $scope.totalItems = 10;\n $rootScope.$digest();\n\n expect(ctrl.calculateTotalPages.calls.count()).toBe(1);\n expect(ctrl.updatePage.calls.count()).toBe(1);\n expect($scope.totalPages).toBe(5);\n\n $scope.totalItems = undefined;\n $scope.totalPages = 2;\n $rootScope.$digest();\n\n expect(ctrl.calculateTotalPages.calls.count()).toBe(2);\n expect(ctrl.updatePage.calls.count()).toBe(2);\n expect($scope.totalPages).toBe(5);\n });\n });\n\n describe('with itemsPerPage', function() {\n beforeEach(function() {\n attrs.itemsPerPage = 'abc';\n $rootScope.abc = 10;\n\n ctrl.init(ngModelCtrl, config);\n });\n\n it('should update the page when itemsPerPage changes', function() {\n spyOn(ctrl, 'calculateTotalPages').and.returnValue(5);\n spyOn(ctrl, 'updatePage');\n $rootScope.$digest();\n\n expect(ctrl.itemsPerPage).toBe(10);\n expect($scope.totalPages).toBe(5);\n expect(ctrl.updatePage).toHaveBeenCalled();\n });\n });\n });\n\n describe('calculate totalPages', function() {\n it('when itemsPerPage is less than 1', function() {\n ctrl.itemsPerPage = 0;\n $scope.totalItems = 101;\n expect(ctrl.calculateTotalPages()).toBe(1);\n });\n\n it('when itemsPerPage is greater than 1', function() {\n ctrl.itemsPerPage = 10;\n $scope.totalItems = 101;\n expect(ctrl.calculateTotalPages()).toBe(11);\n });\n });\n\n describe('render', function() {\n it('should set page to 1 when invalid', function() {\n ctrl.ngModelCtrl.$viewValue = 'abcd';\n $scope.page = 10;\n\n ctrl.render();\n\n expect($scope.page).toBe(1);\n });\n\n it('should set page to view value when valid', function() {\n ctrl.ngModelCtrl.$viewValue = '3';\n $scope.page = 10;\n\n ctrl.render();\n\n expect($scope.page).toBe(3);\n });\n });\n\n describe('select page', function() {\n beforeEach(function() {\n spyOn(ctrl.ngModelCtrl, '$setViewValue');\n ctrl.ngModelCtrl.$render = jasmine.createSpy('ctrl.ngModelCtrl.$render');\n $scope.page = 5;\n $scope.totalPages = 20;\n });\n\n it('should change the page', function() {\n $scope.selectPage(12);\n\n expect(ctrl.ngModelCtrl.$setViewValue).toHaveBeenCalledWith(12);\n expect(ctrl.ngModelCtrl.$render).toHaveBeenCalled();\n });\n\n it('should not change the page to one out of range', function() {\n $scope.selectPage(-1);\n\n expect(ctrl.ngModelCtrl.$setViewValue).not.toHaveBeenCalled();\n expect(ctrl.ngModelCtrl.$render).not.toHaveBeenCalled();\n\n $scope.selectPage(21);\n\n expect(ctrl.ngModelCtrl.$setViewValue).not.toHaveBeenCalled();\n expect(ctrl.ngModelCtrl.$render).not.toHaveBeenCalled();\n });\n\n describe('on click', function() {\n var evt;\n\n beforeEach(function() {\n evt = {\n preventDefault: jasmine.createSpy('evt.preventDefault'),\n target: {\n blur: jasmine.createSpy('evt.target.blur')\n }\n };\n });\n\n it('should prevent default behavior', function() {\n $scope.selectPage(12, evt);\n\n expect(evt.preventDefault).toHaveBeenCalled();\n });\n\n it('should not change the page if disabled and from an event', function() {\n $scope.ngDisabled = true;\n\n $scope.selectPage(12, evt);\n\n expect(ctrl.ngModelCtrl.$setViewValue).not.toHaveBeenCalled();\n expect(ctrl.ngModelCtrl.$render).not.toHaveBeenCalled();\n });\n\n it('should blur the element clicked', function() {\n $scope.selectPage(12, evt);\n\n expect(evt.target.blur).toHaveBeenCalled();\n });\n });\n });\n\n it('should get the text', function() {\n $scope.fooText = 'bar';\n\n expect($scope.getText('foo')).toBe('bar');\n });\n\n it('should get the default text', function() {\n ctrl.config = {\n fooText: 'bar'\n };\n\n expect($scope.getText('foo')).toBe('bar');\n });\n\n it('should disable previous button', function() {\n $scope.page = 1;\n\n expect($scope.noPrevious()).toBe(true);\n });\n\n it('should enable previous button', function() {\n $scope.page = 2;\n\n expect($scope.noPrevious()).toBe(false);\n });\n\n it('should disable next button', function() {\n $scope.page = 10;\n $scope.totalPages = 10;\n\n expect($scope.noNext()).toBe(true);\n });\n\n it('should enable next button', function() {\n $scope.page = 9;\n $scope.totalPages = 10;\n\n expect($scope.noNext()).toBe(false);\n });\n\n describe('update page', function() {\n beforeEach(function() {\n spyOn($scope, 'selectPage');\n ctrl.ngModelCtrl.$render = jasmine.createSpy('ctrl.ngModelCtrl.$render');\n ctrl.setNumPages = jasmine.createSpy('ctrl.setNumPages');\n $scope.totalPages = 10;\n });\n\n it('should select the last page if page is above total', function() {\n $scope.page = 12;\n\n ctrl.updatePage();\n\n expect(ctrl.setNumPages).toHaveBeenCalledWith($rootScope, 10);\n expect($scope.selectPage).toHaveBeenCalledWith(10);\n expect(ctrl.ngModelCtrl.$render).not.toHaveBeenCalled();\n });\n\n it('should execute render if page is within range', function() {\n $scope.page = 5;\n\n ctrl.updatePage();\n\n expect(ctrl.setNumPages).toHaveBeenCalledWith($rootScope, 10);\n expect($scope.selectPage).not.toHaveBeenCalled();\n expect(ctrl.ngModelCtrl.$render).toHaveBeenCalled();\n });\n });\n\n describe('gc', function() {\n it('should clear watchers', function() {\n var watcher1 = jasmine.createSpy('watcher1'),\n watcher2 = jasmine.createSpy('watcher2');\n ctrl._watchers = [watcher1, watcher2];\n\n $scope.$destroy();\n\n expect(ctrl._watchers.length).toBe(0);\n expect(watcher1).toHaveBeenCalled();\n expect(watcher2).toHaveBeenCalled();\n });\n });\n});\n"
},
{
"path": "src/popover/docs/demo.html",
"content": "
\n
Dynamic \n
\n Popup Text: \n
\n
\n Popup Title: \n
\n
\n Popup Template: \n
\n
Dynamic Popover \n\n
Popover With Template \n\n \n
\n
Positional \n
\n Popover placement \n
\n
Popover {{placement.selected}} \n\n
\n
Triggers \n
\n Mouseenter \n
\n
\n\n
\n
Other \n
fading \n
title \n
Toggle popover \n
HTML Popover \n
HTML, inline '\" class=\"btn btn-default\">HTML Popover (inline) \n
\n"
},
{
"path": "src/popover/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('PopoverDemoCtrl', function ($scope, $sce) {\n $scope.dynamicPopover = {\n content: 'Hello, World!',\n templateUrl: 'myPopoverTemplate.html',\n title: 'Title'\n };\n\n $scope.placement = {\n options: [\n 'top',\n 'top-left',\n 'top-right',\n 'bottom',\n 'bottom-left',\n 'bottom-right',\n 'left',\n 'left-top',\n 'left-bottom',\n 'right',\n 'right-top',\n 'right-bottom'\n ],\n selected: 'top'\n };\n \n $scope.htmlPopover = $sce.trustAsHtml('
I can have
HTML
content');\n});\n"
},
{
"path": "src/popover/docs/readme.md",
"content": "A lightweight, extensible directive for fancy popover creation. The popover\ndirective supports multiple placements, optional transition animation, and more.\n\nLike the Bootstrap jQuery plugin, the popover **requires** the tooltip\nmodule.\n\n__Note to mobile developers__: Please note that while popovers may work correctly on mobile devices (including tablets),\n we have made the decision to not officially support such a use-case because it does not make sense from a UX perspective.\n\nThere are three versions of the popover: `uib-popover` and `uib-popover-template`, and `uib-popover-html`:\n\n* `uib-popover` -\n Takes text only and will escape any HTML provided for the popover body.\n* `uib-popover-html`\n
$ -\n Takes an expression that evaluates to an HTML string. Note that this HTML is not compiled. If compilation is required, please use the `uib-popover-template` attribute option instead. *The user is responsible for ensuring the content is safe to put into the DOM!*\n* `uib-popover-template`\n
$ -\n A URL representing the location of a template to use for the popover body. Note that the contents of this template need to be wrapped in a tag, e.g., `
`.\n\n### uib-popover-* settings\n\nAll these settings are available for the three types of popovers.\n\n* `popover-animation`\n
$ \n
C \n _(Default: `true`, Config: `animation`)_ -\n Should it fade in and out?\n\n* `popover-append-to-body`\n
$ \n
C \n _(Default: `false`, Config: `appendToBody`)_ -\n Should the popover be appended to '$body' instead of the parent element?\n\n* `popover-class` -\n Custom class to be applied to the popover.\n\n* `popover-enable`\n
$ \n _(Default: `true`)_ -\n Is it enabled? It will enable or disable the configured popover-trigger.\n\n* `popover-is-open`\n
\n _(Default: `false`)_ -\n Whether to show the popover.\n\n* `popover-placement`\n
C \n _(Default: `top`, Config: `placement`)_ -\n Passing in 'auto' separated by a space before the placement will enable auto positioning, e.g: \"auto bottom-left\". The popover will attempt to position where it fits in the closest scrollable ancestor. Accepts:\n\n * `top` - popover on top, horizontally centered on host element.\n * `top-left` - popover on top, left edge aligned with host element left edge.\n * `top-right` - popover on top, right edge aligned with host element right edge.\n * `bottom` - popover on bottom, horizontally centered on host element.\n * `bottom-left` - popover on bottom, left edge aligned with host element left edge.\n * `bottom-right` - popover on bottom, right edge aligned with host element right edge.\n * `left` - popover on left, vertically centered on host element.\n * `left-top` - popover on left, top edge aligned with host element top edge.\n * `left-bottom` - popover on left, bottom edge aligned with host element bottom edge.\n * `right` - popover on right, vertically centered on host element.\n * `right-top` - popover on right, top edge aligned with host element top edge.\n * `right-bottom` - popover on right, bottom edge aligned with host element bottom edge.\n\n* `popover-popup-close-delay`\n
C \n _(Default: `0`, Config: `popupCloseDelay`)_ -\n For how long should the popover remain open after the close trigger event?\n\n* `popover-popup-delay`\n
C \n _(Default: `0`, Config: `popupDelay`)_ -\n Popup delay in milliseconds until it opens.\n\n* `popover-title` -\n A string to display as a fancy title.\n\n* `popover-trigger`\n
$ \n _(Default: `'click'`)_ -\n What should trigger a show of the popover? Supports a space separated list of event names, or objects (see below).\n\n**Note:** To configure the tooltips, you need to do it on `$uibTooltipProvider` (also see below).\n\n### Triggers\n\nThe following show triggers are supported out of the box, along with their provided hide triggers:\n\n- `mouseenter`: `mouseleave`\n- `click`: `click`\n- `outsideClick`: `outsideClick`\n- `focus`: `blur`\n- `none`\n\nThe `outsideClick` trigger will cause the popover to toggle on click, and hide when anything else is clicked.\n\nFor any non-supported value, the trigger will be used to both show and hide the\npopover. Using the 'none' trigger will disable the internal trigger(s), one can\nthen use the `popover-is-open` attribute exclusively to show and hide the popover.\n\n### $uibTooltipProvider\n\nThrough the `$uibTooltipProvider`, you can change the way tooltips and popovers\nbehave by default; the attributes above always take precedence. The following\nmethods are available:\n\n* `setTriggers(obj)`\n _(Example: `{ 'openTrigger': 'closeTrigger' }`)_ -\n Extends the default trigger mappings mentioned above with mappings of your own.\n\n* `options(obj)` -\n Provide a set of defaults for certain tooltip and popover attributes. Currently supports the ones with the
C badge.\n\n### Known issues\n\nFor Safari 7+ support, if you want to use **focus** `popover-trigger`, you need to use an anchor tag with a tab index. For example:\n\n```\n
\n Click Me\n \n```\n"
},
{
"path": "src/popover/index-nocss.js",
"content": "require('../tooltip/index-nocss.js');\nrequire('../../template/popover/popover.html.js');\nrequire('../../template/popover/popover-html.html.js');\nrequire('../../template/popover/popover-template.html.js');\nrequire('./popover');\n\nvar MODULE_NAME = 'ui.bootstrap.module.popover';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.popover', 'uib/template/popover/popover.html', 'uib/template/popover/popover-html.html', 'uib/template/popover/popover-template.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/popover/index.js",
"content": "require('../tooltip/tooltip.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/popover/popover.js",
"content": "/**\n * The following features are still outstanding: popup delay, animation as a\n * function, placement as a function, inside, support for more triggers than\n * just mouse enter/leave, and selector delegatation.\n */\nangular.module('ui.bootstrap.popover', ['ui.bootstrap.tooltip'])\n\n.directive('uibPopoverTemplatePopup', function() {\n return {\n restrict: 'A',\n scope: { uibTitle: '@', contentExp: '&', originScope: '&' },\n templateUrl: 'uib/template/popover/popover-template.html'\n };\n})\n\n.directive('uibPopoverTemplate', ['$uibTooltip', function($uibTooltip) {\n return $uibTooltip('uibPopoverTemplate', 'popover', 'click', {\n useContentExp: true\n });\n}])\n\n.directive('uibPopoverHtmlPopup', function() {\n return {\n restrict: 'A',\n scope: { contentExp: '&', uibTitle: '@' },\n templateUrl: 'uib/template/popover/popover-html.html'\n };\n})\n\n.directive('uibPopoverHtml', ['$uibTooltip', function($uibTooltip) {\n return $uibTooltip('uibPopoverHtml', 'popover', 'click', {\n useContentExp: true\n });\n}])\n\n.directive('uibPopoverPopup', function() {\n return {\n restrict: 'A',\n scope: { uibTitle: '@', content: '@' },\n templateUrl: 'uib/template/popover/popover.html'\n };\n})\n\n.directive('uibPopover', ['$uibTooltip', function($uibTooltip) {\n return $uibTooltip('uibPopover', 'popover', 'click');\n}]);\n"
},
{
"path": "src/popover/test/popover-html.spec.js",
"content": "describe('popover', function() {\n var elm,\n elmBody,\n scope,\n elmScope,\n tooltipScope;\n\n // load the popover code\n beforeEach(module('ui.bootstrap.popover'));\n\n // load the template\n beforeEach(module('uib/template/popover/popover-html.html'));\n\n beforeEach(inject(function($rootScope, $compile, $sce, _$document_) {\n $document = _$document_;\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n scope.template = $sce.trustAsHtml('
My template ');\n $compile(elmBody)(scope);\n scope.$digest();\n $document.find('body').append(elmBody);\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n afterEach(function() {\n $document.off('keypress');\n });\n\n it('should not be open initially', inject(function() {\n expect(tooltipScope.isOpen).toBe(false);\n\n // We can only test *that* the popover-popup element wasn't created as the\n // implementation is templated and replaced.\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should open on click', inject(function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n // We can only test *that* the popover-popup element was created as the\n // implementation is templated and replaced.\n expect(elmBody.children().length).toBe(2);\n }));\n\n it('should close on second click', inject(function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(false);\n }));\n\n it('should not open on click if template is empty', inject(function() {\n scope.template = null;\n scope.$digest();\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(false);\n\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should show updated text', inject(function($sce) {\n scope.template = $sce.trustAsHtml('
My template ');\n scope.$digest();\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().eq(1).text().trim()).toBe('My template');\n\n scope.template = $sce.trustAsHtml('
Another template ');\n scope.$digest();\n\n expect(elmBody.children().eq(1).text().trim()).toBe('Another template');\n }));\n\n it('should hide popover when template becomes empty', inject(function($timeout) {\n elm.trigger('click');\n tooltipScope.$digest();\n $timeout.flush(0);\n expect(tooltipScope.isOpen).toBe(true);\n\n scope.template = '';\n scope.$digest();\n\n expect(tooltipScope.isOpen).toBe(false);\n\n $timeout.flush();\n expect(elmBody.children().length).toBe(1);\n }));\n\n\n it('should not unbind event handlers created by other directives - issue 456', inject(function($compile) {\n scope.click = function() {\n scope.clicked = !scope.clicked;\n };\n\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n\n elm = elmBody.find('input');\n\n elm.trigger('mouseenter');\n tooltipScope.$digest();\n elm.trigger('mouseleave');\n tooltipScope.$digest();\n expect(scope.clicked).toBeFalsy();\n\n elm.click();\n expect(scope.clicked).toBeTruthy();\n }));\n\n it('should popup with animate class by default', inject(function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().eq(1)).toHaveClass('fade');\n }));\n\n it('should popup without animate class when animation disabled', inject(function($compile) {\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n expect(elmBody.children().eq(1)).not.toHaveClass('fade');\n }));\n\n it ('should display the title', inject(function($compile) {\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n\n elm.trigger('click');\n scope.$digest();\n\n var titleEl = elmBody.find('.popover-title');\n expect(titleEl.text()).toBe('popover title');\n }));\n\n describe('supports options', function() {\n describe('placement', function() {\n it('can specify an alternative, valid placement', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger here
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length).toBe(2);\n var ttipElement = elmBody.find('div.popover');\n expect(ttipElement).toHaveClass('left');\n }));\n\n });\n\n describe('class', function() {\n it('can specify a custom class', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger here
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length).toBe(2);\n var ttipElement = elmBody.find('div.popover');\n expect(ttipElement).toHaveClass('custom');\n }));\n });\n });\n});\n"
},
{
"path": "src/popover/test/popover-template.spec.js",
"content": "describe('popover template', function() {\n var elm,\n elmBody,\n scope,\n elmScope,\n tooltipScope,\n $document;\n\n // load the popover code\n beforeEach(module('ui.bootstrap.popover'));\n\n // load the template\n beforeEach(module('uib/template/popover/popover.html'));\n beforeEach(module('uib/template/popover/popover-template.html'));\n\n beforeEach(inject(function($templateCache) {\n $templateCache.put('myUrl', [200, '
{{ myTemplateText }} ', {}]);\n }));\n\n beforeEach(inject(function($rootScope, $compile, _$document_) {\n $document = _$document_;\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n $document.find('body').append(elmBody);\n scope.templateUrl = 'myUrl';\n\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n afterEach(function() {\n $document.off('keypress');\n elmBody.remove();\n });\n\n it('should open on click', inject(function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length ).toBe(2);\n }));\n\n it('should not open on click if templateUrl is empty', inject(function() {\n scope.templateUrl = null;\n scope.$digest();\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(false);\n\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should show updated text', inject(function() {\n scope.myTemplateText = 'some text';\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n scope.$digest();\n expect(elmBody.children().eq(1).text().trim()).toBe('some text');\n\n scope.myTemplateText = 'new text';\n scope.$digest();\n\n expect(elmBody.children().eq(1).text().trim()).toBe('new text');\n }));\n\n it('should hide popover when template becomes empty', inject(function($timeout) {\n elm.trigger('click');\n tooltipScope.$digest();\n $timeout.flush(0);\n expect(tooltipScope.isOpen).toBe(true);\n\n scope.templateUrl = '';\n scope.$digest();\n\n expect(tooltipScope.isOpen).toBe(false);\n\n $timeout.flush();\n expect(elmBody.children().length).toBe(1);\n }));\n\n it ('should display the title', inject(function($compile) {\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n\n elm.trigger('click');\n scope.$digest();\n\n var titleEl = elmBody.find('.popover-title');\n expect(titleEl.text()).toBe('popover title');\n }));\n\n describe('supports options', function() {\n describe('placement', function() {\n it('can specify an alternative, valid placement', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length).toBe(2);\n var ttipElement = elmBody.find('div.popover');\n expect(ttipElement).toHaveClass('left');\n }));\n\n });\n\n describe('class', function() {\n it('can specify a custom class', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length).toBe(2);\n var ttipElement = elmBody.find('div.popover');\n expect(ttipElement).toHaveClass('custom');\n }));\n });\n });\n});\n"
},
{
"path": "src/popover/test/popover.spec.js",
"content": "describe('popover', function() {\n var elm,\n elmBody,\n scope,\n elmScope,\n tooltipScope,\n $document;\n\n // load the popover code\n beforeEach(module('ui.bootstrap.popover'));\n\n // load the template\n beforeEach(module('uib/template/popover/popover.html'));\n\n beforeEach(inject(function($rootScope, $compile, _$document_) {\n $document = _$document_;\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n afterEach(function() {\n $document.off('keypress');\n });\n\n it('should not be open initially', inject(function() {\n expect(tooltipScope.isOpen).toBe(false);\n\n // We can only test *that* the popover-popup element wasn't created as the\n // implementation is templated and replaced.\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should open on click', inject(function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n // We can only test *that* the popover-popup element was created as the\n // implementation is templated and replaced.\n expect(elmBody.children().length).toBe(2);\n }));\n\n it('should close on second click', inject(function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(false);\n }));\n\n it('should not unbind event handlers created by other directives - issue 456', inject(function($compile) {\n scope.click = function() {\n scope.clicked = !scope.clicked;\n };\n\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n\n elm = elmBody.find('input');\n\n elm.trigger('mouseenter');\n elm.trigger('mouseleave');\n expect(scope.clicked).toBeFalsy();\n\n elm.click();\n expect(scope.clicked).toBeTruthy();\n }));\n\n it('should popup with animate class by default', inject(function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().eq(1)).toHaveClass('fade');\n }));\n\n it('should popup without animate class when animation disabled', inject(function($compile) {\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n expect(elmBody.children().eq(1)).not.toHaveClass('fade');\n }));\n\n it ('should display the title', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger here
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n\n elm = elmBody.find('span');\n elm.trigger('click');\n scope.$digest();\n\n var titleEl = elmBody.find('.popover-title');\n expect(titleEl.text()).toBe('popover title');\n }));\n\n it ('should display the content', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger here
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n\n elm = elmBody.find('span');\n elm.trigger('click');\n scope.$digest();\n\n var contentEl = elmBody.find('.popover-content');\n expect(contentEl.text()).toBe('popover text');\n }));\n\n describe('supports options', function() {\n describe('placement', function() {\n it('can specify an alternative, valid placement', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger here
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length).toBe(2);\n var ttipElement = elmBody.find('div.popover');\n expect(ttipElement).toHaveClass('left');\n }));\n });\n\n describe('class', function() {\n it('can specify a custom class', inject(function($compile) {\n elmBody = angular.element(\n '
Trigger here
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n elm.trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length).toBe(2);\n var ttipElement = elmBody.find('div.popover');\n expect(ttipElement).toHaveClass('custom');\n }));\n });\n\n describe('is-open', function() {\n beforeEach(inject(function ($compile) {\n scope.isOpen = false;\n elmBody = angular.element(\n '
Trigger here
'\n );\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n it('should show and hide with the controller value', function() {\n expect(tooltipScope.isOpen).toBe(false);\n elmScope.isOpen = true;\n elmScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n elmScope.isOpen = false;\n elmScope.$digest();\n expect(tooltipScope.isOpen).toBe(false);\n });\n\n it('should update the controller value', function() {\n elm.trigger('click');\n tooltipScope.$digest();\n expect(elmScope.isOpen).toBe(true);\n elm.trigger('click');\n tooltipScope.$digest();\n expect(elmScope.isOpen).toBe(false);\n });\n });\n });\n});\n"
},
{
"path": "src/position/docs/demo.html",
"content": "
\n
$uibPosition service \n
\n
\n \n \n
\n
\n \n \n
\n
Get values \n\n
\n Demo element\n
\n
\n
\n offsetParent: {{elemVals.offsetParent}}\n
\n scrollParent: {{elemVals.scrollParent}}\n
\n scrollbarWidth: {{scrollbarWidth}}\n
\n position: {{elemVals.position}}\n
\n offset: {{elemVals.offset}}\n
\n viewportOffset: {{elemVals.viewportOffset}}\n
\n positionElements: {{elemVals.positionElements}}\n
"
},
{
"path": "src/position/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('PositionDemoCtrl', function ($scope, $window, $uibPosition) {\n\n $scope.elemVals = {};\n $scope.parentScrollable = true;\n $scope.parentRelative = true;\n\n $scope.getValues = function() {\n var divEl = $window.document.querySelector('#posdemodiv');\n var btnEl = $window.document.querySelector('#posdemobtn');\n\n var offsetParent = $uibPosition.offsetParent(divEl);\n $scope.elemVals.offsetParent = 'type: ' + offsetParent.tagName + ', id: ' + offsetParent.id;\n\n var scrollParent = $uibPosition.scrollParent(divEl);\n $scope.elemVals.scrollParent = 'type: ' + scrollParent.tagName + ', id: ' + scrollParent.id;\n\n $scope.scrollbarWidth = $uibPosition.scrollbarWidth();\n\n $scope.elemVals.position = $uibPosition.position(divEl);\n\n $scope.elemVals.offset = $uibPosition.offset(divEl);\n\n $scope.elemVals.viewportOffset = $uibPosition.viewportOffset(divEl);\n\n $scope.elemVals.positionElements = $uibPosition.positionElements(btnEl, divEl, 'auto bottom-left');\n };\n});"
},
{
"path": "src/position/docs/readme.md",
"content": "The `$uibPosition` service provides a set of DOM utilities used internally to absolute-position an element in relation to another element (tooltips, popovers, typeaheads etc...).\n\n#### getRawNode(element)\n\nTakes a jQuery/jqLite element and converts it to a raw DOM element.\n\n##### parameters\n\n* `element`\n _(Type: `object`)_ -\n The element to convert.\n\n##### returns\n\n* _(Type: `element`)_ -\n A raw DOM element.\n\n#### parseStyle(element)\n\nParses a numeric style value to a number. Strips units and will return 0 for invalid (NaN) numbers.\n\n##### parameters\n\n* `value`\n _(Type: `string`)_ -\n The style value to parse.\n\n##### returns\n\n* _(Type: `number`)_ -\n The numeric value of the style property.\n\n#### offsetParent(element)\n\nGets the closest positioned ancestor.\n\n##### parameters\n\n* `element`\n _(Type: `element`)_ -\n The element to get the offset parent for.\n\n##### returns\n\n* _(Type: `element`)_ -\n The closest positioned ancestor.\n\n#### scrollbarWidth(isBody)\n\nCalculates the browser scrollbar width and caches the result for future calls. Concept from the TWBS measureScrollbar() function in [modal.js](https://github.com/twbs/bootstrap/blob/master/js/modal.js).\n\n##### parameters\n\n* `isBody`\n _(Type: `boolean`, Default: `false`, optional)_ - Is the requested scrollbar width for the body/html element. IE and Edge overlay the scrollbar on the body/html element and should be considered 0.\n\n##### returns\n\n* _(Type: `number`)_ -\n The width of the browser scrollbar.\n\n#### scrollbarPadding(element)\n\nCalculates the padding required to replace the scrollbar on an element.\n\n##### parameters\n\n* 'element' _(Type: `element`)_ - The element to calculate the padding on (should be a scrollable element).\n\n##### returns\n\nAn object with the following properties:\n\n* `scrollbarWidth`\n _(Type: `number`)_ -\n The width of the scrollbar.\n\n* `widthOverflow`\n _(Type: `boolean`)_ -\n Whether the width is overflowing.\n\n* `right`\n _(Type: `number`)_ -\n The total right padding required to replace the scrollbar.\n\n* `originalRight`\n _(Type: `number`)_ -\n The oringal right padding on the element.\n\n* `heightOverflow`\n _(Type: `boolean`)_ -\n Whether the height is overflowing.\n\n* `bottom`\n _(Type: `number`)_ -\n The total bottom padding required to replace the scrollbar.\n\n* `originalBottom`\n _(Type: `number`)_ -\n The oringal bottom padding on the element.\n\n#### isScrollable(element, includeHidden)\n\nDetermines if an element is scrollable.\n\n##### parameters\n\n* `element`\n _(Type: `element`)_ -\n The element to check.\n\n* `includeHidden`\n _(Type: `boolean`, Default: `false`, optional)_ - Should scroll style of 'hidden' be considered.\n\n##### returns\n\n* _(Type: `boolean`)_ -\n Whether the element is scrollable.\n\n#### scrollParent(element, includeHidden, includeSelf)\n\nGets the closest scrollable ancestor. Concept from the jQueryUI [scrollParent.js](https://github.com/jquery/jquery-ui/blob/master/ui/scroll-parent.js).\n\n##### parameters\n\n* `element`\n _(Type: `element`)_ -\n The element to get the closest scrollable ancestor for.\n\n* `includeHidden`\n _(Type: `boolean`, Default: `false`, optional)_ - Should scroll style of 'hidden' be considered.\n\n* `includeSelf`\n _(Type: `boolean`, Default: `false`, optional)_ - Should the element passed in be included in the scrollable lookup.\n\n##### returns\n\n* _(Type: `element`)_ -\n The closest scrollable ancestor.\n\n#### position(element, includeMargins)\n\nA read-only equivalent of jQuery's [position](http://api.jquery.com/position/) function, distance to closest positioned ancestor. Does not account for margins by default like jQuery's position.\n\n##### parameters\n\n* `element` _(Type: `element`)_ -\n The element to get the position for.\n\n* `includeMargins` _(Type: `boolean`, Default: `false`, optional)_ -\n Should margins be accounted for.\n\n##### returns\n\nAn object with the following properties:\n\n* `width`\n _(Type: `number`)_ -\n The width of the element.\n\n* `height`\n _(Type: `number`)_ -\n The height of the element.\n\n* `top`\n _(Type: `number`)_ -\n Distance to top edge of offset parent.\n\n* `left`\n _(Type: `number`)_ -\n Distance to left edge of offset parent.\n\n#### offset(element)\n\nA read-only equivalent of jQuery's [offset](http://api.jquery.com/offset/) function, distance to viewport.\n\n##### parameters\n\n* `element`\n _(Type: `element`)_ -\n The element to get the offset for.\n\n##### returns\n\nAn object with the following properties:\n\n* `width`\n _(Type: `number`)_ -\n The width of the element.\n\n* `height`\n _(Type: `number`)_ -\n The height of the element.\n\n* `top`\n _(Type: `number`)_ -\n Distance to top edge of the viewport.\n\n* `left`\n _(Type: `number`)_ -\n Distance to left edge of the viewport.\n\n#### viewportOffset(element, useDocument, includePadding)\n\nGets the elements available space relative to the closest scrollable ancestor. Accounts for padding, border, and scrollbar width.\nRight and bottom dimensions represent the distance to the respective edge of the viewport element, not the top and left edge.\nIf the element edge extends beyond the viewport, a negative value will be reported.\n\n##### parameters\n\n* `element`\n _(Type: `element`)_ -\n The element to get the viewport offset for.\n\n* `useDocument`\n _(Type: `boolean`, Default: `false`, optional)_ -\n Should the viewport be the document element instead of the first scrollable element.\n\n* `includePadding`\n _(Type: `boolean`, Default: `true`, optional)_ -\n Should the padding on the viewport element be accounted for, default is true.\n\n##### returns\n\nAn object with the following properties:\n\n* `top`\n _(Type: `number`)_ -\n Distance to top content edge of the viewport.\n\n* `bottom`\n _(Type: `number`)_ -\n Distance to bottom content edge of the viewport.\n\n* `left`\n _(Type: `number`)_ -\n Distance to left content edge of the viewport.\n\n* `right`\n _(Type: `number`)_ -\n Distance to right content edge of the viewport.\n\n#### parsePlacement(placement)\n\nGets an array of placement values parsed from a placement string. Along with the 'auto' indicator, supported placement strings are:\n\n* top: element on top, horizontally centered on host element.\n* top-left: element on top, left edge aligned with host element left edge.\n* top-right: element on top, right edge aligned with host element right edge.\n* bottom: element on bottom, horizontally centered on host element.\n* bottom-left: element on bottom, left edge aligned with host element left edge.\n* bottom-right: element on bottom, right edge aligned with host element right edge.\n* left: element on left, vertically centered on host element.\n* left-top: element on left, top edge aligned with host element top edge.\n* left-bottom: element on left, bottom edge aligned with host element bottom edge.\n* right: element on right, vertically centered on host element.\n* right-top: element on right, top edge aligned with host element top edge.\n* right-bottom: element on right, bottom edge aligned with host element bottom edge.\n\nA placement string with an 'auto' indicator is expected to be space separated from the placement, i.e: 'auto bottom-left'.\nIf the primary and secondary placement values do not match 'top, bottom, left, right' then 'top' will be the primary placement and\n'center' will be the secondary placement. If 'auto' is passed, true will be returned as the 3rd value of the array.\n\n##### parameters\n\n* `placement`\n _(Type: `string`, Example: `auto top-left`)_ -\n The placement string to parse.\n\n##### returns\n\nAn array with the following values:\n\n* `[0]`\n _(Type: `string`)_ -\n The primary placement.\n\n* `[1]`\n _(Type: `string`)_ -\n The secondary placement.\n\n* `[2]`\n _(Type: `boolean`)_ -\n Is auto place enabled.\n\n#### positionElements(hostElement, targetElement, placement, appendToBody)\n\nGets gets coordinates for an element to be positioned relative to another element.\n\n##### parameters\n\n* `hostElement`\n _(Type: `element`)_ -\n The element to position against.\n\n* `targetElement`\n _(Type: `element`)_ -\n The element to position.\n\n* `placement`\n _(Type: `string`, Default: `top`, optional)_ -\n The placement for the target element. See the parsePlacement() function for available options. If 'auto' placement is used, the viewportOffset() function is used to decide where the targetElement will fit.\n\n* `appendToBody`\n _(Type: `boolean`, Default: `false`, optional)_ -\n Should the coordinates be cacluated from the body element.\n\n##### returns\n\nAn object with the following properties:\n\n* `top`\n _(Type: `number`)_ -\n The targetElement top value.\n\n* `left`\n _(Type: `number`)_ -\n The targetElement left value.\n\n* `right`\n _(Type: `number`)_ -\n The resolved placement with 'auto' removed.\n\n#### positionArrow(element, placement)\n\nPositions the tooltip and popover arrow elements when using placement options beyond the standard top, left, bottom, or right.\n\n##### parameters\n\n* `element`\n _(Type: `element`)_ -\n The element to position the arrow element for.\n\n* `placement`\n _(Type: `string`)_ -\n The placement for the element.\n"
},
{
"path": "src/position/index-nocss.js",
"content": "require('./position');\n\nvar MODULE_NAME = 'ui.bootstrap.module.position';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.position']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/position/index.js",
"content": "require('./position.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/position/position.css",
"content": ".uib-position-measure {\n display: block !important;\n visibility: hidden !important;\n position: absolute !important;\n top: -9999px !important;\n left: -9999px !important;\n}\n\n.uib-position-scrollbar-measure {\n position: absolute !important;\n top: -9999px !important;\n width: 50px !important;\n height: 50px !important;\n overflow: scroll !important;\n}\n\n.uib-position-body-scrollbar-measure {\n overflow: scroll !important;\n}"
},
{
"path": "src/position/position.js",
"content": "angular.module('ui.bootstrap.position', [])\n\n/**\n * A set of utility methods for working with the DOM.\n * It is meant to be used where we need to absolute-position elements in\n * relation to another element (this is the case for tooltips, popovers,\n * typeahead suggestions etc.).\n */\n .factory('$uibPosition', ['$document', '$window', function($document, $window) {\n /**\n * Used by scrollbarWidth() function to cache scrollbar's width.\n * Do not access this variable directly, use scrollbarWidth() instead.\n */\n var SCROLLBAR_WIDTH;\n /**\n * scrollbar on body and html element in IE and Edge overlay\n * content and should be considered 0 width.\n */\n var BODY_SCROLLBAR_WIDTH;\n var OVERFLOW_REGEX = {\n normal: /(auto|scroll)/,\n hidden: /(auto|scroll|hidden)/\n };\n var PLACEMENT_REGEX = {\n auto: /\\s?auto?\\s?/i,\n primary: /^(top|bottom|left|right)$/,\n secondary: /^(top|bottom|left|right|center)$/,\n vertical: /^(top|bottom)$/\n };\n var BODY_REGEX = /(HTML|BODY)/;\n\n return {\n\n /**\n * Provides a raw DOM element from a jQuery/jQLite element.\n *\n * @param {element} elem - The element to convert.\n *\n * @returns {element} A HTML element.\n */\n getRawNode: function(elem) {\n return elem.nodeName ? elem : elem[0] || elem;\n },\n\n /**\n * Provides a parsed number for a style property. Strips\n * units and casts invalid numbers to 0.\n *\n * @param {string} value - The style value to parse.\n *\n * @returns {number} A valid number.\n */\n parseStyle: function(value) {\n value = parseFloat(value);\n return isFinite(value) ? value : 0;\n },\n\n /**\n * Provides the closest positioned ancestor.\n *\n * @param {element} element - The element to get the offest parent for.\n *\n * @returns {element} The closest positioned ancestor.\n */\n offsetParent: function(elem) {\n elem = this.getRawNode(elem);\n\n var offsetParent = elem.offsetParent || $document[0].documentElement;\n\n function isStaticPositioned(el) {\n return ($window.getComputedStyle(el).position || 'static') === 'static';\n }\n\n while (offsetParent && offsetParent !== $document[0].documentElement && isStaticPositioned(offsetParent)) {\n offsetParent = offsetParent.offsetParent;\n }\n\n return offsetParent || $document[0].documentElement;\n },\n\n /**\n * Provides the scrollbar width, concept from TWBS measureScrollbar()\n * function in https://github.com/twbs/bootstrap/blob/master/js/modal.js\n * In IE and Edge, scollbar on body and html element overlay and should\n * return a width of 0.\n *\n * @returns {number} The width of the browser scollbar.\n */\n scrollbarWidth: function(isBody) {\n if (isBody) {\n if (angular.isUndefined(BODY_SCROLLBAR_WIDTH)) {\n var bodyElem = $document.find('body');\n bodyElem.addClass('uib-position-body-scrollbar-measure');\n BODY_SCROLLBAR_WIDTH = $window.innerWidth - bodyElem[0].clientWidth;\n BODY_SCROLLBAR_WIDTH = isFinite(BODY_SCROLLBAR_WIDTH) ? BODY_SCROLLBAR_WIDTH : 0;\n bodyElem.removeClass('uib-position-body-scrollbar-measure');\n }\n return BODY_SCROLLBAR_WIDTH;\n }\n\n if (angular.isUndefined(SCROLLBAR_WIDTH)) {\n var scrollElem = angular.element('
');\n $document.find('body').append(scrollElem);\n SCROLLBAR_WIDTH = scrollElem[0].offsetWidth - scrollElem[0].clientWidth;\n SCROLLBAR_WIDTH = isFinite(SCROLLBAR_WIDTH) ? SCROLLBAR_WIDTH : 0;\n scrollElem.remove();\n }\n\n return SCROLLBAR_WIDTH;\n },\n\n /**\n * Provides the padding required on an element to replace the scrollbar.\n *\n * @returns {object} An object with the following properties:\n *
\n * **scrollbarWidth**: the width of the scrollbar \n * **widthOverflow**: whether the the width is overflowing \n * **right**: the amount of right padding on the element needed to replace the scrollbar \n * **rightOriginal**: the amount of right padding currently on the element \n * **heightOverflow**: whether the the height is overflowing \n * **bottom**: the amount of bottom padding on the element needed to replace the scrollbar \n * **bottomOriginal**: the amount of bottom padding currently on the element \n * \n */\n scrollbarPadding: function(elem) {\n elem = this.getRawNode(elem);\n\n var elemStyle = $window.getComputedStyle(elem);\n var paddingRight = this.parseStyle(elemStyle.paddingRight);\n var paddingBottom = this.parseStyle(elemStyle.paddingBottom);\n var scrollParent = this.scrollParent(elem, false, true);\n var scrollbarWidth = this.scrollbarWidth(BODY_REGEX.test(scrollParent.tagName));\n\n return {\n scrollbarWidth: scrollbarWidth,\n widthOverflow: scrollParent.scrollWidth > scrollParent.clientWidth,\n right: paddingRight + scrollbarWidth,\n originalRight: paddingRight,\n heightOverflow: scrollParent.scrollHeight > scrollParent.clientHeight,\n bottom: paddingBottom + scrollbarWidth,\n originalBottom: paddingBottom\n };\n },\n\n /**\n * Checks to see if the element is scrollable.\n *\n * @param {element} elem - The element to check.\n * @param {boolean=} [includeHidden=false] - Should scroll style of 'hidden' be considered,\n * default is false.\n *\n * @returns {boolean} Whether the element is scrollable.\n */\n isScrollable: function(elem, includeHidden) {\n elem = this.getRawNode(elem);\n\n var overflowRegex = includeHidden ? OVERFLOW_REGEX.hidden : OVERFLOW_REGEX.normal;\n var elemStyle = $window.getComputedStyle(elem);\n return overflowRegex.test(elemStyle.overflow + elemStyle.overflowY + elemStyle.overflowX);\n },\n\n /**\n * Provides the closest scrollable ancestor.\n * A port of the jQuery UI scrollParent method:\n * https://github.com/jquery/jquery-ui/blob/master/ui/scroll-parent.js\n *\n * @param {element} elem - The element to find the scroll parent of.\n * @param {boolean=} [includeHidden=false] - Should scroll style of 'hidden' be considered,\n * default is false.\n * @param {boolean=} [includeSelf=false] - Should the element being passed be\n * included in the scrollable llokup.\n *\n * @returns {element} A HTML element.\n */\n scrollParent: function(elem, includeHidden, includeSelf) {\n elem = this.getRawNode(elem);\n\n var overflowRegex = includeHidden ? OVERFLOW_REGEX.hidden : OVERFLOW_REGEX.normal;\n var documentEl = $document[0].documentElement;\n var elemStyle = $window.getComputedStyle(elem);\n if (includeSelf && overflowRegex.test(elemStyle.overflow + elemStyle.overflowY + elemStyle.overflowX)) {\n return elem;\n }\n var excludeStatic = elemStyle.position === 'absolute';\n var scrollParent = elem.parentElement || documentEl;\n\n if (scrollParent === documentEl || elemStyle.position === 'fixed') {\n return documentEl;\n }\n\n while (scrollParent.parentElement && scrollParent !== documentEl) {\n var spStyle = $window.getComputedStyle(scrollParent);\n if (excludeStatic && spStyle.position !== 'static') {\n excludeStatic = false;\n }\n\n if (!excludeStatic && overflowRegex.test(spStyle.overflow + spStyle.overflowY + spStyle.overflowX)) {\n break;\n }\n scrollParent = scrollParent.parentElement;\n }\n\n return scrollParent;\n },\n\n /**\n * Provides read-only equivalent of jQuery's position function:\n * http://api.jquery.com/position/ - distance to closest positioned\n * ancestor. Does not account for margins by default like jQuery position.\n *\n * @param {element} elem - The element to caclulate the position on.\n * @param {boolean=} [includeMargins=false] - Should margins be accounted\n * for, default is false.\n *\n * @returns {object} An object with the following properties:\n *
\n * **width**: the width of the element \n * **height**: the height of the element \n * **top**: distance to top edge of offset parent \n * **left**: distance to left edge of offset parent \n * \n */\n position: function(elem, includeMagins) {\n elem = this.getRawNode(elem);\n\n var elemOffset = this.offset(elem);\n if (includeMagins) {\n var elemStyle = $window.getComputedStyle(elem);\n elemOffset.top -= this.parseStyle(elemStyle.marginTop);\n elemOffset.left -= this.parseStyle(elemStyle.marginLeft);\n }\n var parent = this.offsetParent(elem);\n var parentOffset = {top: 0, left: 0};\n\n if (parent !== $document[0].documentElement) {\n parentOffset = this.offset(parent);\n parentOffset.top += parent.clientTop - parent.scrollTop;\n parentOffset.left += parent.clientLeft - parent.scrollLeft;\n }\n\n return {\n width: Math.round(angular.isNumber(elemOffset.width) ? elemOffset.width : elem.offsetWidth),\n height: Math.round(angular.isNumber(elemOffset.height) ? elemOffset.height : elem.offsetHeight),\n top: Math.round(elemOffset.top - parentOffset.top),\n left: Math.round(elemOffset.left - parentOffset.left)\n };\n },\n\n /**\n * Provides read-only equivalent of jQuery's offset function:\n * http://api.jquery.com/offset/ - distance to viewport. Does\n * not account for borders, margins, or padding on the body\n * element.\n *\n * @param {element} elem - The element to calculate the offset on.\n *\n * @returns {object} An object with the following properties:\n *
\n * **width**: the width of the element \n * **height**: the height of the element \n * **top**: distance to top edge of viewport \n * **right**: distance to bottom edge of viewport \n * \n */\n offset: function(elem) {\n elem = this.getRawNode(elem);\n\n var elemBCR = elem.getBoundingClientRect();\n return {\n width: Math.round(angular.isNumber(elemBCR.width) ? elemBCR.width : elem.offsetWidth),\n height: Math.round(angular.isNumber(elemBCR.height) ? elemBCR.height : elem.offsetHeight),\n top: Math.round(elemBCR.top + ($window.pageYOffset || $document[0].documentElement.scrollTop)),\n left: Math.round(elemBCR.left + ($window.pageXOffset || $document[0].documentElement.scrollLeft))\n };\n },\n\n /**\n * Provides offset distance to the closest scrollable ancestor\n * or viewport. Accounts for border and scrollbar width.\n *\n * Right and bottom dimensions represent the distance to the\n * respective edge of the viewport element. If the element\n * edge extends beyond the viewport, a negative value will be\n * reported.\n *\n * @param {element} elem - The element to get the viewport offset for.\n * @param {boolean=} [useDocument=false] - Should the viewport be the document element instead\n * of the first scrollable element, default is false.\n * @param {boolean=} [includePadding=true] - Should the padding on the offset parent element\n * be accounted for, default is true.\n *\n * @returns {object} An object with the following properties:\n *
\n * **top**: distance to the top content edge of viewport element \n * **bottom**: distance to the bottom content edge of viewport element \n * **left**: distance to the left content edge of viewport element \n * **right**: distance to the right content edge of viewport element \n * \n */\n viewportOffset: function(elem, useDocument, includePadding) {\n elem = this.getRawNode(elem);\n includePadding = includePadding !== false ? true : false;\n\n var elemBCR = elem.getBoundingClientRect();\n var offsetBCR = {top: 0, left: 0, bottom: 0, right: 0};\n\n var offsetParent = useDocument ? $document[0].documentElement : this.scrollParent(elem);\n var offsetParentBCR = offsetParent.getBoundingClientRect();\n\n offsetBCR.top = offsetParentBCR.top + offsetParent.clientTop;\n offsetBCR.left = offsetParentBCR.left + offsetParent.clientLeft;\n if (offsetParent === $document[0].documentElement) {\n offsetBCR.top += $window.pageYOffset;\n offsetBCR.left += $window.pageXOffset;\n }\n offsetBCR.bottom = offsetBCR.top + offsetParent.clientHeight;\n offsetBCR.right = offsetBCR.left + offsetParent.clientWidth;\n\n if (includePadding) {\n var offsetParentStyle = $window.getComputedStyle(offsetParent);\n offsetBCR.top += this.parseStyle(offsetParentStyle.paddingTop);\n offsetBCR.bottom -= this.parseStyle(offsetParentStyle.paddingBottom);\n offsetBCR.left += this.parseStyle(offsetParentStyle.paddingLeft);\n offsetBCR.right -= this.parseStyle(offsetParentStyle.paddingRight);\n }\n\n return {\n top: Math.round(elemBCR.top - offsetBCR.top),\n bottom: Math.round(offsetBCR.bottom - elemBCR.bottom),\n left: Math.round(elemBCR.left - offsetBCR.left),\n right: Math.round(offsetBCR.right - elemBCR.right)\n };\n },\n\n /**\n * Provides an array of placement values parsed from a placement string.\n * Along with the 'auto' indicator, supported placement strings are:\n *
\n * top: element on top, horizontally centered on host element. \n * top-left: element on top, left edge aligned with host element left edge. \n * top-right: element on top, lerightft edge aligned with host element right edge. \n * bottom: element on bottom, horizontally centered on host element. \n * bottom-left: element on bottom, left edge aligned with host element left edge. \n * bottom-right: element on bottom, right edge aligned with host element right edge. \n * left: element on left, vertically centered on host element. \n * left-top: element on left, top edge aligned with host element top edge. \n * left-bottom: element on left, bottom edge aligned with host element bottom edge. \n * right: element on right, vertically centered on host element. \n * right-top: element on right, top edge aligned with host element top edge. \n * right-bottom: element on right, bottom edge aligned with host element bottom edge. \n * \n * A placement string with an 'auto' indicator is expected to be\n * space separated from the placement, i.e: 'auto bottom-left' If\n * the primary and secondary placement values do not match 'top,\n * bottom, left, right' then 'top' will be the primary placement and\n * 'center' will be the secondary placement. If 'auto' is passed, true\n * will be returned as the 3rd value of the array.\n *\n * @param {string} placement - The placement string to parse.\n *\n * @returns {array} An array with the following values\n *
\n * **[0]**: The primary placement. \n * **[1]**: The secondary placement. \n * **[2]**: If auto is passed: true, else undefined. \n * \n */\n parsePlacement: function(placement) {\n var autoPlace = PLACEMENT_REGEX.auto.test(placement);\n if (autoPlace) {\n placement = placement.replace(PLACEMENT_REGEX.auto, '');\n }\n\n placement = placement.split('-');\n\n placement[0] = placement[0] || 'top';\n if (!PLACEMENT_REGEX.primary.test(placement[0])) {\n placement[0] = 'top';\n }\n\n placement[1] = placement[1] || 'center';\n if (!PLACEMENT_REGEX.secondary.test(placement[1])) {\n placement[1] = 'center';\n }\n\n if (autoPlace) {\n placement[2] = true;\n } else {\n placement[2] = false;\n }\n\n return placement;\n },\n\n /**\n * Provides coordinates for an element to be positioned relative to\n * another element. Passing 'auto' as part of the placement parameter\n * will enable smart placement - where the element fits. i.e:\n * 'auto left-top' will check to see if there is enough space to the left\n * of the hostElem to fit the targetElem, if not place right (same for secondary\n * top placement). Available space is calculated using the viewportOffset\n * function.\n *\n * @param {element} hostElem - The element to position against.\n * @param {element} targetElem - The element to position.\n * @param {string=} [placement=top] - The placement for the targetElem,\n * default is 'top'. 'center' is assumed as secondary placement for\n * 'top', 'left', 'right', and 'bottom' placements. Available placements are:\n *
\n * top \n * top-right \n * top-left \n * bottom \n * bottom-left \n * bottom-right \n * left \n * left-top \n * left-bottom \n * right \n * right-top \n * right-bottom \n * \n * @param {boolean=} [appendToBody=false] - Should the top and left values returned\n * be calculated from the body element, default is false.\n *\n * @returns {object} An object with the following properties:\n *
\n * **top**: Value for targetElem top. \n * **left**: Value for targetElem left. \n * **placement**: The resolved placement. \n * \n */\n positionElements: function(hostElem, targetElem, placement, appendToBody) {\n hostElem = this.getRawNode(hostElem);\n targetElem = this.getRawNode(targetElem);\n\n // need to read from prop to support tests.\n var targetWidth = angular.isDefined(targetElem.offsetWidth) ? targetElem.offsetWidth : targetElem.prop('offsetWidth');\n var targetHeight = angular.isDefined(targetElem.offsetHeight) ? targetElem.offsetHeight : targetElem.prop('offsetHeight');\n\n placement = this.parsePlacement(placement);\n\n var hostElemPos = appendToBody ? this.offset(hostElem) : this.position(hostElem);\n var targetElemPos = {top: 0, left: 0, placement: ''};\n\n if (placement[2]) {\n var viewportOffset = this.viewportOffset(hostElem, appendToBody);\n\n var targetElemStyle = $window.getComputedStyle(targetElem);\n var adjustedSize = {\n width: targetWidth + Math.round(Math.abs(this.parseStyle(targetElemStyle.marginLeft) + this.parseStyle(targetElemStyle.marginRight))),\n height: targetHeight + Math.round(Math.abs(this.parseStyle(targetElemStyle.marginTop) + this.parseStyle(targetElemStyle.marginBottom)))\n };\n\n placement[0] = placement[0] === 'top' && adjustedSize.height > viewportOffset.top && adjustedSize.height <= viewportOffset.bottom ? 'bottom' :\n placement[0] === 'bottom' && adjustedSize.height > viewportOffset.bottom && adjustedSize.height <= viewportOffset.top ? 'top' :\n placement[0] === 'left' && adjustedSize.width > viewportOffset.left && adjustedSize.width <= viewportOffset.right ? 'right' :\n placement[0] === 'right' && adjustedSize.width > viewportOffset.right && adjustedSize.width <= viewportOffset.left ? 'left' :\n placement[0];\n\n placement[1] = placement[1] === 'top' && adjustedSize.height - hostElemPos.height > viewportOffset.bottom && adjustedSize.height - hostElemPos.height <= viewportOffset.top ? 'bottom' :\n placement[1] === 'bottom' && adjustedSize.height - hostElemPos.height > viewportOffset.top && adjustedSize.height - hostElemPos.height <= viewportOffset.bottom ? 'top' :\n placement[1] === 'left' && adjustedSize.width - hostElemPos.width > viewportOffset.right && adjustedSize.width - hostElemPos.width <= viewportOffset.left ? 'right' :\n placement[1] === 'right' && adjustedSize.width - hostElemPos.width > viewportOffset.left && adjustedSize.width - hostElemPos.width <= viewportOffset.right ? 'left' :\n placement[1];\n\n if (placement[1] === 'center') {\n if (PLACEMENT_REGEX.vertical.test(placement[0])) {\n var xOverflow = hostElemPos.width / 2 - targetWidth / 2;\n if (viewportOffset.left + xOverflow < 0 && adjustedSize.width - hostElemPos.width <= viewportOffset.right) {\n placement[1] = 'left';\n } else if (viewportOffset.right + xOverflow < 0 && adjustedSize.width - hostElemPos.width <= viewportOffset.left) {\n placement[1] = 'right';\n }\n } else {\n var yOverflow = hostElemPos.height / 2 - adjustedSize.height / 2;\n if (viewportOffset.top + yOverflow < 0 && adjustedSize.height - hostElemPos.height <= viewportOffset.bottom) {\n placement[1] = 'top';\n } else if (viewportOffset.bottom + yOverflow < 0 && adjustedSize.height - hostElemPos.height <= viewportOffset.top) {\n placement[1] = 'bottom';\n }\n }\n }\n }\n\n switch (placement[0]) {\n case 'top':\n targetElemPos.top = hostElemPos.top - targetHeight;\n break;\n case 'bottom':\n targetElemPos.top = hostElemPos.top + hostElemPos.height;\n break;\n case 'left':\n targetElemPos.left = hostElemPos.left - targetWidth;\n break;\n case 'right':\n targetElemPos.left = hostElemPos.left + hostElemPos.width;\n break;\n }\n\n switch (placement[1]) {\n case 'top':\n targetElemPos.top = hostElemPos.top;\n break;\n case 'bottom':\n targetElemPos.top = hostElemPos.top + hostElemPos.height - targetHeight;\n break;\n case 'left':\n targetElemPos.left = hostElemPos.left;\n break;\n case 'right':\n targetElemPos.left = hostElemPos.left + hostElemPos.width - targetWidth;\n break;\n case 'center':\n if (PLACEMENT_REGEX.vertical.test(placement[0])) {\n targetElemPos.left = hostElemPos.left + hostElemPos.width / 2 - targetWidth / 2;\n } else {\n targetElemPos.top = hostElemPos.top + hostElemPos.height / 2 - targetHeight / 2;\n }\n break;\n }\n\n targetElemPos.top = Math.round(targetElemPos.top);\n targetElemPos.left = Math.round(targetElemPos.left);\n targetElemPos.placement = placement[1] === 'center' ? placement[0] : placement[0] + '-' + placement[1];\n\n return targetElemPos;\n },\n\n /**\n * Provides a way to adjust the top positioning after first\n * render to correctly align element to top after content\n * rendering causes resized element height\n *\n * @param {array} placementClasses - The array of strings of classes\n * element should have.\n * @param {object} containerPosition - The object with container\n * position information\n * @param {number} initialHeight - The initial height for the elem.\n * @param {number} currentHeight - The current height for the elem.\n */\n adjustTop: function(placementClasses, containerPosition, initialHeight, currentHeight) {\n if (placementClasses.indexOf('top') !== -1 && initialHeight !== currentHeight) {\n return {\n top: containerPosition.top - currentHeight + 'px'\n };\n }\n },\n\n /**\n * Provides a way for positioning tooltip & dropdown\n * arrows when using placement options beyond the standard\n * left, right, top, or bottom.\n *\n * @param {element} elem - The tooltip/dropdown element.\n * @param {string} placement - The placement for the elem.\n */\n positionArrow: function(elem, placement) {\n elem = this.getRawNode(elem);\n\n var innerElem = elem.querySelector('.tooltip-inner, .popover-inner');\n if (!innerElem) {\n return;\n }\n\n var isTooltip = angular.element(innerElem).hasClass('tooltip-inner');\n\n var arrowElem = isTooltip ? elem.querySelector('.tooltip-arrow') : elem.querySelector('.arrow');\n if (!arrowElem) {\n return;\n }\n\n var arrowCss = {\n top: '',\n bottom: '',\n left: '',\n right: ''\n };\n\n placement = this.parsePlacement(placement);\n if (placement[1] === 'center') {\n // no adjustment necessary - just reset styles\n angular.element(arrowElem).css(arrowCss);\n return;\n }\n\n var borderProp = 'border-' + placement[0] + '-width';\n var borderWidth = $window.getComputedStyle(arrowElem)[borderProp];\n\n var borderRadiusProp = 'border-';\n if (PLACEMENT_REGEX.vertical.test(placement[0])) {\n borderRadiusProp += placement[0] + '-' + placement[1];\n } else {\n borderRadiusProp += placement[1] + '-' + placement[0];\n }\n borderRadiusProp += '-radius';\n var borderRadius = $window.getComputedStyle(isTooltip ? innerElem : elem)[borderRadiusProp];\n\n switch (placement[0]) {\n case 'top':\n arrowCss.bottom = isTooltip ? '0' : '-' + borderWidth;\n break;\n case 'bottom':\n arrowCss.top = isTooltip ? '0' : '-' + borderWidth;\n break;\n case 'left':\n arrowCss.right = isTooltip ? '0' : '-' + borderWidth;\n break;\n case 'right':\n arrowCss.left = isTooltip ? '0' : '-' + borderWidth;\n break;\n }\n\n arrowCss[placement[1]] = borderRadius;\n\n angular.element(arrowElem).css(arrowCss);\n }\n };\n }]);\n"
},
{
"path": "src/position/test/position.spec.js",
"content": "describe('$uibPosition service', function () {\n var TargetElMock = function(width, height) {\n this.width = width;\n this.height = height;\n\n this.prop = function(propName) {\n return propName === 'offsetWidth' ? width : height;\n };\n };\n\n var $document;\n var $uibPosition;\n\n beforeEach(module('ui.bootstrap.position'));\n\n beforeEach(inject(function(_$document_, _$uibPosition_) {\n $document = _$document_;\n $uibPosition = _$uibPosition_;\n }));\n\n beforeEach(function () {\n jasmine.addMatchers({\n toBePositionedAt: function(util, customEqualityTesters) {\n return {\n compare: function(actual, top, left) {\n var result = {\n pass: util.equals(actual.top, top, customEqualityTesters) &&\n util.equals(actual.left, left, customEqualityTesters)\n };\n\n if (result.pass) {\n result.message = 'Expected \"(' + actual.top + ', ' + actual.left + ')\" not to be positioned at (' + top + ', ' + left + ')';\n } else {\n result.message = 'Expected \"(' + actual.top + ', ' + actual.left + ')\" to be positioned at (' + top + ', ' + left + ')';\n }\n\n return result;\n }\n };\n }\n });\n });\n\n describe('rawnode', function() {\n it('returns the raw DOM element from an angular element', function() {\n var angularEl = angular.element('
');\n var el = $uibPosition.getRawNode(angularEl);\n expect(el.nodeName).toBe('DIV');\n });\n\n it('returns the raw DOM element from a select element', function() {\n var angularEl = angular.element('
value ');\n var el = $uibPosition.getRawNode(angularEl);\n expect(el.nodeName).toBe('SELECT');\n });\n });\n\n describe('offset', function() {\n it('returns getBoundingClientRect by default', function() {\n var el = angular.element('
Foo
');\n\n /* getBoundingClientRect values will be based on the testing Chrome window\n so that makes this tests very brittle if we don't mock */\n spyOn(el[0], 'getBoundingClientRect').and.returnValue({\n width: 100,\n height: 100,\n top: 2,\n left: 2\n });\n $document.find('body').append(el);\n\n var offset = $uibPosition.offset(el);\n\n expect(offset).toEqual({\n width: 100,\n height: 100,\n top: 2,\n left: 2\n });\n\n el.remove();\n });\n });\n\n describe('viewportOffset', function() {\n var el;\n\n beforeEach(function() {\n el = angular.element('
');\n $document.find('body').append(el);\n });\n\n afterEach(function() {\n el.remove();\n });\n\n it('measures the offset', function() {\n var vpOffset = $uibPosition.viewportOffset(document.getElementById('inner'));\n expect(vpOffset).toEqual({\n top: 20,\n bottom: 30,\n left: 20,\n right: 30\n });\n });\n\n it('measures the offset without padding', function() {\n var outerEl = document.getElementById('outer');\n outerEl.style.paddingTop = '0px';\n outerEl.style.paddingBottom = '0px';\n outerEl.style.paddingLeft = '0px';\n outerEl.style.paddingRight = '0px';\n\n var vpOffset = $uibPosition.viewportOffset(document.getElementById('inner'));\n expect(vpOffset).toEqual({\n top: 20,\n bottom: 80,\n left: 20,\n right: 80\n });\n });\n\n it('measures the offset with borders', function() {\n var outerEl = document.getElementById('outer');\n outerEl.style.width = '220px';\n outerEl.style.height = '220px';\n outerEl.style.border = '10px solid black';\n\n var vpOffset = $uibPosition.viewportOffset(document.getElementById('inner'));\n expect(vpOffset).toEqual({\n top: 20,\n bottom: 30,\n left: 20,\n right: 30\n });\n });\n\n it('measures the offset excluding padding', function() {\n var vpOffset = $uibPosition.viewportOffset(document.getElementById('inner'), false, false);\n expect(vpOffset).toEqual({\n top: 45,\n bottom: 55,\n left: 45,\n right: 55\n });\n });\n\n it('measures the offset when scrolled', function() {\n var innerEl = document.getElementById('inner');\n innerEl.style.width = '300px';\n innerEl.style.height = '300px';\n var outerEl = document.getElementById('outer');\n outerEl.scrollTop = 25;\n outerEl.scrollLeft = 25;\n\n var vpOffset = $uibPosition.viewportOffset(document.getElementById('inner'));\n expect(vpOffset.top).toEqual(-5);\n expect(vpOffset.bottom).toBeGreaterThan(-180);\n expect(vpOffset.left).toEqual(-5);\n expect(vpOffset.right).toBeGreaterThan(-180);\n\n //brittle\n // expect(vpOffset).toEqual({\n // top: -5,\n // bottom: -162,\n // left: -5,\n // right: -162\n // });\n });\n\n });\n\n describe('position', function() {\n var el;\n\n afterEach(function() {\n el.remove();\n });\n\n it('gets position with document as the relative parent', function() {\n el = angular.element('
Foo
');\n\n spyOn(el[0], 'getBoundingClientRect').and.returnValue({\n width: 100,\n height: 100,\n top: 2,\n left: 2\n });\n\n $document.find('body').append(el);\n\n var position = $uibPosition.position(el);\n\n expect(position).toEqual({\n width: 100,\n height: 100,\n top: 2,\n left: 2\n });\n });\n\n it('gets position with an element as the relative parent', function() {\n el = angular.element('
');\n\n $document.find('body').append(el);\n\n var outerEl = angular.element(document.getElementById('outer'));\n var innerEl = angular.element(document.getElementById('inner'));\n\n spyOn(outerEl[0], 'getBoundingClientRect').and.returnValue({\n width: 100,\n height: 100,\n top: 2,\n left: 2\n });\n spyOn(innerEl[0], 'getBoundingClientRect').and.returnValue({\n width: 20,\n height: 20,\n top: 5,\n left: 5\n });\n\n var position = $uibPosition.position(innerEl);\n\n expect(position).toEqual({\n width: 20,\n height: 20,\n top: 3,\n left: 3\n });\n });\n });\n\n describe('isScrollable', function() {\n var el;\n\n afterEach(function() {\n el.remove();\n });\n\n it('should return true if the element is scrollable', function() {\n el = angular.element('
');\n $document.find('body').append(el);\n expect($uibPosition.isScrollable(el)).toBe(true);\n });\n\n it('should return false if the element is scrollable', function() {\n el = angular.element('
');\n $document.find('body').append(el);\n expect($uibPosition.isScrollable(el)).toBe(false);\n });\n\n });\n\n describe('scrollParent', function() {\n var el;\n\n afterEach(function() {\n el.remove();\n });\n\n it('gets the closest scrollable ancestor', function() {\n el = angular.element('
');\n\n $document.find('body').css({overflow: 'auto'}).append(el);\n\n var outerEl = document.getElementById('outer');\n var innerEl = document.getElementById('inner');\n\n var scrollParent = $uibPosition.scrollParent(innerEl);\n expect(scrollParent).toEqual(outerEl);\n });\n\n it('gets the closest scrollable ancestor with overflow-x: scroll', function() {\n el = angular.element('
');\n\n $document.find('body').css({overflow: 'auto'}).append(el);\n\n var outerEl = document.getElementById('outer');\n var innerEl = document.getElementById('inner');\n\n var scrollParent = $uibPosition.scrollParent(innerEl);\n expect(scrollParent).toEqual(outerEl);\n });\n\n it('gets the closest scrollable ancestor with overflow-y: hidden', function() {\n el = angular.element('
');\n\n $document.find('body').css({overflow: 'auto'}).append(el);\n\n var outerEl = document.getElementById('outer');\n var innerEl = document.getElementById('inner');\n\n var scrollParent = $uibPosition.scrollParent(innerEl, true);\n expect(scrollParent).toEqual(outerEl);\n });\n\n it('gets the document element if no scrollable ancestor exists', function() {\n el = angular.element('
');\n\n $document.find('body').css({overflow: ''}).append(el);\n\n var innerEl = document.getElementById('inner');\n\n var scrollParent = $uibPosition.scrollParent(innerEl);\n expect(scrollParent).toEqual($document[0].documentElement);\n });\n\n it('gets the closest scrollable ancestor after a positioned ancestor when positioned absolute', function() {\n el = angular.element('
');\n\n $document.find('body').css({overflow: 'auto'}).append(el);\n\n var outerEl = document.getElementById('outer');\n var innerEl = document.getElementById('inner');\n\n var scrollParent = $uibPosition.scrollParent(innerEl);\n expect(scrollParent).toEqual(outerEl);\n });\n });\n\n describe('positionElements - append-to-body: false', function() {\n var el;\n\n beforeEach(function() {\n //mock position info normally queried from the DOM\n $uibPosition.position = function() {\n return {\n width: 20,\n height: 20,\n top: 100,\n left: 100\n };\n };\n });\n\n it('should position element on top-center by default', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'other')).toBePositionedAt(90, 105);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top')).toBePositionedAt(90, 105);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top-center')).toBePositionedAt(90, 105);\n });\n\n it('should position on top-left', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top-left')).toBePositionedAt(90, 100);\n });\n\n it('should position on top-right', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top-right')).toBePositionedAt(90, 110);\n });\n\n it('should position elements on bottom-center when \"bottom\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom')).toBePositionedAt(120, 105);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom-center')).toBePositionedAt(120, 105);\n });\n\n it('should position elements on bottom-left', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom-left')).toBePositionedAt(120, 100);\n });\n\n it('should position elements on bottom-right', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom-right')).toBePositionedAt(120, 110);\n });\n\n it('should position elements on left-center when \"left\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left')).toBePositionedAt(105, 90);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left-center')).toBePositionedAt(105, 90);\n });\n\n it('should position elements on left-top when \"left-top\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left-top')).toBePositionedAt(100, 90);\n });\n\n it('should position elements on left-bottom when \"left-bottom\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left-bottom')).toBePositionedAt(110, 90);\n });\n\n it('should position elements on right-center when \"right\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right')).toBePositionedAt(105, 120);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right-center')).toBePositionedAt(105, 120);\n });\n\n it('should position elements on right-top when \"right-top\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right-top')).toBePositionedAt(100, 120);\n });\n\n it('should position elements on right-top when \"right-top\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right-bottom')).toBePositionedAt(110, 120);\n });\n });\n\n describe('positionElements - append-to-body: true', function() {\n beforeEach(function() {\n //mock offset info normally queried from the DOM\n $uibPosition.offset = function() {\n return {\n width: 20,\n height: 20,\n top: 100,\n left: 100\n };\n };\n });\n\n it('should position element on top-center by default', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'other', true)).toBePositionedAt(90, 105);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top', true)).toBePositionedAt(90, 105);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top-center', true)).toBePositionedAt(90, 105);\n });\n\n it('should position on top-left', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top-left', true)).toBePositionedAt(90, 100);\n });\n\n it('should position on top-right', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'top-right', true)).toBePositionedAt(90, 110);\n });\n\n it('should position elements on bottom-center when \"bottom\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom', true)).toBePositionedAt(120, 105);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom-center', true)).toBePositionedAt(120, 105);\n });\n\n it('should position elements on bottom-left', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom-left', true)).toBePositionedAt(120, 100);\n });\n\n it('should position elements on bottom-right', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'bottom-right', true)).toBePositionedAt(120, 110);\n });\n\n it('should position elements on left-center when \"left\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left', true)).toBePositionedAt(105, 90);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left-center', true)).toBePositionedAt(105, 90);\n });\n\n it('should position elements on left-top when \"left-top\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left-top', true)).toBePositionedAt(100, 90);\n });\n\n it('should position elements on left-bottom when \"left-bottom\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'left-bottom', true)).toBePositionedAt(110, 90);\n });\n\n it('should position elements on right-center when \"right\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right', true)).toBePositionedAt(105, 120);\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right-center', true)).toBePositionedAt(105, 120);\n });\n\n it('should position elements on right-top when \"right-top\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right-top', true)).toBePositionedAt(100, 120);\n });\n\n it('should position elements on right-bottom when \"right-bottom\" specified', function() {\n expect($uibPosition.positionElements({}, new TargetElMock(10, 10), 'right-bottom', true)).toBePositionedAt(110, 120);\n });\n });\n\n describe('smart positioning', function() {\n var viewportOffset, el;\n\n beforeEach(function() {\n el = angular.element('
');\n $document.find('body').append(el);\n\n //mock position info normally queried from the DOM\n $uibPosition.position = function() {\n return {\n width: 40,\n height: 40,\n top: 100,\n left: 100\n };\n };\n\n viewportOffset = {\n width: 10,\n height: 10,\n top: 10,\n bottom: 10,\n left: 10,\n right: 10\n };\n\n $uibPosition.viewportOffset = function() {\n return viewportOffset;\n };\n });\n\n afterEach(function() {\n el.remove();\n });\n\n // tests primary top -> bottom\n // tests secondary left -> right\n it('should position element on bottom-right when top-left does not fit', function() {\n viewportOffset.bottom = 20;\n viewportOffset.left = 20;\n el.css({ width: '60px', height: '20px' });\n expect($uibPosition.positionElements({}, el, 'auto top-left')).toBePositionedAt(140, 80);\n });\n\n // tests primary bottom -> top\n // tests secondary right -> left\n it('should position element on top-left when bottom-right does not fit', function() {\n viewportOffset.top = 20;\n viewportOffset.right = 20;\n el.css({ width: '60px', height: '20px' });\n expect($uibPosition.positionElements({}, el, 'auto bottom-right')).toBePositionedAt(80, 100);\n });\n\n // tests primary left -> right\n // tests secondary top -> bottom\n it('should position element on right-bottom when left-top does not fit', function() {\n viewportOffset.top = 20;\n viewportOffset.right = 20;\n el.css({ width: '20px', height: '60px' });\n expect($uibPosition.positionElements({}, el, 'auto left-top')).toBePositionedAt(80, 140);\n });\n\n // tests primary right -> left\n // tests secondary bottom -> top\n it('should position element on left-top when right-bottom does not fit', function() {\n viewportOffset.bottom = 20;\n viewportOffset.left = 20;\n el.css({ width: '20px', height: '60px' });\n expect($uibPosition.positionElements({}, el, 'auto right-bottom')).toBePositionedAt(100, 80);\n });\n\n // tests vertical center -> top\n it('should position element on left-top when left-center does not fit vetically', function() {\n viewportOffset.bottom = 100;\n el.css({ width: '20px', height: '120px' });\n expect($uibPosition.positionElements({}, el, 'auto left')).toBePositionedAt(100, 80);\n });\n\n // tests vertical center -> bottom\n it('should position element on left-bottom when left-center does not fit vertically', function() {\n viewportOffset.top = 100;\n el.css({ width: '20px', height: '120px' });\n expect($uibPosition.positionElements({}, el, 'auto left')).toBePositionedAt(20, 80);\n });\n\n // tests horizontal center -> left\n it('should position element on top-left when top-center does not fit horizontally', function() {\n viewportOffset.right = 100;\n el.css({ width: '120px', height: '20px' });\n expect($uibPosition.positionElements({}, el, 'auto top')).toBePositionedAt(80, 100);\n });\n\n // tests horizontal center -> right\n it('should position element on top-right when top-center does not fit horizontally', function() {\n viewportOffset.left = 100;\n el.css({ width: '120px', height: '20px' });\n expect($uibPosition.positionElements({}, el, 'auto top')).toBePositionedAt(80, 20);\n });\n });\n});\n"
},
{
"path": "src/position/test/test.html",
"content": "\n\n\n
\n \n \n \n \n\n\n
Within body \n\n
Content
\n\n
Within statically positioned DIV \n\n
\n\n
Within relative-positioned DIV - position specified in CSS \n\n
\n\n
Within relative-positioned DIV \n\n
\n\n
Within absolute-positioned DIV \n\n
\n\n
Within overflowing absolute-positioned DIV \n
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non velit nulla. Suspendisse sit amet tempus diam. Sed at ultricies neque. Suspendisse id felis a sem placerat ornare. Donec auctor, purus at molestie tempor, arcu enim molestie lacus, ac imperdiet massa urna eu massa. Praesent velit tellus, scelerisque a fermentum ut, ornare in diam. Phasellus egestas molestie feugiat. Vivamus sit amet viverra metus.\n
Content absolute overflow
\n
\n\n
\n
\n
\n\n
Next to a float element \n\n
\n\n
Within a table \n
\n \n Some other content \n \n Content
\n \n \n
\n\n
Within a table that is inside a relative-positioned DIV \n\n
\n
\n \n Some other content \n \n Content
\n \n \n
\n
\n\n
Inside svg \n\n
\n \n \n \n\n\n
Inside looong text \n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non velit nulla. Suspendisse sit amet tempus diam. Sed at ultricies neque. Suspendisse id felis a sem placerat ornare. Donec auctor, purus at molestie tempor, arcu enim molestie lacus, ac imperdiet massa urna eu massa. Praesent velit tellus, scelerisque a fermentum ut, ornare in diam. Phasellus egestas molestie feugiat. Vivamus sit amet viverra metus.
\n
Etiam ultricies odio commodo erat ullamcorper sodales. Nullam ac dui ac libero dictum mollis. Quisque convallis adipiscing facilisis. In nec nisi velit, id auctor lectus. Cras interdum urna non felis lacinia vulputate. Integer dignissim, mi aliquam gravida auctor, massa odio cursus lorem, eu ultrices eros nisl tempus diam. Maecenas tristique pellentesque nisi sed adipiscing. Aenean hendrerit sapien quis arcu lobortis vitae pulvinar ante volutpat. Morbi consectetur erat eu lacus facilisis eu ullamcorper orci euismod. Quisque diam dui, interdum in suscipit et, fringilla non justo. Pellentesque non nibh odio. Proin sit amet massa sem.
\n
Nam in urna erat, at congue nisi. Donec eu tellus lorem, sed facilisis tellus. Aliquam suscipit faucibus ipsum, at hendrerit metus interdum at. Integer et eros ac lacus vulputate sagittis quis quis erat. Suspendisse consectetur vehicula purus vitae imperdiet. Suspendisse in augue magna, quis imperdiet enim. Nullam non diam ac erat auctor bibendum. Praesent ante mauris, egestas sit amet molestie sed, tristique at lorem. Nam at mi ac nisl venenatis semper nec eget mi. Pellentesque a lectus ac leo feugiat suscipit. Quisque tristique dui nec urna placerat a viverra mi iaculis. Ut et tellus et turpis sagittis iaculis nec eu magna. Sed quis nunc non arcu tincidunt ultricies viverra id mauris.
\n
Curabitur luctus rutrum ultricies. Aenean ut rutrum orci. Sed molestie lorem in leo cursus id feugiat nisi scelerisque. Maecenas pulvinar neque nec lacus feugiat dictum. Donec viverra felis nec nisi mollis feugiat. Phasellus vehicula, ligula at mattis porttitor, sapien urna hendrerit quam, at fringilla nisl quam vel elit. In eu lacus ligula. Praesent eget gravida nisl. Suspendisse velit diam, pellentesque a tempus quis, vestibulum vel leo.
\n
Maecenas feugiat ultrices laoreet. Sed congue posuere diam ac faucibus. Pellentesque eget leo ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed nec quam eu tellus sagittis cursus a sit amet eros. Mauris sit amet orci at orci vulputate commodo ut ut nunc. Etiam sagittis erat ut nisi ultricies feugiat. Morbi sed eros nisi. Cras vitae augue in risus aliquet commodo non id est.
\n
HERE
\n
Maecenas laoreet nisi pretium elit bibendum eget tempor nunc aliquet. Vivamus interdum nisi sit amet tortor fermentum congue. Suspendisse at posuere erat. Aliquam hendrerit ultricies nunc non adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis molestie viverra nulla a aliquet. Nullam non eros vel sem vehicula suscipit. Ut sit amet arcu ac tortor dignissim viverra in a ligula.
\n\n\n
\n
Within fixed div \n
Content
\n
\n\n\n\n\n"
},
{
"path": "src/progressbar/docs/demo.html",
"content": "
\n\n
Static \n
\n\n
\n
Dynamic Randomize \n
{{dynamic}} / {{max}} \n \n
No animation \n
{{dynamic}}% \n\n
Object (changes type based on value) \n
{{type}} !!! Watch out !!! \n \n
\n
Stacked Randomize \n
{{bar.value}}% \n\n
"
},
{
"path": "src/progressbar/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('ProgressDemoCtrl', function ($scope) {\n $scope.max = 200;\n\n $scope.random = function() {\n var value = Math.floor(Math.random() * 100 + 1);\n var type;\n\n if (value < 25) {\n type = 'success';\n } else if (value < 50) {\n type = 'info';\n } else if (value < 75) {\n type = 'warning';\n } else {\n type = 'danger';\n }\n\n $scope.showWarning = type === 'danger' || type === 'warning';\n\n $scope.dynamic = value;\n $scope.type = type;\n };\n\n $scope.random();\n\n $scope.randomStacked = function() {\n $scope.stacked = [];\n var types = ['success', 'info', 'warning', 'danger'];\n\n for (var i = 0, n = Math.floor(Math.random() * 4 + 1); i < n; i++) {\n var index = Math.floor(Math.random() * 4);\n $scope.stacked.push({\n value: Math.floor(Math.random() * 30 + 1),\n type: types[index]\n });\n }\n };\n\n $scope.randomStacked();\n});\n"
},
{
"path": "src/progressbar/docs/readme.md",
"content": "A progress bar directive that is focused on providing feedback on the progress of a workflow or action.\n\nIt supports multiple (stacked) `
` into the same `` element or a single `` element with optional `max` attribute and transition animations.\n\n### uib-progressbar settings\n\n* `value`\n $ \n $ \n C \n $ \n C \n _(Default: `true`)_ -\n Whether bars use transitions to achieve the width change.\n\n* `title`\n _(Default: `progressbar`)_ -\n Title to use as label (for accessibility).\n \n### uib-progress settings\n\n* `max`\n $ \n C \n $ \n C \n _(Default: `true`)_ -\n Whether bars use transitions to achieve the width change.\n\n* `title`\n _(Default: `progressbar`)_ -\n Title to use as label (for accessibility).\n \n### uib-bar settings\n\n* `value`\n $ \n {{value}} % ')($rootScope);\n $rootScope.$digest();\n }));\n\n var BAR_CLASS = 'progress-bar';\n\n function getBar(i) {\n return element.children().eq(i);\n }\n\n it('has a \"progress\" css class', function() {\n expect(element).toHaveClass('progress');\n });\n\n it('contains one child element with \"bar\" css class', function() {\n expect(element.children().length).toBe(1);\n expect(getBar(0)).toHaveClass(BAR_CLASS);\n });\n\n it('has a \"bar\" element with expected width', function() {\n expect(getBar(0).css('width')).toBe('22%');\n });\n\n it('has the appropriate aria markup', function() {\n var bar = getBar(0);\n expect(bar.attr('role')).toBe('progressbar');\n expect(bar.attr('aria-valuemin')).toBe('0');\n expect(bar.attr('aria-valuemax')).toBe('100');\n expect(bar.attr('aria-valuenow')).toBe('22');\n expect(bar.attr('aria-valuetext')).toBe('22%');\n expect(bar.attr('aria-labelledby')).toBe('foo');\n });\n\n it('has the default aria-labelledby value of `progressbar`', function() {\n element = $compile('{{value}} % ')($rootScope);\n $rootScope.$digest();\n var bar = getBar(0);\n expect(bar.attr('aria-labelledby')).toBe('progressbar');\n });\n\n it('transcludes \"bar\" text', function() {\n expect(getBar(0).text()).toBe('22 %');\n });\n\n it('it should be possible to add additional classes', function() {\n element = $compile('{{value}}/{{max}} ')($rootScope);\n $rootScope.$digest();\n }));\n\n it('has the appropriate aria markup', function() {\n expect(getBar(0).attr('aria-valuemax')).toBe('200');\n });\n\n it('adjusts the \"bar\" width', function() {\n expect(element.children().eq(0).css('width')).toBe('11%');\n });\n\n it('adjusts the \"bar\" width when value changes', function() {\n $rootScope.value = 60;\n $rootScope.$digest();\n expect(getBar(0).css('width')).toBe('30%');\n\n $rootScope.value += 12;\n $rootScope.$digest();\n expect(getBar(0).css('width')).toBe('36%');\n\n $rootScope.value = 0;\n $rootScope.$digest();\n expect(getBar(0).css('width')).toBe('0%');\n });\n\n it('transcludes \"bar\" text', function() {\n expect(getBar(0).text()).toBe('22/200');\n });\n\n it('adjusts the valuemax when it changes', function() {\n expect(getBar(0).attr('aria-valuemax')).toBe('200');\n $rootScope.max = 300;\n $rootScope.$digest();\n expect(getBar(0).attr('aria-valuemax')).toBe('300');\n });\n });\n\n describe('\"max\" attribute using object', function() {\n beforeEach(inject(function() {\n element = $compile('{{settings.value}}/{{settings.max}} ')($rootScope);\n $rootScope.$digest();\n }));\n\n it('should not modify outside object', function() {\n if (typeof $rootScope.settings === 'object') {\n // angular set's up the nested object therefore we have to check like this to avoid test crash\n expect($rootScope.settings.max).toBeUndefined();\n }\n expect($rootScope.settings).toBeUndefined();\n expect(getBar(0).attr('aria-valuemax')).toBe('100');\n $rootScope.settings = {\n max: 300,\n value: 40\n };\n $rootScope.$digest();\n expect($rootScope.settings.max).toBe(300);\n expect(getBar(0).attr('aria-valuemax')).toBe('300');\n });\n });\n\n\n describe('\"type\" attribute', function() {\n beforeEach(inject(function() {\n $rootScope.type = 'success';\n element = $compile('{{o.value}} {{o.value}} {{o.value}}/{{max}} \n
Default \n
\n
=30 && percent<70, 'label-success': percent>=70}\" ng-show=\"overStar && !isReadonly\">{{percent}}% \n\n
Rate: {{rate}} - Readonly is: {{isReadonly}} - Hovering over: {{overStar || \"none\"}} \n\n
Clear \n
Toggle Readonly \n
\n\n
Custom icons \n
(Rate: {{x}})
\n
(Rate: {{y}})
\n
$ \n C \n _(Default: `5`)_ -\n Changes the number of icons.\n\n* `ng-model`\n $ \n $ -\n An optional expression called when user's mouse is over a particular icon.\n\n* `on-leave()`\n $ -\n An optional expression called when user's mouse leaves the control altogether.\n\n* `rating-states`\n $ \n _(Default: `null`)_ -\n An array of objects defining properties for all icons. In default template, `stateOn` & `stateOff` property is used to specify the icon's class.\n\n* `read-only`\n $ \n $ \n C \n _(Default: ['one', 'two', 'three', 'four', 'five']`)_ -\n An array of strings defining titles for all icons.\n\n* `enable-reset`\n $ \n _(Default: `true`)_ -\n Clicking the icon of the current rating will reset the rating to 0.\n\n* `state-off`\n $ \n C \n _(Default: `null`)_ -\n A variable used in the template to specify the state for unselected icons.\n\n* `state-on`\n $ \n C \n _(Default: `null`)_ -\n \tA variable used in the template to specify the state (class, src, etc) for selected icons.\n"
},
{
"path": "src/rating/index.js",
"content": "require('../../template/rating/rating.html.js');\nrequire('./rating');\n\nvar MODULE_NAME = 'ui.bootstrap.module.rating';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.rating', 'uib/template/rating/rating.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/rating/rating.js",
"content": "angular.module('ui.bootstrap.rating', [])\n\n.constant('uibRatingConfig', {\n max: 5,\n stateOn: null,\n stateOff: null,\n enableReset: true,\n titles: ['one', 'two', 'three', 'four', 'five']\n})\n\n.controller('UibRatingController', ['$scope', '$attrs', 'uibRatingConfig', function($scope, $attrs, ratingConfig) {\n var ngModelCtrl = { $setViewValue: angular.noop },\n self = this;\n\n this.init = function(ngModelCtrl_) {\n ngModelCtrl = ngModelCtrl_;\n ngModelCtrl.$render = this.render;\n\n ngModelCtrl.$formatters.push(function(value) {\n if (angular.isNumber(value) && value << 0 !== value) {\n value = Math.round(value);\n }\n\n return value;\n });\n\n this.stateOn = angular.isDefined($attrs.stateOn) ? $scope.$parent.$eval($attrs.stateOn) : ratingConfig.stateOn;\n this.stateOff = angular.isDefined($attrs.stateOff) ? $scope.$parent.$eval($attrs.stateOff) : ratingConfig.stateOff;\n this.enableReset = angular.isDefined($attrs.enableReset) ?\n $scope.$parent.$eval($attrs.enableReset) : ratingConfig.enableReset;\n var tmpTitles = angular.isDefined($attrs.titles) ? $scope.$parent.$eval($attrs.titles) : ratingConfig.titles;\n this.titles = angular.isArray(tmpTitles) && tmpTitles.length > 0 ?\n tmpTitles : ratingConfig.titles;\n\n var ratingStates = angular.isDefined($attrs.ratingStates) ?\n $scope.$parent.$eval($attrs.ratingStates) :\n new Array(angular.isDefined($attrs.max) ? $scope.$parent.$eval($attrs.max) : ratingConfig.max);\n $scope.range = this.buildTemplateObjects(ratingStates);\n };\n\n this.buildTemplateObjects = function(states) {\n for (var i = 0, n = states.length; i < n; i++) {\n states[i] = angular.extend({ index: i }, { stateOn: this.stateOn, stateOff: this.stateOff, title: this.getTitle(i) }, states[i]);\n }\n return states;\n };\n\n this.getTitle = function(index) {\n if (index >= this.titles.length) {\n return index + 1;\n }\n\n return this.titles[index];\n };\n\n $scope.rate = function(value) {\n if (!$scope.readonly && value >= 0 && value <= $scope.range.length) {\n var newViewValue = self.enableReset && ngModelCtrl.$viewValue === value ? 0 : value;\n ngModelCtrl.$setViewValue(newViewValue);\n ngModelCtrl.$render();\n }\n };\n\n $scope.enter = function(value) {\n if (!$scope.readonly) {\n $scope.value = value;\n }\n $scope.onHover({value: value});\n };\n\n $scope.reset = function() {\n $scope.value = ngModelCtrl.$viewValue;\n $scope.onLeave();\n };\n\n $scope.onKeydown = function(evt) {\n if (/(37|38|39|40)/.test(evt.which)) {\n evt.preventDefault();\n evt.stopPropagation();\n $scope.rate($scope.value + (evt.which === 38 || evt.which === 39 ? 1 : -1));\n }\n };\n\n this.render = function() {\n $scope.value = ngModelCtrl.$viewValue;\n $scope.title = self.getTitle($scope.value - 1);\n };\n}])\n\n.directive('uibRating', function() {\n return {\n require: ['uibRating', 'ngModel'],\n restrict: 'A',\n scope: {\n readonly: '=?readOnly',\n onHover: '&',\n onLeave: '&'\n },\n controller: 'UibRatingController',\n templateUrl: 'uib/template/rating/rating.html',\n link: function(scope, element, attrs, ctrls) {\n var ratingCtrl = ctrls[0], ngModelCtrl = ctrls[1];\n ratingCtrl.init(ngModelCtrl);\n }\n };\n});\n"
},
{
"path": "src/rating/test/rating.spec.js",
"content": "describe('rating directive', function() {\n var $rootScope, $compile, element, innerElem;\n beforeEach(module('ui.bootstrap.rating'));\n beforeEach(module('uib/template/rating/rating.html'));\n beforeEach(inject(function(_$compile_, _$rootScope_) {\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n $rootScope.rate = 3;\n element = $compile('foo ')($rootScope);\n $rootScope.$digest();\n }));\n\n it('should toggle the tabindex on disabled toggle', function() {\n expect(element.prop('tabindex')).toBe(0);\n\n $rootScope.disabled = true;\n $rootScope.$digest();\n\n expect(element.prop('tabindex')).toBe(-1);\n\n $rootScope.disabled = false;\n $rootScope.$digest();\n\n expect(element.prop('tabindex')).toBe(0);\n });\n});\n"
},
{
"path": "src/tabs/docs/demo.html",
"content": "\n\n\n
Select a tab by setting active binding to true:
\n
\n Select second tab \n Select third tab \n
\n
\n Enable / Disable third tab \n
\n
\n\n
\n Static content \n \n {{tab.content}}\n \n \n \n \n I've got an HTML heading, and a select callback. Pretty cool!\n \n \n\n
\n\n
\n Vertical content 1 \n Vertical content 2 \n \n\n
\n\n
\n Justified content \n Short Labeled Justified content \n Long Labeled Justified content \n \n\n
\n\n Tabbed pills with CSS classes\n
\n Tab 1 content \n Tab 2 content \n \n\n
\n\n Tabs using nested forms:\n
\n Model:\n
{{ model | json }} \n Nested Form:\n
{{ outerForm.nestedForm | json }} \n
$ \n _(Default: `false`)_ -\n Whether tabs fill the container and have a consistent width.\n\n * `template-url`\n _(Default: `uib/template/tabs/tabset.html`)_ -\n A URL representing the location of a template to use for the main component.\n\n* `type`\n _(Defaults: `tabs`)_ -\n Navigation type. Possible values are 'tabs' and 'pills'.\n\n* `vertical`\n $ \n _(Default: `false`)_ -\n Whether tabs appear vertically stacked.\n\n### uib-tab settings\n\n* `classes`\n $ -\n An optional string of space-separated CSS classes.\n\n* `deselect()`\n $ -\n An optional expression called when tab is deactivated. Supports `$event` and `$selectedIndex` in template for expression. You may call `$event.preventDefault()` in this event handler to prevent a tab change from occurring. The `$selectedIndex` can be used to determine which tab was attempted to be opened.\n\n* `disable`\n $ \n $ -\n An optional expression called when tab is activated. Supports $event in template for expression.\n\n* `template-url`\n _(Default: `uib/template/tabs/tab.html`)_ -\n A URL representing the location of a template to use for the tab heading.\n\n### Tabset heading\n\nInstead of the `heading` attribute on the `uib-tabset`, you can use an `uib-tab-heading` element inside a tabset that will be used as the tabset's header. There you can use HTML as well.\n\n### Known issues\n\nTo use clickable elements within the tab, you have override the tab template to use div elements instead of anchor elements, and replicate the desired styles from Bootstrap's CSS. This is due to browsers interpreting anchor elements as the target of any click event, which triggers routing when certain elements such as buttons are nested inside the anchor element.\n"
},
{
"path": "src/tabs/index.js",
"content": "require('../../template/tabs/tab.html.js');\nrequire('../../template/tabs/tabset.html.js');\nrequire('./tabs');\n\nvar MODULE_NAME = 'ui.bootstrap.module.tabs';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.tabs', 'uib/template/tabs/tab.html', 'uib/template/tabs/tabset.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/tabs/tabs.js",
"content": "angular.module('ui.bootstrap.tabs', [])\n\n.controller('UibTabsetController', ['$scope', function ($scope) {\n var ctrl = this,\n oldIndex;\n ctrl.tabs = [];\n\n ctrl.select = function(index, evt) {\n if (!destroyed) {\n var previousIndex = findTabIndex(oldIndex);\n var previousSelected = ctrl.tabs[previousIndex];\n if (previousSelected) {\n previousSelected.tab.onDeselect({\n $event: evt,\n $selectedIndex: index\n });\n if (evt && evt.isDefaultPrevented()) {\n return;\n }\n previousSelected.tab.active = false;\n }\n\n var selected = ctrl.tabs[index];\n if (selected) {\n selected.tab.onSelect({\n $event: evt\n });\n selected.tab.active = true;\n ctrl.active = selected.index;\n oldIndex = selected.index;\n } else if (!selected && angular.isDefined(oldIndex)) {\n ctrl.active = null;\n oldIndex = null;\n }\n }\n };\n\n ctrl.addTab = function addTab(tab) {\n ctrl.tabs.push({\n tab: tab,\n index: tab.index\n });\n ctrl.tabs.sort(function(t1, t2) {\n if (t1.index > t2.index) {\n return 1;\n }\n\n if (t1.index < t2.index) {\n return -1;\n }\n\n return 0;\n });\n\n if (tab.index === ctrl.active || !angular.isDefined(ctrl.active) && ctrl.tabs.length === 1) {\n var newActiveIndex = findTabIndex(tab.index);\n ctrl.select(newActiveIndex);\n }\n };\n\n ctrl.removeTab = function removeTab(tab) {\n var index;\n for (var i = 0; i < ctrl.tabs.length; i++) {\n if (ctrl.tabs[i].tab === tab) {\n index = i;\n break;\n }\n }\n\n if (ctrl.tabs[index].index === ctrl.active) {\n var newActiveTabIndex = index === ctrl.tabs.length - 1 ?\n index - 1 : index + 1 % ctrl.tabs.length;\n ctrl.select(newActiveTabIndex);\n }\n\n ctrl.tabs.splice(index, 1);\n };\n\n $scope.$watch('tabset.active', function(val) {\n if (angular.isDefined(val) && val !== oldIndex) {\n ctrl.select(findTabIndex(val));\n }\n });\n\n var destroyed;\n $scope.$on('$destroy', function() {\n destroyed = true;\n });\n\n function findTabIndex(index) {\n for (var i = 0; i < ctrl.tabs.length; i++) {\n if (ctrl.tabs[i].index === index) {\n return i;\n }\n }\n }\n}])\n\n.directive('uibTabset', function() {\n return {\n transclude: true,\n replace: true,\n scope: {},\n bindToController: {\n active: '=?',\n type: '@'\n },\n controller: 'UibTabsetController',\n controllerAs: 'tabset',\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/tabs/tabset.html';\n },\n link: function(scope, element, attrs) {\n scope.vertical = angular.isDefined(attrs.vertical) ?\n scope.$parent.$eval(attrs.vertical) : false;\n scope.justified = angular.isDefined(attrs.justified) ?\n scope.$parent.$eval(attrs.justified) : false;\n }\n };\n})\n\n.directive('uibTab', ['$parse', function($parse) {\n return {\n require: '^uibTabset',\n replace: true,\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || 'uib/template/tabs/tab.html';\n },\n transclude: true,\n scope: {\n heading: '@',\n index: '=?',\n classes: '@?',\n onSelect: '&select', //This callback is called in contentHeadingTransclude\n //once it inserts the tab's content into the dom\n onDeselect: '&deselect'\n },\n controller: function() {\n //Empty controller so other directives can require being 'under' a tab\n },\n controllerAs: 'tab',\n link: function(scope, elm, attrs, tabsetCtrl, transclude) {\n scope.disabled = false;\n if (attrs.disable) {\n scope.$parent.$watch($parse(attrs.disable), function(value) {\n scope.disabled = !! value;\n });\n }\n\n if (angular.isUndefined(attrs.index)) {\n if (tabsetCtrl.tabs && tabsetCtrl.tabs.length) {\n scope.index = Math.max.apply(null, tabsetCtrl.tabs.map(function(t) { return t.index; })) + 1;\n } else {\n scope.index = 0;\n }\n }\n\n if (angular.isUndefined(attrs.classes)) {\n scope.classes = '';\n }\n\n scope.select = function(evt) {\n if (!scope.disabled) {\n var index;\n for (var i = 0; i < tabsetCtrl.tabs.length; i++) {\n if (tabsetCtrl.tabs[i].tab === scope) {\n index = i;\n break;\n }\n }\n\n tabsetCtrl.select(index, evt);\n }\n };\n\n tabsetCtrl.addTab(scope);\n scope.$on('$destroy', function() {\n tabsetCtrl.removeTab(scope);\n });\n\n //We need to transclude later, once the content container is ready.\n //when this link happens, we're inside a tab heading.\n scope.$transcludeFn = transclude;\n }\n };\n}])\n\n.directive('uibTabHeadingTransclude', function() {\n return {\n restrict: 'A',\n require: '^uibTab',\n link: function(scope, elm) {\n scope.$watch('headingElement', function updateHeadingElement(heading) {\n if (heading) {\n elm.html('');\n elm.append(heading);\n }\n });\n }\n };\n})\n\n.directive('uibTabContentTransclude', function() {\n return {\n restrict: 'A',\n require: '^uibTabset',\n link: function(scope, elm, attrs) {\n var tab = scope.$eval(attrs.uibTabContentTransclude).tab;\n\n //Now our tab is ready to be transcluded: both the tab heading area\n //and the tab content area are loaded. Transclude 'em both.\n tab.$transcludeFn(tab.$parent, function(contents) {\n angular.forEach(contents, function(node) {\n if (isTabHeading(node)) {\n //Let tabHeadingTransclude know.\n tab.headingElement = node;\n } else {\n elm.append(node);\n }\n });\n });\n }\n };\n\n function isTabHeading(node) {\n return node.tagName && (\n node.hasAttribute('uib-tab-heading') ||\n node.hasAttribute('data-uib-tab-heading') ||\n node.hasAttribute('x-uib-tab-heading') ||\n node.tagName.toLowerCase() === 'uib-tab-heading' ||\n node.tagName.toLowerCase() === 'data-uib-tab-heading' ||\n node.tagName.toLowerCase() === 'x-uib-tab-heading' ||\n node.tagName.toLowerCase() === 'uib:tab-heading'\n );\n }\n});\n"
},
{
"path": "src/tabs/test/tabs.spec.js",
"content": "describe('tabs', function() {\n var elm, scope;\n\n beforeEach(module('ui.bootstrap.tabs'));\n beforeEach(module('uib/template/tabs/tabset.html'));\n beforeEach(module('uib/template/tabs/tab.html'));\n\n function titles() {\n return elm.find('ul.nav-tabs li');\n }\n function contents() {\n return elm.find('div.tab-content div.tab-pane');\n }\n\n function expectTitles(titlesArray) {\n var t = titles();\n expect(t.length).toEqual(titlesArray.length);\n for (var i = 0; i < t.length; i++) {\n expect(t.eq(i).text().trim()).toEqual(titlesArray[i]);\n }\n }\n\n function expectContents(contentsArray) {\n var c = contents();\n expect(c.length).toEqual(contentsArray.length);\n for (var i = 0; i < c.length; i++) {\n expect(c.eq(i).text().trim()).toEqual(contentsArray[i]);\n }\n }\n\n describe('basics', function() {\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n scope.first = '1';\n scope.second = '2';\n scope.third = '3';\n scope.active = 1;\n scope.firstClass = 'first-class';\n scope.secondClass = 'second-class-1 second-class-2';\n scope.selectFirst = jasmine.createSpy();\n scope.selectSecond = jasmine.createSpy();\n scope.deselectFirst = jasmine.createSpy();\n scope.deselectSecond = jasmine.createSpy();\n scope.deselectThird = function($event) {\n $event.preventDefault();\n };\n elm = $compile([\n '',\n ' ',\n ' first content is {{first}}',\n ' ',\n ' ',\n ' Second Tab {{second}} ',\n ' ',\n ' Second Tab {{third}} ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n return elm;\n }));\n\n it('should pass class and other attributes on to tab template', function() {\n expect(elm).toHaveClass('hello');\n expect(elm.attr('data-pizza')).toBe('pepperoni');\n //Ensure that we have bootstrap 4 link class so things are future proofed.\n var link = $(elm.find('a')[0]);\n expect(link).toHaveClass('nav-link');\n });\n\n it('should create clickable titles', function() {\n var t = titles();\n expect(t.length).toBe(3);\n expect(t.find('> a').eq(0).text()).toBe('First Tab 1');\n //It should put the uib-tab-heading element into the 'a' title\n expect(t.find('> a').eq(1).children().is('uib-tab-heading')).toBe(true);\n expect(t.find('> a').eq(1).children().html()).toBe('Second Tab 2');\n });\n\n it('should bind tabs content and set first tab active', function() {\n expectContents(['first content is 1', 'second content is 2', 'third content is 3']);\n expect(titles().eq(0)).toHaveClass('active');\n expect(titles().eq(1)).not.toHaveClass('active');\n expect(scope.active).toBe(1);\n });\n\n it('should set optional classes on each tab', function() {\n expect(titles().eq(0)).toHaveClass(scope.firstClass);\n\n var secondClassArr = scope.secondClass.split(' ');\n secondClassArr.forEach(function(clazz) {\n expect(titles().eq(1)).toHaveClass(clazz);\n });\n });\n\n it('should change active on click', function() {\n titles().eq(1).find('> a').click();\n expect(contents().eq(1)).toHaveClass('active');\n expect(titles().eq(0)).not.toHaveClass('active');\n expect(titles().eq(1)).toHaveClass('active');\n expect(scope.active).toBe(2);\n });\n\n it('should call select callback on select', function() {\n expect(scope.selectFirst.calls.count()).toBe(1);\n titles().eq(1).find('> a').click();\n expect(scope.selectSecond).toHaveBeenCalled();\n expect(scope.selectSecond.calls.argsFor(0)[0].target).toBe(titles().eq(1).find('> a')[0]);\n titles().eq(0).find('> a').click();\n expect(scope.selectFirst).toHaveBeenCalled();\n expect(scope.selectFirst.calls.argsFor(1)[0].target).toBe(titles().eq(0).find('> a')[0]);\n });\n\n it('should call deselect callback on deselect', function() {\n titles().eq(1).find('> a').click();\n expect(scope.deselectFirst).toHaveBeenCalled();\n expect(scope.deselectFirst.calls.argsFor(0)[0].target).toBe(titles().eq(1).find('> a')[0]);\n expect(scope.deselectFirst.calls.argsFor(0)[1]).toBe(1);\n titles().eq(0).find('> a').click();\n expect(scope.deselectSecond).toHaveBeenCalled();\n expect(scope.deselectSecond.calls.argsFor(0)[0].target).toBe(titles().eq(0).find('> a')[0]);\n expect(scope.deselectSecond.calls.argsFor(0)[1]).toBe(0);\n titles().eq(1).find('> a').click();\n expect(scope.deselectFirst.calls.count()).toBe(2);\n expect(scope.deselectFirst.calls.argsFor(1)[0].target).toBe(titles().eq(1).find('> a')[0]);\n expect(scope.deselectFirst.calls.argsFor(1)[1]).toBe(1);\n });\n\n it('should prevent tab deselection when $event.preventDefault() is called', function() {\n spyOn(scope, 'deselectThird');\n titles().eq(2).find('> a').click();\n expect(scope.active).toBe(3);\n titles().eq(1).find('> a').click();\n expect(scope.deselectThird).toHaveBeenCalled();\n expect(scope.active).not.toBe(1);\n expect(scope.active).toBe(2);\n });\n });\n\n describe('basics with initial active tab', function() {\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n\n function makeTab(index) {\n return {\n index: index,\n select: jasmine.createSpy()\n };\n }\n scope.tabs = [\n makeTab(1), makeTab(3), makeTab(5), makeTab(7)\n ];\n scope.active = 5;\n elm = $compile([\n '',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n }));\n\n function expectTabActive(activeTab) {\n var _titles = titles();\n angular.forEach(scope.tabs, function(tab, i) {\n if (activeTab === tab) {\n expect(scope.active).toBe(tab.index);\n //It should only call select ONCE for each select\n expect(tab.select).toHaveBeenCalled();\n expect(_titles.eq(i)).toHaveClass('active');\n expect(contents().eq(i)).toHaveClass('active');\n } else {\n expect(scope.active).not.toBe(tab.index);\n expect(_titles.eq(i)).not.toHaveClass('active');\n }\n });\n }\n\n it('should make tab titles and set active tab active', function() {\n expect(titles().length).toBe(scope.tabs.length);\n expectTabActive(scope.tabs[2]);\n });\n });\n\n describe('without active binding and index attributes', function() {\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n scope.first = '1';\n scope.second = '2';\n elm = $compile([\n '',\n ' ',\n ' first content is {{first}}',\n ' ',\n ' ',\n ' second content is {{second}}',\n ' ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n return elm;\n }));\n\n it('should bind tabs content and set first tab active', function() {\n expectContents(['first content is 1', 'second content is 2']);\n expect(titles().eq(0)).toHaveClass('active');\n expect(titles().eq(1)).not.toHaveClass('active');\n expect(elm.controller('uibTabset').active).toBe(0);\n });\n\n it('should change active on click', function() {\n titles().eq(1).find('> a').click();\n expect(contents().eq(1)).toHaveClass('active');\n expect(titles().eq(0)).not.toHaveClass('active');\n expect(titles().eq(1)).toHaveClass('active');\n expect(elm.controller('uibTabset').active).toBe(1);\n });\n });\n\n describe('index as strings', function() {\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n scope.first = 'one';\n scope.second = 'two';\n scope.active = 'two';\n elm = $compile([\n '',\n ' ',\n ' first content',\n ' ',\n ' ',\n ' second content',\n ' ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n return elm;\n }));\n\n it('should set second tab active', function() {\n expect(titles().eq(0)).not.toHaveClass('active');\n expect(titles().eq(1)).toHaveClass('active');\n expect(elm.controller('uibTabset').active).toBe('two');\n });\n\n it('should change active on click', function() {\n expect(titles().eq(0)).not.toHaveClass('active');\n titles().eq(0).find('> a').click();\n expect(titles().eq(0)).toHaveClass('active');\n expect(titles().eq(1)).not.toHaveClass('active');\n expect(elm.controller('uibTabset').active).toBe('one');\n });\n });\n\n describe('tab callback order', function() {\n var execOrder;\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n execOrder = [];\n\n scope.execute = function(id) {\n execOrder.push(id);\n };\n\n elm = $compile([\n '',\n ' ',\n ' ',\n '
'\n ].join('\\n'))(scope);\n scope.$apply();\n return elm;\n }));\n\n it('should call select for the first tab', function() {\n expect(execOrder).toEqual([ 'select1' ]);\n });\n\n it('should call deselect, then select', function() {\n execOrder = [];\n\n // Select second tab\n titles().eq(1).find('> a').click();\n expect(execOrder).toEqual([ 'deselect1', 'select2' ]);\n\n execOrder = [];\n\n // Select again first tab\n titles().eq(0).find('> a').click();\n expect(execOrder).toEqual([ 'deselect2', 'select1' ]);\n });\n });\n\n describe('custom template', function() {\n var $compile, $templateCache;\n beforeEach(inject(function($rootScope, _$compile_, _$templateCache_) {\n scope = $rootScope;\n $compile = _$compile_;\n $templateCache = _$templateCache_;\n }));\n\n it('should support custom templates', function() {\n $templateCache.put('foo/bar.html', 'baz
');\n\n elm = $compile('{{tab.text}} ');\n\n elm = $compile('baz ');\n\n elm = $compile('',\n ' ',\n ' heading {{index}} ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n }));\n\n function makeTab(index) {\n return {\n index: index,\n select: jasmine.createSpy()\n };\n }\n\n function titles() {\n return elm.find('ul.nav-tabs li');\n }\n function contents() {\n return elm.find('div.tab-content div.tab-pane');\n }\n\n function expectTabActive(activeTab) {\n var _titles = titles();\n angular.forEach(scope.tabs, function(tab, i) {\n if (activeTab === tab) {\n expect(scope.active).toBe(tab.index);\n //It should only call select ONCE for each select\n expect(tab.select).toHaveBeenCalled();\n expect(_titles.eq(i)).toHaveClass('active');\n expect(contents().eq(i).text().trim()).toBe('content ' + i);\n expect(contents().eq(i)).toHaveClass('active');\n } else {\n expect(scope.active).not.toBe(tab.index);\n expect(_titles.eq(i)).not.toHaveClass('active');\n }\n });\n }\n\n it('should make tab titles and set active tab active', function() {\n expect(titles().length).toBe(scope.tabs.length);\n expectTabActive(scope.tabs[2]);\n });\n\n it('should switch active when clicking', function() {\n titles().eq(3).find('> a').click();\n expectTabActive(scope.tabs[3]);\n });\n\n it('should switch active when changing active index', function() {\n scope.$apply('active = 5');\n expectTabActive(scope.tabs[2]);\n });\n\n it('should deselect all when no tabs are active', function() {\n scope.active = 101;\n scope.$apply();\n expectTabActive(null);\n expect(contents().filter('.active').length).toBe(0);\n\n scope.active = 5;\n scope.$apply();\n expectTabActive(scope.tabs[2]);\n });\n\n it('should not select twice', function() {\n elm.remove();\n elm = null;\n scope = $rootScope.$new();\n\n scope.tabs = [\n makeTab(2), makeTab(3), makeTab(5), makeTab(8)\n ];\n scope.active = 13;\n scope.select = jasmine.createSpy();\n elm = $compile([\n '',\n ' ',\n ' heading {{index}} ',\n ' ',\n ' heading foo ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n\n expect(scope.select.calls.count()).toBe(1);\n });\n });\n\n describe('advanced uib-tab-heading element', function() {\n beforeEach(inject(function($compile, $rootScope, $sce) {\n scope = $rootScope.$new();\n scope.myHtml = $sce.trustAsHtml('hello , there!');\n scope.value = true;\n elm = $compile([\n '',\n ' ',\n ' ',\n ' 1 2
3
'\n ].join('\\n'))(scope);\n scope.$apply();\n }));\n\n function heading() {\n return elm.find('ul li > a').children();\n }\n\n it('should create a heading bound to myHtml', function() {\n expect(heading().eq(0).html()).toBe('hello , there!');\n });\n\n it('should hide and show the heading depending on value', function() {\n expect(heading().eq(0)).not.toBeHidden();\n scope.$apply('value = false');\n expect(heading().eq(0)).toBeHidden();\n scope.$apply('value = true');\n expect(heading().eq(0)).not.toBeHidden();\n });\n\n it('should have a uib-tab-heading no matter what syntax was used', function() {\n expect(heading().eq(1).text()).toBe('1');\n expect(heading().eq(2).text()).toBe('2');\n expect(heading().eq(3).text()).toBe('3');\n });\n\n });\n\n //Tests that http://git.io/lG6I9Q is fixed\n describe('tab ordering', function() {\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n scope.tabs = [\n { title:'Title 1', available:true },\n { title:'Title 2', available:true },\n { title:'Title 3', available:true }\n ];\n elm = $compile([\n '',\n ' ',\n ' div that makes troubles
',\n ' First Static ',\n ' another div that may do evil
',\n ' some content ',\n ' ',\n ' Mid Static ',\n ' a text node',\n ' ',\n ' yet another span that may do evil ',\n ' some content ',\n ' a text node',\n ' yet another span that may do evil ',\n ' ',\n ' Last Static ',\n ' a text node',\n ' yet another span that may do evil ',\n ' ',\n ' '\n ].join('\\n'))(scope);\n\n scope.tabIsAvailable = function(tab) {\n return tab.available;\n };\n }));\n\n it('should preserve correct ordering', function() {\n function titles() {\n return elm.find('ul.nav-tabs li > a');\n }\n scope.$apply();\n expect(titles().length).toBe(9);\n scope.$apply('tabs[1].available=false');\n scope.$digest();\n expect(titles().length).toBe(7);\n scope.$apply('tabs[0].available=false');\n scope.$digest();\n expect(titles().length).toBe(5);\n scope.$apply('tabs[2].available=false');\n scope.$digest();\n expect(titles().length).toBe(3);\n scope.$apply('tabs[0].available=true');\n scope.$digest();\n expect(titles().length).toBe(5);\n scope.$apply('tabs[1].available=true');\n scope.$apply('tabs[2].available=true');\n scope.$digest();\n expect(titles().length).toBe(9);\n expect(titles().eq(0).text().trim()).toBe('first');\n expect(titles().eq(1).text().trim()).toBe('Title 1');\n expect(titles().eq(2).text().trim()).toBe('Title 2');\n expect(titles().eq(3).text().trim()).toBe('Title 3');\n expect(titles().eq(4).text().trim()).toBe('mid');\n expect(titles().eq(5).text().trim()).toBe('Second Title 1');\n expect(titles().eq(6).text().trim()).toBe('Second Title 2');\n expect(titles().eq(7).text().trim()).toBe('Second Title 3');\n expect(titles().eq(8).text().trim()).toBe('last');\n });\n });\n\n describe('uib-tabset controller', function() {\n function mockTab(index) {\n return {\n index: index,\n onSelect : angular.noop,\n onDeselect : angular.noop\n };\n }\n\n var ctrl;\n beforeEach(inject(function($controller, $rootScope) {\n scope = $rootScope;\n //instantiate the controller stand-alone, without the directive\n ctrl = $controller('UibTabsetController', {$scope: scope});\n }));\n\n describe('select', function() {\n it('should mark given tab selected', function() {\n ctrl.tabs = [\n {\n tab: mockTab(0),\n index: 0\n }\n ];\n\n ctrl.select(0);\n expect(ctrl.active).toBe(0);\n });\n\n\n it('should deselect other tabs', function() {\n var tab1 = mockTab(1), tab2 = mockTab(2), tab3 = mockTab(3);\n\n ctrl.addTab(tab1);\n ctrl.addTab(tab2);\n ctrl.addTab(tab3);\n\n ctrl.select(0);\n expect(ctrl.active).toBe(1);\n\n ctrl.select(1);\n expect(ctrl.active).toBe(2);\n\n ctrl.select(2);\n expect(ctrl.active).toBe(3);\n });\n });\n\n\n describe('addTab', function() {\n it('should append tab', function() {\n var tab1 = mockTab(1), tab2 = mockTab(2);\n\n expect(ctrl.tabs).toEqual([]);\n\n ctrl.addTab(tab1);\n expect(ctrl.tabs).toEqual([\n {\n tab: tab1,\n index: 1\n }\n ]);\n\n ctrl.addTab(tab2);\n expect(ctrl.tabs).toEqual([\n {\n tab: tab1,\n index: 1\n },\n {\n tab: tab2,\n index: 2\n }\n ]);\n });\n\n it('should select the first one', function() {\n var tab1 = mockTab(1), tab2 = mockTab(2);\n\n ctrl.addTab(tab1);\n expect(ctrl.active).toBe(1);\n\n ctrl.addTab(tab2);\n expect(ctrl.active).toBe(1);\n });\n\n it('should not select first active === false tab as selected', function() {\n var tab = mockTab(0);\n ctrl.active = 1;\n\n ctrl.addTab(tab);\n expect(ctrl.active).toBe(1);\n });\n\n it('should retain active state when adding tab of different index', function() {\n var tab1 = mockTab(1), tab2 = mockTab(2);\n ctrl.active = 2;\n ctrl.addTab(tab1);\n expect(ctrl.active).toBe(2);\n\n ctrl.addTab(tab2);\n expect(ctrl.active).toBe(2);\n });\n });\n });\n\n describe('remove', function() {\n it('should remove title tabs when elements are destroyed and change selection', inject(function($controller, $compile, $rootScope) {\n scope = $rootScope.$new();\n elm = $compile('Hello content {{i}} Hello content {{i}} ',\n ' ',\n ' heading {{index}} ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n\n // The first tab is selected the during the initial $digest.\n expect(selectList.length).toEqual(1);\n\n // Destroy the tabs - we should not trigger selection/deselection any more.\n scope.$destroy();\n expect(selectList.length).toEqual(1);\n expect(deselectList.length).toEqual(0);\n }));\n });\n\n describe('disable', function() {\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n\n function makeTab(disable, index) {\n return {\n index: index,\n select: jasmine.createSpy(),\n disable: disable\n };\n }\n scope.tabs = [\n makeTab(false, 0), makeTab(true, 1), makeTab(false, 2), makeTab(true, 3)\n ];\n scope.active = 1;\n elm = $compile([\n '',\n ' ',\n ' heading {{index}} ',\n ' '\n ].join('\\n'))(scope);\n scope.$apply();\n }));\n\n function expectTabActive(activeTab) {\n var _titles = titles();\n angular.forEach(scope.tabs, function(tab, i) {\n if (activeTab === tab) {\n expect(scope.active).toBe(tab.index);\n expect(tab.select.calls.count()).toBe(tab.disable ? 0 : 1);\n expect(_titles.eq(i)).toHaveClass('active');\n expect(contents().eq(i).text().trim()).toBe('content ' + i);\n expect(contents().eq(i)).toHaveClass('active');\n } else {\n expect(scope.active).not.toBe(tab.index);\n expect(_titles.eq(i)).not.toHaveClass('active');\n }\n });\n }\n\n it('should not switch active when clicking on title', function() {\n titles().eq(2).find('> a').click();\n expectTabActive(scope.tabs[2]);\n\n titles().eq(3).find('> a').click();\n expectTabActive(scope.tabs[2]);\n });\n\n it('should toggle between states', function() {\n expect(titles().eq(3)).toHaveClass('disabled');\n scope.$apply('tabs[3].disable = false');\n expect(titles().eq(3)).not.toHaveClass('disabled');\n\n expect(titles().eq(2)).not.toHaveClass('disabled');\n scope.$apply('tabs[2].disable = true');\n expect(titles().eq(2)).toHaveClass('disabled');\n });\n });\n\n describe('vertical', function() {\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope.$new();\n scope.vertical = true;\n elm = $compile('
')($rootScope.$new());\n $rootScope.$apply();\n }));\n\n it('should hookup the tab\\'s children to the tab with $compile', function() {\n var tabChild = $('.tab-pane', elm).children().first();\n expect(tabChild.inheritedData('$uibTabsetController')).toBeTruthy();\n });\n });\n\n //https://github.com/angular-ui/bootstrap/issues/631\n describe('ng-options in content', function() {\n var elm;\n it('should render correct amount of options', inject(function($compile, $rootScope) {\n var scope = $rootScope.$new();\n elm = $compile('
')(scope);\n scope.$apply();\n\n var select = elm.find('select');\n scope.$apply();\n expect(select.children().length).toBe(4);\n }));\n });\n\n //https://github.com/angular-ui/bootstrap/issues/599\n describe('ng-repeat in content', function() {\n var elm;\n it('should render ng-repeat', inject(function($compile, $rootScope) {\n var scope = $rootScope.$new();\n scope.tabs = [\n {title:'a', array:[1,2,3]},\n {title:'b', array:[2,3,4]},\n {title:'c', array:[3,4,5]}\n ];\n elm = $compile('
' +\n '' +\n '{{$index}} ' +\n '{{a}}, ' +\n ' ' +\n '
')(scope);\n scope.$apply();\n\n var contents = elm.find('.tab-pane');\n expect(contents.eq(0).text().trim()).toEqual('1,2,3,');\n expect(contents.eq(1).text().trim()).toEqual('2,3,4,');\n expect(contents.eq(2).text().trim()).toEqual('3,4,5,');\n }));\n });\n\n //https://github.com/angular-ui/bootstrap/issues/783\n describe('nested tabs', function() {\n var elm;\n it('should render without errors', inject(function($compile, $rootScope) {\n var scope = $rootScope.$new();\n elm = $compile([\n '
',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n '
'\n ].join('\\n'))(scope);\n scope.$apply();\n\n // 1 outside tabset, 2 nested tabsets\n expect(elm.find('.tabbable').length).toEqual(3);\n }));\n\n it('should render with the correct scopes', inject(function($compile, $rootScope) {\n var scope = $rootScope.$new();\n scope.tab1Text = 'abc';\n scope.tab1aText = '123';\n scope.tab1aHead = '123';\n scope.tab2aaText = '456';\n elm = $compile([\n '
',\n ' ',\n ' ',\n ' ',\n ' ',\n ' {{ tab1aText }}',\n ' ',\n ' ',\n ' {{ tab1Text }} ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' {{ tab2aaText }} ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n ' ',\n '
'\n ].join('\\n'))(scope);\n scope.$apply();\n\n var outsideTabset = elm.find('.tabbable').eq(0);\n var nestedTabset = outsideTabset.find('.tabbable');\n\n expect(elm.find('.tabbable').length).toEqual(4);\n expect(outsideTabset.find('.tab-pane').eq(0).find('.tab-1').text().trim()).toEqual(scope.tab1Text);\n expect(nestedTabset.find('.tab-pane').eq(0).text().trim()).toEqual(scope.tab1aText);\n expect(nestedTabset.find('ul.nav-tabs li').eq(0).text().trim()).toEqual(scope.tab1aHead);\n expect(nestedTabset.eq(2).find('.tab-pane').eq(0).find('.tab-2aa').text().trim()).toEqual(scope.tab2aaText);\n }));\n\n it('ng-repeat works with nested tabs', inject(function($compile, $rootScope) {\n var scope = $rootScope.$new();\n scope.tabs = [\n {\n tabs: [\n {\n content: 'tab1a'\n },\n {\n content: 'tab2a'\n }\n ],\n content: 'tab1'\n }\n ];\n elm = $compile([\n '
',\n ' ',\n ' ',\n ' ',\n ' ',\n ' {{ innerTab.content }} ',\n ' ',\n ' ',\n ' {{ tab.content }} ',\n ' ',\n ' ',\n '
'\n ].join('\\n'))(scope);\n scope.$apply();\n\n expect(elm.find('.inner-tab-content').eq(0).text().trim()).toEqual(scope.tabs[0].tabs[0].content);\n expect(elm.find('.inner-tab-content').eq(1).text().trim()).toEqual(scope.tabs[0].tabs[1].content);\n expect(elm.find('.outer-tab-content').eq(0).text().trim()).toEqual(scope.tabs[0].content);\n }));\n });\n});\n"
},
{
"path": "src/timepicker/docs/demo.html",
"content": "
\n\n
\n\n
Time is: {{mytime | date:'shortTime' }} \n\n
\n
\n Hours step is:\n
\n
\n Minutes step is:\n
\n
\n\n
\n\n
12H / 24H \n
Set to 14:00 \n
Clear \n\n
\n"
},
{
"path": "src/timepicker/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('TimepickerDemoCtrl', function ($scope, $log) {\n $scope.mytime = new Date();\n\n $scope.hstep = 1;\n $scope.mstep = 15;\n\n $scope.options = {\n hstep: [1, 2, 3],\n mstep: [1, 5, 10, 15, 25, 30]\n };\n\n $scope.ismeridian = true;\n $scope.toggleMode = function() {\n $scope.ismeridian = ! $scope.ismeridian;\n };\n\n $scope.update = function() {\n var d = new Date();\n d.setHours( 14 );\n d.setMinutes( 0 );\n $scope.mytime = d;\n };\n\n $scope.changed = function () {\n $log.log('Time changed to: ' + $scope.mytime);\n };\n\n $scope.clear = function() {\n $scope.mytime = null;\n };\n});\n"
},
{
"path": "src/timepicker/docs/readme.md",
"content": "A lightweight & configurable timepicker directive.\n\n### uib-timepicker settings\n\n* `arrowkeys`\n
$ \n
C \n _(Default: `true`)_ -\n Whether user can use up/down arrow keys inside the hours & minutes input to increase or decrease its values.\n\n* `hour-step`\n
$ \n
C \n
\n _(Default: `1`)_ -\n Number of hours to increase or decrease when using a button.\n\n* `max`\n
$ \n
\n _(Default: `undefined`)_ -\n Maximum time a user can select.\n\n* `meridians`\n
$ \n
C \n _(Default: `null`)_ -\n Meridian labels based on locale. To override you must supply an array like `['AM', 'PM']`.\n\n* `min`\n
$ \n
\n _(Default: `undefined`)_ -\n Minimum time a user can select\n\n* `minute-step`\n
$ \n
C \n
\n _(Default: `1`)_ -\n Number of minutes to increase or decrease when using a button.\n\n* `mousewheel`\n
$ \n
C \n _(Default: `true`)_ -\n Whether user can scroll inside the hours & minutes input to increase or decrease its values.\n\n* `ng-disabled`\n
$ \n
\n _(Default: `false`)_ -\n Whether or not to disable the component.\n\n* `ng-model`\n
$ \n
-\n Date object that provides the time state.\n\n* `pad-hours`\n
$ \n _(Default: true)_ -\n Whether the hours column is padded with a 0.\n\n* `readonly-input`\n
$ \n
C \n _(Default: `false`)_ -\n Whether user can type inside the hours & minutes input.\n\n* `second-step`\n
$ \n
C \n
\n _(Default: `1`)_ -\n Number of seconds to increase or decrease when using a button.\n\n* `show-meridian`\n
$ \n
C \n
\n _(Default: `true`)_ -\n Whether to display 12H or 24H mode.\n\n* `show-seconds`\n
$ \n
C \n
\n _(Default: `false`)_ -\n Show seconds input.\n\n* `show-spinners`\n
$ \n
C \n _(Default: `true`)_ -\n Show spinner arrows above and below the inputs.\n\n* `tabindex`\n _(Defaults: `0`)_ -\n Sets tabindex for each control in the timepicker.\n\n* `template-url`\n
C \n _(Defaults: `uib/template/timepicker/timepicker.html`)_ -\n Add the ability to override the template used on the component.\n\n**Notes**\n\nThis component makes no claims of absolutely supporting the preservation of dates in all cases, and it is highly recommended that model tracking of dates is encapsulated in a different object. This component should not be used with the same model as the datepicker. This is due to edge cases with situations such as Daylight Savings timezone changes which require a modification of the date in order to prevent an impossible to increment or decrement situation. See [#5485](https://github.com/angular-ui/bootstrap/issues/5485) for details.\n\nIf the model value is updated (i.e. via `Date.prototype.setDate`), you must update the model value by breaking the reference by `modelValue = new Date(modelValue)` in order to have the timepicker update.\n"
},
{
"path": "src/timepicker/index-nocss.js",
"content": "require('../../template/timepicker/timepicker.html.js');\nrequire('./timepicker');\n\nvar MODULE_NAME = 'ui.bootstrap.module.timepicker';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.timepicker', 'uib/template/timepicker/timepicker.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/timepicker/index.js",
"content": "require('./timepicker.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/timepicker/test/timepicker.spec.js",
"content": "describe('timepicker directive', function() {\n var $rootScope, $compile, $templateCache, element, modelCtrl;\n\n beforeEach(module('ui.bootstrap.timepicker'));\n beforeEach(module('uib/template/timepicker/timepicker.html'));\n beforeEach(inject(function(_$compile_, _$rootScope_, _$templateCache_) {\n $compile = _$compile_;\n $rootScope = _$rootScope_;\n $rootScope.time = newTime(14, 40, 25);\n $templateCache = _$templateCache_;\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n modelCtrl = element.controller('ngModel');\n }));\n\n function newTime(hours, minutes, seconds) {\n seconds = seconds ? seconds : 0;\n var time = new Date();\n time.setHours(hours);\n time.setMinutes(minutes);\n time.setSeconds(seconds);\n //this is required, otherwise rollover edges cases tests will have\n //time reset to dates that are off by milliseconds.\n time.setMilliseconds(0);\n return time;\n }\n\n function getTimeState(withoutMeridian, withoutSeconds) {\n var inputs = element.find('input');\n var limit = withoutSeconds ? 2 : 3;\n\n var state = [];\n for (var i = 0; i < limit; i ++) {\n state.push(inputs.eq(i).val());\n }\n\n if (withoutMeridian !== true) {\n state.push(getMeridianButton().text());\n }\n\n return state;\n }\n\n function getModelState(withoutSeconds) {\n if (withoutSeconds) {\n return [$rootScope.time.getHours(), $rootScope.time.getMinutes()];\n }\n\n return [$rootScope.time.getHours(), $rootScope.time.getMinutes(), $rootScope.time.getSeconds()];\n }\n\n function getArrow(isUp, tdIndex) {\n return element.find('tr').eq(isUp ? 0 : 2).find('td').eq(tdIndex).find('a').eq(0);\n }\n\n function getHoursButton(isUp) {\n return getArrow(isUp, 0);\n }\n\n function getMinutesButton(isUp) {\n return getArrow(isUp, 2);\n }\n\n function getSecondsButton(isUp) {\n return getArrow(isUp, 4);\n }\n\n function getMeridianButton() {\n return element.find('button').eq(0);\n }\n\n function doClick(button, n) {\n for (var i = 0, max = n || 1; i < max; i++) {\n button.click();\n $rootScope.$digest();\n }\n }\n\n function wheelThatMouse(delta) {\n var e = $.Event('mousewheel');\n e.wheelDelta = delta;\n return e;\n }\n\n function wheelThatOtherMouse(delta) {\n var e = $.Event('wheel');\n e.deltaY = delta;\n return e;\n }\n\n function keydown(key) {\n var e = $.Event('keydown');\n switch(key) {\n case 'left':\n e.which = 37;\n break;\n case 'up':\n e.which = 38;\n break;\n case 'right':\n e.which = 39;\n break;\n case 'down':\n e.which = 40;\n break;\n }\n return e;\n }\n\n it('contains three row & four input elements', function() {\n expect(element.find('tr').length).toBe(3);\n expect(element.find('input').length).toBe(3);\n expect(element.find('button').length).toBe(1);\n });\n\n it('has initially the correct time & meridian', function() {\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n\n it('should be pristine', function() {\n expect(modelCtrl.$pristine).toBe(true);\n });\n\n it('should be untouched', function() {\n expect(modelCtrl.$untouched).toBe(true);\n });\n\n it('has `selected` current time when model is initially cleared', function() {\n $rootScope.time = null;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect($rootScope.time).toBe(null);\n expect(getTimeState()).not.toEqual(['', '', '' , '']);\n });\n\n it('changes inputs when model changes value', function() {\n $rootScope.time = newTime(11, 50, 20);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['11', '50', '20', 'AM']);\n expect(getModelState()).toEqual([11, 50, 20]);\n\n $rootScope.time = newTime(16, 40, 45);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '40', '45', 'PM']);\n expect(getModelState()).toEqual([16, 40, 45]);\n });\n\n it('increases / decreases hours when arrows are clicked', function() {\n var up = getHoursButton(true);\n var down = getHoursButton(false);\n\n doClick(up);\n expect(getTimeState()).toEqual(['03', '40', '25', 'PM']);\n expect(getModelState()).toEqual([15, 40, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['01', '40', '25', 'PM']);\n expect(getModelState()).toEqual([13, 40, 25]);\n });\n\n it('increase / decreases minutes by default step when arrows are clicked', function() {\n var up = getMinutesButton(true);\n var down = getMinutesButton(false);\n\n doClick(up);\n expect(getTimeState()).toEqual(['02', '41', '25', 'PM']);\n expect(getModelState()).toEqual([14, 41, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '39', '25', 'PM']);\n expect(getModelState()).toEqual([14, 39, 25]);\n });\n\n it('increase / decreases seconds by default step when arrows are clicked', function() {\n var up = getSecondsButton(true);\n var down = getSecondsButton(false);\n\n doClick(up);\n expect(getTimeState()).toEqual(['02', '40', '26', 'PM']);\n expect(getModelState()).toEqual([14, 40, 26]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '40', '24', 'PM']);\n expect(getModelState()).toEqual([14, 40, 24]);\n });\n\n it('should be dirty when input changes', function() {\n var upHours = getHoursButton(true);\n var upMinutes = getMinutesButton(true);\n var upSeconds = getSecondsButton(true);\n\n doClick(upHours);\n expect(modelCtrl.$dirty).toBe(true);\n\n modelCtrl.$setPristine();\n\n doClick(upMinutes);\n expect(modelCtrl.$dirty).toBe(true);\n\n modelCtrl.$setPristine();\n\n doClick(upSeconds);\n expect(modelCtrl.$dirty).toBe(true);\n });\n\n it('should be touched when input blurs', function() {\n var inputs = element.find('input');\n var hoursInput = inputs.eq(0),\n minutesInput = inputs.eq(1),\n secondsInput = inputs.eq(2);\n\n hoursInput.val(12);\n $rootScope.$digest();\n hoursInput.blur();\n expect(modelCtrl.$touched).toBe(true);\n\n modelCtrl.$setUntouched();\n\n minutesInput.val(20);\n $rootScope.$digest();\n hoursInput.blur();\n expect(modelCtrl.$touched).toBe(true);\n\n modelCtrl.$setUntouched();\n\n secondsInput.val(9);\n $rootScope.$digest();\n hoursInput.blur();\n expect(modelCtrl.$touched).toBe(true);\n });\n\n it('meridian button has correct type', function() {\n var button = getMeridianButton();\n expect(button.attr('type')).toBe('button');\n });\n\n it('toggles meridian when button is clicked', function() {\n var button = getMeridianButton();\n\n doClick(button);\n expect(getTimeState()).toEqual(['02', '40', '25', 'AM']);\n expect(getModelState()).toEqual([2, 40, 25]);\n\n doClick(button);\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n doClick(button);\n expect(getTimeState()).toEqual(['02', '40', '25', 'AM']);\n expect(getModelState()).toEqual([2, 40, 25]);\n });\n\n it('has minutes \"connected\" to hours', function() {\n var up = getMinutesButton(true);\n var down = getMinutesButton(false);\n\n doClick(up, 10);\n expect(getTimeState()).toEqual(['02', '50', '25', 'PM']);\n expect(getModelState()).toEqual([14, 50, 25]);\n\n doClick(up, 10);\n expect(getTimeState()).toEqual(['03', '00', '25', 'PM']);\n expect(getModelState()).toEqual([15, 0, 25]);\n\n doClick(up, 10);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '10', '25', 'PM']);\n expect(getModelState()).toEqual([15, 10, 25]);\n\n doClick(down, 10);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '00', '25', 'PM']);\n expect(getModelState()).toEqual([15, 0, 25]);\n\n doClick(down, 10);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '50', '25', 'PM']);\n expect(getModelState()).toEqual([14, 50, 25]);\n });\n\n it('has seconds \"connected\" to minutes', function() {\n var up = getSecondsButton(true);\n var down = getSecondsButton(false);\n\n doClick(up, 15);\n expect(getTimeState()).toEqual(['02', '40', '40', 'PM']);\n expect(getModelState()).toEqual([14, 40, 40]);\n\n doClick(up, 15);\n expect(getTimeState()).toEqual(['02', '40', '55', 'PM']);\n expect(getModelState()).toEqual([14, 40, 55]);\n\n doClick(up, 15);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '41', '10', 'PM']);\n expect(getModelState()).toEqual([14, 41, 10]);\n\n doClick(down, 15);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '55', 'PM']);\n expect(getModelState()).toEqual([14, 40, 55]);\n\n doClick(down, 15);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '40', 'PM']);\n expect(getModelState()).toEqual([14, 40, 40]);\n });\n\n it('has hours \"connected\" to meridian', function() {\n var up = getHoursButton(true);\n var down = getHoursButton(false);\n\n // AM -> PM\n $rootScope.time = newTime(11, 0, 25);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['11', '00', '25', 'AM']);\n expect(getModelState()).toEqual([11, 0, 25]);\n\n doClick(up);\n expect(getTimeState()).toEqual(['12', '00', '25', 'PM']);\n expect(getModelState()).toEqual([12, 0, 25]);\n\n doClick(up);\n expect(getTimeState()).toEqual(['01', '00', '25', 'PM']);\n expect(getModelState()).toEqual([13, 0, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['12', '00', '25', 'PM']);\n expect(getModelState()).toEqual([12, 0, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['11', '00', '25', 'AM']);\n expect(getModelState()).toEqual([11, 0, 25]);\n\n // PM -> AM\n $rootScope.time = newTime(23, 0, 25);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['11', '00', '25', 'PM']);\n expect(getModelState()).toEqual([23, 0, 25]);\n\n doClick(up);\n expect(getTimeState()).toEqual(['12', '00', '25', 'AM']);\n expect(getModelState()).toEqual([0, 0, 25]);\n\n doClick(up);\n expect(getTimeState()).toEqual(['01', '00', '25', 'AM']);\n expect(getModelState()).toEqual([1, 0, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['12', '00', '25', 'AM']);\n expect(getModelState()).toEqual([0, 0, 25]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['11', '00', '25', 'PM']);\n expect(getModelState()).toEqual([23, 0, 25]);\n });\n\n it('changes only the time part when hours change', function() {\n $rootScope.time = newTime(23, 50, 20);\n $rootScope.$digest();\n\n var date = $rootScope.time.getDate();\n var up = getHoursButton(true);\n doClick(up);\n\n expect(getTimeState()).toEqual(['12', '50', '20', 'AM']);\n expect(getModelState()).toEqual([0, 50, 20]);\n expect(date).toEqual($rootScope.time.getDate());\n });\n\n it('changes only the time part when minutes change', function() {\n element = $compile('
')($rootScope);\n $rootScope.time = newTime(0, 0, 0);\n $rootScope.$digest();\n\n var date = $rootScope.time.getDate();\n var up = getMinutesButton(true);\n doClick(up, 2);\n expect(getTimeState()).toEqual(['12', '30', '00', 'AM']);\n expect(getModelState()).toEqual([0, 30, 0]);\n expect(date).toEqual($rootScope.time.getDate());\n\n var down = getMinutesButton(false);\n doClick(down, 2);\n expect(getTimeState()).toEqual(['12', '00', '00', 'AM']);\n expect(getModelState()).toEqual([0, 0, 0]);\n expect(date).toEqual($rootScope.time.getDate());\n\n doClick(down, 2);\n expect(getTimeState()).toEqual(['11', '30', '00', 'PM']);\n expect(getModelState()).toEqual([23, 30, 0]);\n expect(date).toEqual($rootScope.time.getDate());\n });\n\n it('responds properly on \"mousewheel\" events', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1), secondsEl = inputs.eq(2);\n var upMouseWheelEvent = wheelThatMouse(1);\n var downMouseWheelEvent = wheelThatMouse(-1);\n\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // UP\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '40', '25', 'PM']);\n expect(getModelState()).toEqual([15, 40, 25]);\n\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '40', '25', 'PM']);\n expect(getModelState()).toEqual([16, 40, 25]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '41', '25', 'PM']);\n expect(getModelState()).toEqual([16, 41, 25]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '25', 'PM']);\n expect(getModelState()).toEqual([16, 42, 25]);\n\n secondsEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '26', 'PM']);\n expect(getModelState()).toEqual([16, 42, 26]);\n\n secondsEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '27', 'PM']);\n expect(getModelState()).toEqual([16, 42, 27]);\n\n // DOWN\n secondsEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '26', 'PM']);\n expect(getModelState()).toEqual([16, 42, 26]);\n\n secondsEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '25', 'PM']);\n expect(getModelState()).toEqual([16, 42, 25]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '41', '25', 'PM']);\n expect(getModelState()).toEqual([16, 41, 25]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '40', '25', 'PM']);\n expect(getModelState()).toEqual([16, 40, 25]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '40', '25', 'PM']);\n expect(getModelState()).toEqual([15, 40, 25]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n\n it('responds properly on \"wheel\" events', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1), secondsEl = inputs.eq(2);\n var upMouseWheelEvent = wheelThatOtherMouse(-1);\n var downMouseWheelEvent = wheelThatOtherMouse(1);\n\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // UP\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '40', '25', 'PM']);\n expect(getModelState()).toEqual([15, 40, 25]);\n\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '40', '25', 'PM']);\n expect(getModelState()).toEqual([16, 40, 25]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '41', '25', 'PM']);\n expect(getModelState()).toEqual([16, 41, 25]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '25', 'PM']);\n expect(getModelState()).toEqual([16, 42, 25]);\n\n secondsEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '26', 'PM']);\n expect(getModelState()).toEqual([16, 42, 26]);\n\n secondsEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '27', 'PM']);\n expect(getModelState()).toEqual([16, 42, 27]);\n\n // DOWN\n secondsEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '26', 'PM']);\n expect(getModelState()).toEqual([16, 42, 26]);\n\n secondsEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '25', 'PM']);\n expect(getModelState()).toEqual([16, 42, 25]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '41', '25', 'PM']);\n expect(getModelState()).toEqual([16, 41, 25]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '40', '25', 'PM']);\n expect(getModelState()).toEqual([16, 40, 25]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '40', '25', 'PM']);\n expect(getModelState()).toEqual([15, 40, 25]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n\n it('responds properly on \"keydown\" events', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1),\n secondsEl = inputs.eq(2);\n var upKeydownEvent = keydown('up');\n var downKeydownEvent = keydown('down');\n var leftKeydownEvent = keydown('left');\n\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // UP\n hoursEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '40', '25', 'PM']);\n expect(getModelState()).toEqual([15, 40, 25]);\n\n hoursEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '40', '25', 'PM']);\n expect(getModelState()).toEqual([16, 40, 25]);\n\n minutesEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '41', '25', 'PM']);\n expect(getModelState()).toEqual([16, 41, 25]);\n\n minutesEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '25', 'PM']);\n expect(getModelState()).toEqual([16, 42, 25]);\n\n secondsEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '26', 'PM']);\n expect(getModelState()).toEqual([16, 42, 26]);\n\n secondsEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '27', 'PM']);\n expect(getModelState()).toEqual([16, 42, 27]);\n\n // DOWN\n secondsEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '26', 'PM']);\n expect(getModelState()).toEqual([16, 42, 26]);\n\n secondsEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '42', '25', 'PM']);\n expect(getModelState()).toEqual([16, 42, 25]);\n\n minutesEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '41', '25', 'PM']);\n expect(getModelState()).toEqual([16, 41, 25]);\n\n minutesEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '40', '25', 'PM']);\n expect(getModelState()).toEqual([16, 40, 25]);\n\n hoursEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['03', '40', '25', 'PM']);\n expect(getModelState()).toEqual([15, 40, 25]);\n\n hoursEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // Other keydown\n hoursEl.trigger(leftKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n minutesEl.trigger(leftKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n secondsEl.trigger(leftKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n\n describe('attributes', function() {\n beforeEach(function() {\n $rootScope.hstep = 2;\n $rootScope.mstep = 30;\n $rootScope.sstep = 30;\n $rootScope.time = newTime(14, 0 , 0);\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('increases / decreases hours by configurable step', function() {\n var up = getHoursButton(true);\n var down = getHoursButton(false);\n\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n\n doClick(up);\n expect(getTimeState()).toEqual(['04', '00', '00', 'PM']);\n expect(getModelState()).toEqual([16, 0, 0]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['12', '00', '00', 'PM']);\n expect(getModelState()).toEqual([12, 0, 0]);\n\n // Change step\n $rootScope.hstep = 3;\n $rootScope.$digest();\n\n doClick(up);\n expect(getTimeState()).toEqual(['03', '00', '00', 'PM']);\n expect(getModelState()).toEqual([15, 0, 0]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['12', '00', '00', 'PM']);\n expect(getModelState()).toEqual([12, 0, 0]);\n });\n\n it('increases / decreases minutes by configurable step', function() {\n var up = getMinutesButton(true);\n var down = getMinutesButton(false);\n\n doClick(up);\n expect(getTimeState()).toEqual(['02', '30', '00', 'PM']);\n expect(getModelState()).toEqual([14, 30, 0]);\n\n doClick(up);\n expect(getTimeState()).toEqual(['03', '00', '00', 'PM']);\n expect(getModelState()).toEqual([15, 0, 0]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '30', '00', 'PM']);\n expect(getModelState()).toEqual([14, 30, 0]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n\n // Change step\n $rootScope.mstep = 15;\n $rootScope.$digest();\n\n doClick(up);\n expect(getTimeState()).toEqual(['02', '15', '00', 'PM']);\n expect(getModelState()).toEqual([14, 15, 0]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n\n doClick(down);\n expect(getTimeState()).toEqual(['01', '45', '00', 'PM']);\n expect(getModelState()).toEqual([13, 45, 0]);\n });\n\n it('responds properly on \"mousewheel\" events with configurable steps', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1), secondsEl = inputs.eq(2);\n var upMouseWheelEvent = wheelThatMouse(1);\n var downMouseWheelEvent = wheelThatMouse(-1);\n\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n\n // UP\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '00', '00', 'PM']);\n expect(getModelState()).toEqual([16, 0, 0]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '30', '00', 'PM']);\n expect(getModelState()).toEqual([16, 30, 0]);\n\n secondsEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '30', '30', 'PM']);\n expect(getModelState()).toEqual([16, 30, 30]);\n\n // DOWN\n\n secondsEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '30', '00', 'PM']);\n expect(getModelState()).toEqual([16, 30, 0]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '00', '00', 'PM']);\n expect(getModelState()).toEqual([16, 0, 0]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n });\n\n it('responds properly on \"wheel\" events with configurable steps', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1), secondsEl = inputs.eq(2);\n var upMouseWheelEvent = wheelThatOtherMouse(-1);\n var downMouseWheelEvent = wheelThatOtherMouse(1);\n\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n\n // UP\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '00', '00', 'PM']);\n expect(getModelState()).toEqual([16, 0, 0]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '30', '00', 'PM']);\n expect(getModelState()).toEqual([16, 30, 0]);\n\n secondsEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '30', '30', 'PM']);\n expect(getModelState()).toEqual([16, 30, 30]);\n\n // DOWN\n\n secondsEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '30', '00', 'PM']);\n expect(getModelState()).toEqual([16, 30, 0]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['04', '00', '00', 'PM']);\n expect(getModelState()).toEqual([16, 0, 0]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n });\n\n it('can handle strings as steps', function() {\n var upHours = getHoursButton(true);\n var upMinutes = getMinutesButton(true);\n var upSeconds = getSecondsButton(true);\n\n expect(getTimeState()).toEqual(['02', '00', '00', 'PM']);\n expect(getModelState()).toEqual([14, 0, 0]);\n\n $rootScope.hstep = '4';\n $rootScope.mstep = '20';\n $rootScope.sstep = '20';\n $rootScope.$digest();\n\n doClick(upHours);\n expect(getTimeState()).toEqual(['06', '00', '00', 'PM']);\n expect(getModelState()).toEqual([18, 0, 0]);\n\n doClick(upMinutes);\n expect(getTimeState()).toEqual(['06', '20', '00', 'PM']);\n expect(getModelState()).toEqual([18, 20, 0]);\n\n doClick(upSeconds);\n expect(getTimeState()).toEqual(['06', '20', '20', 'PM']);\n expect(getModelState()).toEqual([18, 20, 20]);\n\n });\n\n });\n\n describe('without seconds mode',function(){\n beforeEach(function(){\n $rootScope.displaysSeconds = false;\n $rootScope.time = newTime(14,40,35);\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n it('increases / decreases hours when arrows are clicked', function() {\n var up = getHoursButton(true);\n var down = getHoursButton(false);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['03', '40', 'PM']);\n expect(getModelState(true)).toEqual([15, 40]);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['01', '40', 'PM']);\n expect(getModelState(true)).toEqual([13, 40]);\n\n });\n\n it('increase / decreases minutes by default step when arrows are clicked', function() {\n var up = getMinutesButton(true);\n var down = getMinutesButton(false);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['02', '41', 'PM']);\n expect(getModelState(true)).toEqual([14, 41]);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['02', '39', 'PM']);\n expect(getModelState(true)).toEqual([14, 39]);\n });\n\n it('has minutes \"connected\" to hours', function() {\n\n var up = getMinutesButton(true);\n var down = getMinutesButton(false);\n\n doClick(up, 10);\n expect(getTimeState(false, true)).toEqual(['02', '50', 'PM']);\n expect(getModelState(true)).toEqual([14, 50]);\n\n doClick(up, 10);\n expect(getTimeState(false, true)).toEqual(['03', '00', 'PM']);\n expect(getModelState(true)).toEqual([15, 0]);\n\n doClick(up, 10);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['03', '10', 'PM']);\n expect(getModelState(true)).toEqual([15, 10]);\n\n doClick(down, 10);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['03', '00', 'PM']);\n expect(getModelState(true)).toEqual([15, 0]);\n\n doClick(down, 10);\n $rootScope.$digest();\n expect(getTimeState(false,true)).toEqual(['02', '50', 'PM']);\n expect(getModelState(true)).toEqual([14, 50]);\n });\n\n });\n\n describe('12 / 24 hour mode', function() {\n beforeEach(function() {\n $rootScope.meridian = false;\n $rootScope.time = newTime(14, 10, 20);\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n });\n\n function getMeridianTd() {\n return element.find('tr').eq(1).find('td').eq(5);\n }\n\n it('initially displays correct time when `show-meridian` is false', function() {\n expect(getTimeState(true)).toEqual(['14', '10', '20']);\n expect(getModelState()).toEqual([14, 10, 20]);\n expect(getMeridianTd()).toBeHidden();\n });\n\n it('toggles correctly between different modes', function() {\n expect(getTimeState(true)).toEqual(['14', '10', '20']);\n\n $rootScope.meridian = true;\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '10', '20', 'PM']);\n expect(getModelState()).toEqual([14, 10, 20]);\n expect(getMeridianTd()).not.toBeHidden();\n\n $rootScope.meridian = false;\n $rootScope.$digest();\n expect(getTimeState(true)).toEqual(['14', '10', '20']);\n expect(getModelState()).toEqual([14, 10, 20]);\n expect(getMeridianTd()).toBeHidden();\n });\n\n it('handles correctly initially empty model on parent element', function() {\n $rootScope.time = null;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect($rootScope.time).toBe(null);\n });\n });\n\n describe('`meridians` attribute', function() {\n beforeEach(inject(function() {\n $rootScope.meridiansArray = ['am', 'pm'];\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('displays correctly', function() {\n expect(getTimeState()[3]).toBe('pm');\n });\n\n it('toggles correctly', function() {\n $rootScope.time = newTime(2, 40, 20);\n $rootScope.$digest();\n expect(getTimeState()[3]).toBe('am');\n });\n });\n\n describe('`readonly-input` attribute', function() {\n beforeEach(inject(function() {\n $rootScope.meridiansArray = ['am', 'pm'];\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('should make inputs readonly', function() {\n var inputs = element.find('input');\n expect(inputs.eq(0).attr('readonly')).toBe('readonly');\n expect(inputs.eq(1).attr('readonly')).toBe('readonly');\n expect(inputs.eq(2).attr('readonly')).toBe('readonly');\n });\n });\n\n describe('`pad-hours` attribute', function() {\n function triggerInput(elem, val) {\n elem.val(val);\n elem.trigger('input');\n }\n\n it('should pad the hours by default', function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n var inputs = element.find('input');\n var hoursInput = inputs.eq(0);\n triggerInput(hoursInput, 4);\n hoursInput.blur();\n\n expect(hoursInput.val()).toBe('04');\n });\n\n it('should not pad the hours', function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n var inputs = element.find('input');\n var hoursInput = inputs.eq(0);\n triggerInput(hoursInput, 4);\n hoursInput.blur();\n\n expect(hoursInput.val()).toBe('4');\n });\n });\n\n describe('setting uibTimepickerConfig steps', function() {\n var originalConfig = {};\n beforeEach(inject(function(_$compile_, _$rootScope_, uibTimepickerConfig) {\n angular.extend(originalConfig, uibTimepickerConfig);\n uibTimepickerConfig.hourStep = 2;\n uibTimepickerConfig.minuteStep = 10;\n uibTimepickerConfig.secondStep = 10;\n uibTimepickerConfig.showMeridian = false;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n afterEach(inject(function(uibTimepickerConfig) {\n // return it to the original state\n angular.extend(uibTimepickerConfig, originalConfig);\n }));\n\n it('does not affect the initial value', function() {\n expect(getTimeState(true)).toEqual(['14', '40', '25']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n\n it('increases / decreases hours with configured step', function() {\n var up = getHoursButton(true);\n var down = getHoursButton(false);\n\n doClick(up, 2);\n expect(getTimeState(true)).toEqual(['18', '40', '25']);\n expect(getModelState()).toEqual([18, 40, 25]);\n\n doClick(down, 3);\n expect(getTimeState(true)).toEqual(['12', '40', '25']);\n expect(getModelState()).toEqual([12, 40, 25]);\n });\n\n it('increases / decreases minutes with configured step', function() {\n var up = getMinutesButton(true);\n var down = getMinutesButton(false);\n\n doClick(up);\n expect(getTimeState(true)).toEqual(['14', '50', '25']);\n expect(getModelState()).toEqual([14, 50, 25]);\n\n doClick(down, 3);\n expect(getTimeState(true)).toEqual(['14', '20' , '25']);\n expect(getModelState()).toEqual([14, 20, 25]);\n });\n\n it('increases / decreases seconds with configured step', function() {\n var up = getSecondsButton(true);\n var down = getSecondsButton(false);\n\n doClick(up);\n expect(getTimeState(true)).toEqual(['14', '40', '35']);\n expect(getModelState()).toEqual([14, 40, 35]);\n\n doClick(down, 3);\n expect(getTimeState(true)).toEqual(['14', '40', '05']);\n expect(getModelState()).toEqual([14, 40, 5]);\n });\n\n });\n\n describe('setting uibTimepickerConfig meridian labels', function() {\n var originalConfig = {};\n beforeEach(inject(function(_$compile_, _$rootScope_, uibTimepickerConfig) {\n angular.extend(originalConfig, uibTimepickerConfig);\n uibTimepickerConfig.meridians = ['π.μ.', 'μ.μ.'];\n uibTimepickerConfig.showMeridian = true;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n afterEach(inject(function(uibTimepickerConfig) {\n // return it to the original state\n angular.extend(uibTimepickerConfig, originalConfig);\n }));\n\n it('displays correctly', function() {\n expect(getTimeState()).toEqual(['02', '40', '25', 'μ.μ.']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n\n it('toggles correctly', function() {\n $rootScope.time = newTime(2, 40, 20);\n $rootScope.$digest();\n\n expect(getTimeState()).toEqual(['02', '40', '20', 'π.μ.']);\n expect(getModelState()).toEqual([2, 40, 20]);\n });\n });\n\n describe('setting uibTimepickerConfig template url', function() {\n var originalConfig = {};\n var newTemplateUrl = 'foo/bar.html';\n beforeEach(inject(function(_$compile_, _$rootScope_, uibTimepickerConfig) {\n angular.extend(originalConfig, uibTimepickerConfig);\n $templateCache.put(newTemplateUrl, '
baz
');\n uibTimepickerConfig.templateUrl = newTemplateUrl;\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n afterEach(inject(function(uibTimepickerConfig) {\n // return it to the original state\n angular.extend(uibTimepickerConfig, originalConfig);\n }));\n\n it('should use a custom template', function() {\n expect(element[0].tagName.toLowerCase()).toBe('div');\n expect(element.html()).toBe('
baz
');\n });\n });\n\n describe('$formatter', function() {\n var ngModel,\n date;\n\n beforeEach(function() {\n ngModel = element.controller('ngModel');\n date = new Date('Mon Mar 23 2015 14:40:11 GMT-0700 (PDT)');\n });\n\n it('should have one formatter', function() {\n expect(ngModel.$formatters.length).toBe(1);\n });\n\n it('should convert a date to a new reference representing the same date', function() {\n expect(ngModel.$formatters[0](date)).toEqual(date);\n });\n\n it('should convert a valid date string to a date object', function() {\n expect(ngModel.$formatters[0]('Mon Mar 23 2015 14:40:11 GMT-0700 (PDT)')).toEqual(date);\n });\n\n it('should set falsy values as null', function() {\n expect(ngModel.$formatters[0](undefined)).toBe(null);\n expect(ngModel.$formatters[0](null)).toBe(null);\n expect(ngModel.$formatters[0]('')).toBe(null);\n expect(ngModel.$formatters[0](0)).toBe(null);\n expect(ngModel.$formatters[0](NaN)).toBe(null);\n });\n });\n\n describe('user input validation', function() {\n var changeInputValueTo;\n\n beforeEach(inject(function($sniffer) {\n changeInputValueTo = function(inputEl, value) {\n inputEl.val(value);\n inputEl.trigger($sniffer.hasEvent('input') ? 'input' : 'change');\n $rootScope.$digest();\n };\n }));\n\n function getHoursInputEl() {\n return element.find('input').eq(0);\n }\n\n function getMinutesInputEl() {\n return element.find('input').eq(1);\n }\n\n function getSecondsInputEl() {\n return element.find('input').eq(2);\n }\n\n it('has initially the correct time & meridian', function() {\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n\n it('updates hours & pads on input change & pads on blur', function() {\n var el = getHoursInputEl();\n\n changeInputValueTo(el, 5);\n expect(getTimeState()).toEqual(['5', '40', '25', 'PM']);\n expect(getModelState()).toEqual([17, 40, 25]);\n\n el.blur();\n expect(getTimeState()).toEqual(['05', '40', '25', 'PM']);\n expect(getModelState()).toEqual([17, 40, 25]);\n });\n\n it('updates minutes & pads on input change & pads on blur', function() {\n var el = getMinutesInputEl();\n\n changeInputValueTo(el, 9);\n expect(getTimeState()).toEqual(['02', '9', '25', 'PM']);\n expect(getModelState()).toEqual([14, 9, 25]);\n\n el.blur();\n expect(getTimeState()).toEqual(['02', '09', '25', 'PM']);\n expect(getModelState()).toEqual([14, 9, 25]);\n });\n\n it('updates seconds & pads on input change & pads on blur', function() {\n var el = getSecondsInputEl();\n\n changeInputValueTo(el, 4);\n expect(getTimeState()).toEqual(['02', '40', '4', 'PM']);\n expect(getModelState()).toEqual([14, 40, 4]);\n\n el.blur();\n expect(getTimeState()).toEqual(['02', '40', '04', 'PM']);\n expect(getModelState()).toEqual([14, 40, 4]);\n });\n\n it('clears model when input hours is invalid & alerts the UI', function() {\n var el = getHoursInputEl();\n\n changeInputValueTo(el, 'pizza');\n expect($rootScope.time).toBe(null);\n expect(el.parent().hasClass('has-error')).toBe(true);\n expect(el.hasClass('ng-invalid-hours'));\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n\n changeInputValueTo(el, 8);\n el.blur();\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['08', '40', '25', 'PM']);\n expect(getModelState()).toEqual([20, 40, 25]);\n expect(el.parent().hasClass('has-error')).toBe(false);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('clears model when input minutes is invalid & alerts the UI', function() {\n var el = getMinutesInputEl();\n\n changeInputValueTo(el, '8a');\n expect($rootScope.time).toBe(null);\n expect(el.parent().hasClass('has-error')).toBe(true);\n expect(el.hasClass('ng-invalid-minutes'));\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n\n changeInputValueTo(el, 22);\n expect(getTimeState()).toEqual(['02', '22', '25', 'PM']);\n expect(getModelState()).toEqual([14, 22, 25]);\n expect(el.parent().hasClass('has-error')).toBe(false);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('clears model when input seconds is invalid & alerts the UI', function() {\n var el = getSecondsInputEl();\n\n changeInputValueTo(el, 'pizza');\n expect($rootScope.time).toBe(null);\n expect(el.parent().hasClass('has-error')).toBe(true);\n expect(el.hasClass('ng-invalid-seconds'));\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n\n changeInputValueTo(el, 13);\n expect(getTimeState()).toEqual(['02', '40', '13', 'PM']);\n expect(getModelState()).toEqual([14, 40, 13]);\n expect(el.parent().hasClass('has-error')).toBe(false);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('should not be invalid when the model is cleared', function() {\n var elH = getHoursInputEl();\n var elM = getMinutesInputEl();\n var elS = getSecondsInputEl();\n\n $rootScope.time = newTime(10, 20, 30);\n $rootScope.$digest();\n\n expect(getModelState()).toEqual([10, 20, 30]);\n\n changeInputValueTo(elH, '');\n elH.blur();\n $rootScope.$digest();\n changeInputValueTo(elM, '');\n elM.blur();\n $rootScope.$digest();\n changeInputValueTo(elS, '');\n elS.blur();\n $rootScope.$digest();\n\n expect(elH.hasClass('ng-valid'));\n expect(elM.hasClass('ng-valid'));\n expect(elS.hasClass('ng-valid'));\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('timepicker1 leaves view alone when hours are invalid and minutes are updated', function() {\n var hoursEl = getHoursInputEl(),\n minutesEl = getMinutesInputEl();\n\n changeInputValueTo(hoursEl, '25');\n hoursEl.blur();\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['25', '40', '25', 'PM']);\n\n changeInputValueTo(minutesEl, '2');\n minutesEl.blur();\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['25', '2', '25', 'PM']);\n });\n\n it('leaves view alone when minutes are invalid and hours are updated', function() {\n var hoursEl = getHoursInputEl(),\n minutesEl = getMinutesInputEl();\n\n changeInputValueTo(minutesEl, '61');\n minutesEl.blur();\n $rootScope.$digest();\n expect($rootScope.time).toBe(null);\n expect(getTimeState()).toEqual(['02', '61', '25', 'PM']);\n\n changeInputValueTo(hoursEl, '2');\n hoursEl.blur();\n $rootScope.$digest();\n expect($rootScope.time).toBe(null);\n expect(getTimeState()).toEqual(['2', '61', '25', 'PM']);\n });\n\n it('handles 12/24H mode change', function() {\n $rootScope.meridian = true;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n var el = getHoursInputEl();\n\n changeInputValueTo(el, '16');\n expect($rootScope.time).toBe(null);\n expect(el.parent().hasClass('has-error')).toBe(true);\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n\n $rootScope.meridian = false;\n $rootScope.$digest();\n expect(getTimeState(true)).toEqual(['16', '40', '25']);\n expect(getModelState()).toEqual([16, 40, 25]);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('should have a default tabindex of 0', function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(element.isolateScope().tabindex).toBe(0);\n });\n\n it('should have the correct tabindex', function() {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n expect(element.attr('tabindex')).toBe(undefined);\n expect(element.isolateScope().tabindex).toBe('5');\n });\n });\n\n describe('when model is not a Date', function() {\n beforeEach(inject(function() {\n element = $compile('
')($rootScope);\n }));\n\n it('should not be invalid when the model is null', function() {\n $rootScope.time = null;\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('should not be invalid when the model is undefined', function() {\n $rootScope.time = undefined;\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('should not be invalid when the model is a valid string date representation', function() {\n $rootScope.time = 'September 30, 2010 15:30:10';\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n expect(getTimeState()).toEqual(['03', '30', '10','PM']);\n });\n\n it('should be invalid when the model is not a valid string date representation', function() {\n $rootScope.time = 'pizza';\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n });\n\n it('should return valid when the model becomes valid', function() {\n $rootScope.time = 'pizza';\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n\n $rootScope.time = new Date();\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('should return valid when the model is cleared', function() {\n $rootScope.time = 'pizza';\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n\n $rootScope.time = null;\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n });\n\n describe('use with `ng-required` directive', function() {\n beforeEach(inject(function() {\n $rootScope.time = null;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('should be invalid initially', function() {\n expect(element.hasClass('ng-invalid')).toBe(true);\n });\n\n it('should be valid if model has been specified', function() {\n $rootScope.time = new Date();\n $rootScope.$digest();\n expect(element.hasClass('ng-invalid')).toBe(false);\n });\n });\n\n describe('use with `ng-change` directive', function() {\n beforeEach(inject(function() {\n $rootScope.changeHandler = jasmine.createSpy('changeHandler');\n $rootScope.time = new Date();\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n }));\n\n it('should not be called initially', function() {\n expect($rootScope.changeHandler).not.toHaveBeenCalled();\n });\n\n it('should be called when hours / minutes buttons clicked', function() {\n var btn1 = getHoursButton(true);\n var btn2 = getMinutesButton(false);\n var btn3 = getSecondsButton(false);\n\n doClick(btn1, 2);\n doClick(btn2, 3);\n doClick(btn3, 1);\n $rootScope.$digest();\n\n expect($rootScope.changeHandler.calls.count()).toBe(6);\n });\n\n it('should not be called when model changes programatically', function() {\n $rootScope.time = new Date();\n $rootScope.$digest();\n expect($rootScope.changeHandler).not.toHaveBeenCalled();\n });\n });\n\n describe('when used with min', function() {\n var changeInputValueTo;\n beforeEach(inject(function($sniffer) {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n changeInputValueTo = function(inputEl, value) {\n inputEl.val(value);\n inputEl.trigger($sniffer.hasEvent('input') ? 'input' : 'change');\n $rootScope.$digest();\n };\n }));\n\n it('should not decrease hours when it would result in a time earlier than min', function() {\n var down = getHoursButton(false);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.min = newTime(13, 41);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(true);\n doClick(down);\n expect(getTimeState(false,true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n hoursEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n });\n\n it('should decrease hours when it would not result in a time earlier than min', function() {\n var down = getHoursButton(false);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.min = newTime(0, 0);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(false);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['01', '40', 'PM']);\n expect(getModelState(true)).toEqual([13, 40]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '40', 'PM']);\n expect(getModelState(true)).toEqual([12, 40]);\n\n hoursEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '40', 'AM']);\n expect(getModelState(true)).toEqual([11, 40]);\n });\n\n it('should not decrease minutes when it would result in a time ealier than min', function() {\n var down = getMinutesButton(false);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.min = newTime(14, 40);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(true);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n minutesEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n });\n\n it('should decrease minutes when it would not result in a time ealier than min', function() {\n var down = getMinutesButton(false);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.min = newTime(0, 0);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(false);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['02', '39', 'PM']);\n expect(getModelState(true)).toEqual([14, 39]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '38', 'PM']);\n expect(getModelState(true)).toEqual([14, 38]);\n\n minutesEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '37', 'PM']);\n expect(getModelState(true)).toEqual([14, 37]);\n });\n\n it('should not increase hours when time would rollover to a time earlier than min', function() {\n var up = getHoursButton(true);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.time = newTime(23, 59);\n $rootScope.min = newTime(13, 40);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(true);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n\n hoursEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n });\n\n it('should increase hours when time would rollover to a time not earlier than min', function() {\n var up = getHoursButton(true);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.min = newTime(0, 0);\n\n $rootScope.time = newTime(23, 59);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(false);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['12', '59', 'AM']);\n expect(getModelState(true)).toEqual([0, 59]);\n\n $rootScope.time = newTime(23, 59);\n $rootScope.$digest();\n\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '59', 'AM']);\n expect(getModelState(true)).toEqual([0, 59]);\n\n $rootScope.time = newTime(23, 59);\n $rootScope.$digest();\n\n hoursEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '59', 'AM']);\n expect(getModelState(true)).toEqual([0, 59]);\n });\n\n\n it('should not increase minutes when time would rollover to a time earlier than min', function() {\n var up = getMinutesButton(true);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.time = newTime(23, 59);\n $rootScope.min = newTime(13, 40);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(true);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n\n minutesEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n });\n\n it('should increase minutes when time would rollover to a time not earlier than min', function() {\n var up = getMinutesButton(true);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.min = newTime(0, 0);\n\n $rootScope.time = newTime(23, 59);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(false);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n\n $rootScope.time = newTime(23, 59);\n $rootScope.$digest();\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n\n $rootScope.time = newTime(23, 59);\n $rootScope.$digest();\n\n minutesEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n });\n\n it('should not change meridian when it would result a in time earlier than min', function() {\n var button = getMeridianButton();\n\n $rootScope.min = newTime(2, 41);\n $rootScope.$digest();\n\n expect(button.hasClass('disabled')).toBe(true);\n\n doClick(button);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n });\n\n it('should change meridian when it would not result in a time earlier than min', function() {\n var button = getMeridianButton();\n\n $rootScope.min = newTime(2, 39);\n $rootScope.$digest();\n\n expect(button.hasClass('disabled')).toBe(false);\n\n doClick(button);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'AM']);\n expect(getModelState(true)).toEqual([2, 40]);\n });\n\n it('should return invalid when the hours are changes such that the time is earlier than min', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n\n $rootScope.min = newTime(14, 0);\n $rootScope.$digest();\n\n changeInputValueTo(hoursEl, 1);\n expect($rootScope.time).toBe(null);\n expect(hoursEl.parent().hasClass('has-error')).toBe(true);\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n });\n\n it('should return valid when the hours are changes such that the time is not earlier than min', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n\n $rootScope.min = newTime(14, 41);\n $rootScope.$digest();\n\n changeInputValueTo(hoursEl, 3);\n expect(getTimeState(false, true)).toEqual(['3', '40', 'PM']);\n expect(getModelState(true)).toEqual([15, 40]);\n expect(hoursEl.parent().hasClass('has-error')).toBe(false);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('should return invalid when the minutes are changes such that the time is earlier than min', function() {\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n\n $rootScope.min = newTime(14, 30);\n $rootScope.$digest();\n\n changeInputValueTo(minutesEl, 1);\n expect($rootScope.time).toBe(null);\n expect(minutesEl.parent().hasClass('has-error')).toBe(true);\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n });\n\n it('should return valid when the minutes are changes such that the time is not earlier than min', function() {\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n\n $rootScope.min = newTime(14, 41);\n $rootScope.$digest();\n\n changeInputValueTo(minutesEl, 42);\n expect(getTimeState(false, true)).toEqual(['02', '42', 'PM']);\n expect(getModelState(true)).toEqual([14, 42]);\n expect(minutesEl.parent().hasClass('has-error')).toBe(false);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n });\n\n describe('when used with max', function() {\n var changeInputValueTo;\n beforeEach(inject(function($sniffer) {\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n changeInputValueTo = function(inputEl, value) {\n inputEl.val(value);\n inputEl.trigger($sniffer.hasEvent('input') ? 'input' : 'change');\n $rootScope.$digest();\n };\n }));\n\n it('should not increase hours when it would result in a time later than max', function() {\n var up = getHoursButton(true);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.max = newTime(15, 39);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(true);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n hoursEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n });\n\n it('should increase hours when it would not result in a time later than max', function() {\n var up = getHoursButton(true);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.max = newTime(23, 59);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(false);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['03', '40', 'PM']);\n expect(getModelState(true)).toEqual([15, 40]);\n\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['04', '40', 'PM']);\n expect(getModelState(true)).toEqual([16, 40]);\n\n hoursEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['05', '40', 'PM']);\n expect(getModelState(true)).toEqual([17, 40]);\n });\n\n it('should not increase minutes when it would result in a time later than max', function() {\n var up = getMinutesButton(true);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.max = newTime(14, 40);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(true);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n\n minutesEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n });\n\n it('should increase minutes when it would not result in a time later than max', function() {\n var up = getMinutesButton(true);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var upMouseWheelEvent = wheelThatMouse(1);\n var upKeydownEvent = keydown('up');\n\n $rootScope.max = newTime(23, 59);\n $rootScope.$digest();\n\n expect(up.hasClass('disabled')).toBe(false);\n\n doClick(up);\n expect(getTimeState(false, true)).toEqual(['02', '41', 'PM']);\n expect(getModelState(true)).toEqual([14, 41]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '42', 'PM']);\n expect(getModelState(true)).toEqual([14, 42]);\n\n minutesEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['02', '43', 'PM']);\n expect(getModelState(true)).toEqual([14, 43]);\n });\n\n it('should not decrease hours when time would rollover to a time later than max', function() {\n var down = getHoursButton(false);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.time = newTime(0, 0);\n $rootScope.max = newTime(13, 40);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(true);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n\n hoursEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n });\n\n it('should decrease hours when time would rollover to a time not later than max', function() {\n var down = getHoursButton(false);\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.max = newTime(23, 59);\n\n $rootScope.time = newTime(0, 0);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(false);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['11', '00', 'PM']);\n expect(getModelState(true)).toEqual([23, 0]);\n\n $rootScope.time = newTime(0, 0);\n $rootScope.$digest();\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '00', 'PM']);\n expect(getModelState(true)).toEqual([23, 0]);\n\n $rootScope.time = newTime(0, 0);\n $rootScope.$digest();\n\n hoursEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '00', 'PM']);\n expect(getModelState(true)).toEqual([23, 0]);\n });\n\n it('should not decrease minutes when time would rollover to a time later than max', function() {\n var down = getMinutesButton(false);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.time = newTime(0, 0);\n $rootScope.max = newTime(13, 40);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(true);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n\n minutesEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['12', '00', 'AM']);\n expect(getModelState(true)).toEqual([0, 0]);\n });\n\n it('should decrease minutes when time would rollover to a time not later than max', function() {\n var down = getMinutesButton(false);\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n var downMouseWheelEvent = wheelThatMouse(-1);\n var downKeydownEvent = keydown('down');\n\n $rootScope.max = newTime(23, 59);\n\n $rootScope.time = newTime(0, 0);\n $rootScope.$digest();\n\n expect(down.hasClass('disabled')).toBe(false);\n\n doClick(down);\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n\n $rootScope.time = newTime(0, 0);\n $rootScope.$digest();\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n\n $rootScope.time = newTime(0, 0);\n $rootScope.$digest();\n\n minutesEl.trigger( downKeydownEvent );\n $rootScope.$digest();\n expect(getTimeState(false, true)).toEqual(['11', '59', 'PM']);\n expect(getModelState(true)).toEqual([23, 59]);\n });\n\n it('should not change meridian when it would result a in time later than max', function() {\n var button = getMeridianButton();\n\n $rootScope.time = newTime(2, 40);\n $rootScope.max = newTime(14, 39);\n $rootScope.$digest();\n\n expect(button.hasClass('disabled')).toBe(true);\n\n doClick(button);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'AM']);\n expect(getModelState(true)).toEqual([2, 40]);\n });\n\n it('should change meridian when it would not result in a time later than max', function() {\n var button = getMeridianButton();\n\n $rootScope.time = newTime(2, 40);\n $rootScope.max = newTime(14, 41);\n $rootScope.$digest();\n\n expect(button.hasClass('disabled')).toBe(false);\n\n doClick(button);\n expect(getTimeState(false, true)).toEqual(['02', '40', 'PM']);\n expect(getModelState(true)).toEqual([14, 40]);\n });\n\n it('should return invalid when the hours are changes such that the time is later than max', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n\n $rootScope.max = newTime(14, 0);\n $rootScope.$digest();\n\n changeInputValueTo(hoursEl, 3);\n expect($rootScope.time).toBe(null);\n expect(hoursEl.parent().hasClass('has-error')).toBe(true);\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n });\n\n it('should return valid when the hours are changes such that the time is not later than max', function() {\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0);\n\n $rootScope.max = newTime(15, 41);\n $rootScope.$digest();\n\n changeInputValueTo(hoursEl, 3);\n expect(getTimeState(false, true)).toEqual(['3', '40', 'PM']);\n expect(getModelState(true)).toEqual([15, 40]);\n expect(hoursEl.parent().hasClass('has-error')).toBe(false);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n\n it('should return invalid when the minutes are changes such that the time is later than max', function() {\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n\n $rootScope.max = newTime(14, 50);\n $rootScope.$digest();\n\n changeInputValueTo(minutesEl, 51);\n expect($rootScope.time).toBe(null);\n expect(minutesEl.parent().hasClass('has-error')).toBe(true);\n expect(element.hasClass('ng-invalid-time')).toBe(true);\n });\n\n it('should return valid when the minutes are changes such that the time is not later than max', function() {\n var inputs = element.find('input');\n var minutesEl = inputs.eq(1);\n\n $rootScope.max = newTime(14, 42);\n $rootScope.$digest();\n\n changeInputValueTo(minutesEl, 41);\n expect(getTimeState(false, true)).toEqual(['02', '41', 'PM']);\n expect(getModelState(true)).toEqual([14, 41]);\n expect(minutesEl.parent().hasClass('has-error')).toBe(false);\n expect(element.hasClass('ng-invalid-time')).toBe(false);\n });\n });\n\n describe('custom template and controllerAs', function() {\n it('should allow custom templates', function() {\n $templateCache.put('foo/bar.html', '
baz
');\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n expect(element[0].tagName.toLowerCase()).toBe('div');\n expect(element.html()).toBe('
baz
');\n });\n\n it('should expose the controller on the view', function() {\n $templateCache.put('uib/template/timepicker/timepicker.html', '
');\n\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n var ctrl = element.controller('uibTimepicker');\n expect(ctrl).toBeDefined();\n\n ctrl.text = 'foo';\n $rootScope.$digest();\n\n expect(element.html()).toBe('
');\n });\n });\n\n describe('ngDisabled', function() {\n it('prevents modifying date via controls when true', function() {\n $rootScope.disabled = false;\n element = $compile('
')($rootScope);\n $rootScope.$digest();\n\n var inputs = element.find('input');\n var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1),\n secondsEl = inputs.eq(2);\n var upKeydownEvent = keydown('up');\n var downKeydownEvent = keydown('down');\n var leftKeydownEvent = keydown('left');\n var upMouseWheelEvent = wheelThatMouse(1);\n var downMouseWheelEvent = wheelThatMouse(-1);\n\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n $rootScope.disabled = true;\n $rootScope.$digest();\n\n // UP\n hoursEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n minutesEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n secondsEl.trigger(upKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // DOWN\n secondsEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n minutesEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n hoursEl.trigger(downKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // Other keydown\n hoursEl.trigger(leftKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n minutesEl.trigger(leftKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n secondsEl.trigger(leftKeydownEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // WHEEL UP\n secondsEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n minutesEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n hoursEl.trigger(upMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n // WHEEL DOWN\n secondsEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n minutesEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n\n hoursEl.trigger(downMouseWheelEvent);\n $rootScope.$digest();\n expect(getTimeState()).toEqual(['02', '40', '25', 'PM']);\n expect(getModelState()).toEqual([14, 40, 25]);\n });\n });\n\n describe('gc', function() {\n var $scope;\n beforeEach(inject(function() {\n $scope = $rootScope.$new();\n element = $compile('
')($scope);\n $rootScope.$digest();\n }));\n\n it('should clean up watchers', function() {\n expect($scope.$$watchers.length > 1).toBe(true);\n\n element.isolateScope().$destroy();\n\n expect($scope.$$watchers.length).toBe(1);\n });\n });\n});\n"
},
{
"path": "src/timepicker/timepicker.css",
"content": ".uib-time input {\n width: 50px;\n}\n"
},
{
"path": "src/timepicker/timepicker.js",
"content": "angular.module('ui.bootstrap.timepicker', [])\n\n.constant('uibTimepickerConfig', {\n hourStep: 1,\n minuteStep: 1,\n secondStep: 1,\n showMeridian: true,\n showSeconds: false,\n meridians: null,\n readonlyInput: false,\n mousewheel: true,\n arrowkeys: true,\n showSpinners: true,\n templateUrl: 'uib/template/timepicker/timepicker.html'\n})\n\n.controller('UibTimepickerController', ['$scope', '$element', '$attrs', '$parse', '$log', '$locale', 'uibTimepickerConfig', function($scope, $element, $attrs, $parse, $log, $locale, timepickerConfig) {\n var hoursModelCtrl, minutesModelCtrl, secondsModelCtrl;\n var selected = new Date(),\n watchers = [],\n ngModelCtrl = { $setViewValue: angular.noop }, // nullModelCtrl\n meridians = angular.isDefined($attrs.meridians) ? $scope.$parent.$eval($attrs.meridians) : timepickerConfig.meridians || $locale.DATETIME_FORMATS.AMPMS,\n padHours = angular.isDefined($attrs.padHours) ? $scope.$parent.$eval($attrs.padHours) : true;\n\n $scope.tabindex = angular.isDefined($attrs.tabindex) ? $attrs.tabindex : 0;\n $element.removeAttr('tabindex');\n\n this.init = function(ngModelCtrl_, inputs) {\n ngModelCtrl = ngModelCtrl_;\n ngModelCtrl.$render = this.render;\n\n ngModelCtrl.$formatters.unshift(function(modelValue) {\n return modelValue ? new Date(modelValue) : null;\n });\n\n var hoursInputEl = inputs.eq(0),\n minutesInputEl = inputs.eq(1),\n secondsInputEl = inputs.eq(2);\n\n hoursModelCtrl = hoursInputEl.controller('ngModel');\n minutesModelCtrl = minutesInputEl.controller('ngModel');\n secondsModelCtrl = secondsInputEl.controller('ngModel');\n\n var mousewheel = angular.isDefined($attrs.mousewheel) ? $scope.$parent.$eval($attrs.mousewheel) : timepickerConfig.mousewheel;\n\n if (mousewheel) {\n this.setupMousewheelEvents(hoursInputEl, minutesInputEl, secondsInputEl);\n }\n\n var arrowkeys = angular.isDefined($attrs.arrowkeys) ? $scope.$parent.$eval($attrs.arrowkeys) : timepickerConfig.arrowkeys;\n if (arrowkeys) {\n this.setupArrowkeyEvents(hoursInputEl, minutesInputEl, secondsInputEl);\n }\n\n $scope.readonlyInput = angular.isDefined($attrs.readonlyInput) ? $scope.$parent.$eval($attrs.readonlyInput) : timepickerConfig.readonlyInput;\n this.setupInputEvents(hoursInputEl, minutesInputEl, secondsInputEl);\n };\n\n var hourStep = timepickerConfig.hourStep;\n if ($attrs.hourStep) {\n watchers.push($scope.$parent.$watch($parse($attrs.hourStep), function(value) {\n hourStep = +value;\n }));\n }\n\n var minuteStep = timepickerConfig.minuteStep;\n if ($attrs.minuteStep) {\n watchers.push($scope.$parent.$watch($parse($attrs.minuteStep), function(value) {\n minuteStep = +value;\n }));\n }\n\n var min;\n watchers.push($scope.$parent.$watch($parse($attrs.min), function(value) {\n var dt = new Date(value);\n min = isNaN(dt) ? undefined : dt;\n }));\n\n var max;\n watchers.push($scope.$parent.$watch($parse($attrs.max), function(value) {\n var dt = new Date(value);\n max = isNaN(dt) ? undefined : dt;\n }));\n\n var disabled = false;\n if ($attrs.ngDisabled) {\n watchers.push($scope.$parent.$watch($parse($attrs.ngDisabled), function(value) {\n disabled = value;\n }));\n }\n\n $scope.noIncrementHours = function() {\n var incrementedSelected = addMinutes(selected, hourStep * 60);\n return disabled || incrementedSelected > max ||\n incrementedSelected < selected && incrementedSelected < min;\n };\n\n $scope.noDecrementHours = function() {\n var decrementedSelected = addMinutes(selected, -hourStep * 60);\n return disabled || decrementedSelected < min ||\n decrementedSelected > selected && decrementedSelected > max;\n };\n\n $scope.noIncrementMinutes = function() {\n var incrementedSelected = addMinutes(selected, minuteStep);\n return disabled || incrementedSelected > max ||\n incrementedSelected < selected && incrementedSelected < min;\n };\n\n $scope.noDecrementMinutes = function() {\n var decrementedSelected = addMinutes(selected, -minuteStep);\n return disabled || decrementedSelected < min ||\n decrementedSelected > selected && decrementedSelected > max;\n };\n\n $scope.noIncrementSeconds = function() {\n var incrementedSelected = addSeconds(selected, secondStep);\n return disabled || incrementedSelected > max ||\n incrementedSelected < selected && incrementedSelected < min;\n };\n\n $scope.noDecrementSeconds = function() {\n var decrementedSelected = addSeconds(selected, -secondStep);\n return disabled || decrementedSelected < min ||\n decrementedSelected > selected && decrementedSelected > max;\n };\n\n $scope.noToggleMeridian = function() {\n if (selected.getHours() < 12) {\n return disabled || addMinutes(selected, 12 * 60) > max;\n }\n\n return disabled || addMinutes(selected, -12 * 60) < min;\n };\n\n var secondStep = timepickerConfig.secondStep;\n if ($attrs.secondStep) {\n watchers.push($scope.$parent.$watch($parse($attrs.secondStep), function(value) {\n secondStep = +value;\n }));\n }\n\n $scope.showSeconds = timepickerConfig.showSeconds;\n if ($attrs.showSeconds) {\n watchers.push($scope.$parent.$watch($parse($attrs.showSeconds), function(value) {\n $scope.showSeconds = !!value;\n }));\n }\n\n // 12H / 24H mode\n $scope.showMeridian = timepickerConfig.showMeridian;\n if ($attrs.showMeridian) {\n watchers.push($scope.$parent.$watch($parse($attrs.showMeridian), function(value) {\n $scope.showMeridian = !!value;\n\n if (ngModelCtrl.$error.time) {\n // Evaluate from template\n var hours = getHoursFromTemplate(), minutes = getMinutesFromTemplate();\n if (angular.isDefined(hours) && angular.isDefined(minutes)) {\n selected.setHours(hours);\n refresh();\n }\n } else {\n updateTemplate();\n }\n }));\n }\n\n // Get $scope.hours in 24H mode if valid\n function getHoursFromTemplate() {\n var hours = +$scope.hours;\n var valid = $scope.showMeridian ? hours > 0 && hours < 13 :\n hours >= 0 && hours < 24;\n if (!valid || $scope.hours === '') {\n return undefined;\n }\n\n if ($scope.showMeridian) {\n if (hours === 12) {\n hours = 0;\n }\n if ($scope.meridian === meridians[1]) {\n hours = hours + 12;\n }\n }\n return hours;\n }\n\n function getMinutesFromTemplate() {\n var minutes = +$scope.minutes;\n var valid = minutes >= 0 && minutes < 60;\n if (!valid || $scope.minutes === '') {\n return undefined;\n }\n return minutes;\n }\n\n function getSecondsFromTemplate() {\n var seconds = +$scope.seconds;\n return seconds >= 0 && seconds < 60 ? seconds : undefined;\n }\n\n function pad(value, noPad) {\n if (value === null) {\n return '';\n }\n\n return angular.isDefined(value) && value.toString().length < 2 && !noPad ?\n '0' + value : value.toString();\n }\n\n // Respond on mousewheel spin\n this.setupMousewheelEvents = function(hoursInputEl, minutesInputEl, secondsInputEl) {\n var isScrollingUp = function(e) {\n if (e.originalEvent) {\n e = e.originalEvent;\n }\n //pick correct delta variable depending on event\n var delta = e.wheelDelta ? e.wheelDelta : -e.deltaY;\n return e.detail || delta > 0;\n };\n\n hoursInputEl.on('mousewheel wheel', function(e) {\n if (!disabled) {\n $scope.$apply(isScrollingUp(e) ? $scope.incrementHours() : $scope.decrementHours());\n }\n e.preventDefault();\n });\n\n minutesInputEl.on('mousewheel wheel', function(e) {\n if (!disabled) {\n $scope.$apply(isScrollingUp(e) ? $scope.incrementMinutes() : $scope.decrementMinutes());\n }\n e.preventDefault();\n });\n\n secondsInputEl.on('mousewheel wheel', function(e) {\n if (!disabled) {\n $scope.$apply(isScrollingUp(e) ? $scope.incrementSeconds() : $scope.decrementSeconds());\n }\n e.preventDefault();\n });\n };\n\n // Respond on up/down arrowkeys\n this.setupArrowkeyEvents = function(hoursInputEl, minutesInputEl, secondsInputEl) {\n hoursInputEl.on('keydown', function(e) {\n if (!disabled) {\n if (e.which === 38) { // up\n e.preventDefault();\n $scope.incrementHours();\n $scope.$apply();\n } else if (e.which === 40) { // down\n e.preventDefault();\n $scope.decrementHours();\n $scope.$apply();\n }\n }\n });\n\n minutesInputEl.on('keydown', function(e) {\n if (!disabled) {\n if (e.which === 38) { // up\n e.preventDefault();\n $scope.incrementMinutes();\n $scope.$apply();\n } else if (e.which === 40) { // down\n e.preventDefault();\n $scope.decrementMinutes();\n $scope.$apply();\n }\n }\n });\n\n secondsInputEl.on('keydown', function(e) {\n if (!disabled) {\n if (e.which === 38) { // up\n e.preventDefault();\n $scope.incrementSeconds();\n $scope.$apply();\n } else if (e.which === 40) { // down\n e.preventDefault();\n $scope.decrementSeconds();\n $scope.$apply();\n }\n }\n });\n };\n\n this.setupInputEvents = function(hoursInputEl, minutesInputEl, secondsInputEl) {\n if ($scope.readonlyInput) {\n $scope.updateHours = angular.noop;\n $scope.updateMinutes = angular.noop;\n $scope.updateSeconds = angular.noop;\n return;\n }\n\n var invalidate = function(invalidHours, invalidMinutes, invalidSeconds) {\n ngModelCtrl.$setViewValue(null);\n ngModelCtrl.$setValidity('time', false);\n if (angular.isDefined(invalidHours)) {\n $scope.invalidHours = invalidHours;\n if (hoursModelCtrl) {\n hoursModelCtrl.$setValidity('hours', false);\n }\n }\n\n if (angular.isDefined(invalidMinutes)) {\n $scope.invalidMinutes = invalidMinutes;\n if (minutesModelCtrl) {\n minutesModelCtrl.$setValidity('minutes', false);\n }\n }\n\n if (angular.isDefined(invalidSeconds)) {\n $scope.invalidSeconds = invalidSeconds;\n if (secondsModelCtrl) {\n secondsModelCtrl.$setValidity('seconds', false);\n }\n }\n };\n\n $scope.updateHours = function() {\n var hours = getHoursFromTemplate(),\n minutes = getMinutesFromTemplate();\n\n ngModelCtrl.$setDirty();\n\n if (angular.isDefined(hours) && angular.isDefined(minutes)) {\n selected.setHours(hours);\n selected.setMinutes(minutes);\n if (selected < min || selected > max) {\n invalidate(true);\n } else {\n refresh('h');\n }\n } else {\n invalidate(true);\n }\n };\n\n hoursInputEl.on('blur', function(e) {\n ngModelCtrl.$setTouched();\n if (modelIsEmpty()) {\n makeValid();\n } else if ($scope.hours === null || $scope.hours === '') {\n invalidate(true);\n } else if (!$scope.invalidHours && $scope.hours < 10) {\n $scope.$apply(function() {\n $scope.hours = pad($scope.hours, !padHours);\n });\n }\n });\n\n $scope.updateMinutes = function() {\n var minutes = getMinutesFromTemplate(),\n hours = getHoursFromTemplate();\n\n ngModelCtrl.$setDirty();\n\n if (angular.isDefined(minutes) && angular.isDefined(hours)) {\n selected.setHours(hours);\n selected.setMinutes(minutes);\n if (selected < min || selected > max) {\n invalidate(undefined, true);\n } else {\n refresh('m');\n }\n } else {\n invalidate(undefined, true);\n }\n };\n\n minutesInputEl.on('blur', function(e) {\n ngModelCtrl.$setTouched();\n if (modelIsEmpty()) {\n makeValid();\n } else if ($scope.minutes === null) {\n invalidate(undefined, true);\n } else if (!$scope.invalidMinutes && $scope.minutes < 10) {\n $scope.$apply(function() {\n $scope.minutes = pad($scope.minutes);\n });\n }\n });\n\n $scope.updateSeconds = function() {\n var seconds = getSecondsFromTemplate();\n\n ngModelCtrl.$setDirty();\n\n if (angular.isDefined(seconds)) {\n selected.setSeconds(seconds);\n refresh('s');\n } else {\n invalidate(undefined, undefined, true);\n }\n };\n\n secondsInputEl.on('blur', function(e) {\n if (modelIsEmpty()) {\n makeValid();\n } else if (!$scope.invalidSeconds && $scope.seconds < 10) {\n $scope.$apply( function() {\n $scope.seconds = pad($scope.seconds);\n });\n }\n });\n\n };\n\n this.render = function() {\n var date = ngModelCtrl.$viewValue;\n\n if (isNaN(date)) {\n ngModelCtrl.$setValidity('time', false);\n $log.error('Timepicker directive: \"ng-model\" value must be a Date object, a number of milliseconds since 01.01.1970 or a string representing an RFC2822 or ISO 8601 date.');\n } else {\n if (date) {\n selected = date;\n }\n\n if (selected < min || selected > max) {\n ngModelCtrl.$setValidity('time', false);\n $scope.invalidHours = true;\n $scope.invalidMinutes = true;\n } else {\n makeValid();\n }\n updateTemplate();\n }\n };\n\n // Call internally when we know that model is valid.\n function refresh(keyboardChange) {\n makeValid();\n ngModelCtrl.$setViewValue(new Date(selected));\n updateTemplate(keyboardChange);\n }\n\n function makeValid() {\n if (hoursModelCtrl) {\n hoursModelCtrl.$setValidity('hours', true);\n }\n\n if (minutesModelCtrl) {\n minutesModelCtrl.$setValidity('minutes', true);\n }\n\n if (secondsModelCtrl) {\n secondsModelCtrl.$setValidity('seconds', true);\n }\n\n ngModelCtrl.$setValidity('time', true);\n $scope.invalidHours = false;\n $scope.invalidMinutes = false;\n $scope.invalidSeconds = false;\n }\n\n function updateTemplate(keyboardChange) {\n if (!ngModelCtrl.$modelValue) {\n $scope.hours = null;\n $scope.minutes = null;\n $scope.seconds = null;\n $scope.meridian = meridians[0];\n } else {\n var hours = selected.getHours(),\n minutes = selected.getMinutes(),\n seconds = selected.getSeconds();\n\n if ($scope.showMeridian) {\n hours = hours === 0 || hours === 12 ? 12 : hours % 12; // Convert 24 to 12 hour system\n }\n\n $scope.hours = keyboardChange === 'h' ? hours : pad(hours, !padHours);\n if (keyboardChange !== 'm') {\n $scope.minutes = pad(minutes);\n }\n $scope.meridian = selected.getHours() < 12 ? meridians[0] : meridians[1];\n\n if (keyboardChange !== 's') {\n $scope.seconds = pad(seconds);\n }\n $scope.meridian = selected.getHours() < 12 ? meridians[0] : meridians[1];\n }\n }\n\n function addSecondsToSelected(seconds) {\n selected = addSeconds(selected, seconds);\n refresh();\n }\n\n function addMinutes(selected, minutes) {\n return addSeconds(selected, minutes*60);\n }\n\n function addSeconds(date, seconds) {\n var dt = new Date(date.getTime() + seconds * 1000);\n var newDate = new Date(date);\n newDate.setHours(dt.getHours(), dt.getMinutes(), dt.getSeconds());\n return newDate;\n }\n\n function modelIsEmpty() {\n return ($scope.hours === null || $scope.hours === '') &&\n ($scope.minutes === null || $scope.minutes === '') &&\n (!$scope.showSeconds || $scope.showSeconds && ($scope.seconds === null || $scope.seconds === ''));\n }\n\n $scope.showSpinners = angular.isDefined($attrs.showSpinners) ?\n $scope.$parent.$eval($attrs.showSpinners) : timepickerConfig.showSpinners;\n\n $scope.incrementHours = function() {\n if (!$scope.noIncrementHours()) {\n addSecondsToSelected(hourStep * 60 * 60);\n }\n };\n\n $scope.decrementHours = function() {\n if (!$scope.noDecrementHours()) {\n addSecondsToSelected(-hourStep * 60 * 60);\n }\n };\n\n $scope.incrementMinutes = function() {\n if (!$scope.noIncrementMinutes()) {\n addSecondsToSelected(minuteStep * 60);\n }\n };\n\n $scope.decrementMinutes = function() {\n if (!$scope.noDecrementMinutes()) {\n addSecondsToSelected(-minuteStep * 60);\n }\n };\n\n $scope.incrementSeconds = function() {\n if (!$scope.noIncrementSeconds()) {\n addSecondsToSelected(secondStep);\n }\n };\n\n $scope.decrementSeconds = function() {\n if (!$scope.noDecrementSeconds()) {\n addSecondsToSelected(-secondStep);\n }\n };\n\n $scope.toggleMeridian = function() {\n var minutes = getMinutesFromTemplate(),\n hours = getHoursFromTemplate();\n\n if (!$scope.noToggleMeridian()) {\n if (angular.isDefined(minutes) && angular.isDefined(hours)) {\n addSecondsToSelected(12 * 60 * (selected.getHours() < 12 ? 60 : -60));\n } else {\n $scope.meridian = $scope.meridian === meridians[0] ? meridians[1] : meridians[0];\n }\n }\n };\n\n $scope.blur = function() {\n ngModelCtrl.$setTouched();\n };\n\n $scope.$on('$destroy', function() {\n while (watchers.length) {\n watchers.shift()();\n }\n });\n}])\n\n.directive('uibTimepicker', ['uibTimepickerConfig', function(uibTimepickerConfig) {\n return {\n require: ['uibTimepicker', '?^ngModel'],\n restrict: 'A',\n controller: 'UibTimepickerController',\n controllerAs: 'timepicker',\n scope: {},\n templateUrl: function(element, attrs) {\n return attrs.templateUrl || uibTimepickerConfig.templateUrl;\n },\n link: function(scope, element, attrs, ctrls) {\n var timepickerCtrl = ctrls[0], ngModelCtrl = ctrls[1];\n\n if (ngModelCtrl) {\n timepickerCtrl.init(ngModelCtrl, element.find('input'));\n }\n }\n };\n}]);\n"
},
{
"path": "src/tooltip/docs/demo.html",
"content": "
\n
\n Tooltip placement \n
\n
Tooltip {{placement.selected}} \n\n
\n
\n Dynamic Tooltip Text \n
\n
\n Dynamic Tooltip Popup Text \n
\n
\n Pellentesque {{dynamicTooltipText}} ,\n sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in\n aliquam. Tincidunt lobortis feugiat vivamus at\n fading \n eget arcu dictum varius duis at consectetur lorem. Vitae elementum curabitur\n show delay \n nunc sed velit dignissim sodales ut eu sem integer vitae. Turpis egestas\n hide delay \n pharetra convallis posuere morbi leo urna,\n Custom template \n at elementum eu, facilisis sed odio morbi quis commodo odio.\n
\n\n
\n I can even contain HTML as a\n scope variable or\n bold.'\">inline string \n
\n\n
\n \n I can have a custom class. Check me out! \n
\n\n\n
\n Or use custom triggers, like focus: \n
\n\n
\n Disable tooltips conditionally: \n
\n
\n \n Open tooltips conditionally. \n \n Toggle tooltip \n
\n \n
\n"
},
{
"path": "src/tooltip/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('TooltipDemoCtrl', function ($scope, $sce) {\n $scope.dynamicTooltip = 'Hello, World!';\n $scope.dynamicTooltipText = 'dynamic';\n $scope.htmlTooltip = $sce.trustAsHtml('I\\'ve been made
bold !');\n $scope.placement = {\n options: [\n 'top',\n 'top-left',\n 'top-right',\n 'bottom',\n 'bottom-left',\n 'bottom-right',\n 'left',\n 'left-top',\n 'left-bottom',\n 'right',\n 'right-top',\n 'right-bottom'\n ],\n selected: 'top'\n };\n});\n"
},
{
"path": "src/tooltip/docs/readme.md",
"content": "A lightweight, extensible directive for fancy tooltip creation. The tooltip\ndirective supports multiple placements, optional transition animation, and more.\n\n__Note to mobile developers__: Please note that while tooltips may work correctly on mobile devices (including tablets),\n we have made the decision to not officially support such a use-case because it does not make sense from a UX perspective.\n\nThere are three versions of the tooltip: `uib-tooltip`, `uib-tooltip-template`, and\n`uib-tooltip-html`:\n\n* `uib-tooltip` -\n Takes text only and will escape any HTML provided.\n* `uib-tooltip-html`\n
$ -\n Takes an expression that evaluates to an HTML string. Note that this HTML is not compiled. If compilation is required, please use the `uib-tooltip-template` attribute option instead. *The user is responsible for ensuring the content is safe to put into the DOM!*\n* `uib-tooltip-template`\n
$ -\n Takes text that specifies the location of a template to use for the tooltip. Note that this needs to be wrapped in a tag.\n\n### uib-tooltip-* settings\n\nAll these settings are available for the three types of tooltips.\n\n* `tooltip-animation`\n
$ \n
C \n _(Default: `true`, Config: `animation`)_ -\n Should it fade in and out?\n\n* `tooltip-append-to-body`\n
$ \n
C \n _(Default: `false`, Config: `appendToBody`)_ -\n Should the tooltip be appended to '$body' instead of the parent element?\n\n* `tooltip-class` -\n Custom class to be applied to the tooltip.\n\n* `tooltip-enable`\n
$ \n _(Default: `true`)_ -\n Is it enabled? It will enable or disable the configured tooltip-trigger.\n\n* `tooltip-is-open`\n
\n _(Default: `false`)_ -\n Whether to show the tooltip.\n\n* `tooltip-placement`\n
C \n _(Default: `top`, Config: `placement`)_ -\n Passing in 'auto' separated by a space before the placement will enable auto positioning, e.g: \"auto bottom-left\". The tooltip will attempt to position where it fits in the closest scrollable ancestor. Accepts:\n\n * `top` - tooltip on top, horizontally centered on host element.\n * `top-left` - tooltip on top, left edge aligned with host element left edge.\n * `top-right` - tooltip on top, right edge aligned with host element right edge.\n * `bottom` - tooltip on bottom, horizontally centered on host element.\n * `bottom-left` - tooltip on bottom, left edge aligned with host element left edge.\n * `bottom-right` - tooltip on bottom, right edge aligned with host element right edge.\n * `left` - tooltip on left, vertically centered on host element.\n * `left-top` - tooltip on left, top edge aligned with host element top edge.\n * `left-bottom` - tooltip on left, bottom edge aligned with host element bottom edge.\n * `right` - tooltip on right, vertically centered on host element.\n * `right-top` - tooltip on right, top edge aligned with host element top edge.\n * `right-bottom` - tooltip on right, bottom edge aligned with host element bottom edge.\n\n* `tooltip-popup-close-delay`\n
C \n _(Default: `0`, Config: `popupCloseDelay`)_ -\n For how long should the tooltip remain open after the close trigger event?\n\n* `tooltip-popup-delay`\n
C \n _(Default: `0`, Config: `popupDelay`)_ -\n Popup delay in milliseconds until it opens.\n\n* `tooltip-trigger`\n
$ \n _(Default: `'mouseenter'`)_ -\n What should trigger a show of the tooltip? Supports a space separated list of event names, or objects (see below).\n\n**Note:** To configure the tooltips, you need to do it on `$uibTooltipProvider` (also see below).\n\n### Triggers\n\nThe following show triggers are supported out of the box, along with their provided hide triggers:\n\n- `mouseenter`: `mouseleave`\n- `click`: `click`\n- `outsideClick`: `outsideClick`\n- `focus`: `blur`\n- `none`\n\nThe `outsideClick` trigger will cause the tooltip to toggle on click, and hide when anything else is clicked.\n\nFor any non-supported value, the trigger will be used to both show and hide the\ntooltip. Using the 'none' trigger will disable the internal trigger(s), one can\nthen use the `tooltip-is-open` attribute exclusively to show and hide the tooltip.\n\n### $uibTooltipProvider\n\nThrough the `$uibTooltipProvider`, you can change the way tooltips and popovers\nbehave by default; the attributes above always take precedence. The following\nmethods are available:\n\n* `setTriggers(obj)`\n _(Example: `{ 'openTrigger': 'closeTrigger' }`)_ -\n Extends the default trigger mappings mentioned above with mappings of your own.\n\n* `options(obj)` -\n Provide a set of defaults for certain tooltip and popover attributes. Currently supports the ones with the
C badge.\n\n### Known issues\n\nFor Safari 7+ support, if you want to use the **focus** `tooltip-trigger`, you need to use an anchor tag with a tab index. For example:\n\n```\n
\n Click Me\n \n```\n\nFor Safari (potentially all versions up to 9), there is an issue with the hover CSS selector when using multiple elements grouped close to each other that are using the tooltip - it is possible for multiple elements to gain the hover state when mousing between the elements quickly and exiting the container at the right time. See [issue #5445](https://github.com/angular-ui/bootstrap/issues/5445) for more details.\n"
},
{
"path": "src/tooltip/index-nocss.js",
"content": "require('../position/index-nocss.js');\nrequire('../stackedMap');\nrequire('../../template/tooltip/tooltip-popup.html.js');\nrequire('../../template/tooltip/tooltip-html-popup.html.js');\nrequire('../../template/tooltip/tooltip-template-popup.html.js');\nrequire('./tooltip');\n\nvar MODULE_NAME = 'ui.bootstrap.module.tooltip';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.tooltip', 'uib/template/tooltip/tooltip-popup.html', 'uib/template/tooltip/tooltip-html-popup.html', 'uib/template/tooltip/tooltip-template-popup.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/tooltip/index.js",
"content": "require('../position/position.css');\nrequire('./tooltip.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/tooltip/test/tooltip-template.spec.js",
"content": "describe('tooltip template', function() {\n var elm,\n elmBody,\n scope,\n elmScope,\n tooltipScope,\n $document;\n\n // load the popover code\n beforeEach(module('ui.bootstrap.tooltip'));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-template-popup.html'));\n\n beforeEach(inject(function($templateCache) {\n $templateCache.put('myUrl', [200, '
{{ myTemplateText }} ', {}]);\n }));\n\n beforeEach(inject(function($rootScope, $compile, _$document_) {\n $document = _$document_;\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.templateUrl = 'myUrl';\n\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n afterEach(function() {\n $document.off('keypress');\n });\n\n function trigger(element, evt) {\n element.trigger(evt);\n element.scope().$$childTail.$digest();\n }\n\n it('should open on mouseenter', inject(function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n\n expect(elmBody.children().length).toBe(2);\n }));\n\n it('should not open on mouseenter if templateUrl is empty', inject(function() {\n scope.templateUrl = null;\n scope.$digest();\n\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(false);\n\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should show updated text', inject(function() {\n scope.myTemplateText = 'some text';\n\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n scope.$digest();\n\n expect(elmBody.children().eq(1).text().trim()).toBe('some text');\n\n scope.myTemplateText = 'new text';\n scope.$digest();\n\n expect(elmBody.children().eq(1).text().trim()).toBe('new text');\n }));\n\n it('should hide tooltip when template becomes empty', inject(function($timeout) {\n trigger(elm, 'mouseenter');\n $timeout.flush(0);\n expect(tooltipScope.isOpen).toBe(true);\n\n scope.templateUrl = '';\n scope.$digest();\n\n expect(tooltipScope.isOpen).toBe(false);\n\n $timeout.flush();\n expect(elmBody.children().length).toBe(1);\n }));\n});\n"
},
{
"path": "src/tooltip/test/tooltip.spec.js",
"content": "describe('tooltip', function() {\n var elm,\n elmBody,\n scope,\n elmScope,\n tooltipScope,\n $document;\n\n // load the tooltip code\n beforeEach(module('ui.bootstrap.tooltip'));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n beforeEach(inject(function($rootScope, $compile, _$document_) {\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n $document = _$document_;\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n afterEach(function() {\n $document.off('keyup');\n });\n\n function trigger(element, evt) {\n element.trigger(evt);\n element.scope().$$childTail.$digest();\n }\n\n it('should not be open initially', inject(function() {\n expect(tooltipScope.isOpen).toBe(false);\n\n // We can only test *that* the tooltip-popup element wasn't created as the\n // implementation is templated and replaced.\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should open on mouseenter', inject(function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n\n // We can only test *that* the tooltip-popup element was created as the\n // implementation is templated and replaced.\n expect(elmBody.children().length).toBe(2);\n }));\n\n it('should close on mouseleave', inject(function() {\n trigger(elm, 'mouseenter');\n trigger(elm, 'mouseleave');\n expect(tooltipScope.isOpen).toBe(false);\n }));\n\n it('should not animate on animation set to false', inject(function() {\n expect(tooltipScope.animation).toBe(false);\n }));\n\n it('should have default placement of \"top\"', inject(function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.placement).toBe('top');\n }));\n\n it('should allow specification of placement', inject(function($compile) {\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n scope.$apply();\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n trigger(elm, 'mouseenter');\n expect(tooltipScope.placement).toBe('bottom');\n }));\n\n it('should update placement dynamically', inject(function($compile, $timeout) {\n scope.place = 'bottom';\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n scope.$apply();\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n trigger(elm, 'mouseenter');\n expect(tooltipScope.placement).toBe('bottom');\n\n scope.place = 'right';\n scope.$digest();\n $timeout.flush();\n expect(tooltipScope.placement).toBe('right');\n }));\n\n it('should work inside an ngRepeat', inject(function($compile) {\n elm = $compile(angular.element(\n '
'+\n ''+\n '{{item.name}} '+\n ' '+\n ' '\n ))(scope);\n\n scope.items = [\n { name: 'One', tooltip: 'First Tooltip' }\n ];\n\n scope.$digest();\n\n var tt = angular.element(elm.find('li > span')[0]);\n trigger(tt, 'mouseenter');\n\n expect(tt.text()).toBe(scope.items[0].name);\n\n tooltipScope = tt.scope().$$childTail;\n expect(tooltipScope.content).toBe(scope.items[0].tooltip);\n\n trigger(tt, 'mouseleave');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n\n it('should show correct text when in an ngRepeat', inject(function($compile, $timeout) {\n elm = $compile(angular.element(\n '
'+\n ''+\n '{{item.name}} '+\n ' '+\n ' '\n ))(scope);\n\n scope.items = [\n { name: 'One', tooltip: 'First Tooltip' },\n { name: 'Second', tooltip: 'Second Tooltip' }\n ];\n\n scope.$digest();\n\n var tt_1 = angular.element(elm.find('li > span')[0]);\n var tt_2 = angular.element(elm.find('li > span')[1]);\n\n trigger(tt_1, 'mouseenter');\n trigger(tt_1, 'mouseleave');\n\n $timeout.flush();\n\n trigger(tt_2, 'mouseenter');\n\n expect(tt_1.text()).toBe(scope.items[0].name);\n expect(tt_2.text()).toBe(scope.items[1].name);\n\n tooltipScope = tt_2.scope().$$childTail;\n expect(tooltipScope.content).toBe(scope.items[1].tooltip);\n expect(elm.find('.tooltip-inner').text()).toBe(scope.items[1].tooltip);\n\n trigger(tt_2, 'mouseleave');\n }));\n\n it('should only have an isolate scope on the popup', inject(function($compile) {\n var ttScope;\n\n scope.tooltipMsg = 'Tooltip Text';\n scope.alt = 'Alt Message';\n\n elmBody = $compile(angular.element(\n '
Selector Text
'\n ))(scope);\n\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n\n trigger(elm, 'mouseenter');\n expect(elm.attr('alt')).toBe(scope.alt);\n\n ttScope = angular.element(elmBody.children()[1]).isolateScope();\n expect(ttScope.content).toBe(scope.tooltipMsg);\n\n trigger(elm, 'mouseleave');\n\n //Isolate scope contents should be the same after hiding and showing again (issue 1191)\n trigger(elm, 'mouseenter');\n\n ttScope = angular.element(elmBody.children()[1]).isolateScope();\n expect(ttScope.content).toBe(scope.tooltipMsg);\n }));\n\n it('should not show tooltips if there is nothing to show - issue #129', inject(function($compile) {\n elmBody = $compile(angular.element(\n '
Selector Text
'\n ))(scope);\n scope.$digest();\n elmBody.find('span').trigger('mouseenter');\n\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should close the tooltip when its trigger element is destroyed', inject(function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n\n elm.remove();\n elmScope.$destroy();\n expect(elmBody.children().length).toBe(0);\n }));\n\n it('issue 1191 - scope on the popup should always be child of correct element scope', function() {\n var ttScope;\n trigger(elm, 'mouseenter');\n\n ttScope = angular.element(elmBody.children()[1]).scope();\n expect(ttScope.$parent).toBe(tooltipScope);\n\n trigger(elm, 'mouseleave');\n\n // After leaving and coming back, the scope's parent should be the same\n trigger(elm, 'mouseenter');\n\n ttScope = angular.element(elmBody.children()[1]).scope();\n expect(ttScope.$parent).toBe(tooltipScope);\n\n trigger(elm, 'mouseleave');\n });\n\n describe('with specified enable expression', function() {\n beforeEach(inject(function($compile) {\n scope.enable = false;\n elmBody = $compile(angular.element(\n '
Selector Text
'\n ))(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n it('should not open ', inject(function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBeFalsy();\n expect(elmBody.children().length).toBe(1);\n }));\n\n it('should open', inject(function() {\n scope.enable = true;\n scope.$digest();\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBeTruthy();\n expect(elmBody.children().length).toBe(2);\n }));\n });\n\n describe('with specified popup delay', function() {\n var $timeout;\n beforeEach(inject(function($compile, _$timeout_) {\n $timeout = _$timeout_;\n scope.delay = '1000';\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n scope.$digest();\n }));\n\n it('should open after timeout', function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(false);\n\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(true);\n });\n\n it('should not open if mouseleave before timeout', function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(false);\n\n trigger(elm, 'mouseleave');\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(false);\n });\n\n it('should use default popup delay if specified delay is not a number', function() {\n scope.delay = 'text1000';\n scope.$digest();\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n });\n\n it('should not open if disabled is present', function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(false);\n\n elmScope.disabled = true;\n elmScope.$digest();\n $timeout.flush(500);\n\n expect(tooltipScope.isOpen).toBe(false);\n });\n\n it('should open when not disabled after being disabled - issue #4204', function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(false);\n\n $timeout.flush(500);\n elmScope.disabled = true;\n elmScope.$digest();\n\n $timeout.flush(500);\n expect(tooltipScope.isOpen).toBe(false);\n\n elmScope.disabled = false;\n elmScope.$digest();\n\n trigger(elm, 'mouseenter');\n $timeout.flush();\n\n expect(tooltipScope.isOpen).toBe(true);\n });\n\n it('should close the tooltips in order', inject(function($compile) {\n var elm2 = $compile('
Selector Text
')(scope);\n scope.$digest();\n elm2 = elm2.find('span');\n var tooltipScope2 = elm2.scope().$$childTail;\n tooltipScope2.isOpen = false;\n scope.$digest();\n\n trigger(elm, 'mouseenter');\n tooltipScope2.$digest();\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(true);\n expect(tooltipScope2.isOpen).toBe(false);\n\n trigger(elm2, 'mouseenter');\n tooltipScope2.$digest();\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(true);\n expect(tooltipScope2.isOpen).toBe(true);\n\n var evt = $.Event('keyup');\n evt.which = 27;\n\n $document.trigger(evt);\n tooltipScope.$digest();\n tooltipScope2.$digest();\n $timeout.flush();\n\n expect(tooltipScope.isOpen).toBe(true);\n expect(tooltipScope2.isOpen).toBe(false);\n\n var evt2 = $.Event('keyup');\n evt2.which = 27;\n\n $document.trigger(evt2);\n tooltipScope.$digest();\n tooltipScope2.$digest();\n $timeout.flush(500);\n\n expect(tooltipScope.isOpen).toBe(false);\n expect(tooltipScope2.isOpen).toBe(false);\n }));\n });\n\n describe('with specified popup close delay', function() {\n var $timeout;\n beforeEach(inject(function($compile, _$timeout_) {\n $timeout = _$timeout_;\n scope.delay = '1000';\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n scope.$digest();\n }));\n\n it('should close after timeout', function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n trigger(elm, 'mouseleave');\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(false);\n });\n\n it('should use default popup close delay if specified delay is not a number and close immediately', function() {\n scope.delay = 'text1000';\n scope.$digest();\n trigger(elm, 'mouseenter');\n expect(tooltipScope.popupCloseDelay).toBe(0);\n expect(tooltipScope.isOpen).toBe(true);\n trigger(elm, 'mouseleave');\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(false);\n });\n\n it('should open when not disabled after being disabled and close after delay - issue #4204', function() {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n\n elmScope.disabled = true;\n elmScope.$digest();\n\n $timeout.flush(500);\n expect(tooltipScope.isOpen).toBe(false);\n\n elmScope.disabled = false;\n elmScope.$digest();\n\n trigger(elm, 'mouseenter');\n\n expect(tooltipScope.isOpen).toBe(true);\n trigger(elm, 'mouseleave');\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(false);\n });\n });\n\n describe('with specified popup and popup close delay', function() {\n var $timeout;\n beforeEach(inject(function($compile, _$timeout_) {\n $timeout = _$timeout_;\n scope.delay = '1000';\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n scope.$digest();\n }));\n\n it('should not open if mouseleave before timeout', function() {\n trigger(elm, 'mouseenter');\n $timeout.flush(500);\n trigger(elm, 'mouseleave');\n $timeout.flush();\n\n expect(tooltipScope.isOpen).toBe(false);\n });\n });\n\n describe('with an is-open attribute', function() {\n beforeEach(inject(function ($compile) {\n scope.isOpen = false;\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n scope.$digest();\n }));\n\n it('should show and hide with the controller value', function() {\n expect(tooltipScope.isOpen).toBe(false);\n elmScope.isOpen = true;\n elmScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n elmScope.isOpen = false;\n elmScope.$digest();\n expect(tooltipScope.isOpen).toBe(false);\n });\n\n it('should update the controller value', function() {\n trigger(elm, 'mouseenter');\n expect(elmScope.isOpen).toBe(true);\n trigger(elm, 'mouseleave');\n expect(elmScope.isOpen).toBe(false);\n });\n });\n\n describe('with an is-open attribute expression', function() {\n beforeEach(inject(function($compile) {\n scope.isOpen = false;\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n scope.$digest();\n }));\n\n it('should show and hide with the expression', function() {\n expect(tooltipScope.isOpen).toBe(false);\n elmScope.isOpen = true;\n elmScope.$digest();\n expect(tooltipScope.isOpen).toBe(true);\n elmScope.isOpen = false;\n elmScope.$digest();\n expect(tooltipScope.isOpen).toBe(false);\n });\n });\n\n describe('with a trigger attribute', function() {\n var scope, elmBody, elm, elmScope;\n\n beforeEach(inject(function($rootScope) {\n scope = $rootScope;\n }));\n\n it('should use it to show but set the hide trigger based on the map for mapped triggers', inject(function($compile) {\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)(scope);\n scope.$apply();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'focus');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'blur');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n\n it('should use it as both the show and hide triggers for unmapped triggers', inject(function($compile) {\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)(scope);\n scope.$apply();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'fakeTriggerAttr');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'fakeTriggerAttr');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n\n it('should only set up triggers once', inject(function($compile) {\n scope.test = true;\n elmBody = angular.element(\n '
' +\n '
'\n );\n\n $compile(elmBody)(scope);\n scope.$apply();\n var elm1 = elmBody.find('input').eq(0);\n var elm2 = elmBody.find('input').eq(1);\n var elmScope1 = elm1.scope();\n var elmScope2 = elm2.scope();\n var tooltipScope2 = elmScope2.$$childTail;\n\n scope.$apply('test = false');\n\n // click trigger isn't set\n elm2.click();\n expect(tooltipScope2.isOpen).toBeFalsy();\n\n // mouseenter trigger is still set\n trigger(elm2, 'mouseenter');\n expect(tooltipScope2.isOpen).toBeTruthy();\n }));\n\n it('should accept multiple triggers based on the map for mapped triggers', inject(function($compile) {\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)(scope);\n scope.$apply();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'focus');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'blur');\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'fakeTriggerAttr');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'fakeTriggerAttr');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n\n it('should not show when trigger is set to \"none\"', inject(function($compile) {\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)(scope);\n scope.$apply();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n expect(tooltipScope.isOpen).toBeFalsy();\n elm.trigger('mouseenter');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n\n it('should toggle on click and hide when anything else is clicked when trigger is set to \"outsideClick\"', inject(function($compile, $document) {\n elm = $compile(angular.element(\n '
Selector Text '\n ))(scope);\n scope.$apply();\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n // start off\n expect(tooltipScope.isOpen).toBeFalsy();\n\n // toggle\n trigger(elm, 'click');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'click');\n expect(tooltipScope.isOpen).toBeFalsy();\n\n // click on, outsideClick off\n trigger(elm, 'click');\n expect(tooltipScope.isOpen).toBeTruthy();\n angular.element($document[0].body).trigger('click');\n tooltipScope.$digest();\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n\n it('should support objects', inject(function($compile) {\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)(scope);\n scope.$apply();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'show');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'hide');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n });\n\n describe('with an append-to-body attribute', function() {\n var scope, elmBody, elm, elmScope, $body;\n\n beforeEach(inject(function($rootScope) {\n scope = $rootScope;\n }));\n\n afterEach(function() {\n $body.find('.tooltip').remove();\n });\n\n it('should append to the body', inject(function($compile, $document) {\n $body = $document.find('body');\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n var bodyLength = $body.children().length;\n trigger(elm, 'mouseenter');\n\n expect(tooltipScope.isOpen).toBe(true);\n expect(elmBody.children().length).toBe(1);\n expect($body.children().length).toEqual(bodyLength + 1);\n }));\n });\n\n describe('cleanup', function() {\n var elmBody, elm, elmScope, tooltipScope;\n\n function inCache() {\n var match = false;\n\n angular.forEach(angular.element.cache, function(item) {\n if (item.data && item.data.$scope === tooltipScope) {\n match = true;\n }\n });\n\n return match;\n }\n\n beforeEach(inject(function($compile, $rootScope) {\n elmBody = angular.element('
');\n\n $compile(elmBody)($rootScope);\n $rootScope.$apply();\n\n elm = elmBody.find('input');\n elmScope = elm.scope();\n trigger(elm, 'fooTrigger');\n tooltipScope = elmScope.$$childTail.$$childTail;\n }));\n\n it('should not contain a cached reference when not visible', inject(function($timeout) {\n expect(inCache()).toBeTruthy();\n elmScope.$destroy();\n expect(inCache()).toBeFalsy();\n }));\n });\n\n describe('observers', function() {\n var elmBody, elm, elmScope, scope, tooltipScope;\n\n beforeEach(inject(function($compile, $rootScope) {\n scope = $rootScope;\n scope.content = 'tooltip content';\n scope.placement = 'top';\n elmBody = angular.element('
');\n $compile(elmBody)(scope);\n scope.$apply();\n\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n it('should be removed when tooltip hides', inject(function($timeout) {\n expect(tooltipScope.content).toBe(undefined);\n expect(tooltipScope.placement).toBe(undefined);\n\n trigger(elm, 'mouseenter');\n expect(tooltipScope.content).toBe('tooltip content');\n expect(tooltipScope.placement).toBe('top');\n scope.content = 'tooltip content updated';\n\n scope.placement = 'bottom';\n scope.$apply();\n expect(tooltipScope.content).toBe('tooltip content updated');\n expect(tooltipScope.placement).toBe('bottom');\n\n trigger(elm, 'mouseleave');\n $timeout.flush();\n scope.content = 'tooltip content updated after close';\n scope.placement = 'left';\n scope.$apply();\n expect(tooltipScope.content).toBe('tooltip content updated');\n expect(tooltipScope.placement).toBe('bottom');\n }));\n });\n});\n\ndescribe('tooltipWithDifferentSymbols', function() {\n var elmBody;\n\n // load the tooltip code\n beforeEach(module('ui.bootstrap.tooltip'));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n // configure interpolate provider to use [[ ]] instead of {{ }}\n beforeEach(module(function($interpolateProvider) {\n $interpolateProvider.startSymbol('[[');\n $interpolateProvider.startSymbol(']]');\n }));\n\n function trigger(element, evt) {\n element.trigger(evt);\n element.scope().$$childTail.$digest();\n }\n\n it('should show the correct tooltip text', inject(function($compile, $rootScope) {\n elmBody = angular.element(\n '
'\n );\n $compile(elmBody)($rootScope);\n $rootScope.$apply();\n var elmInput = elmBody.find('input');\n trigger(elmInput, 'focus');\n\n expect(elmInput.next().find('div').next().html()).toBe('My tooltip');\n }));\n});\n\ndescribe('tooltip positioning', function() {\n var elm, elmBody, elmScope, tooltipScope, scope;\n var $position;\n\n // load the tooltip code\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.options({ animation: false });\n }));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n beforeEach(inject(function($rootScope, $compile, $uibPosition) {\n $position = $uibPosition;\n spyOn($position, 'positionElements').and.callThrough();\n\n scope = $rootScope;\n scope.text = 'Some Text';\n\n elmBody = $compile(angular.element(\n '
Selector Text
'\n ))(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n function trigger(element, evt) {\n element.trigger(evt);\n element.scope().$$childTail.$digest();\n }\n\n it('should re-position when value changes', inject(function($timeout) {\n trigger(elm, 'mouseenter');\n\n scope.$digest();\n $timeout.flush();\n var startingPositionCalls = $position.positionElements.calls.count();\n\n scope.text = 'New Text';\n scope.$digest();\n $timeout.flush();\n expect(elm.attr('uib-tooltip')).toBe('New Text');\n expect($position.positionElements.calls.count()).toEqual(startingPositionCalls + 1);\n // Check that positionElements was called with elm\n expect($position.positionElements.calls.argsFor(startingPositionCalls)[0][0])\n .toBe(elm[0]);\n\n scope.$digest();\n $timeout.verifyNoPendingTasks();\n expect($position.positionElements.calls.count()).toEqual(startingPositionCalls + 1);\n expect($position.positionElements.calls.argsFor(startingPositionCalls)[0][0])\n .toBe(elm[0]);\n scope.$digest();\n }));\n\n});\n\ndescribe('tooltipHtml', function() {\n var elm, elmBody, elmScope, tooltipScope, scope;\n\n // load the tooltip code\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.options({ animation: false });\n }));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-html-popup.html'));\n\n beforeEach(inject(function($rootScope, $compile, $sce) {\n scope = $rootScope;\n scope.html = 'I say:
Hello! ';\n scope.safeHtml = $sce.trustAsHtml(scope.html);\n\n elmBody = $compile(angular.element(\n '
Selector Text
'\n ))(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n function trigger(element, evt) {\n element.trigger(evt);\n element.scope().$$childTail.$digest();\n }\n\n it('should render html properly', inject(function() {\n trigger(elm, 'mouseenter');\n expect(elmBody.find('.tooltip-inner').html()).toBe(scope.html);\n }));\n\n it('should not open if html is empty', function() {\n scope.safeHtml = null;\n scope.$digest();\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(false);\n });\n\n it('should show on mouseenter and hide on mouseleave', inject(function($sce) {\n expect(tooltipScope.isOpen).toBe(false);\n\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(true);\n expect(elmBody.children().length).toBe(2);\n\n expect($sce.getTrustedHtml(tooltipScope.contentExp())).toEqual(scope.html);\n\n trigger(elm, 'mouseleave');\n expect(tooltipScope.isOpen).toBe(false);\n expect(elmBody.children().length).toBe(1);\n }));\n});\n\ndescribe('$uibTooltipProvider', function() {\n var elm,\n elmBody,\n scope,\n elmScope,\n tooltipScope;\n\n function trigger(element, evt) {\n element.trigger(evt);\n element.scope().$$childTail.$digest();\n }\n\n describe('popupDelay', function() {\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.options({popupDelay: 1000});\n }));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n beforeEach(inject(function($rootScope, $compile) {\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n }));\n\n it('should open after timeout', inject(function($timeout) {\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBe(false);\n\n $timeout.flush();\n expect(tooltipScope.isOpen).toBe(true);\n }));\n });\n\n describe('appendToBody', function() {\n var $body;\n\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.options({ appendToBody: true });\n }));\n\n afterEach(function() {\n $body.find('.tooltip').remove();\n });\n\n it('should append to the body', inject(function($rootScope, $compile, $document) {\n $body = $document.find('body');\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n var bodyLength = $body.children().length;\n trigger(elm, 'mouseenter');\n\n expect(tooltipScope.isOpen).toBe(true);\n expect(elmBody.children().length).toBe(1);\n expect($body.children().length).toEqual(bodyLength + 1);\n }));\n\n it('should append to the body when only attribute present', inject(function($rootScope, $compile, $document) {\n $body = $document.find('body');\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n var bodyLength = $body.children().length;\n trigger(elm, 'mouseenter');\n\n expect(tooltipScope.isOpen).toBe(true);\n expect(elmBody.children().length).toBe(1);\n expect($body.children().length).toEqual(bodyLength + 1);\n }));\n\n it('should not append to the body when attribute value is false', inject(function($rootScope, $compile, $document) {\n $body = $document.find('body');\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n var bodyLength = $body.children().length;\n trigger(elm, 'mouseenter');\n\n expect(tooltipScope.isOpen).toBe(true);\n expect(elmBody.children().length).toBe(2);\n expect($body.children().length).toEqual(bodyLength);\n }));\n\n });\n\n describe('triggers', function() {\n describe('with a mapped value', function() {\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.options({trigger: 'focus'});\n }));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n it('should use the show trigger and the mapped value for the hide trigger', inject(function($rootScope, $compile) {\n elmBody = angular.element(\n '
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'focus');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'blur');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n\n it('should override the show and hide triggers if there is an attribute', inject(function($rootScope, $compile) {\n elmBody = angular.element(\n '
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'mouseenter');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'mouseleave');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n });\n\n describe('with a custom mapped value', function() {\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.setTriggers({ customOpenTrigger: 'foo bar' });\n $uibTooltipProvider.options({trigger: 'customOpenTrigger'});\n }));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n it('should use the show trigger and the mapped value for the hide trigger', inject(function($rootScope, $compile) {\n elmBody = angular.element(\n '
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('input');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'customOpenTrigger');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'foo');\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'customOpenTrigger');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'bar');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n });\n\n describe('triggers without a mapped value', function() {\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.options({trigger: 'fakeTrigger'});\n }));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n it('should use the show trigger to hide', inject(function($rootScope, $compile) {\n elmBody = angular.element(\n '
Selector Text
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(tooltipScope.isOpen).toBeFalsy();\n trigger(elm, 'fakeTrigger');\n expect(tooltipScope.isOpen).toBeTruthy();\n trigger(elm, 'fakeTrigger');\n expect(tooltipScope.isOpen).toBeFalsy();\n }));\n });\n });\n\n describe('placementClassPrefix', function() {\n beforeEach(module('ui.bootstrap.tooltip', function($uibTooltipProvider) {\n $uibTooltipProvider.options({placementClassPrefix: 'uib-'});\n }));\n\n // load the template\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n\n it('should add the classes', inject(function($rootScope, $compile, $timeout) {\n elmBody = angular.element(\n '
'\n );\n\n scope = $rootScope;\n $compile(elmBody)(scope);\n scope.$digest();\n elm = elmBody.find('span');\n elmScope = elm.scope();\n tooltipScope = elmScope.$$childTail;\n\n expect(elmBody.children().length).toBe(1);\n\n trigger(elm, 'mouseenter');\n $timeout.flush();\n\n var tooltipElm = elmBody.find('.tooltip');\n expect(tooltipElm.hasClass('top')).toBe(true);\n expect(tooltipElm.hasClass('uib-top-right')).toBe(true);\n }));\n });\n});\n"
},
{
"path": "src/tooltip/test/tooltip2.spec.js",
"content": "describe('tooltip directive', function() {\n var $rootScope, $compile, $document, $timeout, body, fragment;\n\n beforeEach(module('ui.bootstrap.tooltip'));\n beforeEach(module('uib/template/tooltip/tooltip-popup.html'));\n beforeEach(module('uib/template/tooltip/tooltip-template-popup.html'));\n beforeEach(module('uib/template/tooltip/tooltip-html-popup.html'));\n beforeEach(inject(function(_$rootScope_, _$compile_, _$document_, _$timeout_) {\n $rootScope = _$rootScope_;\n $compile = _$compile_;\n $document = _$document_;\n $timeout = _$timeout_;\n\n body = $document.find('body');\n }));\n\n beforeEach(function() {\n jasmine.addMatchers({\n toHaveOpenTooltips: function(util, customEqualityTesters) {\n return {\n compare: function(actual, noOfOpened) {\n var ttipElements = actual.find('div.tooltip');\n noOfOpened = noOfOpened || 1;\n\n var result = {\n pass: util.equals(ttipElements.length, noOfOpened, customEqualityTesters)\n };\n\n if (result.pass) {\n result.message = 'Expected \"' + angular.mock.dump(ttipElements) + '\" not to have \"' + ttipElements.length + '\" opened tooltips.';\n } else {\n result.message = 'Expected \"' + angular.mock.dump(ttipElements) + '\" to have \"' + ttipElements.length + '\" opened tooltips.';\n }\n\n return result;\n }\n };\n }\n });\n });\n\n afterEach(function() {\n $document.off('keypress');\n fragment.remove();\n });\n\n function compileTooltip(ttipMarkup) {\n fragment = $compile('
' + ttipMarkup + '
')($rootScope);\n $rootScope.$digest();\n body.append(fragment);\n }\n\n function closeTooltip(hostEl, triggerEvt, shouldNotFlush) {\n trigger(hostEl, triggerEvt || 'mouseleave');\n hostEl.scope().$$childTail.$digest();\n if (!shouldNotFlush) {\n $timeout.flush();\n }\n }\n\n function trigger(element, evt) {\n element.trigger(evt);\n element.scope().$$childTail.$digest();\n }\n\n describe('basic scenarios with default options', function() {\n it('shows default tooltip on mouse enter and closes on mouse leave', function() {\n compileTooltip('
Trigger here ');\n\n trigger(fragment.find('span'), 'mouseenter');\n expect(fragment).toHaveOpenTooltips();\n\n closeTooltip(fragment.find('span'));\n expect(fragment).not.toHaveOpenTooltips();\n });\n\n it('should not show a tooltip when its content is empty', function() {\n compileTooltip('
');\n trigger(fragment.find('span'), 'mouseenter');\n expect(fragment).not.toHaveOpenTooltips();\n });\n\n it('should not show a tooltip when its content becomes empty', function() {\n $rootScope.content = 'some text';\n compileTooltip('
');\n\n trigger(fragment.find('span'), 'mouseenter');\n $timeout.flush(0);\n expect(fragment).toHaveOpenTooltips();\n\n $rootScope.content = '';\n $rootScope.$digest();\n $timeout.flush();\n expect(fragment).not.toHaveOpenTooltips();\n });\n\n it('should update tooltip when its content becomes empty', function() {\n $rootScope.content = 'some text';\n compileTooltip('
');\n\n $rootScope.content = '';\n $rootScope.$digest();\n\n trigger(fragment.find('span'), 'mouseenter');\n expect(fragment).not.toHaveOpenTooltips();\n });\n });\n\n describe('option by option', function() {\n var tooltipTypes = {\n 'tooltip': 'uib-tooltip=\"tooltip text\"',\n 'tooltip-html': 'uib-tooltip-html=\"tooltipSafeHtml\"',\n 'tooltip-template': 'uib-tooltip-template=\"\\'tooltipTextUrl\\'\"'\n };\n\n beforeEach(inject(function($sce, $templateCache) {\n $rootScope.tooltipText = 'tooltip text';\n $rootScope.tooltipSafeHtml = $sce.trustAsHtml('tooltip text');\n $templateCache.put('tooltipTextUrl', [200, '
tooltip text ', {}]);\n }));\n\n angular.forEach(tooltipTypes, function(html, key) {\n describe(key, function() {\n describe('placement', function() {\n it('can specify an alternative, valid placement', function() {\n compileTooltip('
Trigger here ');\n trigger(fragment.find('span'), 'mouseenter');\n\n var ttipElement = fragment.find('div.tooltip');\n expect(fragment).toHaveOpenTooltips();\n expect(ttipElement).toHaveClass('left');\n\n closeTooltip(fragment.find('span'));\n expect(fragment).not.toHaveOpenTooltips();\n });\n });\n\n describe('class', function() {\n it('can specify a custom class', function() {\n compileTooltip('
Trigger here ');\n trigger(fragment.find('span'), 'mouseenter');\n\n var ttipElement = fragment.find('div.tooltip');\n expect(fragment).toHaveOpenTooltips();\n expect(ttipElement).toHaveClass('custom');\n\n closeTooltip(fragment.find('span'));\n expect(fragment).not.toHaveOpenTooltips();\n });\n });\n });\n });\n });\n\n it('should show even after close trigger is called multiple times - issue #1847', function() {\n compileTooltip('
Trigger here ');\n\n trigger(fragment.find('span'), 'mouseenter');\n expect(fragment).toHaveOpenTooltips();\n\n closeTooltip(fragment.find('span'), null, true);\n // Close trigger is called again before timer completes\n // The close trigger can be called any number of times (even after close has already been called)\n // since users can trigger the hide triggers manually.\n closeTooltip(fragment.find('span'), null, true);\n expect(fragment).toHaveOpenTooltips();\n\n trigger(fragment.find('span'), 'mouseenter');\n expect(fragment).toHaveOpenTooltips();\n\n $timeout.flush();\n expect(fragment).toHaveOpenTooltips();\n });\n\n it('should hide even after show trigger is called multiple times', function() {\n compileTooltip('
Trigger here ');\n\n trigger(fragment.find('span'), 'mouseenter');\n trigger(fragment.find('span'), 'mouseenter');\n\n closeTooltip(fragment.find('span'));\n expect(fragment).not.toHaveOpenTooltips();\n });\n\n it('should not show tooltips element is disabled (button) - issue #3167', function() {\n compileTooltip('
Cancel ');\n\n trigger(fragment.find('button'), 'mouseenter');\n expect(fragment).toHaveOpenTooltips();\n\n trigger(fragment.find('button'), 'click');\n $timeout.flush();\n // One needs to flush deferred functions before checking there is no tooltip.\n expect(fragment).not.toHaveOpenTooltips();\n });\n});\n"
},
{
"path": "src/tooltip/tooltip.css",
"content": "[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,\n[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,\n[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,\n[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,\n[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,\n[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,\n[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,\n[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,\n[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,\n[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,\n[uib-popover-popup].popover.top-left > .arrow,\n[uib-popover-popup].popover.top-right > .arrow,\n[uib-popover-popup].popover.bottom-left > .arrow,\n[uib-popover-popup].popover.bottom-right > .arrow,\n[uib-popover-popup].popover.left-top > .arrow,\n[uib-popover-popup].popover.left-bottom > .arrow,\n[uib-popover-popup].popover.right-top > .arrow,\n[uib-popover-popup].popover.right-bottom > .arrow,\n[uib-popover-html-popup].popover.top-left > .arrow,\n[uib-popover-html-popup].popover.top-right > .arrow,\n[uib-popover-html-popup].popover.bottom-left > .arrow,\n[uib-popover-html-popup].popover.bottom-right > .arrow,\n[uib-popover-html-popup].popover.left-top > .arrow,\n[uib-popover-html-popup].popover.left-bottom > .arrow,\n[uib-popover-html-popup].popover.right-top > .arrow,\n[uib-popover-html-popup].popover.right-bottom > .arrow,\n[uib-popover-template-popup].popover.top-left > .arrow,\n[uib-popover-template-popup].popover.top-right > .arrow,\n[uib-popover-template-popup].popover.bottom-left > .arrow,\n[uib-popover-template-popup].popover.bottom-right > .arrow,\n[uib-popover-template-popup].popover.left-top > .arrow,\n[uib-popover-template-popup].popover.left-bottom > .arrow,\n[uib-popover-template-popup].popover.right-top > .arrow,\n[uib-popover-template-popup].popover.right-bottom > .arrow {\n top: auto;\n bottom: auto;\n left: auto;\n right: auto;\n margin: 0;\n}\n\n[uib-popover-popup].popover,\n[uib-popover-html-popup].popover,\n[uib-popover-template-popup].popover {\n display: block !important;\n}\n"
},
{
"path": "src/tooltip/tooltip.js",
"content": "/**\n * The following features are still outstanding: animation as a\n * function, placement as a function, inside, support for more triggers than\n * just mouse enter/leave, html tooltips, and selector delegation.\n */\nangular.module('ui.bootstrap.tooltip', ['ui.bootstrap.position', 'ui.bootstrap.stackedMap'])\n\n/**\n * The $tooltip service creates tooltip- and popover-like directives as well as\n * houses global options for them.\n */\n.provider('$uibTooltip', function() {\n // The default options tooltip and popover.\n var defaultOptions = {\n placement: 'top',\n placementClassPrefix: '',\n animation: true,\n popupDelay: 0,\n popupCloseDelay: 0,\n useContentExp: false\n };\n\n // Default hide triggers for each show trigger\n var triggerMap = {\n 'mouseenter': 'mouseleave',\n 'click': 'click',\n 'outsideClick': 'outsideClick',\n 'focus': 'blur',\n 'none': ''\n };\n\n // The options specified to the provider globally.\n var globalOptions = {};\n\n /**\n * `options({})` allows global configuration of all tooltips in the\n * application.\n *\n * var app = angular.module( 'App', ['ui.bootstrap.tooltip'], function( $tooltipProvider ) {\n * // place tooltips left instead of top by default\n * $tooltipProvider.options( { placement: 'left' } );\n * });\n */\n\tthis.options = function(value) {\n\t\tangular.extend(globalOptions, value);\n\t};\n\n /**\n * This allows you to extend the set of trigger mappings available. E.g.:\n *\n * $tooltipProvider.setTriggers( { 'openTrigger': 'closeTrigger' } );\n */\n this.setTriggers = function setTriggers(triggers) {\n angular.extend(triggerMap, triggers);\n };\n\n /**\n * This is a helper function for translating camel-case to snake_case.\n */\n function snake_case(name) {\n var regexp = /[A-Z]/g;\n var separator = '-';\n return name.replace(regexp, function(letter, pos) {\n return (pos ? separator : '') + letter.toLowerCase();\n });\n }\n\n /**\n * Returns the actual instance of the $tooltip service.\n * TODO support multiple triggers\n */\n this.$get = ['$window', '$compile', '$timeout', '$document', '$uibPosition', '$interpolate', '$rootScope', '$parse', '$$stackedMap', function($window, $compile, $timeout, $document, $position, $interpolate, $rootScope, $parse, $$stackedMap) {\n var openedTooltips = $$stackedMap.createNew();\n $document.on('keyup', keypressListener);\n\n $rootScope.$on('$destroy', function() {\n $document.off('keyup', keypressListener);\n });\n\n function keypressListener(e) {\n if (e.which === 27) {\n var last = openedTooltips.top();\n if (last) {\n last.value.close();\n last = null;\n }\n }\n }\n\n return function $tooltip(ttType, prefix, defaultTriggerShow, options) {\n options = angular.extend({}, defaultOptions, globalOptions, options);\n\n /**\n * Returns an object of show and hide triggers.\n *\n * If a trigger is supplied,\n * it is used to show the tooltip; otherwise, it will use the `trigger`\n * option passed to the `$tooltipProvider.options` method; else it will\n * default to the trigger supplied to this directive factory.\n *\n * The hide trigger is based on the show trigger. If the `trigger` option\n * was passed to the `$tooltipProvider.options` method, it will use the\n * mapped trigger from `triggerMap` or the passed trigger if the map is\n * undefined; otherwise, it uses the `triggerMap` value of the show\n * trigger; else it will just use the show trigger.\n */\n function getTriggers(trigger) {\n var show = (trigger || options.trigger || defaultTriggerShow).split(' ');\n var hide = show.map(function(trigger) {\n return triggerMap[trigger] || trigger;\n });\n return {\n show: show,\n hide: hide\n };\n }\n\n var directiveName = snake_case(ttType);\n\n var startSym = $interpolate.startSymbol();\n var endSym = $interpolate.endSymbol();\n var template =\n '
' +\n '
';\n\n return {\n compile: function(tElem, tAttrs) {\n var tooltipLinker = $compile(template);\n\n return function link(scope, element, attrs, tooltipCtrl) {\n var tooltip;\n var tooltipLinkedScope;\n var transitionTimeout;\n var showTimeout;\n var hideTimeout;\n var positionTimeout;\n var adjustmentTimeout;\n var appendToBody = angular.isDefined(options.appendToBody) ? options.appendToBody : false;\n var triggers = getTriggers(undefined);\n var hasEnableExp = angular.isDefined(attrs[prefix + 'Enable']);\n var ttScope = scope.$new(true);\n var repositionScheduled = false;\n var isOpenParse = angular.isDefined(attrs[prefix + 'IsOpen']) ? $parse(attrs[prefix + 'IsOpen']) : false;\n var contentParse = options.useContentExp ? $parse(attrs[ttType]) : false;\n var observers = [];\n var lastPlacement;\n\n var positionTooltip = function() {\n // check if tooltip exists and is not empty\n if (!tooltip || !tooltip.html()) { return; }\n\n if (!positionTimeout) {\n positionTimeout = $timeout(function() {\n var ttPosition = $position.positionElements(element, tooltip, ttScope.placement, appendToBody);\n var initialHeight = angular.isDefined(tooltip.offsetHeight) ? tooltip.offsetHeight : tooltip.prop('offsetHeight');\n var elementPos = appendToBody ? $position.offset(element) : $position.position(element);\n tooltip.css({ top: ttPosition.top + 'px', left: ttPosition.left + 'px' });\n var placementClasses = ttPosition.placement.split('-');\n\n if (!tooltip.hasClass(placementClasses[0])) {\n tooltip.removeClass(lastPlacement.split('-')[0]);\n tooltip.addClass(placementClasses[0]);\n }\n\n if (!tooltip.hasClass(options.placementClassPrefix + ttPosition.placement)) {\n tooltip.removeClass(options.placementClassPrefix + lastPlacement);\n tooltip.addClass(options.placementClassPrefix + ttPosition.placement);\n }\n\n adjustmentTimeout = $timeout(function() {\n var currentHeight = angular.isDefined(tooltip.offsetHeight) ? tooltip.offsetHeight : tooltip.prop('offsetHeight');\n var adjustment = $position.adjustTop(placementClasses, elementPos, initialHeight, currentHeight);\n if (adjustment) {\n tooltip.css(adjustment);\n }\n adjustmentTimeout = null;\n }, 0, false);\n\n // first time through tt element will have the\n // uib-position-measure class or if the placement\n // has changed we need to position the arrow.\n if (tooltip.hasClass('uib-position-measure')) {\n $position.positionArrow(tooltip, ttPosition.placement);\n tooltip.removeClass('uib-position-measure');\n } else if (lastPlacement !== ttPosition.placement) {\n $position.positionArrow(tooltip, ttPosition.placement);\n }\n lastPlacement = ttPosition.placement;\n\n positionTimeout = null;\n }, 0, false);\n }\n };\n\n // Set up the correct scope to allow transclusion later\n ttScope.origScope = scope;\n\n // By default, the tooltip is not open.\n // TODO add ability to start tooltip opened\n ttScope.isOpen = false;\n\n function toggleTooltipBind() {\n if (!ttScope.isOpen) {\n showTooltipBind();\n } else {\n hideTooltipBind();\n }\n }\n\n // Show the tooltip with delay if specified, otherwise show it immediately\n function showTooltipBind() {\n if (hasEnableExp && !scope.$eval(attrs[prefix + 'Enable'])) {\n return;\n }\n\n cancelHide();\n prepareTooltip();\n\n if (ttScope.popupDelay) {\n // Do nothing if the tooltip was already scheduled to pop-up.\n // This happens if show is triggered multiple times before any hide is triggered.\n if (!showTimeout) {\n showTimeout = $timeout(show, ttScope.popupDelay, false);\n }\n } else {\n show();\n }\n }\n\n function hideTooltipBind() {\n cancelShow();\n\n if (ttScope.popupCloseDelay) {\n if (!hideTimeout) {\n hideTimeout = $timeout(hide, ttScope.popupCloseDelay, false);\n }\n } else {\n hide();\n }\n }\n\n // Show the tooltip popup element.\n function show() {\n cancelShow();\n cancelHide();\n\n // Don't show empty tooltips.\n if (!ttScope.content) {\n return angular.noop;\n }\n\n createTooltip();\n\n // And show the tooltip.\n ttScope.$evalAsync(function() {\n ttScope.isOpen = true;\n assignIsOpen(true);\n positionTooltip();\n });\n }\n\n function cancelShow() {\n if (showTimeout) {\n $timeout.cancel(showTimeout);\n showTimeout = null;\n }\n\n if (positionTimeout) {\n $timeout.cancel(positionTimeout);\n positionTimeout = null;\n }\n }\n\n // Hide the tooltip popup element.\n function hide() {\n if (!ttScope) {\n return;\n }\n\n // First things first: we don't show it anymore.\n ttScope.$evalAsync(function() {\n if (ttScope) {\n ttScope.isOpen = false;\n assignIsOpen(false);\n // And now we remove it from the DOM. However, if we have animation, we\n // need to wait for it to expire beforehand.\n // FIXME: this is a placeholder for a port of the transitions library.\n // The fade transition in TWBS is 150ms.\n if (ttScope.animation) {\n if (!transitionTimeout) {\n transitionTimeout = $timeout(removeTooltip, 150, false);\n }\n } else {\n removeTooltip();\n }\n }\n });\n }\n\n function cancelHide() {\n if (hideTimeout) {\n $timeout.cancel(hideTimeout);\n hideTimeout = null;\n }\n\n if (transitionTimeout) {\n $timeout.cancel(transitionTimeout);\n transitionTimeout = null;\n }\n }\n\n function createTooltip() {\n // There can only be one tooltip element per directive shown at once.\n if (tooltip) {\n return;\n }\n\n tooltipLinkedScope = ttScope.$new();\n tooltip = tooltipLinker(tooltipLinkedScope, function(tooltip) {\n if (appendToBody) {\n $document.find('body').append(tooltip);\n } else {\n element.after(tooltip);\n }\n });\n\n openedTooltips.add(ttScope, {\n close: hide\n });\n\n prepObservers();\n }\n\n function removeTooltip() {\n cancelShow();\n cancelHide();\n unregisterObservers();\n\n if (tooltip) {\n tooltip.remove();\n \n tooltip = null;\n if (adjustmentTimeout) {\n $timeout.cancel(adjustmentTimeout);\n }\n }\n\n openedTooltips.remove(ttScope);\n \n if (tooltipLinkedScope) {\n tooltipLinkedScope.$destroy();\n tooltipLinkedScope = null;\n }\n }\n\n /**\n * Set the initial scope values. Once\n * the tooltip is created, the observers\n * will be added to keep things in sync.\n */\n function prepareTooltip() {\n ttScope.title = attrs[prefix + 'Title'];\n if (contentParse) {\n ttScope.content = contentParse(scope);\n } else {\n ttScope.content = attrs[ttType];\n }\n\n ttScope.popupClass = attrs[prefix + 'Class'];\n ttScope.placement = angular.isDefined(attrs[prefix + 'Placement']) ? attrs[prefix + 'Placement'] : options.placement;\n var placement = $position.parsePlacement(ttScope.placement);\n lastPlacement = placement[1] ? placement[0] + '-' + placement[1] : placement[0];\n\n var delay = parseInt(attrs[prefix + 'PopupDelay'], 10);\n var closeDelay = parseInt(attrs[prefix + 'PopupCloseDelay'], 10);\n ttScope.popupDelay = !isNaN(delay) ? delay : options.popupDelay;\n ttScope.popupCloseDelay = !isNaN(closeDelay) ? closeDelay : options.popupCloseDelay;\n }\n\n function assignIsOpen(isOpen) {\n if (isOpenParse && angular.isFunction(isOpenParse.assign)) {\n isOpenParse.assign(scope, isOpen);\n }\n }\n\n ttScope.contentExp = function() {\n return ttScope.content;\n };\n\n /**\n * Observe the relevant attributes.\n */\n attrs.$observe('disabled', function(val) {\n if (val) {\n cancelShow();\n }\n\n if (val && ttScope.isOpen) {\n hide();\n }\n });\n\n if (isOpenParse) {\n scope.$watch(isOpenParse, function(val) {\n if (ttScope && !val === ttScope.isOpen) {\n toggleTooltipBind();\n }\n });\n }\n\n function prepObservers() {\n observers.length = 0;\n\n if (contentParse) {\n observers.push(\n scope.$watch(contentParse, function(val) {\n ttScope.content = val;\n if (!val && ttScope.isOpen) {\n hide();\n }\n })\n );\n\n observers.push(\n tooltipLinkedScope.$watch(function() {\n if (!repositionScheduled) {\n repositionScheduled = true;\n tooltipLinkedScope.$$postDigest(function() {\n repositionScheduled = false;\n if (ttScope && ttScope.isOpen) {\n positionTooltip();\n }\n });\n }\n })\n );\n } else {\n observers.push(\n attrs.$observe(ttType, function(val) {\n ttScope.content = val;\n if (!val && ttScope.isOpen) {\n hide();\n } else {\n positionTooltip();\n }\n })\n );\n }\n\n observers.push(\n attrs.$observe(prefix + 'Title', function(val) {\n ttScope.title = val;\n if (ttScope.isOpen) {\n positionTooltip();\n }\n })\n );\n\n observers.push(\n attrs.$observe(prefix + 'Placement', function(val) {\n ttScope.placement = val ? val : options.placement;\n if (ttScope.isOpen) {\n positionTooltip();\n }\n })\n );\n }\n\n function unregisterObservers() {\n if (observers.length) {\n angular.forEach(observers, function(observer) {\n observer();\n });\n observers.length = 0;\n }\n }\n\n // hide tooltips/popovers for outsideClick trigger\n function bodyHideTooltipBind(e) {\n if (!ttScope || !ttScope.isOpen || !tooltip) {\n return;\n }\n // make sure the tooltip/popover link or tool tooltip/popover itself were not clicked\n if (!element[0].contains(e.target) && !tooltip[0].contains(e.target)) {\n hideTooltipBind();\n }\n }\n\n // KeyboardEvent handler to hide the tooltip on Escape key press\n function hideOnEscapeKey(e) {\n if (e.which === 27) {\n hideTooltipBind();\n }\n }\n\n var unregisterTriggers = function() {\n triggers.show.forEach(function(trigger) {\n if (trigger === 'outsideClick') {\n element.off('click', toggleTooltipBind);\n } else {\n element.off(trigger, showTooltipBind);\n element.off(trigger, toggleTooltipBind);\n }\n element.off('keypress', hideOnEscapeKey);\n });\n triggers.hide.forEach(function(trigger) {\n if (trigger === 'outsideClick') {\n $document.off('click', bodyHideTooltipBind);\n } else {\n element.off(trigger, hideTooltipBind);\n }\n });\n };\n\n function prepTriggers() {\n var showTriggers = [], hideTriggers = [];\n var val = scope.$eval(attrs[prefix + 'Trigger']);\n unregisterTriggers();\n\n if (angular.isObject(val)) {\n Object.keys(val).forEach(function(key) {\n showTriggers.push(key);\n hideTriggers.push(val[key]);\n });\n triggers = {\n show: showTriggers,\n hide: hideTriggers\n };\n } else {\n triggers = getTriggers(val);\n }\n\n if (triggers.show !== 'none') {\n triggers.show.forEach(function(trigger, idx) {\n if (trigger === 'outsideClick') {\n element.on('click', toggleTooltipBind);\n $document.on('click', bodyHideTooltipBind);\n } else if (trigger === triggers.hide[idx]) {\n element.on(trigger, toggleTooltipBind);\n } else if (trigger) {\n element.on(trigger, showTooltipBind);\n element.on(triggers.hide[idx], hideTooltipBind);\n }\n element.on('keypress', hideOnEscapeKey);\n });\n }\n }\n\n prepTriggers();\n\n var animation = scope.$eval(attrs[prefix + 'Animation']);\n ttScope.animation = angular.isDefined(animation) ? !!animation : options.animation;\n\n var appendToBodyVal;\n var appendKey = prefix + 'AppendToBody';\n if (appendKey in attrs && attrs[appendKey] === undefined) {\n appendToBodyVal = true;\n } else {\n appendToBodyVal = scope.$eval(attrs[appendKey]);\n }\n\n appendToBody = angular.isDefined(appendToBodyVal) ? appendToBodyVal : appendToBody;\n\n // Make sure tooltip is destroyed and removed.\n scope.$on('$destroy', function onDestroyTooltip() {\n unregisterTriggers();\n removeTooltip();\n ttScope = null;\n });\n };\n }\n };\n };\n }];\n})\n\n// This is mostly ngInclude code but with a custom scope\n.directive('uibTooltipTemplateTransclude', [\n '$animate', '$sce', '$compile', '$templateRequest',\nfunction ($animate, $sce, $compile, $templateRequest) {\n return {\n link: function(scope, elem, attrs) {\n var origScope = scope.$eval(attrs.tooltipTemplateTranscludeScope);\n\n var changeCounter = 0,\n currentScope,\n previousElement,\n currentElement;\n\n var cleanupLastIncludeContent = function() {\n if (previousElement) {\n previousElement.remove();\n previousElement = null;\n }\n\n if (currentScope) {\n currentScope.$destroy();\n currentScope = null;\n }\n\n if (currentElement) {\n $animate.leave(currentElement).then(function() {\n previousElement = null;\n });\n previousElement = currentElement;\n currentElement = null;\n }\n };\n\n scope.$watch($sce.parseAsResourceUrl(attrs.uibTooltipTemplateTransclude), function(src) {\n var thisChangeId = ++changeCounter;\n\n if (src) {\n //set the 2nd param to true to ignore the template request error so that the inner\n //contents and scope can be cleaned up.\n $templateRequest(src, true).then(function(response) {\n if (thisChangeId !== changeCounter) { return; }\n var newScope = origScope.$new();\n var template = response;\n\n var clone = $compile(template)(newScope, function(clone) {\n cleanupLastIncludeContent();\n $animate.enter(clone, elem);\n });\n\n currentScope = newScope;\n currentElement = clone;\n\n currentScope.$emit('$includeContentLoaded', src);\n }, function() {\n if (thisChangeId === changeCounter) {\n cleanupLastIncludeContent();\n scope.$emit('$includeContentError', src);\n }\n });\n scope.$emit('$includeContentRequested', src);\n } else {\n cleanupLastIncludeContent();\n }\n });\n\n scope.$on('$destroy', cleanupLastIncludeContent);\n }\n };\n}])\n\n/**\n * Note that it's intentional that these classes are *not* applied through $animate.\n * They must not be animated as they're expected to be present on the tooltip on\n * initialization.\n */\n.directive('uibTooltipClasses', ['$uibPosition', function($uibPosition) {\n return {\n restrict: 'A',\n link: function(scope, element, attrs) {\n // need to set the primary position so the\n // arrow has space during position measure.\n // tooltip.positionTooltip()\n if (scope.placement) {\n // // There are no top-left etc... classes\n // // in TWBS, so we need the primary position.\n var position = $uibPosition.parsePlacement(scope.placement);\n element.addClass(position[0]);\n }\n\n if (scope.popupClass) {\n element.addClass(scope.popupClass);\n }\n\n if (scope.animation) {\n element.addClass(attrs.tooltipAnimationClass);\n }\n }\n };\n}])\n\n.directive('uibTooltipPopup', function() {\n return {\n restrict: 'A',\n scope: { content: '@' },\n templateUrl: 'uib/template/tooltip/tooltip-popup.html'\n };\n})\n\n.directive('uibTooltip', [ '$uibTooltip', function($uibTooltip) {\n return $uibTooltip('uibTooltip', 'tooltip', 'mouseenter');\n}])\n\n.directive('uibTooltipTemplatePopup', function() {\n return {\n restrict: 'A',\n scope: { contentExp: '&', originScope: '&' },\n templateUrl: 'uib/template/tooltip/tooltip-template-popup.html'\n };\n})\n\n.directive('uibTooltipTemplate', ['$uibTooltip', function($uibTooltip) {\n return $uibTooltip('uibTooltipTemplate', 'tooltip', 'mouseenter', {\n useContentExp: true\n });\n}])\n\n.directive('uibTooltipHtmlPopup', function() {\n return {\n restrict: 'A',\n scope: { contentExp: '&' },\n templateUrl: 'uib/template/tooltip/tooltip-html-popup.html'\n };\n})\n\n.directive('uibTooltipHtml', ['$uibTooltip', function($uibTooltip) {\n return $uibTooltip('uibTooltipHtml', 'tooltip', 'mouseenter', {\n useContentExp: true\n });\n}]);\n"
},
{
"path": "src/typeahead/docs/demo.html",
"content": "\n\n\n\n\n\n
\n\n
Static arrays \n
Model: {{selected | json}} \n
\n\n
Asynchronous results \n
Model: {{asyncSelected | json}} \n
\n
\n
\n
\n\n
ngModelOptions support \n
Model: {{ngModelOptionsSelected | json}} \n
\n\n
Custom templates for results \n
Model: {{customSelected | json}} \n
\n\n
Custom popup templates for typeahead's dropdown \n
Model: {{customPopupSelected | json}} \n
\n
\n"
},
{
"path": "src/typeahead/docs/demo.js",
"content": "angular.module('ui.bootstrap.demo').controller('TypeaheadCtrl', function($scope, $http) {\n\n var _selected;\n\n $scope.selected = undefined;\n $scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];\n // Any function returning a promise object can be used to load values asynchronously\n $scope.getLocation = function(val) {\n return $http.get('//maps.googleapis.com/maps/api/geocode/json', {\n params: {\n address: val,\n sensor: false\n }\n }).then(function(response){\n return response.data.results.map(function(item){\n return item.formatted_address;\n });\n });\n };\n\n $scope.ngModelOptionsSelected = function(value) {\n if (arguments.length) {\n _selected = value;\n } else {\n return _selected;\n }\n };\n\n $scope.modelOptions = {\n debounce: {\n default: 500,\n blur: 250\n },\n getterSetter: true\n };\n\n $scope.statesWithFlags = [{'name':'Alabama','flag':'5/5c/Flag_of_Alabama.svg/45px-Flag_of_Alabama.svg.png'},{'name':'Alaska','flag':'e/e6/Flag_of_Alaska.svg/43px-Flag_of_Alaska.svg.png'},{'name':'Arizona','flag':'9/9d/Flag_of_Arizona.svg/45px-Flag_of_Arizona.svg.png'},{'name':'Arkansas','flag':'9/9d/Flag_of_Arkansas.svg/45px-Flag_of_Arkansas.svg.png'},{'name':'California','flag':'0/01/Flag_of_California.svg/45px-Flag_of_California.svg.png'},{'name':'Colorado','flag':'4/46/Flag_of_Colorado.svg/45px-Flag_of_Colorado.svg.png'},{'name':'Connecticut','flag':'9/96/Flag_of_Connecticut.svg/39px-Flag_of_Connecticut.svg.png'},{'name':'Delaware','flag':'c/c6/Flag_of_Delaware.svg/45px-Flag_of_Delaware.svg.png'},{'name':'Florida','flag':'f/f7/Flag_of_Florida.svg/45px-Flag_of_Florida.svg.png'},{'name':'Georgia','flag':'5/54/Flag_of_Georgia_%28U.S._state%29.svg/46px-Flag_of_Georgia_%28U.S._state%29.svg.png'},{'name':'Hawaii','flag':'e/ef/Flag_of_Hawaii.svg/46px-Flag_of_Hawaii.svg.png'},{'name':'Idaho','flag':'a/a4/Flag_of_Idaho.svg/38px-Flag_of_Idaho.svg.png'},{'name':'Illinois','flag':'0/01/Flag_of_Illinois.svg/46px-Flag_of_Illinois.svg.png'},{'name':'Indiana','flag':'a/ac/Flag_of_Indiana.svg/45px-Flag_of_Indiana.svg.png'},{'name':'Iowa','flag':'a/aa/Flag_of_Iowa.svg/44px-Flag_of_Iowa.svg.png'},{'name':'Kansas','flag':'d/da/Flag_of_Kansas.svg/46px-Flag_of_Kansas.svg.png'},{'name':'Kentucky','flag':'8/8d/Flag_of_Kentucky.svg/46px-Flag_of_Kentucky.svg.png'},{'name':'Louisiana','flag':'e/e0/Flag_of_Louisiana.svg/46px-Flag_of_Louisiana.svg.png'},{'name':'Maine','flag':'3/35/Flag_of_Maine.svg/45px-Flag_of_Maine.svg.png'},{'name':'Maryland','flag':'a/a0/Flag_of_Maryland.svg/45px-Flag_of_Maryland.svg.png'},{'name':'Massachusetts','flag':'f/f2/Flag_of_Massachusetts.svg/46px-Flag_of_Massachusetts.svg.png'},{'name':'Michigan','flag':'b/b5/Flag_of_Michigan.svg/45px-Flag_of_Michigan.svg.png'},{'name':'Minnesota','flag':'b/b9/Flag_of_Minnesota.svg/46px-Flag_of_Minnesota.svg.png'},{'name':'Mississippi','flag':'4/42/Flag_of_Mississippi.svg/45px-Flag_of_Mississippi.svg.png'},{'name':'Missouri','flag':'5/5a/Flag_of_Missouri.svg/46px-Flag_of_Missouri.svg.png'},{'name':'Montana','flag':'c/cb/Flag_of_Montana.svg/45px-Flag_of_Montana.svg.png'},{'name':'Nebraska','flag':'4/4d/Flag_of_Nebraska.svg/46px-Flag_of_Nebraska.svg.png'},{'name':'Nevada','flag':'f/f1/Flag_of_Nevada.svg/45px-Flag_of_Nevada.svg.png'},{'name':'New Hampshire','flag':'2/28/Flag_of_New_Hampshire.svg/45px-Flag_of_New_Hampshire.svg.png'},{'name':'New Jersey','flag':'9/92/Flag_of_New_Jersey.svg/45px-Flag_of_New_Jersey.svg.png'},{'name':'New Mexico','flag':'c/c3/Flag_of_New_Mexico.svg/45px-Flag_of_New_Mexico.svg.png'},{'name':'New York','flag':'1/1a/Flag_of_New_York.svg/46px-Flag_of_New_York.svg.png'},{'name':'North Carolina','flag':'b/bb/Flag_of_North_Carolina.svg/45px-Flag_of_North_Carolina.svg.png'},{'name':'North Dakota','flag':'e/ee/Flag_of_North_Dakota.svg/38px-Flag_of_North_Dakota.svg.png'},{'name':'Ohio','flag':'4/4c/Flag_of_Ohio.svg/46px-Flag_of_Ohio.svg.png'},{'name':'Oklahoma','flag':'6/6e/Flag_of_Oklahoma.svg/45px-Flag_of_Oklahoma.svg.png'},{'name':'Oregon','flag':'b/b9/Flag_of_Oregon.svg/46px-Flag_of_Oregon.svg.png'},{'name':'Pennsylvania','flag':'f/f7/Flag_of_Pennsylvania.svg/45px-Flag_of_Pennsylvania.svg.png'},{'name':'Rhode Island','flag':'f/f3/Flag_of_Rhode_Island.svg/32px-Flag_of_Rhode_Island.svg.png'},{'name':'South Carolina','flag':'6/69/Flag_of_South_Carolina.svg/45px-Flag_of_South_Carolina.svg.png'},{'name':'South Dakota','flag':'1/1a/Flag_of_South_Dakota.svg/46px-Flag_of_South_Dakota.svg.png'},{'name':'Tennessee','flag':'9/9e/Flag_of_Tennessee.svg/46px-Flag_of_Tennessee.svg.png'},{'name':'Texas','flag':'f/f7/Flag_of_Texas.svg/45px-Flag_of_Texas.svg.png'},{'name':'Utah','flag':'f/f6/Flag_of_Utah.svg/45px-Flag_of_Utah.svg.png'},{'name':'Vermont','flag':'4/49/Flag_of_Vermont.svg/46px-Flag_of_Vermont.svg.png'},{'name':'Virginia','flag':'4/47/Flag_of_Virginia.svg/44px-Flag_of_Virginia.svg.png'},{'name':'Washington','flag':'5/54/Flag_of_Washington.svg/46px-Flag_of_Washington.svg.png'},{'name':'West Virginia','flag':'2/22/Flag_of_West_Virginia.svg/46px-Flag_of_West_Virginia.svg.png'},{'name':'Wisconsin','flag':'2/22/Flag_of_Wisconsin.svg/45px-Flag_of_Wisconsin.svg.png'},{'name':'Wyoming','flag':'b/bc/Flag_of_Wyoming.svg/43px-Flag_of_Wyoming.svg.png'}];\n});\n"
},
{
"path": "src/typeahead/docs/readme.md",
"content": "Typeahead is a AngularJS version of [Bootstrap v2's typeahead plugin](http://getbootstrap.com/2.3.2/javascript.html#typeahead).\nThis directive can be used to quickly create elegant typeaheads with any form text input.\n\nIt is very well integrated into AngularJS as it uses a subset of the\n[select directive](http://docs.angularjs.org/api/ng.directive:select) syntax, which is very flexible. Supported expressions are:\n\n* _label_ for _value_ in _sourceArray_\n* _select_ as _label_ for _value_ in _sourceArray_\n\nThe `sourceArray` expression can use a special `$viewValue` variable that corresponds to the value entered inside the input.\n\nThis directive works with promises, meaning you can retrieve matches using the `$http` service with minimal effort.\n\n### uib-typeahead settings\n\n* `ng-model`\n
$ \n
-\n Assignable angular expression to data-bind to.\n\n* `ng-model-options`\n
$ -\n Options for ng-model (see [ng-model-options directive](https://docs.angularjs.org/api/ng/directive/ngModelOptions)). Currently supports the `debounce` and `getterSetter` options.\n\n* `typeahead-append-to`\n
$ \n _(Default: `null`)_ -\n Should the typeahead popup be appended to an element instead of the parent element?\n\n* `typeahead-append-to-body`\n
$ \n
\n _(Default: `false`)_ -\n Should the typeahead popup be appended to $body instead of the parent element?\n\n* `typeahead-editable`\n
$ \n
\n _(Default: `true`)_ -\n Should it restrict model values to the ones selected from the popup only?\n\n* `typeahead-focus-first`\n
$ \n _(Default: `true`)_ -\n Should the first match automatically be focused as you type?\n\n* `typeahead-focus-on-select`\n _(Default: `true`)_ -\n On selection, focus the input element the typeahead directive is associated with.\n\n* `typeahead-input-formatter`\n
\n _(Default: `undefined`)_ -\n Format the ng-model result after selection.\n\n* `typeahead-is-open`\n
$ \n
\n _(Default: `angular.noop`)_ -\n Binding to a variable that indicates if the dropdown is open.\n\n* `typeahead-loading`\n
$ \n
\n _(Default: `angular.noop`)_ -\n Binding to a variable that indicates if matches are being retrieved asynchronously.\n\n* `typeahead-min-length`\n
$ \n
\n _(Default: `1`)_ -\n Minimal no of characters that needs to be entered before typeahead kicks-in. Must be greater than or equal to 0.\n\n* `typeahead-no-results`\n
$ \n
\n _(Default: `angular.noop`)_ -\n Binding to a variable that indicates if no matching results were found.\n\n* `typeahead-should-select($event)`\n
$ \n _(Default: `null`)_ -\n A callback executed when a `keyup` event that might trigger a selection occurs. Selection will only occur if this function returns true.\n\n* `typeahead-on-select($item, $model, $label, $event)`\n
$ \n _(Default: `null`)_ -\n A callback executed when a match is selected. $event can be undefined if selection not triggered from a user event.\n\n* `typeahead-popup-template-url`\n _(Default: `uib/template/typeahead/typeahead-popup.html`)_ -\n Set custom popup template.\n\n* `typeahead-select-on-blur`\n
$ \n _(Default: `false`)_ -\n On blur, select the currently highlighted match.\n\n* `typeahead-select-on-exact`\n
$ \n _(Default: `false`)_ -\n Automatically select the item when it is the only one that exactly matches the user input.\n\n* `typeahead-show-hint`\n
$ \n _(Default: `false`)_ -\n Show hint when the first option matches.\n\n* `typeahead-template-url`\n _(Default: `uib/template/typeahead/typeahead-match.html`)_ -\n Set custom item template.\n\n* `typeahead-wait-ms`\n
$ \n
\n _(Default: `0`)_ -\n Minimal wait time after last character typed before typeahead kicks-in.\n\n* `uib-typeahead`\n
$ \n
-\n Comprehension Angular expression (see [select directive](http://docs.angularjs.org/api/ng.directive:select)).\n\n**Notes**\n\nIf a custom template for the popup is used, the wrapper selector used for the match items is the `uib-typeahead-match` class.\n"
},
{
"path": "src/typeahead/index-nocss.js",
"content": "require('../debounce');\nrequire('../position/index-nocss.js');\nrequire('../../template/typeahead/typeahead-match.html.js');\nrequire('../../template/typeahead/typeahead-popup.html.js');\nrequire('./typeahead');\n\nvar MODULE_NAME = 'ui.bootstrap.module.typeahead';\n\nangular.module(MODULE_NAME, ['ui.bootstrap.typeahead', 'uib/template/typeahead/typeahead-match.html', 'uib/template/typeahead/typeahead-popup.html']);\n\nmodule.exports = MODULE_NAME;\n"
},
{
"path": "src/typeahead/index.js",
"content": "require('../position/position.css');\nrequire('./typeahead.css');\nmodule.exports = require('./index-nocss.js');\n"
},
{
"path": "src/typeahead/test/typeahead-highlight-ngsanitize.spec.js",
"content": "describe('Security concerns', function() {\n var highlightFilter, $sanitize, logSpy;\n\n beforeEach(module('ui.bootstrap.typeahead', 'ngSanitize'));\n\n beforeEach(inject(function (uibTypeaheadHighlightFilter, _$sanitize_, $log) {\n highlightFilter = uibTypeaheadHighlightFilter;\n $sanitize = _$sanitize_;\n logSpy = spyOn($log, 'warn');\n }));\n\n it('should not call the $log service when ngSanitize is present', function() {\n highlightFilter('before after', 'match');\n expect(logSpy).not.toHaveBeenCalled();\n });\n});\n"
},
{
"path": "src/typeahead/test/typeahead-highlight.spec.js",
"content": "describe('typeaheadHighlight', function () {\n\n var highlightFilter, $log, $sce, logSpy;\n\n beforeEach(module('ui.bootstrap.typeahead'));\n\n beforeEach(inject(function(_$log_, _$sce_) {\n $log = _$log_;\n $sce = _$sce_;\n logSpy = spyOn($log, 'warn');\n }));\n\n beforeEach(inject(function(uibTypeaheadHighlightFilter) {\n highlightFilter = uibTypeaheadHighlightFilter;\n }));\n\n it('should higlight a match', function() {\n expect($sce.getTrustedHtml(highlightFilter('before match after', 'match'))).toEqual('before
match after');\n });\n\n it('should higlight a match with mixed case', function() {\n expect($sce.getTrustedHtml(highlightFilter('before MaTch after', 'match'))).toEqual('before
MaTch after');\n });\n\n it('should higlight all matches', function() {\n expect($sce.getTrustedHtml(highlightFilter('before MaTch after match', 'match'))).toEqual('before
MaTch after
match ');\n });\n\n it('should do nothing if no match', function() {\n expect($sce.getTrustedHtml(highlightFilter('before match after', 'nomatch'))).toEqual('before match after');\n });\n\n it('should do nothing if no or empty query', function() {\n expect($sce.getTrustedHtml(highlightFilter('before match after', ''))).toEqual('before match after');\n expect($sce.getTrustedHtml(highlightFilter('before match after', null))).toEqual('before match after');\n expect($sce.getTrustedHtml(highlightFilter('before match after', undefined))).toEqual('before match after');\n });\n\n it('issue 316 - should work correctly for regexp reserved words', function() {\n expect($sce.getTrustedHtml(highlightFilter('before (match after', '(match'))).toEqual('before
(match after');\n });\n\n it('issue 1777 - should work correctly with numeric values', function() {\n expect($sce.getTrustedHtml(highlightFilter(123, '2'))).toEqual('1
2 3');\n });\n\n it('should show a warning when this component is being used unsafely', function() {\n highlightFilter('
before match after', 'match');\n expect(logSpy).toHaveBeenCalled();\n });\n});\n"
},
{
"path": "src/typeahead/test/typeahead-parser.spec.js",
"content": "describe('syntax parser', function() {\n var typeaheadParser, scope, filterFilter;\n\n beforeEach(module('ui.bootstrap.typeahead'));\n beforeEach(inject(function(_$rootScope_, _filterFilter_, uibTypeaheadParser) {\n typeaheadParser = uibTypeaheadParser;\n scope = _$rootScope_;\n filterFilter = _filterFilter_;\n }));\n\n it('should parse the simplest array-based syntax', function() {\n scope.states = ['Alabama', 'California', 'Delaware'];\n var result = typeaheadParser.parse('state for state in states | filter:$viewValue');\n\n var itemName = result.itemName;\n var locals = {$viewValue:'al'};\n expect(result.source(scope, locals)).toEqual(['Alabama', 'California']);\n\n locals[itemName] = 'Alabama';\n expect(result.viewMapper(scope, locals)).toEqual('Alabama');\n expect(result.modelMapper(scope, locals)).toEqual('Alabama');\n });\n\n it('should parse the simplest function-based syntax', function() {\n scope.getStates = function($viewValue) {\n return filterFilter(['Alabama', 'California', 'Delaware'], $viewValue);\n };\n var result = typeaheadParser.parse('state for state in getStates($viewValue)');\n\n var itemName = result.itemName;\n var locals = {$viewValue:'al'};\n expect(result.source(scope, locals)).toEqual(['Alabama', 'California']);\n\n locals[itemName] = 'Alabama';\n expect(result.viewMapper(scope, locals)).toEqual('Alabama');\n expect(result.modelMapper(scope, locals)).toEqual('Alabama');\n });\n\n it('should allow to specify custom model mapping that is used as a label as well', function () {\n scope.states = [\n {code:'AL', name:'Alabama'},\n {code:'CA', name:'California'},\n {code:'DE', name:'Delaware'}\n ];\n var result = typeaheadParser.parse('state.name for state in states | filter:$viewValue | orderBy:\"name\":true');\n\n var itemName = result.itemName;\n expect(itemName).toEqual('state');\n expect(result.source(scope, {$viewValue:'al'})).toEqual([\n {code:'CA', name:'California'},\n {code:'AL', name:'Alabama'}\n ]);\n\n var locals = {$viewValue:'al'};\n locals[itemName] = {code:'AL', name:'Alabama'};\n expect(result.viewMapper(scope, locals)).toEqual('Alabama');\n expect(result.modelMapper(scope, locals)).toEqual('Alabama');\n });\n\n it('should allow to specify custom view and model mappers', function() {\n scope.states = [\n {code:'AL', name:'Alabama'},\n {code:'CA', name:'California'},\n {code:'DE', name:'Delaware'}\n ];\n var result = typeaheadParser.parse('state.code as state.name + \" (\"+state.code+\")\" for state in states | filter:$viewValue | orderBy:\"name\":true');\n\n var itemName = result.itemName;\n expect(result.source(scope, {$viewValue:'al'})).toEqual([\n {code:'CA', name:'California'},\n {code:'AL', name:'Alabama'}\n ]);\n\n var locals = {$viewValue:'al'};\n locals[itemName] = {code:'AL', name:'Alabama'};\n expect(result.viewMapper(scope, locals)).toEqual('Alabama (AL)');\n expect(result.modelMapper(scope, locals)).toEqual('AL');\n });\n});"
},
{
"path": "src/typeahead/test/typeahead-popup.spec.js",
"content": "describe('typeaheadPopup - result rendering', function() {\n var scope, $rootScope, $compile;\n\n beforeEach(module('ui.bootstrap.typeahead'));\n beforeEach(module('uib/template/typeahead/typeahead-popup.html'));\n beforeEach(module('uib/template/typeahead/typeahead-match.html'));\n beforeEach(inject(function(_$rootScope_, _$compile_) {\n $rootScope = _$rootScope_;\n scope = $rootScope.$new();\n $compile = _$compile_;\n }));\n\n it('should render initial results', function() {\n scope.matches = ['foo', 'bar', 'baz'];\n scope.active = 1;\n\n var el = $compile('
')(scope);\n $rootScope.$digest();\n\n var liElems = el.find('li');\n expect(liElems.length).toEqual(3);\n expect(liElems.eq(0)).not.toHaveClass('active');\n expect(liElems.eq(1)).toHaveClass('active');\n expect(liElems.eq(2)).not.toHaveClass('active');\n });\n\n it('should change active item on mouseenter', function() {\n scope.matches = ['foo', 'bar', 'baz'];\n scope.active = 1;\n\n var el = $compile('
')(scope);\n $rootScope.$digest();\n\n var liElems = el.find('li');\n expect(liElems.eq(1)).toHaveClass('active');\n expect(liElems.eq(2)).not.toHaveClass('active');\n\n liElems.eq(2).trigger('mouseenter');\n\n expect(liElems.eq(1)).not.toHaveClass('active');\n expect(liElems.eq(2)).toHaveClass('active');\n });\n\n it('should select an item on mouse click', function() {\n scope.matches = ['foo', 'bar', 'baz'];\n scope.active = 1;\n $rootScope.select = angular.noop;\n spyOn($rootScope, 'select');\n\n var el = $compile('
')(scope);\n $rootScope.$digest();\n\n var liElems = el.find('li');\n liElems.eq(2).find('a').trigger('click');\n expect($rootScope.select).toHaveBeenCalledWith(2);\n });\n});\n"
},
{
"path": "src/typeahead/test/typeahead.spec.js",
"content": "describe('typeahead tests', function() {\n var $scope, $compile, $document, $templateCache, $timeout, $window;\n var changeInputValueTo;\n\n beforeEach(module('ui.bootstrap.typeahead'));\n beforeEach(module('ngSanitize'));\n beforeEach(module('uib/template/typeahead/typeahead-popup.html'));\n beforeEach(module('uib/template/typeahead/typeahead-match.html'));\n beforeEach(module(function($compileProvider) {\n $compileProvider.directive('formatter', function() {\n return {\n require: 'ngModel',\n link: function (scope, elm, attrs, ngModelCtrl) {\n ngModelCtrl.$formatters.unshift(function(viewVal) {\n return 'formatted' + viewVal;\n });\n }\n };\n });\n $compileProvider.directive('childDirective', function() {\n return {\n restrict: 'A',\n require: '^parentDirective',\n link: function(scope, element, attrs, ctrl) {}\n };\n });\n }));\n beforeEach(inject(function(_$rootScope_, _$compile_, _$document_, _$templateCache_, _$timeout_, _$window_, $sniffer) {\n $scope = _$rootScope_;\n $scope.source = ['foo', 'bar', 'baz'];\n $scope.states = [\n {code: 'AL', name: 'Alaska'},\n {code: 'CL', name: 'California'}\n ];\n $compile = _$compile_;\n $document = _$document_;\n $templateCache = _$templateCache_;\n $timeout = _$timeout_;\n $window = _$window_;\n changeInputValueTo = function(element, value) {\n var inputEl = findInput(element);\n inputEl.val(value);\n inputEl.trigger($sniffer.hasEvent('input') ? 'input' : 'change');\n $scope.$digest();\n };\n }));\n\n //utility functions\n var prepareInputEl = function(inputTpl) {\n var el = $compile(angular.element(inputTpl))($scope);\n $scope.$digest();\n return el;\n };\n\n var findInput = function(element) {\n return element.find('input');\n };\n\n var findDropDown = function(element) {\n return element.find('ul.dropdown-menu');\n };\n\n var findMatches = function(element) {\n return findDropDown(element).find('li');\n };\n\n var triggerKeyDown = function(element, keyCode, options) {\n options = options || {};\n var inputEl = findInput(element);\n var e = $.Event('keydown');\n e.which = keyCode;\n if (options.shiftKey) {\n e.shiftKey = true;\n }\n inputEl.trigger(e);\n };\n\n //custom matchers\n beforeEach(function () {\n jasmine.addMatchers({\n toBeClosed: function(util, customEqualityTesters) {\n return {\n compare: function(actual, expected) {\n var typeaheadEl = findDropDown(actual);\n\n var result = {\n pass: util.equals(typeaheadEl.hasClass('ng-hide'), true, customEqualityTesters)\n };\n\n if (result.pass) {\n result.message = 'Expected \"' + angular.mock.dump(typeaheadEl) + '\" not to be closed.';\n } else {\n result.message = 'Expected \"' + angular.mock.dump(typeaheadEl) + '\" to be closed.';\n }\n\n return result;\n }\n };\n },\n toBeOpenWithActive: function(util, customEqualityTesters) {\n return {\n compare: function(actual, noOfMatches, activeIdx) {\n var typeaheadEl = findDropDown(actual);\n var liEls = findMatches(actual);\n\n var result = {\n pass: util.equals(typeaheadEl.length, 1, customEqualityTesters) &&\n util.equals(typeaheadEl.hasClass('ng-hide'), false, customEqualityTesters) &&\n util.equals(liEls.length, noOfMatches, customEqualityTesters) &&\n activeIdx === -1 ? !$(liEls).hasClass('active') : $(liEls[activeIdx]).hasClass('active')\n };\n\n if (result.pass) {\n result.message = 'Expected \"' + actual + '\" not to be opened.';\n } else {\n result.message = 'Expected \"' + actual + '\" to be opened.';\n }\n\n return result;\n }\n };\n }\n });\n });\n\n afterEach(function() {\n findDropDown($document.find('body')).remove();\n });\n\n //coarse grained, \"integration\" tests\n describe('initial state and model changes', function() {\n it('should be closed by default', function() {\n var element = prepareInputEl('
');\n expect(element).toBeClosed();\n });\n\n it('should correctly render initial state if the \"as\" keyword is used', function() {\n $scope.result = $scope.states[0];\n\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n expect(inputEl.val()).toEqual('Alaska');\n });\n\n it('should default to bound model for initial rendering if there is not enough info to render label', function() {\n $scope.result = $scope.states[0].code;\n\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n expect(inputEl.val()).toEqual('AL');\n });\n\n it('should not get open on model change', function() {\n var element = prepareInputEl('
');\n $scope.$apply(function () {\n $scope.result = 'foo';\n });\n expect(element).toBeClosed();\n });\n });\n\n describe('basic functionality', function() {\n it('should open and close typeahead based on matches', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n var ownsId = inputEl.attr('aria-owns');\n\n expect(inputEl.attr('aria-expanded')).toBe('false');\n expect(inputEl.attr('aria-activedescendant')).toBeUndefined();\n\n changeInputValueTo(element, 'ba');\n expect(element).toBeOpenWithActive(2, 0);\n expect(findDropDown(element).attr('id')).toBe(ownsId);\n expect(inputEl.attr('aria-expanded')).toBe('true');\n var activeOptionId = ownsId + '-option-0';\n expect(inputEl.attr('aria-activedescendant')).toBe(activeOptionId);\n expect(findDropDown(element).find('li.active').attr('id')).toBe(activeOptionId);\n\n changeInputValueTo(element, '');\n expect(element).toBeClosed();\n expect(inputEl.attr('aria-expanded')).toBe('false');\n expect(inputEl.attr('aria-activedescendant')).toBeUndefined();\n });\n\n it('should allow expressions over multiple lines', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'ba');\n expect(element).toBeOpenWithActive(2, 0);\n\n changeInputValueTo(element, '');\n expect(element).toBeClosed();\n });\n\n it('should not open typeahead if input value smaller than a defined threshold', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'b');\n expect(element).toBeClosed();\n });\n\n\n it('should support changing min-length', function() {\n $scope.typeAheadMinLength = 2;\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'b');\n\n expect(element).toBeClosed();\n\n $scope.typeAheadMinLength = 0;\n $scope.$digest();\n changeInputValueTo(element, '');\n\n expect(element).toBeOpenWithActive(3, 0);\n\n $scope.typeAheadMinLength = 2;\n $scope.$digest();\n changeInputValueTo(element, 'b');\n\n expect(element).toBeClosed();\n });\n\n it('should support custom model selecting function', function() {\n $scope.updaterFn = function(selectedItem) {\n return 'prefix' + selectedItem;\n };\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'f');\n triggerKeyDown(element, 13);\n expect($scope.result).toEqual('prefixfoo');\n });\n\n it('should support custom label rendering function', function() {\n $scope.formatterFn = function(sourceItem) {\n return 'prefix' + sourceItem;\n };\n\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'fo');\n var matchHighlight = findMatches(element).find('a').html();\n expect(matchHighlight).toEqual('prefix
fo o');\n });\n\n it('should by default bind view value to model even if not part of matches', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual('not in matches');\n });\n\n it('should support the editable property to limit model bindings to matches only', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n });\n\n it('should set validation errors for non-editable inputs', function() {\n var element = prepareInputEl(\n '
');\n\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n expect($scope.form.input.$error.editable).toBeTruthy();\n\n changeInputValueTo(element, 'foo');\n triggerKeyDown(element, 13);\n expect($scope.result).toEqual('foo');\n expect($scope.form.input.$error.editable).toBeFalsy();\n });\n\n it('should not set editable validation error for empty input', function() {\n var element = prepareInputEl(\n '
');\n\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n expect($scope.form.input.$error.editable).toBeTruthy();\n changeInputValueTo(element, '');\n expect($scope.result).toEqual(null);\n expect($scope.form.input.$error.editable).toBeFalsy();\n });\n\n it('should clear view value after blur for typeahead-editable=\"false\"', function () {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('not in matches');\n inputEl.blur(); // input loses focus\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('');\n });\n\n it('should clear errors after blur for typeahead-editable=\"false\"', function () {\n var element = prepareInputEl(\n '
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('not in matches');\n inputEl.blur();\n\n expect($scope.form.input.$error.editable).toBeFalsy();\n expect($scope.form.input.$error.parse).toBeFalsy();\n });\n\n // fix for #6032\n it('should clear errors and refresh scope after blur for typeahead-editable=\"false\"', function () {\n var element = prepareInputEl(\n '
');\n var inputEl = findInput(element);\n\n // first try\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('not in matches');\n expect(element.find('form')).toHaveClass('invalid');\n inputEl.blur();\n\n expect(inputEl.val()).toEqual(''); // <-- input is reset\n expect($scope.form.input.$error.editable).toBeFalsy();\n expect($scope.form.input.$error.parse).toBeFalsy();\n expect(element.find('form')).not.toHaveClass('invalid'); // <-- form has no error (it always works for some reason)\n\n // second try\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('not in matches');\n expect(element.find('form')).toHaveClass('invalid');\n inputEl.blur();\n\n expect(inputEl.val()).toEqual(''); // <-- input is reset\n expect($scope.form.input.$error.editable).toBeFalsy();\n expect($scope.form.input.$error.parse).toBeFalsy();\n expect(element.find('form')).not.toHaveClass('invalid'); // <-- form has no error (it didn't work prior to #6032 fix)\n });\n\n it('should go through other validators after blur for typeahead-editable=\"false\"', function () {\n var element = prepareInputEl(\n '
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('not in matches');\n inputEl.blur(); // input loses focus\n expect($scope.result).toEqual(undefined);\n expect($scope.form.input.$error.required).toBeTruthy();\n });\n\n it('should clear view value when no value selected for typeahead-editable=\"false\" typeahead-select-on-blur=\"false\"', function () {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('b');\n inputEl.blur(); // input loses focus\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('');\n });\n\n it('should not clear view value when there is match but no value selected for typeahead-editable=\"false\" typeahead-select-on-blur=\"true\"', function () {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n expect($scope.result).toEqual(undefined);\n expect(inputEl.val()).toEqual('b');\n inputEl.blur(); // input loses focus\n expect($scope.result).toEqual('bar');\n expect(inputEl.val()).toEqual('bar');\n });\n\n it('should support changing the editable property to limit model bindings to matches only', function() {\n $scope.isEditable = true;\n var element = prepareInputEl('
');\n $scope.isEditable = false;\n $scope.$digest();\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual(undefined);\n });\n\n it('should support changing the editable property to bind view value to model even if not part of matches', function() {\n $scope.isEditable = false;\n var element = prepareInputEl('
');\n $scope.isEditable = true;\n $scope.$digest();\n changeInputValueTo(element, 'not in matches');\n expect($scope.result).toEqual('not in matches');\n });\n\n it('should bind loading indicator expression', inject(function($timeout) {\n $scope.isLoading = false;\n $scope.loadMatches = function(viewValue) {\n return $timeout(function() {\n return [];\n }, 1000);\n };\n\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'foo');\n\n expect($scope.isLoading).toBeTruthy();\n $timeout.flush();\n expect($scope.isLoading).toBeFalsy();\n }));\n\n it('should support timeout before trying to match $viewValue', inject(function($timeout) {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'foo');\n expect(element).toBeClosed();\n\n $timeout.flush();\n expect(element).toBeOpenWithActive(1, 0);\n }));\n\n it('should cancel old timeouts when something is typed within waitTime', inject(function($timeout) {\n var values = [];\n $scope.loadMatches = function(viewValue) {\n values.push(viewValue);\n return $scope.source;\n };\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'first');\n changeInputValueTo(element, 'second');\n\n $timeout.flush();\n\n expect(values).not.toContain('first');\n }));\n\n it('should allow timeouts when something is typed after waitTime has passed', inject(function($timeout) {\n var values = [];\n\n $scope.loadMatches = function(viewValue) {\n values.push(viewValue);\n return $scope.source;\n };\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'first');\n $timeout.flush();\n\n expect(values).toContain('first');\n\n changeInputValueTo(element, 'second');\n $timeout.flush();\n\n expect(values).toContain('second');\n }));\n\n it('should support custom popup templates', function() {\n $templateCache.put('custom.html', '
foo
');\n\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'Al');\n\n expect(element.find('.custom').text()).toBe('foo');\n });\n\n it('should support custom templates for matched items', function() {\n $templateCache.put('custom.html', '
{{ index }} {{ match.label }}
');\n\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'Al');\n\n expect(findMatches(element).eq(0).find('p').text()).toEqual('0 Alaska');\n });\n\n it('should support directives which require controllers in custom templates for matched items', function() {\n $templateCache.put('custom.html', '
{{ index }} {{ match.label }}
');\n\n var element = prepareInputEl('
');\n\n element.data('$parentDirectiveController', {});\n\n changeInputValueTo(element, 'Al');\n\n expect(findMatches(element).eq(0).find('p').text()).toEqual('0 Alaska');\n });\n\n it('should throw error on invalid expression', function() {\n var prepareInvalidDir = function() {\n prepareInputEl('
');\n };\n expect(prepareInvalidDir).toThrow();\n });\n\n it('should remove the id attribute from the original DOM element', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n expect(inputEl.size()).toBe(2);\n expect(inputEl.eq(0).attr('id')).toBe(undefined);\n expect(inputEl.eq(1).attr('id')).toBe('typeahead-element');\n });\n });\n\n describe('shouldSelect', function() {\n it('should select a match when function returns true', function() {\n $scope.shouldSelectFn = function() {\n return true;\n };\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n triggerKeyDown(element, 13);\n\n expect($scope.result).toEqual('bar');\n expect(inputEl.val()).toEqual('bar');\n expect(element).toBeClosed();\n });\n it('should not select a match when function returns false', function() {\n $scope.shouldSelectFn = function() {\n return false;\n };\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n triggerKeyDown(element, 13);\n\n // no change\n expect($scope.result).toEqual('b');\n expect(inputEl.val()).toEqual('b');\n });\n it('should pass key event into select trigger function', function() {\n $scope.shouldSelectFn = jasmine.createSpy('shouldSelectFn');//.and.returnValue(true);\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n triggerKeyDown(element, 13);\n\n expect($scope.shouldSelectFn.calls.count()).toEqual(1);\n expect($scope.shouldSelectFn.calls.argsFor(0)[0].which).toEqual(13);\n });\n });\n\n describe('selecting a match', function() {\n it('should select a match on enter', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n triggerKeyDown(element, 13);\n\n expect($scope.result).toEqual('bar');\n expect(inputEl.val()).toEqual('bar');\n expect(element).toBeClosed();\n });\n\n it('should select a match on tab', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n triggerKeyDown(element, 9);\n\n expect($scope.result).toEqual('bar');\n expect(inputEl.val()).toEqual('bar');\n expect(element).toBeClosed();\n });\n\n it('should not select any match on blur without \\'select-on-blur=true\\' option', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n inputEl.blur(); // input loses focus\n\n // no change\n expect($scope.result).toEqual('b');\n expect(inputEl.val()).toEqual('b');\n });\n\n it('should select a match on blur with \\'select-on-blur=true\\' option', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n inputEl.blur(); // input loses focus\n\n // first element should be selected\n expect($scope.result).toEqual('bar');\n expect(inputEl.val()).toEqual('bar');\n });\n\n it('should select match on click', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n var match = $(findMatches(element)[1]).find('a')[0];\n\n $(match).click();\n $scope.$digest();\n\n expect($scope.result).toEqual('baz');\n expect(inputEl.val()).toEqual('baz');\n expect(element).toBeClosed();\n });\n\n it('should invoke select callback on select', function() {\n $scope.onSelect = function($item, $model, $label, $event) {\n $scope.$item = $item;\n $scope.$model = $model;\n $scope.$label = $label;\n $scope.$event = $event;\n };\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'Alas');\n triggerKeyDown(element, 13);\n\n expect($scope.result).toEqual('AL');\n expect($scope.$item).toEqual($scope.states[0]);\n expect($scope.$model).toEqual('AL');\n expect($scope.$label).toEqual('Alaska');\n expect($scope.$event.type).toEqual(\"keydown\");\n });\n\n it('should correctly update inputs value on mapping where label is not derived from the model', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alas');\n triggerKeyDown(element, 13);\n\n expect($scope.result).toEqual('AL');\n expect(inputEl.val()).toEqual('AL');\n });\n\n it('should bind no results indicator as true when no matches returned', inject(function($timeout) {\n $scope.isNoResults = false;\n $scope.loadMatches = function(viewValue) {\n return $timeout(function() {\n return [];\n }, 1000);\n };\n\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'foo');\n\n expect($scope.isNoResults).toBeFalsy();\n $timeout.flush();\n expect($scope.isNoResults).toBeTruthy();\n }));\n\n it('should bind no results indicator as false when matches are returned', inject(function($timeout) {\n $scope.isNoResults = false;\n $scope.loadMatches = function(viewValue) {\n return $timeout(function() {\n return [viewValue];\n }, 1000);\n };\n\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'foo');\n\n expect($scope.isNoResults).toBeFalsy();\n $timeout.flush();\n expect($scope.isNoResults).toBeFalsy();\n }));\n\n it('should not focus the input if `typeahead-focus-on-select` is false', function() {\n var element = prepareInputEl('
');\n $document.find('body').append(element);\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'b');\n var match = $(findMatches(element)[1]).find('a')[0];\n\n $(match).click();\n $scope.$digest();\n $timeout.flush();\n\n expect(document.activeElement).not.toBe(inputEl[0]);\n expect($scope.result).toEqual('baz');\n });\n });\n\n describe('select on exact match', function() {\n it('should select on an exact match when set', function() {\n $scope.onSelect = jasmine.createSpy('onSelect');\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'bar');\n\n expect($scope.result).toEqual('bar');\n expect(inputEl.val()).toEqual('bar');\n expect(element).toBeClosed();\n expect($scope.onSelect).toHaveBeenCalled();\n });\n\n it('should not select on an exact match by default', function() {\n $scope.onSelect = jasmine.createSpy('onSelect');\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'bar');\n\n expect($scope.result).toBeUndefined();\n expect(inputEl.val()).toEqual('bar');\n expect($scope.onSelect.calls.any()).toBe(false);\n });\n\n it('should not be case sensitive when select on an exact match', function() {\n $scope.onSelect = jasmine.createSpy('onSelect');\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'BaR');\n\n expect($scope.result).toEqual('bar');\n expect(inputEl.val()).toEqual('bar');\n expect(element).toBeClosed();\n expect($scope.onSelect).toHaveBeenCalled();\n });\n\n it('should not auto select when not a match with one potential result left', function() {\n $scope.onSelect = jasmine.createSpy('onSelect');\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'fo');\n\n expect($scope.result).toBeUndefined();\n expect(inputEl.val()).toEqual('fo');\n expect($scope.onSelect.calls.any()).toBe(false);\n });\n });\n\n describe('is-open indicator', function () {\n var element;\n\n beforeEach(function () {\n element = prepareInputEl('
');\n });\n\n it('should bind is-open indicator as true when matches are returned', function () {\n expect($scope.isOpen).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isOpen).toBeTruthy();\n });\n\n it('should bind is-open indicator as false when no matches returned', function () {\n expect($scope.isOpen).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isOpen).toBeTruthy();\n changeInputValueTo(element, 'not match');\n expect($scope.isOpen).toBeFalsy();\n });\n\n it('should bind is-open indicator as false when a match is clicked', function () {\n expect($scope.isOpen).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isOpen).toBeTruthy();\n var match = findMatches(element).find('a').eq(0);\n\n match.click();\n $scope.$digest();\n expect($scope.isOpen).toBeFalsy();\n });\n it('should bind is-open indicator as false when click outside', function () {\n expect($scope.isOpen).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isOpen).toBeTruthy();\n $document.find('body').click();\n $scope.$digest();\n expect($scope.isOpen).toBeFalsy();\n });\n\n it('should bind is-open indicator as false on enter', function () {\n expect($scope.isOpen).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isOpen).toBeTruthy();\n triggerKeyDown(element, 13);\n expect($scope.isOpen).toBeFalsy();\n });\n\n it('should bind is-open indicator as false on tab', function () {\n expect($scope.isOpen).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isOpen).toBeTruthy();\n triggerKeyDown(element, 9);\n expect($scope.isOpen).toBeFalsy();\n });\n\n it('should bind is-open indicator as false on escape key', function () {\n expect($scope.isOpen).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isOpen).toBeTruthy();\n triggerKeyDown(element, 27);\n expect($scope.isOpen).toBeFalsy();\n });\n\n it('should bind is-open indicator as false input value smaller than a defined threshold', function () {\n var element = prepareInputEl('
');\n expect($scope.isToggled).toBeFalsy();\n changeInputValueTo(element, 'b');\n expect($scope.isToggled).toBeFalsy();\n });\n });\n\n describe('pop-up interaction', function() {\n var element;\n\n beforeEach(function() {\n element = prepareInputEl('
');\n });\n\n it('should activate prev/next matches on up/down keys', function() {\n changeInputValueTo(element, 'b');\n var parentNode = element.find('ul').eq(0)[0];\n var liIndex;\n\n liIndex = 0;\n expect(element).toBeOpenWithActive(2, liIndex);\n expect(parentNode.scrollTop).toEqual(element.find('li').eq(liIndex)[0].offsetTop);\n\n // Down arrow key\n triggerKeyDown(element, 40);\n liIndex = 1;\n expect(element).toBeOpenWithActive(2, liIndex);\n expect(parentNode.scrollTop).toEqual(element.find('li').eq(liIndex)[0].offsetTop);\n\n // Down arrow key goes back to first element\n triggerKeyDown(element, 40);\n liIndex = 0;\n expect(element).toBeOpenWithActive(2, liIndex);\n expect(parentNode.scrollTop).toEqual(element.find('li').eq(liIndex)[0].offsetTop);\n\n // Up arrow key goes back to last element\n triggerKeyDown(element, 38);\n liIndex = 1;\n expect(element).toBeOpenWithActive(2, liIndex);\n expect(parentNode.scrollTop).toEqual(element.find('li').eq(liIndex)[0].offsetTop);\n\n // Up arrow key goes back to first element\n triggerKeyDown(element, 38);\n liIndex = 0;\n expect(parentNode.scrollTop).toEqual(element.find('li').eq(liIndex)[0].offsetTop);\n expect(element).toBeOpenWithActive(2, liIndex);\n });\n\n it('should close popup on escape key', function() {\n changeInputValueTo(element, 'b');\n expect(element).toBeOpenWithActive(2, 0);\n\n // Escape key\n triggerKeyDown(element, 27);\n expect(element).toBeClosed();\n });\n\n it('should highlight match on mouseenter', function() {\n changeInputValueTo(element, 'b');\n expect(element).toBeOpenWithActive(2, 0);\n\n findMatches(element).eq(1).trigger('mouseenter');\n expect(element).toBeOpenWithActive(2, 1);\n });\n });\n\n describe('promises', function() {\n var element, deferred;\n\n beforeEach(inject(function($q) {\n deferred = $q.defer();\n $scope.source = function() {\n return deferred.promise;\n };\n element = prepareInputEl('
');\n }));\n\n it('should display matches from promise', function() {\n changeInputValueTo(element, 'c');\n expect(element).toBeClosed();\n\n deferred.resolve(['good', 'stuff']);\n $scope.$digest();\n expect(element).toBeOpenWithActive(2, 0);\n });\n\n it('should not display anything when promise is rejected', function() {\n changeInputValueTo(element, 'c');\n expect(element).toBeClosed();\n\n deferred.reject('fail');\n $scope.$digest();\n expect(element).toBeClosed();\n });\n\n it('PR #3178, resolves #2999 - should not return property \"length\" of undefined for undefined matches', function() {\n changeInputValueTo(element, 'c');\n expect(element).toBeClosed();\n\n deferred.resolve();\n $scope.$digest();\n expect(element).toBeClosed();\n });\n });\n\n describe('non-regressions tests', function() {\n\n it('issue 231 - closes matches popup on click outside typeahead', function() {\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'b');\n\n $document.find('body').click();\n $scope.$digest();\n\n expect(element).toBeClosed();\n });\n\n it('issue 591 - initial formatting for un-selected match and complex label expression', function() {\n var inputEl = findInput(prepareInputEl('
'));\n expect(inputEl.val()).toEqual('');\n });\n\n it('issue 786 - name of internal model should not conflict with scope model name', function() {\n $scope.state = $scope.states[0];\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n expect(inputEl.val()).toEqual('Alaska');\n });\n\n it('issue 863 - it should work correctly with input type=\"email\"', function() {\n $scope.emails = ['foo@host.com', 'bar@host.com'];\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'bar');\n expect(element).toBeOpenWithActive(1, 0);\n\n triggerKeyDown(element, 13);\n\n expect($scope.email).toEqual('bar@host.com');\n expect(inputEl.val()).toEqual('bar@host.com');\n });\n\n it('issue 964 - should not show popup with matches if an element is not focused', function() {\n $scope.items = function(viewValue) {\n return $timeout(function() {\n return [viewValue];\n });\n };\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'match');\n $scope.$digest();\n\n inputEl.blur();\n $timeout.flush();\n\n expect(element).toBeClosed();\n });\n\n it('should properly update loading callback if an element is not focused', function() {\n $scope.items = function(viewValue) {\n return $timeout(function(){\n return [viewValue];\n });\n };\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'match');\n $scope.$digest();\n\n inputEl.blur();\n $timeout.flush();\n\n expect($scope.isLoading).toBeFalsy();\n });\n\n it('issue 1140 - should properly update loading callback when deleting characters', function() {\n $scope.items = function(viewValue) {\n return $timeout(function() {\n return [viewValue];\n });\n };\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'match');\n $scope.$digest();\n\n expect($scope.isLoading).toBeTruthy();\n\n changeInputValueTo(element, 'm');\n $timeout.flush();\n $scope.$digest();\n\n expect($scope.isLoading).toBeFalsy();\n });\n\n it('should cancel old timeout when deleting characters', inject(function($timeout) {\n var values = [];\n $scope.loadMatches = function(viewValue) {\n values.push(viewValue);\n return $scope.source;\n };\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'match');\n changeInputValueTo(element, 'm');\n\n $timeout.flush();\n\n expect(values).not.toContain('match');\n }));\n\n describe('', function() {\n // Dummy describe to be able to create an after hook for this tests\n var element;\n\n it('does not close matches popup on click in input', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n // Note that this bug can only be found when element is in the document\n $document.find('body').append(element);\n\n changeInputValueTo(element, 'b');\n\n inputEl.click();\n $scope.$digest();\n\n expect(element).toBeOpenWithActive(2, 0);\n });\n\n it('issue #1773 - should not trigger an error when used with ng-focus', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n // Note that this bug can only be found when element is in the document\n $document.find('body').append(element);\n\n changeInputValueTo(element, 'b');\n var match = $(findMatches(element)[1]).find('a')[0];\n\n $(match).click();\n $scope.$digest();\n });\n\n afterEach(function() {\n element.remove();\n });\n });\n\n it('issue #1238 - allow names like \"query\" to be used inside \"in\" expressions ', function() {\n $scope.query = function() {\n return ['foo', 'bar'];\n };\n\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'bar');\n\n expect(element).toBeOpenWithActive(2, 0);\n });\n\n it('issue #3318 - should set model validity to true when set manually', function() {\n var element = prepareInputEl(\n '
');\n\n changeInputValueTo(element, 'not in matches');\n $scope.$apply(function() {\n $scope.result = 'manually set';\n });\n\n expect($scope.result).toEqual('manually set');\n expect($scope.form.input.$valid).toBeTruthy();\n });\n\n it('issue #3166 - should set \\'parse\\' key as valid when selecting a perfect match and not editable', function() {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n triggerKeyDown(element, 13);\n\n expect($scope.test.typeahead.$error.parse).toBeUndefined();\n });\n });\n\n describe('ng-model-options', function() {\n it('should support getterSetter', function() {\n function resultSetter(state) {\n return state;\n }\n $scope.result = resultSetter;\n var element = prepareInputEl('
');\n\n changeInputValueTo(element, 'Alaska');\n triggerKeyDown(element, 13);\n\n expect($scope.result).toBe(resultSetter);\n });\n\n describe('debounce as a number', function() {\n it('should work with selecting via keyboard', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n triggerKeyDown(element, 13);\n\n expect($scope.result).not.toBe('Alaska');\n\n $timeout.flush(400);\n\n expect($scope.result).toBe('Alaska');\n });\n\n it('should work with select on exact', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n\n expect($scope.result).not.toBe('Alaska');\n\n $timeout.flush(400);\n\n expect($scope.result).toBe('Alaska');\n });\n\n it('should work with selecting a match via click', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n var match = $(findMatches(element)[0]).find('a')[0];\n\n $(match).click();\n $scope.$digest();\n\n expect($scope.result).not.toBe('Alaska');\n\n $timeout.flush(400);\n\n expect($scope.result).toBe('Alaska');\n });\n });\n\n describe('debounce as an object', function() {\n it('should work with selecting via keyboard', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n triggerKeyDown(element, 13);\n\n expect($scope.result).not.toBe('Alaska');\n\n $timeout.flush(400);\n\n expect($scope.result).toBe('Alaska');\n });\n\n it('should work with select on exact', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n\n expect($scope.result).not.toBe('Alaska');\n\n $timeout.flush(400);\n\n expect($scope.result).toBe('Alaska');\n });\n\n it('should work with selecting a match via click', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n var match = $(findMatches(element)[0]).find('a')[0];\n\n $(match).click();\n $scope.$digest();\n\n expect($scope.result).not.toBe('Alaska');\n\n $timeout.flush(400);\n\n expect($scope.result).toBe('Alaska');\n });\n\n it('should work when blurring and select on blur', function() {\n element = prepareInputEl('
');\n var inputEl = findInput(element);\n\n changeInputValueTo(element, 'Alaska');\n element.blur();\n $scope.$digest();\n\n expect($scope.result).not.toBe('Alaska');\n\n $timeout.flush(500);\n\n expect($scope.result).toBe('Alaska');\n });\n });\n });\n\n describe('input formatting', function() {\n it('should co-operate with existing formatters', function() {\n $scope.result = $scope.states[0];\n\n var element = prepareInputEl('
'),\n inputEl = findInput(element);\n\n expect(inputEl.val()).toEqual('formatted' + $scope.result.name);\n });\n\n it('should support a custom input formatting function', function() {\n $scope.result = $scope.states[0];\n $scope.formatInput = function($model) {\n return $model.code;\n };\n\n var element = prepareInputEl('
'),\n inputEl = findInput(element);\n\n expect(inputEl.val()).toEqual('AL');\n expect($scope.result).toEqual($scope.states[0]);\n });\n });\n\n describe('input hint', function() {\n var element;\n\n beforeEach(function() {\n element = prepareInputEl('
');\n });\n\n it('should show hint when input matches first match', function() {\n var hintEl = findInput(element);\n\n expect(hintEl.val()).toEqual('');\n changeInputValueTo(element, 'Alas');\n expect(hintEl.val()).toEqual('Alaska');\n });\n\n it('should not show hint when input does not match first match', function() {\n var hintEl = findInput(element);\n\n expect(hintEl.val()).toEqual('');\n changeInputValueTo(element, 'las');\n expect(hintEl.val()).toEqual('');\n });\n\n it('should reset hint when a match is clicked', function() {\n var hintEl = findInput(element);\n\n expect(hintEl.val()).toEqual('');\n changeInputValueTo(element, 'Alas');\n expect(hintEl.val()).toEqual('Alaska');\n\n var match = findMatches(element).find('a').eq(0);\n match.click();\n $scope.$digest();\n expect(hintEl.val()).toEqual('');\n });\n\n it('should reset hint when click outside', function() {\n var hintEl = findInput(element);\n\n expect(hintEl.val()).toEqual('');\n changeInputValueTo(element, 'Alas');\n expect(hintEl.val()).toEqual('Alaska');\n\n $document.find('body').click();\n $scope.$digest();\n expect(hintEl.val()).toEqual('');\n });\n\n it('should reset hint on enter', function() {\n var hintEl = findInput(element);\n\n expect(hintEl.val()).toEqual('');\n changeInputValueTo(element, 'Alas');\n expect(hintEl.val()).toEqual('Alaska');\n triggerKeyDown(element, 13);\n expect(hintEl.val()).toEqual('');\n });\n\n it('should reset hint on tab', function() {\n var hintEl = findInput(element);\n\n expect(hintEl.val()).toEqual('');\n changeInputValueTo(element, 'Alas');\n expect(hintEl.val()).toEqual('Alaska');\n triggerKeyDown(element, 9);\n expect(hintEl.val()).toEqual('');\n });\n\n it('should reset hint on escape key', function() {\n var hintEl = findInput(element);\n\n expect(hintEl.val()).toEqual('');\n changeInputValueTo(element, 'Alas');\n expect(hintEl.val()).toEqual('Alaska');\n triggerKeyDown(element, 27);\n expect(hintEl.val()).toEqual('');\n });\n\n it(\"should set tab index on hint input element\", function(){\n var hintEl = findInput(element);\n expect(hintEl.attr('tabindex')).toEqual('-1');\n });\n });\n\n describe('append to', function() {\n it('append typeahead results to element', function() {\n $document.find('body').append('
');\n $scope.myElement = $document.find('#myElement');\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'al');\n expect($document.find('#myElement')).toBeOpenWithActive(2, 0);\n $document.find('#myElement').remove();\n });\n });\n\n describe('append to body', function() {\n afterEach(function() {\n angular.element($window).off('resize');\n $document.find('body').off('scroll');\n });\n\n it('append typeahead results to body', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'ba');\n expect($document.find('body')).toBeOpenWithActive(2, 0);\n });\n\n it('should not append to body when value of the attribute is false', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'ba');\n expect(findDropDown($document.find('body')).length).toEqual(0);\n });\n\n it('should have right position after scroll', function() {\n var element = prepareInputEl('
');\n var dropdown = findDropDown($document.find('body'));\n var body = angular.element(document.body);\n\n // Set body height to allow scrolling\n body.css({height:'10000px'});\n\n // Scroll top\n window.scroll(0, 1000);\n\n // Set input value to show dropdown\n changeInputValueTo(element, 'ba');\n\n // Init position of dropdown must be 1000px\n expect(dropdown.css('top') ).toEqual('1000px');\n\n // After scroll, must have new position\n window.scroll(0, 500);\n body.triggerHandler('scroll');\n $timeout.flush();\n expect(dropdown.css('top')).toEqual('500px');\n });\n });\n\n describe('focus first', function() {\n it('should focus the first element by default', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'b');\n expect(element).toBeOpenWithActive(2, 0);\n\n // Down arrow key\n triggerKeyDown(element, 40);\n expect(element).toBeOpenWithActive(2, 1);\n\n // Down arrow key goes back to first element\n triggerKeyDown(element, 40);\n expect(element).toBeOpenWithActive(2, 0);\n\n // Up arrow key goes back to last element\n triggerKeyDown(element, 38);\n expect(element).toBeOpenWithActive(2, 1);\n\n // Up arrow key goes back to first element\n triggerKeyDown(element, 38);\n expect(element).toBeOpenWithActive(2, 0);\n });\n\n it('should not focus the first element until keys are pressed', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'b');\n expect(element).toBeOpenWithActive(2, -1);\n\n // Down arrow key goes to first element\n triggerKeyDown(element, 40);\n expect(element).toBeOpenWithActive(2, 0);\n\n // Down arrow key goes to second element\n triggerKeyDown(element, 40);\n expect(element).toBeOpenWithActive(2, 1);\n\n // Down arrow key goes back to first element\n triggerKeyDown(element, 40);\n expect(element).toBeOpenWithActive(2, 0);\n\n // Up arrow key goes back to last element\n triggerKeyDown(element, 38);\n expect(element).toBeOpenWithActive(2, 1);\n\n // Up arrow key goes back to first element\n triggerKeyDown(element, 38);\n expect(element).toBeOpenWithActive(2, 0);\n\n // New input goes back to no focus\n changeInputValueTo(element, 'a');\n changeInputValueTo(element, 'b');\n expect(element).toBeOpenWithActive(2, -1);\n\n // Up arrow key goes to last element\n triggerKeyDown(element, 38);\n expect(element).toBeOpenWithActive(2, 1);\n });\n });\n\n it('should not capture enter or tab when an item is not focused', function() {\n $scope.select_count = 0;\n $scope.onSelect = function($item, $model, $label) {\n $scope.select_count = $scope.select_count + 1;\n };\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'b');\n\n // enter key should not be captured when nothing is focused\n triggerKeyDown(element, 13);\n expect($scope.keyDownEvent.isDefaultPrevented()).toBeFalsy();\n expect($scope.select_count).toEqual(0);\n\n // tab key should close the dropdown when nothing is focused\n triggerKeyDown(element, 9);\n expect($scope.keyDownEvent.isDefaultPrevented()).toBeFalsy();\n expect($scope.select_count).toEqual(0);\n expect(element).toBeClosed();\n });\n\n it(\"should not capture tab when shift key is pressed\", function(){\n $scope.select_count = 0;\n $scope.onSelect = function($item, $model, $label) {\n $scope.select_count = $scope.select_count + 1;\n };\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'b');\n\n // down key should be captured and focus first element\n triggerKeyDown(element, 40);\n\n triggerKeyDown(element, 9, {shiftKey: true});\n expect($scope.keyDownEvent.isDefaultPrevented()).toBeFalsy();\n expect($scope.select_count).toEqual(0);\n expect(element).toBeClosed();\n });\n\n it('should capture enter or tab when an item is focused', function() {\n $scope.select_count = 0;\n $scope.onSelect = function($item, $model, $label) {\n $scope.select_count = $scope.select_count + 1;\n };\n var element = prepareInputEl('
');\n changeInputValueTo(element, 'b');\n\n // down key should be captured and focus first element\n triggerKeyDown(element, 40);\n expect($scope.keyDownEvent.isDefaultPrevented()).toBeTruthy();\n expect(element).toBeOpenWithActive(2, 0);\n\n // enter key should be captured now that something is focused\n triggerKeyDown(element, 13);\n expect($scope.keyDownEvent.isDefaultPrevented()).toBeTruthy();\n expect($scope.select_count).toEqual(1);\n });\n\n describe('minLength set to 0', function() {\n it('should open typeahead if input is changed to empty string if defined threshold is 0', function() {\n var element = prepareInputEl('
');\n changeInputValueTo(element, '');\n expect(element).toBeOpenWithActive(3, 0);\n });\n\n it('should open typeahead when input is focused and value is empty if defined threshold is 0', function () {\n var element = prepareInputEl('
');\n var inputEl = findInput(element);\n inputEl.focus();\n $timeout.flush();\n $scope.$digest();\n expect(element).toBeOpenWithActive(3, 0);\n });\n });\n\n describe('event listeners', function() {\n afterEach(function() {\n angular.element($window).off('resize');\n $document.find('body').off('scroll');\n });\n\n it('should register event listeners when attached to body', function() {\n spyOn(window, 'addEventListener');\n spyOn(document.body, 'addEventListener');\n\n var element = prepareInputEl('
');\n\n expect(window.addEventListener).toHaveBeenCalledWith('resize', jasmine.any(Function), false);\n expect(document.body.addEventListener).toHaveBeenCalledWith('scroll', jasmine.any(Function), false);\n });\n\n it('should remove event listeners when attached to body', function() {\n spyOn(window, 'removeEventListener');\n spyOn(document.body, 'removeEventListener');\n\n var element = prepareInputEl('
');\n $scope.$destroy();\n\n expect(window.removeEventListener).toHaveBeenCalledWith('resize', jasmine.any(Function), false);\n expect(document.body.removeEventListener).toHaveBeenCalledWith('scroll', jasmine.any(Function), false);\n });\n });\n});\n\ndescribe('typeahead tests', function() {\n it('should allow directives in template to require parent controller', function() {\n module('ui.bootstrap.typeahead');\n module('ngSanitize');\n module('uib/template/typeahead/typeahead-popup.html');\n module(function($compileProvider) {\n $compileProvider\n .directive('uibCustomParent', function() {\n return {\n controller: function() {\n this.text = 'foo';\n }\n };\n })\n .directive('uibCustomDirective', function() {\n return {\n require: '^uibCustomParent',\n link: function(scope, element, attrs, ctrl) {\n scope.text = ctrl.text;\n }\n };\n });\n });\n\n inject(function($compile, $rootScope, $sniffer, $templateCache) {\n var element;\n var $scope = $rootScope.$new();\n $templateCache.put('uib/template/typeahead/typeahead-match.html', '
{{text}}
');\n $scope.states = [\n {code: 'AL', name: 'Alaska'},\n {code: 'CL', name: 'California'}\n ];\n\n element = $compile('
')($scope);\n $rootScope.$digest();\n\n var inputEl = element.find('input');\n inputEl.val('Al');\n inputEl.trigger($sniffer.hasEvent('input') ? 'input' : 'change');\n $scope.$digest();\n\n expect(element.find('ul.dropdown-menu li').eq(0).find('[uib-custom-directive]').text()).toEqual('foo');\n });\n });\n});\n"
},
{
"path": "src/typeahead/typeahead.css",
"content": "[uib-typeahead-popup].dropdown-menu {\n display: block;\n}\n"
},
{
"path": "src/typeahead/typeahead.js",
"content": "angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.debounce', 'ui.bootstrap.position'])\n\n/**\n * A helper service that can parse typeahead's syntax (string provided by users)\n * Extracted to a separate service for ease of unit testing\n */\n .factory('uibTypeaheadParser', ['$parse', function($parse) {\n // 000001111111100000000000002222222200000000000000003333333333333330000000000044444444000\n var TYPEAHEAD_REGEXP = /^\\s*([\\s\\S]+?)(?:\\s+as\\s+([\\s\\S]+?))?\\s+for\\s+(?:([\\$\\w][\\$\\w\\d]*))\\s+in\\s+([\\s\\S]+?)$/;\n return {\n parse: function(input) {\n var match = input.match(TYPEAHEAD_REGEXP);\n if (!match) {\n throw new Error(\n 'Expected typeahead specification in form of \"_modelValue_ (as _label_)? for _item_ in _collection_\"' +\n ' but got \"' + input + '\".');\n }\n\n return {\n itemName: match[3],\n source: $parse(match[4]),\n viewMapper: $parse(match[2] || match[1]),\n modelMapper: $parse(match[1])\n };\n }\n };\n }])\n\n .controller('UibTypeaheadController', ['$scope', '$element', '$attrs', '$compile', '$parse', '$q', '$timeout', '$document', '$window', '$rootScope', '$$debounce', '$uibPosition', 'uibTypeaheadParser',\n function(originalScope, element, attrs, $compile, $parse, $q, $timeout, $document, $window, $rootScope, $$debounce, $position, typeaheadParser) {\n var HOT_KEYS = [9, 13, 27, 38, 40];\n var eventDebounceTime = 200;\n var modelCtrl, ngModelOptions;\n //SUPPORTED ATTRIBUTES (OPTIONS)\n\n //minimal no of characters that needs to be entered before typeahead kicks-in\n var minLength = originalScope.$eval(attrs.typeaheadMinLength);\n if (!minLength && minLength !== 0) {\n minLength = 1;\n }\n\n originalScope.$watch(attrs.typeaheadMinLength, function (newVal) {\n minLength = !newVal && newVal !== 0 ? 1 : newVal;\n });\n\n //minimal wait time after last character typed before typeahead kicks-in\n var waitTime = originalScope.$eval(attrs.typeaheadWaitMs) || 0;\n\n //should it restrict model values to the ones selected from the popup only?\n var isEditable = originalScope.$eval(attrs.typeaheadEditable) !== false;\n originalScope.$watch(attrs.typeaheadEditable, function (newVal) {\n isEditable = newVal !== false;\n });\n\n //binding to a variable that indicates if matches are being retrieved asynchronously\n var isLoadingSetter = $parse(attrs.typeaheadLoading).assign || angular.noop;\n\n //a function to determine if an event should cause selection\n var isSelectEvent = attrs.typeaheadShouldSelect ? $parse(attrs.typeaheadShouldSelect) : function(scope, vals) {\n var evt = vals.$event;\n return evt.which === 13 || evt.which === 9;\n };\n\n //a callback executed when a match is selected\n var onSelectCallback = $parse(attrs.typeaheadOnSelect);\n\n //should it select highlighted popup value when losing focus?\n var isSelectOnBlur = angular.isDefined(attrs.typeaheadSelectOnBlur) ? originalScope.$eval(attrs.typeaheadSelectOnBlur) : false;\n\n //binding to a variable that indicates if there were no results after the query is completed\n var isNoResultsSetter = $parse(attrs.typeaheadNoResults).assign || angular.noop;\n\n var inputFormatter = attrs.typeaheadInputFormatter ? $parse(attrs.typeaheadInputFormatter) : undefined;\n\n var appendToBody = attrs.typeaheadAppendToBody ? originalScope.$eval(attrs.typeaheadAppendToBody) : false;\n\n var appendTo = attrs.typeaheadAppendTo ?\n originalScope.$eval(attrs.typeaheadAppendTo) : null;\n\n var focusFirst = originalScope.$eval(attrs.typeaheadFocusFirst) !== false;\n\n //If input matches an item of the list exactly, select it automatically\n var selectOnExact = attrs.typeaheadSelectOnExact ? originalScope.$eval(attrs.typeaheadSelectOnExact) : false;\n\n //binding to a variable that indicates if dropdown is open\n var isOpenSetter = $parse(attrs.typeaheadIsOpen).assign || angular.noop;\n\n var showHint = originalScope.$eval(attrs.typeaheadShowHint) || false;\n\n //INTERNAL VARIABLES\n\n //model setter executed upon match selection\n var parsedModel = $parse(attrs.ngModel);\n var invokeModelSetter = $parse(attrs.ngModel + '($$$p)');\n var $setModelValue = function(scope, newValue) {\n if (angular.isFunction(parsedModel(originalScope)) &&\n ngModelOptions.getOption('getterSetter')) {\n return invokeModelSetter(scope, {$$$p: newValue});\n }\n\n return parsedModel.assign(scope, newValue);\n };\n\n //expressions used by typeahead\n var parserResult = typeaheadParser.parse(attrs.uibTypeahead);\n\n var hasFocus;\n\n //Used to avoid bug in iOS webview where iOS keyboard does not fire\n //mousedown & mouseup events\n //Issue #3699\n var selected;\n\n //create a child scope for the typeahead directive so we are not polluting original scope\n //with typeahead-specific data (matches, query etc.)\n var scope = originalScope.$new();\n var offDestroy = originalScope.$on('$destroy', function() {\n scope.$destroy();\n });\n scope.$on('$destroy', offDestroy);\n\n // WAI-ARIA\n var popupId = 'typeahead-' + scope.$id + '-' + Math.floor(Math.random() * 10000);\n element.attr({\n 'aria-autocomplete': 'list',\n 'aria-expanded': false,\n 'aria-owns': popupId\n });\n\n var inputsContainer, hintInputElem;\n //add read-only input to show hint\n if (showHint) {\n inputsContainer = angular.element('
');\n inputsContainer.css('position', 'relative');\n element.after(inputsContainer);\n hintInputElem = element.clone();\n hintInputElem.attr('placeholder', '');\n hintInputElem.attr('tabindex', '-1');\n hintInputElem.val('');\n hintInputElem.css({\n 'position': 'absolute',\n 'top': '0px',\n 'left': '0px',\n 'border-color': 'transparent',\n 'box-shadow': 'none',\n 'opacity': 1,\n 'background': 'none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255)',\n 'color': '#999'\n });\n element.css({\n 'position': 'relative',\n 'vertical-align': 'top',\n 'background-color': 'transparent'\n });\n\n if (hintInputElem.attr('id')) {\n hintInputElem.removeAttr('id'); // remove duplicate id if present.\n }\n inputsContainer.append(hintInputElem);\n hintInputElem.after(element);\n }\n\n //pop-up element used to display matches\n var popUpEl = angular.element('
');\n popUpEl.attr({\n id: popupId,\n matches: 'matches',\n active: 'activeIdx',\n select: 'select(activeIdx, evt)',\n 'move-in-progress': 'moveInProgress',\n query: 'query',\n position: 'position',\n 'assign-is-open': 'assignIsOpen(isOpen)',\n debounce: 'debounceUpdate'\n });\n //custom item template\n if (angular.isDefined(attrs.typeaheadTemplateUrl)) {\n popUpEl.attr('template-url', attrs.typeaheadTemplateUrl);\n }\n\n if (angular.isDefined(attrs.typeaheadPopupTemplateUrl)) {\n popUpEl.attr('popup-template-url', attrs.typeaheadPopupTemplateUrl);\n }\n\n var resetHint = function() {\n if (showHint) {\n hintInputElem.val('');\n }\n };\n\n var resetMatches = function() {\n scope.matches = [];\n scope.activeIdx = -1;\n element.attr('aria-expanded', false);\n resetHint();\n };\n\n var getMatchId = function(index) {\n return popupId + '-option-' + index;\n };\n\n // Indicate that the specified match is the active (pre-selected) item in the list owned by this typeahead.\n // This attribute is added or removed automatically when the `activeIdx` changes.\n scope.$watch('activeIdx', function(index) {\n if (index < 0) {\n element.removeAttr('aria-activedescendant');\n } else {\n element.attr('aria-activedescendant', getMatchId(index));\n }\n });\n\n var inputIsExactMatch = function(inputValue, index) {\n if (scope.matches.length > index && inputValue) {\n return inputValue.toUpperCase() === scope.matches[index].label.toUpperCase();\n }\n\n return false;\n };\n\n var getMatchesAsync = function(inputValue, evt) {\n var locals = {$viewValue: inputValue};\n isLoadingSetter(originalScope, true);\n isNoResultsSetter(originalScope, false);\n $q.when(parserResult.source(originalScope, locals)).then(function(matches) {\n //it might happen that several async queries were in progress if a user were typing fast\n //but we are interested only in responses that correspond to the current view value\n var onCurrentRequest = inputValue === modelCtrl.$viewValue;\n if (onCurrentRequest && hasFocus) {\n if (matches && matches.length > 0) {\n scope.activeIdx = focusFirst ? 0 : -1;\n isNoResultsSetter(originalScope, false);\n scope.matches.length = 0;\n\n //transform labels\n for (var i = 0; i < matches.length; i++) {\n locals[parserResult.itemName] = matches[i];\n scope.matches.push({\n id: getMatchId(i),\n label: parserResult.viewMapper(scope, locals),\n model: matches[i]\n });\n }\n\n scope.query = inputValue;\n //position pop-up with matches - we need to re-calculate its position each time we are opening a window\n //with matches as a pop-up might be absolute-positioned and position of an input might have changed on a page\n //due to other elements being rendered\n recalculatePosition();\n\n element.attr('aria-expanded', true);\n\n //Select the single remaining option if user input matches\n if (selectOnExact && scope.matches.length === 1 && inputIsExactMatch(inputValue, 0)) {\n if (angular.isNumber(scope.debounceUpdate) || angular.isObject(scope.debounceUpdate)) {\n $$debounce(function() {\n scope.select(0, evt);\n }, angular.isNumber(scope.debounceUpdate) ? scope.debounceUpdate : scope.debounceUpdate['default']);\n } else {\n scope.select(0, evt);\n }\n }\n\n if (showHint) {\n var firstLabel = scope.matches[0].label;\n if (angular.isString(inputValue) &&\n inputValue.length > 0 &&\n firstLabel.slice(0, inputValue.length).toUpperCase() === inputValue.toUpperCase()) {\n hintInputElem.val(inputValue + firstLabel.slice(inputValue.length));\n } else {\n hintInputElem.val('');\n }\n }\n } else {\n resetMatches();\n isNoResultsSetter(originalScope, true);\n }\n }\n if (onCurrentRequest) {\n isLoadingSetter(originalScope, false);\n }\n }, function() {\n resetMatches();\n isLoadingSetter(originalScope, false);\n isNoResultsSetter(originalScope, true);\n });\n };\n\n // bind events only if appendToBody params exist - performance feature\n if (appendToBody) {\n angular.element($window).on('resize', fireRecalculating);\n $document.find('body').on('scroll', fireRecalculating);\n }\n\n // Declare the debounced function outside recalculating for\n // proper debouncing\n var debouncedRecalculate = $$debounce(function() {\n // if popup is visible\n if (scope.matches.length) {\n recalculatePosition();\n }\n\n scope.moveInProgress = false;\n }, eventDebounceTime);\n\n // Default progress type\n scope.moveInProgress = false;\n\n function fireRecalculating() {\n if (!scope.moveInProgress) {\n scope.moveInProgress = true;\n scope.$digest();\n }\n\n debouncedRecalculate();\n }\n\n // recalculate actual position and set new values to scope\n // after digest loop is popup in right position\n function recalculatePosition() {\n scope.position = appendToBody ? $position.offset(element) : $position.position(element);\n scope.position.top += element.prop('offsetHeight');\n }\n\n //we need to propagate user's query so we can higlight matches\n scope.query = undefined;\n\n //Declare the timeout promise var outside the function scope so that stacked calls can be cancelled later\n var timeoutPromise;\n\n var scheduleSearchWithTimeout = function(inputValue) {\n timeoutPromise = $timeout(function() {\n getMatchesAsync(inputValue);\n }, waitTime);\n };\n\n var cancelPreviousTimeout = function() {\n if (timeoutPromise) {\n $timeout.cancel(timeoutPromise);\n }\n };\n\n resetMatches();\n\n scope.assignIsOpen = function (isOpen) {\n isOpenSetter(originalScope, isOpen);\n };\n\n scope.select = function(activeIdx, evt) {\n //called from within the $digest() cycle\n var locals = {};\n var model, item;\n\n selected = true;\n locals[parserResult.itemName] = item = scope.matches[activeIdx].model;\n model = parserResult.modelMapper(originalScope, locals);\n $setModelValue(originalScope, model);\n modelCtrl.$setValidity('editable', true);\n modelCtrl.$setValidity('parse', true);\n\n onSelectCallback(originalScope, {\n $item: item,\n $model: model,\n $label: parserResult.viewMapper(originalScope, locals),\n $event: evt\n });\n\n resetMatches();\n\n //return focus to the input element if a match was selected via a mouse click event\n // use timeout to avoid $rootScope:inprog error\n if (scope.$eval(attrs.typeaheadFocusOnSelect) !== false) {\n $timeout(function() { element[0].focus(); }, 0, false);\n }\n };\n\n //bind keyboard events: arrows up(38) / down(40), enter(13) and tab(9), esc(27)\n element.on('keydown', function(evt) {\n //typeahead is open and an \"interesting\" key was pressed\n if (scope.matches.length === 0 || HOT_KEYS.indexOf(evt.which) === -1) {\n return;\n }\n\n var shouldSelect = isSelectEvent(originalScope, {$event: evt});\n\n /**\n * if there's nothing selected (i.e. focusFirst) and enter or tab is hit\n * or\n * shift + tab is pressed to bring focus to the previous element\n * then clear the results\n */\n if (scope.activeIdx === -1 && shouldSelect || evt.which === 9 && !!evt.shiftKey) {\n resetMatches();\n scope.$digest();\n return;\n }\n\n evt.preventDefault();\n var target;\n switch (evt.which) {\n case 27: // escape\n evt.stopPropagation();\n\n resetMatches();\n originalScope.$digest();\n break;\n case 38: // up arrow\n scope.activeIdx = (scope.activeIdx > 0 ? scope.activeIdx : scope.matches.length) - 1;\n scope.$digest();\n target = popUpEl[0].querySelectorAll('.uib-typeahead-match')[scope.activeIdx];\n target.parentNode.scrollTop = target.offsetTop;\n break;\n case 40: // down arrow\n scope.activeIdx = (scope.activeIdx + 1) % scope.matches.length;\n scope.$digest();\n target = popUpEl[0].querySelectorAll('.uib-typeahead-match')[scope.activeIdx];\n target.parentNode.scrollTop = target.offsetTop;\n break;\n default:\n if (shouldSelect) {\n scope.$apply(function() {\n if (angular.isNumber(scope.debounceUpdate) || angular.isObject(scope.debounceUpdate)) {\n $$debounce(function() {\n scope.select(scope.activeIdx, evt);\n }, angular.isNumber(scope.debounceUpdate) ? scope.debounceUpdate : scope.debounceUpdate['default']);\n } else {\n scope.select(scope.activeIdx, evt);\n }\n });\n }\n }\n });\n\n element.on('focus', function (evt) {\n hasFocus = true;\n if (minLength === 0 && !modelCtrl.$viewValue) {\n $timeout(function() {\n getMatchesAsync(modelCtrl.$viewValue, evt);\n }, 0);\n }\n });\n\n element.on('blur', function(evt) {\n if (isSelectOnBlur && scope.matches.length && scope.activeIdx !== -1 && !selected) {\n selected = true;\n scope.$apply(function() {\n if (angular.isObject(scope.debounceUpdate) && angular.isNumber(scope.debounceUpdate.blur)) {\n $$debounce(function() {\n scope.select(scope.activeIdx, evt);\n }, scope.debounceUpdate.blur);\n } else {\n scope.select(scope.activeIdx, evt);\n }\n });\n }\n if (!isEditable && modelCtrl.$error.editable) {\n modelCtrl.$setViewValue();\n scope.$apply(function() {\n // Reset validity as we are clearing\n modelCtrl.$setValidity('editable', true);\n modelCtrl.$setValidity('parse', true);\n });\n element.val('');\n }\n hasFocus = false;\n selected = false;\n });\n\n // Keep reference to click handler to unbind it.\n var dismissClickHandler = function(evt) {\n // Issue #3973\n // Firefox treats right click as a click on document\n if (element[0] !== evt.target && evt.which !== 3 && scope.matches.length !== 0) {\n resetMatches();\n if (!$rootScope.$$phase) {\n originalScope.$digest();\n }\n }\n };\n\n $document.on('click', dismissClickHandler);\n\n originalScope.$on('$destroy', function() {\n $document.off('click', dismissClickHandler);\n if (appendToBody || appendTo) {\n $popup.remove();\n }\n\n if (appendToBody) {\n angular.element($window).off('resize', fireRecalculating);\n $document.find('body').off('scroll', fireRecalculating);\n }\n // Prevent jQuery cache memory leak\n popUpEl.remove();\n\n if (showHint) {\n inputsContainer.remove();\n }\n });\n\n var $popup = $compile(popUpEl)(scope);\n\n if (appendToBody) {\n $document.find('body').append($popup);\n } else if (appendTo) {\n angular.element(appendTo).eq(0).append($popup);\n } else {\n element.after($popup);\n }\n\n this.init = function(_modelCtrl) {\n modelCtrl = _modelCtrl;\n ngModelOptions = extractOptions(modelCtrl);\n\n scope.debounceUpdate = $parse(ngModelOptions.getOption('debounce'))(originalScope);\n\n //plug into $parsers pipeline to open a typeahead on view changes initiated from DOM\n //$parsers kick-in on all the changes coming from the view as well as manually triggered by $setViewValue\n modelCtrl.$parsers.unshift(function(inputValue) {\n hasFocus = true;\n\n if (minLength === 0 || inputValue && inputValue.length >= minLength) {\n if (waitTime > 0) {\n cancelPreviousTimeout();\n scheduleSearchWithTimeout(inputValue);\n } else {\n getMatchesAsync(inputValue);\n }\n } else {\n isLoadingSetter(originalScope, false);\n cancelPreviousTimeout();\n resetMatches();\n }\n\n if (isEditable) {\n return inputValue;\n }\n\n if (!inputValue) {\n // Reset in case user had typed something previously.\n modelCtrl.$setValidity('editable', true);\n return null;\n }\n\n modelCtrl.$setValidity('editable', false);\n return undefined;\n });\n\n modelCtrl.$formatters.push(function(modelValue) {\n var candidateViewValue, emptyViewValue;\n var locals = {};\n\n // The validity may be set to false via $parsers (see above) if\n // the model is restricted to selected values. If the model\n // is set manually it is considered to be valid.\n if (!isEditable) {\n modelCtrl.$setValidity('editable', true);\n }\n\n if (inputFormatter) {\n locals.$model = modelValue;\n return inputFormatter(originalScope, locals);\n }\n\n //it might happen that we don't have enough info to properly render input value\n //we need to check for this situation and simply return model value if we can't apply custom formatting\n locals[parserResult.itemName] = modelValue;\n candidateViewValue = parserResult.viewMapper(originalScope, locals);\n locals[parserResult.itemName] = undefined;\n emptyViewValue = parserResult.viewMapper(originalScope, locals);\n\n return candidateViewValue !== emptyViewValue ? candidateViewValue : modelValue;\n });\n };\n\n function extractOptions(ngModelCtrl) {\n var ngModelOptions;\n\n if (angular.version.minor < 6) { // in angular < 1.6 $options could be missing\n // guarantee a value\n ngModelOptions = ngModelCtrl.$options || {};\n\n // mimic 1.6+ api\n ngModelOptions.getOption = function (key) {\n return ngModelOptions[key];\n };\n } else { // in angular >=1.6 $options is always present\n ngModelOptions = ngModelCtrl.$options;\n }\n\n return ngModelOptions;\n }\n }])\n\n .directive('uibTypeahead', function() {\n return {\n controller: 'UibTypeaheadController',\n require: ['ngModel', 'uibTypeahead'],\n link: function(originalScope, element, attrs, ctrls) {\n ctrls[1].init(ctrls[0]);\n }\n };\n })\n\n .directive('uibTypeaheadPopup', ['$$debounce', function($$debounce) {\n return {\n scope: {\n matches: '=',\n query: '=',\n active: '=',\n position: '&',\n moveInProgress: '=',\n select: '&',\n assignIsOpen: '&',\n debounce: '&'\n },\n replace: true,\n templateUrl: function(element, attrs) {\n return attrs.popupTemplateUrl || 'uib/template/typeahead/typeahead-popup.html';\n },\n link: function(scope, element, attrs) {\n scope.templateUrl = attrs.templateUrl;\n\n scope.isOpen = function() {\n var isDropdownOpen = scope.matches.length > 0;\n scope.assignIsOpen({ isOpen: isDropdownOpen });\n return isDropdownOpen;\n };\n\n scope.isActive = function(matchIdx) {\n return scope.active === matchIdx;\n };\n\n scope.selectActive = function(matchIdx) {\n scope.active = matchIdx;\n };\n\n scope.selectMatch = function(activeIdx, evt) {\n var debounce = scope.debounce();\n if (angular.isNumber(debounce) || angular.isObject(debounce)) {\n $$debounce(function() {\n scope.select({activeIdx: activeIdx, evt: evt});\n }, angular.isNumber(debounce) ? debounce : debounce['default']);\n } else {\n scope.select({activeIdx: activeIdx, evt: evt});\n }\n };\n }\n };\n }])\n\n .directive('uibTypeaheadMatch', ['$templateRequest', '$compile', '$parse', function($templateRequest, $compile, $parse) {\n return {\n scope: {\n index: '=',\n match: '=',\n query: '='\n },\n link: function(scope, element, attrs) {\n var tplUrl = $parse(attrs.templateUrl)(scope.$parent) || 'uib/template/typeahead/typeahead-match.html';\n $templateRequest(tplUrl).then(function(tplContent) {\n var tplEl = angular.element(tplContent.trim());\n element.replaceWith(tplEl);\n $compile(tplEl)(scope);\n });\n }\n };\n }])\n\n .filter('uibTypeaheadHighlight', ['$sce', '$injector', '$log', function($sce, $injector, $log) {\n var isSanitizePresent;\n isSanitizePresent = $injector.has('$sanitize');\n\n function escapeRegexp(queryToEscape) {\n // Regex: capture the whole query string and replace it with the string that will be used to match\n // the results, for example if the capture is \"a\" the result will be \\a\n return queryToEscape.replace(/([.?*+^$[\\]\\\\(){}|-])/g, '\\\\$1');\n }\n\n function containsHtml(matchItem) {\n return /<.*>/g.test(matchItem);\n }\n\n return function(matchItem, query) {\n if (!isSanitizePresent && containsHtml(matchItem)) {\n $log.warn('Unsafe use of typeahead please use ngSanitize'); // Warn the user about the danger\n }\n matchItem = query ? ('' + matchItem).replace(new RegExp(escapeRegexp(query), 'gi'), '
$& ') : matchItem; // Replaces the capture string with a the same string inside of a \"strong\" tag\n if (!isSanitizePresent) {\n matchItem = $sce.trustAsHtml(matchItem); // If $sanitize is not present we pack the string in a $sce object for the ng-bind-html directive\n }\n return matchItem;\n };\n }]);\n"
},
{
"path": "template/accordion/accordion-group.html",
"content": "
\n
\n"
},
{
"path": "template/accordion/accordion.html",
"content": "
"
},
{
"path": "template/alert/alert.html",
"content": "
\n × \n Close \n \n
\n"
},
{
"path": "template/carousel/carousel.html",
"content": "
\n
1\">\n previous \n \n
1\">\n next \n \n
1\">\n \n slide {{ $index + 1 }} of {{ slides.length }}, currently active \n \n \n"
},
{
"path": "template/carousel/slide.html",
"content": "
\n"
},
{
"path": "template/datepicker/datepicker.html",
"content": "
\n"
},
{
"path": "template/datepicker/day.html",
"content": "
\n \n \n previous {{title}} next \n \n {{::label.abbr}} \n \n \n \n {{ weekNumbers[$index] }} \n {{::dt.label}} \n \n \n
\n"
},
{
"path": "template/datepicker/month.html",
"content": "
\n \n \n previous {{title}} next \n \n \n \n \n {{::dt.label}} \n \n \n
\n"
},
{
"path": "template/datepicker/year.html",
"content": "
\n \n \n previous {{title}} next \n \n \n \n \n {{::dt.label}} \n \n \n
\n"
},
{
"path": "template/datepickerPopup/popup.html",
"content": "\n"
},
{
"path": "template/modal/window.html",
"content": "
\n"
},
{
"path": "template/pager/pager.html",
"content": "
{{::getText('previous')}} \n
{{::getText('next')}} \n"
},
{
"path": "template/pagination/pagination.html",
"content": "\n\n\n\n\n"
},
{
"path": "template/popover/popover-html.html",
"content": "
\n\n
\n"
},
{
"path": "template/popover/popover-template.html",
"content": "
\n\n
\n"
},
{
"path": "template/popover/popover.html",
"content": "
\n\n
\n"
},
{
"path": "template/progressbar/bar.html",
"content": "
\n"
},
{
"path": "template/progressbar/progress.html",
"content": "
"
},
{
"path": "template/progressbar/progressbar.html",
"content": "
\n"
},
{
"path": "template/rating/rating.html",
"content": "
\n ({{ $index < value ? '*' : ' ' }}) \n \n"
},
{
"path": "template/tabs/tab.html",
"content": "
\n {{heading}} \n \n"
},
{
"path": "template/tabs/tabset.html",
"content": "
\n"
},
{
"path": "template/timepicker/timepicker.html",
"content": "
\n"
},
{
"path": "template/tooltip/tooltip-html-popup.html",
"content": "
\n
\n"
},
{
"path": "template/tooltip/tooltip-popup.html",
"content": "
\n
\n"
},
{
"path": "template/tooltip/tooltip-template-popup.html",
"content": "
\n
\n"
},
{
"path": "template/typeahead/typeahead-match.html",
"content": "
\n"
},
{
"path": "template/typeahead/typeahead-popup.html",
"content": "\n"
}
]