From 6efd6745b2890d3c0518812e352902544126c949 Mon Sep 17 00:00:00 2001 From: Murray Smith Date: Thu, 21 Nov 2013 10:31:36 -0700 Subject: [PATCH 0001/1639] docs(modal): fix typo --- src/modal/docs/readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/modal/docs/readme.md b/src/modal/docs/readme.md index d5daeb22f9..2e69a34a8f 100644 --- a/src/modal/docs/readme.md +++ b/src/modal/docs/readme.md @@ -1,4 +1,4 @@ -`$modal` is a s service to quickly create AngularJS-powered modal windows. +`$modal` is a service to quickly create AngularJS-powered modal windows. Creating custom modals is straightforward: create a partial view, its controller and reference them when using the service. The `$modal` service has only one method: `open(options)` where available options are like follows: From c7b097b5ab87c4a1c30b6f8523b80c663c1ca8f0 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Fri, 22 Nov 2013 17:22:25 +0100 Subject: [PATCH 0002/1639] test(alert): fix wrong assertion test for close button --- src/alert/test/alert.spec.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/alert/test/alert.spec.js b/src/alert/test/alert.spec.js index 29d9225716..7a5feb42cf 100644 --- a/src/alert/test/alert.spec.js +++ b/src/alert/test/alert.spec.js @@ -32,7 +32,7 @@ describe("alert", function () { } function findCloseButton(index) { - return element.find('.alert button').eq(index); + return element.find('.close').eq(index); } it("should generate alerts using ng-repeat", function () { @@ -64,9 +64,9 @@ describe("alert", function () { }); it('should not show close buttons if no close callback specified', function () { - var element = $compile('No close')(scope); + element = $compile('No close')(scope); scope.$digest(); - expect(findCloseButton(0).length).toEqual(0); + expect(findCloseButton(0).css('display')).toBe('none'); }); it('it should be possible to add additional classes for alert', function () { From 9dbc2390f2d4521589093393e87ef6ac8baa7e2a Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Fri, 22 Nov 2013 20:33:52 +0100 Subject: [PATCH 0003/1639] chore(release): v0.7.0 --- CHANGELOG.md | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ package.json | 2 +- 2 files changed, 49 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1bf43cbfec..74afde4fd5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,51 @@ +# 0.7.0 (2013-11-22) + +## Features + +- **datepicker:** + - add i18n support for bar buttons in popup ([c6ba8d7f](http://github.com/angular-ui/bootstrap/commit/c6ba8d7f)) + - dynamic date format for popup ([aa3eaa91](http://github.com/angular-ui/bootstrap/commit/aa3eaa91)) + - datepicker-append-to-body attribute ([0cdc4609](http://github.com/angular-ui/bootstrap/commit/0cdc4609)) +- **dropdownToggle:** + - disable dropdown when it has the disabled class ([104bdd1b](http://github.com/angular-ui/bootstrap/commit/104bdd1b)) +- **tooltip:** + - add ability to enable / disable tooltip ([5d9bd058](http://github.com/angular-ui/bootstrap/commit/5d9bd058)) + +## Bug Fixes + +- **accordion:** + - assign `is-open` to correct scope ([157f614a](http://github.com/angular-ui/bootstrap/commit/157f614a)) +- **collapse:** + - remove element height watching ([a72c635c](http://github.com/angular-ui/bootstrap/commit/a72c635c)) + - add the "in" class for expanded panels ([9eca35a8](http://github.com/angular-ui/bootstrap/commit/9eca35a8)) +- **datepicker:** + - some IE8 compatibility improvements ([4540476f](http://github.com/angular-ui/bootstrap/commit/4540476f)) + - set popup initial position in append-to-body case ([78a1e9d7](http://github.com/angular-ui/bootstrap/commit/78a1e9d7)) + - properly handle showWeeks config option ([570dba90](http://github.com/angular-ui/bootstrap/commit/570dba90)) +- **modal:** + - correctly close modals with no backdrop ([e55c2de3](http://github.com/angular-ui/bootstrap/commit/e55c2de3)) +- **pagination:** + - fix altering of current page caused by totals change ([81164dae](http://github.com/angular-ui/bootstrap/commit/81164dae)) + - handle extreme values for `total-items` ([8ecf93ed](http://github.com/angular-ui/bootstrap/commit/8ecf93ed)) +- **position:** + - correct positioning for SVG elements ([968e5407](http://github.com/angular-ui/bootstrap/commit/968e5407)) +- **tabs:** + - initial tab selection ([a08173ec](http://github.com/angular-ui/bootstrap/commit/a08173ec)) +- **timepicker:** + - use html5 for input elements ([53709f0f](http://github.com/angular-ui/bootstrap/commit/53709f0f)) +- **tooltip:** + - restore html-unsafe compatibility with AngularJS 1.2 ([08d8b21d](http://github.com/angular-ui/bootstrap/commit/08d8b21d)) + - hide tooltips when content becomes empty ([cf5c27ae](http://github.com/angular-ui/bootstrap/commit/cf5c27ae)) + - tackle DOM node and event handlers leak ([0d810acd](http://github.com/angular-ui/bootstrap/commit/0d810acd)) +- **typeahead:** + - do not set editable error when input is empty ([006986db](http://github.com/angular-ui/bootstrap/commit/006986db)) + - remove popup flickering ([dde804b6](http://github.com/angular-ui/bootstrap/commit/dde804b6)) + - don't show matches if an element is not focused ([d1f94530](http://github.com/angular-ui/bootstrap/commit/d1f94530)) + - fix loading callback when deleting characters ([0149eff6](http://github.com/angular-ui/bootstrap/commit/0149eff6)) + - prevent accidental form submission on ENTER ([253c49ff](http://github.com/angular-ui/bootstrap/commit/253c49ff)) + - evaluate matches source against a correct scope ([fd21214d](http://github.com/angular-ui/bootstrap/commit/fd21214d)) + - support IE8 ([0e9f9980](http://github.com/angular-ui/bootstrap/commit/0e9f9980)) + # 0.6.0 (2013-09-08) ## Features diff --git a/package.json b/package.json index 6b883eeaa5..c8af370ca3 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.7.0-SNAPSHOT", + "version": "0.7.0", "dependencies": {}, "devDependencies": { "grunt": "~0.4.1", From 2abadcad2cc537fae8c00a48549abce4efbffdf4 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Tue, 26 Nov 2013 20:08:49 +0100 Subject: [PATCH 0004/1639] chore(release): Starting v0.8.0-SNAPSHOT --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index c8af370ca3..459732703b 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.7.0", + "version": "0.8.0-SNAPSHOT", "dependencies": {}, "devDependencies": { "grunt": "~0.4.1", From 9ec21286ea227f9901a9ef6fe036cf6727c769ca Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Tue, 26 Nov 2013 10:34:12 +0100 Subject: [PATCH 0005/1639] fix(accordion): correct `is-open` handling for dynamic groups Closes #1297 --- src/accordion/accordion.js | 7 ++-- src/accordion/test/accordion.spec.js | 51 +++++++++++++++++++++++----- 2 files changed, 45 insertions(+), 13 deletions(-) diff --git a/src/accordion/accordion.js b/src/accordion/accordion.js index e18e2d04d7..594c156329 100644 --- a/src/accordion/accordion.js +++ b/src/accordion/accordion.js @@ -9,9 +9,6 @@ angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse']) // This array keeps track of the accordion groups this.groups = []; - // Keep reference to user's scope to properly assign `is-open` - this.scope = $scope; - // Ensure that all the groups in this accordion are closed, unless close-others explicitly says not to this.closeOthers = function(openGroup) { var closeOthers = angular.isDefined($attrs.closeOthers) ? $scope.$eval($attrs.closeOthers) : accordionConfig.closeOthers; @@ -81,7 +78,7 @@ angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse']) getIsOpen = $parse(attrs.isOpen); setIsOpen = getIsOpen.assign; - accordionCtrl.scope.$watch(getIsOpen, function(value) { + scope.$parent.$watch(getIsOpen, function(value) { scope.isOpen = !!value; }); } @@ -91,7 +88,7 @@ angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse']) accordionCtrl.closeOthers(scope); } if ( setIsOpen ) { - setIsOpen(accordionCtrl.scope, value); + setIsOpen(scope.$parent, value); } }); } diff --git a/src/accordion/test/accordion.spec.js b/src/accordion/test/accordion.spec.js index 143ca73270..d0c9645d0b 100644 --- a/src/accordion/test/accordion.spec.js +++ b/src/accordion/test/accordion.spec.js @@ -217,13 +217,12 @@ describe('accordion', function () { describe('is-open attribute', function() { beforeEach(function () { var tpl = - "" + - "Content 1" + - "Content 2" + - ""; + '' + + 'Content 1' + + 'Content 2' + + ''; element = angular.element(tpl); - scope.open1 = false; - scope.open2 = true; + scope.open = { first: false, second: true }; $compile(element)(scope); scope.$digest(); groups = element.find('.accordion-group'); @@ -237,11 +236,11 @@ describe('accordion', function () { it('should toggle variable on element click', function() { findGroupLink(0).click(); scope.$digest(); - expect(scope.open1).toBe(true); + expect(scope.open.first).toBe(true); findGroupLink(0).click(); scope.$digest(); - expect(scope.open1).toBe(false); + expect(scope.open.second).toBe(false); }); }); @@ -272,6 +271,42 @@ describe('accordion', function () { }); }); + describe('is-open attribute with dynamic groups', function () { + var model; + beforeEach(function () { + var tpl = + '' + + '{{group.content}}' + + ''; + element = angular.element(tpl); + scope.groups = [ + {name: 'title 1', content: 'Content 1', open: false}, + {name: 'title 2', content: 'Content 2', open: true} + ]; + $compile(element)(scope); + scope.$digest(); + + groups = element.find('.accordion-group'); + }); + + it('should have visible group body when the group with isOpen set to true', function () { + expect(findGroupBody(0).scope().isOpen).toBe(false); + expect(findGroupBody(1).scope().isOpen).toBe(true); + }); + + it('should toggle element on click', function() { + findGroupLink(0).click(); + scope.$digest(); + expect(findGroupBody(0).scope().isOpen).toBe(true); + expect(scope.groups[0].open).toBe(true); + + findGroupLink(0).click(); + scope.$digest(); + expect(findGroupBody(0).scope().isOpen).toBe(false); + expect(scope.groups[0].open).toBe(false); + }); + }); + describe('accordion-heading element', function() { beforeEach(function() { var tpl = From 4d158e0dd972242345a18fd6824a50a2629b35bd Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 6 Oct 2013 00:37:47 +0300 Subject: [PATCH 0006/1639] feat(datepicker): option whether to display button bar in popup --- src/datepicker/datepicker.js | 15 ++++++++------- src/datepicker/docs/readme.md | 11 ++++++++--- src/datepicker/test/datepicker.spec.js | 22 ++++++++++++++++------ template/datepicker/popup.html | 3 +-- 4 files changed, 33 insertions(+), 18 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index a4579873c5..c75e22917b 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -258,7 +258,8 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) clearText: 'Clear', closeText: 'Done', closeOnDateSelection: true, - appendToBody: false + appendToBody: false, + showButtonBar: true }) .directive('datepickerPopup', ['$compile', '$parse', '$document', '$position', 'dateFilter', 'datepickerPopupConfig', 'datepickerConfig', @@ -267,17 +268,17 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon restrict: 'EA', require: 'ngModel', link: function(originalScope, element, attrs, ngModel) { - var dateFormat; + var scope = originalScope.$new(), // create a child scope so we are not polluting original one + dateFormat, + closeOnDateSelection = angular.isDefined(attrs.closeOnDateSelection) ? originalScope.$eval(attrs.closeOnDateSelection) : datepickerPopupConfig.closeOnDateSelection, + appendToBody = angular.isDefined(attrs.datepickerAppendToBody) ? originalScope.$eval(attrs.datepickerAppendToBody) : datepickerPopupConfig.appendToBody; + attrs.$observe('datepickerPopup', function(value) { dateFormat = value || datepickerPopupConfig.dateFormat; ngModel.$render(); }); - var closeOnDateSelection = angular.isDefined(attrs.closeOnDateSelection) ? originalScope.$eval(attrs.closeOnDateSelection) : datepickerPopupConfig.closeOnDateSelection; - var appendToBody = angular.isDefined(attrs.datepickerAppendToBody) ? originalScope.$eval(attrs.datepickerAppendToBody) : datepickerPopupConfig.appendToBody; - - // create a child scope for the datepicker directive so we are not polluting original scope - var scope = originalScope.$new(); + scope.showButtonBar = angular.isDefined(attrs.showButtonBar) ? originalScope.$eval(attrs.showButtonBar) : datepickerPopupConfig.showButtonBar; originalScope.$on('$destroy', function() { scope.$destroy(); diff --git a/src/datepicker/docs/readme.md b/src/datepicker/docs/readme.md index 1e4bdfa52d..bb00aeb818 100644 --- a/src/datepicker/docs/readme.md +++ b/src/datepicker/docs/readme.md @@ -7,7 +7,8 @@ Everything is formatted using the [date filter](http://docs.angularjs.org/api/ng ### Datepicker Settings ### -All settings can be provided as attributes in the `` or globally configured through the `datepickerConfig`. `datepicker-popup` options may be provided as attributes in the `datepicker-popup`'s element, or globally configured through the `datepickerPopupConfig`. +All settings can be provided as attributes in the `` or globally configured through the `datepickerConfig`. + * `ng-model` : The date object. @@ -64,12 +65,16 @@ All settings can be provided as attributes in the `` or globally con ### Popup Settings ### Options for datepicker can be passed as JSON using the `datepicker-options` attribute. -Specific settings for the `datepicker-popup` are: +Specific settings for the `datepicker-popup`, that can globally configured through the `datepickerPopupConfig`, are: * `datepicker-popup` _(Default: 'yyyy-MM-dd')_ : The format for displayed dates. + * `show-button-bar` + _(Default: true)_ : + Whether to display a button bar underneath the datepicker. + * `current-text` _(Default: 'Today')_ : The text to display for the current day button. @@ -89,7 +94,7 @@ Specific settings for the `datepicker-popup` are: * `close-on-date-selection` _(Default: true)_ : Whether to close calendar when a date is chosen. - + * `datepicker-append-to-body` _(Default: false)_: Append the datepicker popup element to `body`, rather than inserting after `datepicker-popup`. For global configuration, use `datepickerPopupConfig.appendToBody`. diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index af69093103..6ed390b9d4 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -1137,15 +1137,20 @@ describe('datepicker directive', function () { }); describe('button bar', function() { - var buttons; + var buttons, buttonBarElement; beforeEach(inject(function() { - assignButtons(); + assignButtonBar(); })); - function assignButtons() { - buttons = dropdownEl.find('li').eq(2).find('button'); + function assignButtonBar() { + buttonBarElement = dropdownEl.find('li').eq(-1); + buttons = buttonBarElement.find('button'); } + it('should be visible', function() { + expect(buttonBarElement.css('display')).not.toBe('none'); + }); + it('should have four buttons', function() { expect(buttons.length).toBe(4); @@ -1170,12 +1175,13 @@ describe('datepicker directive', function () { describe('customization', function() { beforeEach(inject(function() { + $rootScope.showBar = false; $rootScope.clearText = 'Null it!'; $rootScope.close = 'Close'; - var wrapElement = $compile('
')($rootScope); + var wrapElement = $compile('
')($rootScope); $rootScope.$digest(); assignElements(wrapElement); - assignButtons(); + assignButtonBar(); })); it('should change text from attributes', function() { @@ -1184,6 +1190,10 @@ describe('datepicker directive', function () { expect(buttons.eq(2).text()).toBe('Null it!'); expect(buttons.eq(3).text()).toBe('CloseME'); }); + + it('should hide bar', function() { + expect(buttonBarElement.css('display')).toBe('none'); + }); }); }); diff --git a/template/datepicker/popup.html b/template/datepicker/popup.html index 7da51a9098..7c7ab7b2e3 100644 --- a/template/datepicker/popup.html +++ b/template/datepicker/popup.html @@ -1,7 +1,6 @@
  • -
  • -
  • +
  • From 79f836c39446ec93b7fba7053fbc5285821aafd8 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Wed, 27 Nov 2013 12:29:42 +0100 Subject: [PATCH 0007/1639] refactor(accordion): remove unused dependency injections --- src/accordion/accordion.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/accordion/accordion.js b/src/accordion/accordion.js index 594c156329..55191e7f9d 100644 --- a/src/accordion/accordion.js +++ b/src/accordion/accordion.js @@ -54,7 +54,7 @@ angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse']) }) // The accordion-group directive indicates a block of html that will expand and collapse in an accordion -.directive('accordionGroup', ['$parse', '$transition', '$timeout', function($parse, $transition, $timeout) { +.directive('accordionGroup', ['$parse', function($parse) { return { require:'^accordion', // We need this directive to be inside an accordion restrict:'EA', @@ -62,11 +62,11 @@ angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse']) replace: true, // The element containing the directive will be replaced with the template templateUrl:'template/accordion/accordion-group.html', scope:{ heading:'@' }, // Create an isolated scope and interpolate the heading attribute onto this scope - controller: ['$scope', function($scope) { + controller: function() { this.setHeading = function(element) { this.heading = element; }; - }], + }, link: function(scope, element, attrs, accordionCtrl) { var getIsOpen, setIsOpen; From 8b1ab79a832cfd0cdb3205108197eceaf802ee6a Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Thu, 28 Nov 2013 15:31:19 +0100 Subject: [PATCH 0008/1639] feat(timepicker): default meridian labels based on locale Closes #1150 --- src/timepicker/docs/readme.md | 4 ++-- src/timepicker/test/timepicker.spec.js | 18 ++++++++++++++++++ src/timepicker/timepicker.js | 7 ++++--- 3 files changed, 24 insertions(+), 5 deletions(-) diff --git a/src/timepicker/docs/readme.md b/src/timepicker/docs/readme.md index 3ed75a6abb..ac81ea9e4e 100644 --- a/src/timepicker/docs/readme.md +++ b/src/timepicker/docs/readme.md @@ -21,8 +21,8 @@ All settings can be provided as attributes in the `` or globally con Whether to display 12H or 24H mode. * `meridians` - _(Defaults: ['AM', 'PM'])_ : - Meridian labels + _(Defaults: null)_ : + Meridian labels based on locale. To override you must supply an array like ['AM', 'PM']. * `readonly-input` _(Defaults: false)_ : diff --git a/src/timepicker/test/timepicker.spec.js b/src/timepicker/test/timepicker.spec.js index 797456724b..39d6698706 100644 --- a/src/timepicker/test/timepicker.spec.js +++ b/src/timepicker/test/timepicker.spec.js @@ -578,6 +578,24 @@ describe('timepicker directive', function () { }); }); + describe('`meridians` attribute', function() { + beforeEach(inject(function() { + $rootScope.meridiansArray = ['am', 'pm']; + element = $compile('')($rootScope); + $rootScope.$digest(); + })); + + it('displays correctly', function () { + expect(getTimeState()[2]).toBe('pm'); + }); + + it('toggles correctly', function () { + $rootScope.time = newTime(2, 40); + $rootScope.$digest(); + expect(getTimeState()[2]).toBe('am'); + }); + }); + describe('setting timepickerConfig steps', function() { var originalConfig = {}; beforeEach(inject(function(_$compile_, _$rootScope_, timepickerConfig) { diff --git a/src/timepicker/timepicker.js b/src/timepicker/timepicker.js index 3e6f9064f6..95af69f516 100644 --- a/src/timepicker/timepicker.js +++ b/src/timepicker/timepicker.js @@ -4,12 +4,12 @@ angular.module('ui.bootstrap.timepicker', []) hourStep: 1, minuteStep: 1, showMeridian: true, - meridians: ['AM', 'PM'], + meridians: null, readonlyInput: false, mousewheel: true }) -.directive('timepicker', ['$parse', '$log', 'timepickerConfig', function ($parse, $log, timepickerConfig) { +.directive('timepicker', ['$parse', '$log', 'timepickerConfig', '$locale', function ($parse, $log, timepickerConfig, $locale) { return { restrict: 'EA', require:'?^ngModel', @@ -21,7 +21,8 @@ angular.module('ui.bootstrap.timepicker', []) return; // do nothing if no ng-model } - var selected = new Date(), meridians = timepickerConfig.meridians; + var selected = new Date(), + meridians = angular.isDefined(attrs.meridians) ? scope.$parent.$eval(attrs.meridians) : timepickerConfig.meridians || $locale.DATETIME_FORMATS.AMPMS; var hourStep = timepickerConfig.hourStep; if (attrs.hourStep) { From d64f4a976b256b98cbbbf5d97706c9933f52baa7 Mon Sep 17 00:00:00 2001 From: Sterling Camden Date: Tue, 26 Nov 2013 22:28:40 -0800 Subject: [PATCH 0009/1639] fix(modal): put backdrop in before window Closes #1313 --- src/modal/modal.js | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/src/modal/modal.js b/src/modal/modal.js index 5c0d418768..12837f3fa9 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -166,7 +166,13 @@ angular.module('ui.bootstrap.modal', []) backdrop: modal.backdrop, keyboard: modal.keyboard }); - + + if (backdropIndex() >= 0 && !backdropDomEl) { + backdropjqLiteEl = angular.element('
    '); + backdropDomEl = $compile(backdropjqLiteEl)(backdropScope); + body.append(backdropDomEl); + } + var angularDomEl = angular.element('
    '); angularDomEl.attr('window-class', modal.windowClass); angularDomEl.attr('index', openedWindows.length() - 1); @@ -175,12 +181,7 @@ angular.module('ui.bootstrap.modal', []) var modalDomEl = $compile(angularDomEl)(modal.scope); openedWindows.top().value.modalDomEl = modalDomEl; body.append(modalDomEl); - - if (backdropIndex() >= 0 && !backdropDomEl) { - backdropjqLiteEl = angular.element('
    '); - backdropDomEl = $compile(backdropjqLiteEl)(backdropScope); - body.append(backdropDomEl); - } + }; $modalStack.close = function (modalInstance, result) { From 365573ab24750dd4589460760aea22a3a412647e Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 30 Nov 2013 21:29:38 +0100 Subject: [PATCH 0010/1639] feat(progressbar): add `max` attribute & support transclusion * General refactor. Move logic to controller. * Remove `onFull` & `onEmpty` handlers. * Remove automatic types and stacked types. * `progress` & `bar` transclude content to support text & extra elements. BREAKING CHANGE: The onFull/onEmpty handlers & auto/stacked types have been removed. To migrate your code change your markup like below. Before: After: and for stacked instead of passing array/objects you can do: --- src/progressbar/docs/demo.html | 32 +- src/progressbar/docs/demo.js | 27 +- src/progressbar/docs/readme.md | 30 +- src/progressbar/progressbar.js | 138 ++++---- src/progressbar/test/progressbar.spec.js | 409 +++++++---------------- template/progressbar/bar.html | 2 +- template/progressbar/progress.html | 2 +- template/progressbar/progressbar.html | 1 + 8 files changed, 247 insertions(+), 394 deletions(-) create mode 100644 template/progressbar/progressbar.html diff --git a/src/progressbar/docs/demo.html b/src/progressbar/docs/demo.html index ca00567d85..69e9733736 100644 --- a/src/progressbar/docs/demo.html +++ b/src/progressbar/docs/demo.html @@ -1,27 +1,23 @@
    -

    Static

    + +

    Static

    -
    -
    -
    +
    +
    22%
    +
    166 / 200
    - -

    Dynamic

    - 
    Value: {{dynamic}}
    - + +

    Dynamic

    + {{dynamic}} / {{max}} No animation - + {{dynamic}}% Object (changes type based on value) - + {{type}} !!! Watch out !!! -

    Stacked

    - Array values with automatic types - 
    Value: {{stackedArray}}
    - - - Objects - 
    Value: {{stacked}}
    - + +

    Stacked

    + {{bar.value}}% +
    \ No newline at end of file diff --git a/src/progressbar/docs/demo.js b/src/progressbar/docs/demo.js index 57676e8af6..f7358510a9 100644 --- a/src/progressbar/docs/demo.js +++ b/src/progressbar/docs/demo.js @@ -1,7 +1,9 @@ var ProgressDemoCtrl = function ($scope) { - + + $scope.max = 200; + $scope.random = function() { - var value = Math.floor((Math.random()*100)+1); + var value = Math.floor((Math.random() * 100) + 1); var type; if (value < 25) { @@ -14,28 +16,21 @@ var ProgressDemoCtrl = function ($scope) { type = 'danger'; } + $scope.showWarning = (type === 'danger' || type === 'warning'); + $scope.dynamic = value; - $scope.dynamicObject = { - value: value, - type: type - }; + $scope.type = type; }; $scope.random(); - var types = ['success', 'info', 'warning', 'danger']; $scope.randomStacked = function() { - $scope.stackedArray = []; $scope.stacked = []; + var types = ['success', 'info', 'warning', 'danger']; - var n = Math.floor((Math.random()*4)+1); - - for (var i=0; i < n; i++) { - var value = Math.floor((Math.random()*30)+1); - $scope.stackedArray.push(value); - - var index = Math.floor((Math.random()*4)); + for (var i = 0, n = Math.floor((Math.random() * 4) + 1); i < n; i++) { + var index = Math.floor((Math.random() * 4)); $scope.stacked.push({ - value: value, + value: Math.floor((Math.random() * 30) + 1), type: types[index] }); } diff --git a/src/progressbar/docs/readme.md b/src/progressbar/docs/readme.md index ebc9cb9580..a43f36b3e4 100644 --- a/src/progressbar/docs/readme.md +++ b/src/progressbar/docs/readme.md @@ -1,3 +1,29 @@ -A lightweight progress bar directive that is focused on providing progress visualization! +A progress bar directive that is focused on providing feedback on the progress of a workflow or action. -The progress bar directive supports multiple (stacked) bars into the same element, optional transition animation, event handler for full & empty state and many more. +It supports multiple (stacked) bars into the same `` element or a single `` elemtnt with optional `max` attribute and transition animations. + +### Settings ### + +#### `` #### + + * `value` + : + The current value of progress completed. + + * `type` + _(Default: null)_ : + Style type. Possible values are 'success', 'warning' etc. + + * `max` + _(Default: 100)_ : + A number that specifies the total value of bars that is required. + + * `animate` + _(Default: true)_ : + Whether bars use transitions to achieve the width change. + + +### Stacked ### + +Place multiple `` into the same `` element to stack them. +`` supports `max` and `animate` & `` supports `value` and `type` attributes. diff --git a/src/progressbar/progressbar.js b/src/progressbar/progressbar.js index 2a5eb28d2d..9dcee7dfd2 100644 --- a/src/progressbar/progressbar.js +++ b/src/progressbar/progressbar.js @@ -2,105 +2,99 @@ angular.module('ui.bootstrap.progressbar', ['ui.bootstrap.transition']) .constant('progressConfig', { animate: true, - autoType: false, - stackedTypes: ['success', 'info', 'warning', 'danger'] + max: 100 }) -.controller('ProgressBarController', ['$scope', '$attrs', 'progressConfig', function($scope, $attrs, progressConfig) { +.controller('ProgressController', ['$scope', '$attrs', 'progressConfig', '$transition', function($scope, $attrs, progressConfig, $transition) { + var self = this, + bars = [], + max = angular.isDefined($attrs.max) ? $scope.$parent.$eval($attrs.max) : progressConfig.max, + animate = angular.isDefined($attrs.animate) ? $scope.$parent.$eval($attrs.animate) : progressConfig.animate; - // Whether bar transitions should be animated - var animate = angular.isDefined($attrs.animate) ? $scope.$eval($attrs.animate) : progressConfig.animate; - var autoType = angular.isDefined($attrs.autoType) ? $scope.$eval($attrs.autoType) : progressConfig.autoType; - var stackedTypes = angular.isDefined($attrs.stackedTypes) ? $scope.$eval('[' + $attrs.stackedTypes + ']') : progressConfig.stackedTypes; + this.addBar = function(bar, element) { + var oldValue = 0, index = bar.$parent.$index; + if ( angular.isDefined(index) && bars[index] ) { + oldValue = bars[index].value; + } + bars.push(bar); + + this.update(element, bar.value, oldValue); - // Create bar object - this.makeBar = function(newBar, oldBar, index) { - var newValue = (angular.isObject(newBar)) ? newBar.value : (newBar || 0); - var oldValue = (angular.isObject(oldBar)) ? oldBar.value : (oldBar || 0); - var type = (angular.isObject(newBar) && angular.isDefined(newBar.type)) ? newBar.type : (autoType) ? getStackedType(index || 0) : null; + bar.$watch('value', function(value, oldValue) { + if (value !== oldValue) { + self.update(element, value, oldValue); + } + }); - return { - from: oldValue, - to: newValue, - type: type, - animate: animate - }; + bar.$on('$destroy', function() { + self.removeBar(bar); + }); }; - function getStackedType(index) { - return stackedTypes[index]; - } + // Update bar element width + this.update = function(element, newValue, oldValue) { + var percent = this.getPercentage(newValue); + + if (animate) { + element.css('width', this.getPercentage(oldValue) + '%'); + $transition(element, {width: percent + '%'}); + } else { + element.css({'transition': 'none', 'width': percent + '%'}); + } + }; - this.addBar = function(bar) { - $scope.bars.push(bar); - $scope.totalPercent += bar.to; + this.removeBar = function(bar) { + bars.splice(bars.indexOf(bar), 1); }; - this.clearBars = function() { - $scope.bars = []; - $scope.totalPercent = 0; + this.getPercentage = function(value) { + return Math.round(100 * value / max); }; - this.clearBars(); }]) .directive('progress', function() { return { restrict: 'EA', replace: true, - controller: 'ProgressBarController', + transclude: true, + controller: 'ProgressController', + require: 'progress', + scope: {}, + template: '
    ' + //templateUrl: 'template/progressbar/progress.html' // Works in AngularJS 1.2 + }; +}) + +.directive('bar', function() { + return { + restrict: 'EA', + replace: true, + transclude: true, + require: '^progress', scope: { - value: '=percent', - onFull: '&', - onEmpty: '&' + value: '=', + type: '@' }, - templateUrl: 'template/progressbar/progress.html', - link: function(scope, element, attrs, controller) { - scope.$watch('value', function(newValue, oldValue) { - controller.clearBars(); - - if (angular.isArray(newValue)) { - // Stacked progress bar - for (var i=0, n=newValue.length; i < n; i++) { - controller.addBar(controller.makeBar(newValue[i], oldValue[i], i)); - } - } else { - // Simple bar - controller.addBar(controller.makeBar(newValue, oldValue)); - } - }, true); - - // Total percent listeners - scope.$watch('totalPercent', function(value) { - if (value >= 100) { - scope.onFull(); - } else if (value <= 0) { - scope.onEmpty(); - } - }, true); + templateUrl: 'template/progressbar/bar.html', + link: function(scope, element, attrs, progressCtrl) { + progressCtrl.addBar(scope, element); } }; }) -.directive('progressbar', ['$transition', function($transition) { +.directive('progressbar', function() { return { restrict: 'EA', replace: true, + transclude: true, + controller: 'ProgressController', scope: { - width: '=', - old: '=', - type: '=', - animate: '=' + value: '=', + type: '@' }, - templateUrl: 'template/progressbar/bar.html', - link: function(scope, element) { - scope.$watch('width', function(value) { - if (scope.animate) { - element.css('width', scope.old + '%'); - $transition(element, {width: value + '%'}); - } else { - element.css('width', value + '%'); - } - }); + templateUrl: 'template/progressbar/progressbar.html', + link: function(scope, element, attrs, progressCtrl) { + progressCtrl.addBar(scope, angular.element(element.children()[0])); } }; -}]); \ No newline at end of file +}); \ No newline at end of file diff --git a/src/progressbar/test/progressbar.spec.js b/src/progressbar/test/progressbar.spec.js index 70e20f0f03..e2da304e93 100644 --- a/src/progressbar/test/progressbar.spec.js +++ b/src/progressbar/test/progressbar.spec.js @@ -1,326 +1,167 @@ -describe('progressbar directive with no binding', function () { +describe('progressbar directive', function () { var $rootScope, element; beforeEach(module('ui.bootstrap.progressbar')); - beforeEach(module('template/progressbar/progress.html', 'template/progressbar/bar.html')); + beforeEach(module('template/progressbar/progressbar.html', 'template/progressbar/progress.html', 'template/progressbar/bar.html')); beforeEach(inject(function(_$compile_, _$rootScope_) { $compile = _$compile_; $rootScope = _$rootScope_; - element = $compile('')($rootScope); + $rootScope.value = 22; + element = $compile('{{value}} %')($rootScope); $rootScope.$digest(); })); - it('has a "progress" css class', function() { - expect(element.hasClass('progress')).toBe(true); - }); - - it('contains one child element with "bar" css class', function() { - expect(element.children().length).toBe(1); - expect(element.children().eq(0).hasClass('bar')).toBe(true); - }); - - it('has a "bar" element with expected width', function() { - expect(element.children().eq(0).css('width')).toBe('22%'); - }); -}); + var BAR_CLASS = 'bar'; -describe('progressbar directive with data-binding', function () { - var $rootScope, element; - beforeEach(module('ui.bootstrap.progressbar')); - beforeEach(module('template/progressbar/progress.html', 'template/progressbar/bar.html')); - beforeEach(inject(function(_$compile_, _$rootScope_) { - $compile = _$compile_; - $rootScope = _$rootScope_; - $rootScope.percent = 33; - element = $compile('')($rootScope); - $rootScope.$digest(); - })); + function getBar(i) { + return element.children().eq(i); + } it('has a "progress" css class', function() { - expect(element.hasClass('progress')).toBe(true); + expect(element).toHaveClass('progress'); }); it('contains one child element with "bar" css class', function() { expect(element.children().length).toBe(1); - expect(element.children().eq(0).hasClass('bar')).toBe(true); + expect(getBar(0)).toHaveClass(BAR_CLASS); }); it('has a "bar" element with expected width', function() { - expect(element.children().eq(0).css('width')).toBe('33%'); + expect(getBar(0).css('width')).toBe('22%'); }); - it('changes width when bind value changes', function() { - $rootScope.percent = 55; - $rootScope.$digest(); - expect(element.children().length).toBe(1); - expect(element.children().eq(0).css('width')).toBe('55%'); - expect(element.children().eq(0).hasClass('bar')).toBe(true); - - $rootScope.percent += 11; - $rootScope.$digest(); - expect(element.children().eq(0).css('width')).toBe('66%'); - - $rootScope.percent = 0; - $rootScope.$digest(); - expect(element.children().eq(0).css('width')).toBe('0%'); + it('transcludes "bar" text', function() { + expect(getBar(0).text()).toBe('22 %'); }); - it('can handle correctly objects value && class', function() { - $rootScope.percent = { - value: 45, - type: 'warning' - }; + it('it should be possible to add additional classes', function () { + element = $compile('')($rootScope); $rootScope.$digest(); - expect(element.children().length).toBe(1); - expect(element.hasClass('progress')).toBe(true); + expect(element).toHaveClass('progress-striped'); + expect(element).toHaveClass('active'); - var barElement = element.children().eq(0); - expect(barElement.css('width')).toBe('45%'); - expect(barElement.hasClass('bar')).toBe(true); - expect(barElement.hasClass('bar-warning')).toBe(true); - }); + expect(getBar(0)).toHaveClass('pizza'); + }); -}); + describe('"max" attribute', function () { + beforeEach(inject(function() { + $rootScope.max = 200; + element = $compile('{{value}}/{{max}}')($rootScope); + $rootScope.$digest(); + })); + + it('adjusts the "bar" width', function() { + expect(element.children().eq(0).css('width')).toBe('11%'); + }); + + it('adjusts the "bar" width when value changes', function() { + $rootScope.value = 60; + $rootScope.$digest(); + expect(getBar(0).css('width')).toBe('30%'); -describe('stacked progressbar directive', function () { - var $rootScope, element; - beforeEach(module('ui.bootstrap.progressbar')); - beforeEach(module('template/progressbar/progress.html', 'template/progressbar/bar.html')); - beforeEach(inject(function(_$compile_, _$rootScope_) { - $compile = _$compile_; - $rootScope = _$rootScope_; - $rootScope.stacked = [12, 22, 33]; - element = $compile('')($rootScope); - $rootScope.$digest(); - })); - - it('has a "progress" css class', function() { - expect(element.hasClass('progress')).toBe(true); - }); - - it('contains tree child elements with "bar" css class each', function() { - expect(element.children().length).toBe(3); - expect(element.children().eq(0).hasClass('bar')).toBe(true); - expect(element.children().eq(1).hasClass('bar')).toBe(true); - expect(element.children().eq(2).hasClass('bar')).toBe(true); - }); + $rootScope.value += 12; + $rootScope.$digest(); + expect(getBar(0).css('width')).toBe('36%'); + + $rootScope.value = 0; + $rootScope.$digest(); + expect(getBar(0).css('width')).toBe('0%'); + }); - it('has a elements with expected width', function() { - expect(element.children().eq(0).css('width')).toBe('12%'); - expect(element.children().eq(1).css('width')).toBe('22%'); - expect(element.children().eq(2).css('width')).toBe('33%'); + it('transcludes "bar" text', function() { + expect(getBar(0).text()).toBe('22/200'); + }); }); - it('changes width when bind value changes', function() { - $rootScope.stacked[1] = 35; - $rootScope.$digest(); + describe('"type" attribute', function () { + beforeEach(inject(function() { + $rootScope.type = 'success'; + element = $compile('')($rootScope); + $rootScope.$digest(); + })); - expect(element.children().length).toBe(3); - expect(element.children().eq(0).css('width')).toBe('12%'); - expect(element.children().eq(1).css('width')).toBe('35%'); - expect(element.children().eq(2).css('width')).toBe('33%'); - }); + it('should use correct classes', function() { + expect(getBar(0)).toHaveClass(BAR_CLASS); + expect(getBar(0)).toHaveClass(BAR_CLASS + '-success'); + }); - it('can remove bars', function() { - $rootScope.stacked.pop(); - $rootScope.$digest(); + it('should change classes if type changed', function() { + $rootScope.type = 'warning'; + $rootScope.value += 1; + $rootScope.$digest(); - expect(element.children().length).toBe(2); - - expect(element.children().eq(0).css('width')).toBe('12%'); - expect(element.children().eq(1).css('width')).toBe('22%'); + var barEl = getBar(0); + expect(barEl).toHaveClass(BAR_CLASS); + expect(barEl).not.toHaveClass(BAR_CLASS + '-success'); + expect(barEl).toHaveClass(BAR_CLASS + '-warning'); + }); }); - it('can handle correctly object changes', function() { - $rootScope.stacked[1] = { - value: 29, - type: 'danger' - }; - $rootScope.$digest(); + describe('stacked', function () { + beforeEach(inject(function() { + $rootScope.objects = [ + { value: 10, type: 'success' }, + { value: 50, type: 'warning' }, + { value: 20 } + ]; + element = $compile('{{o.value}}')($rootScope); + $rootScope.$digest(); + })); - expect(element.children().length).toBe(3); + it('contains the right number of bars', function() { + expect(element.children().length).toBe(3); + for (var i = 0; i < 3; i++) { + expect(getBar(i)).toHaveClass(BAR_CLASS); + } + }); - var barElement; + it('renders each bar with the appropriate width', function() { + expect(getBar(0).css('width')).toBe('10%'); + expect(getBar(1).css('width')).toBe('50%'); + expect(getBar(2).css('width')).toBe('20%'); + }); - barElement = element.children().eq(0); - expect(barElement.css('width')).toBe('12%'); - expect(barElement.hasClass('bar')).toBe(true); - expect(barElement.hasClass('bar-danger')).toBe(false); + it('uses correct classes', function() { + expect(getBar(0)).toHaveClass(BAR_CLASS + '-success'); + expect(getBar(0)).not.toHaveClass(BAR_CLASS + '-warning'); - barElement = element.children().eq(1); - expect(barElement.css('width')).toBe('29%'); - expect(barElement.hasClass('bar')).toBe(true); - expect(barElement.hasClass('bar-danger')).toBe(true); + expect(getBar(1)).not.toHaveClass(BAR_CLASS + '-success'); + expect(getBar(1)).toHaveClass(BAR_CLASS + '-warning'); - barElement = element.children().eq(2); - expect(barElement.css('width')).toBe('33%'); - expect(barElement.hasClass('bar')).toBe(true); - expect(barElement.hasClass('bar-danger')).toBe(false); + expect(getBar(2)).not.toHaveClass(BAR_CLASS + '-success'); + expect(getBar(2)).not.toHaveClass(BAR_CLASS + '-warning'); + }); + + it('should change classes if type changed', function() { + $rootScope.objects = [ + { value: 20, type: 'warning' }, + { value: 50 }, + { value: 30, type: 'info' } + ]; + $rootScope.$digest(); + + expect(getBar(0)).not.toHaveClass(BAR_CLASS + '-success'); + expect(getBar(0)).toHaveClass(BAR_CLASS + '-warning'); + + expect(getBar(1)).not.toHaveClass(BAR_CLASS + '-success'); + expect(getBar(1)).not.toHaveClass(BAR_CLASS + '-warning'); + + expect(getBar(2)).toHaveClass(BAR_CLASS + '-info'); + expect(getBar(2)).not.toHaveClass(BAR_CLASS + '-success'); + expect(getBar(2)).not.toHaveClass(BAR_CLASS + '-warning'); + }); + + it('should change classes if type changed', function() { + $rootScope.objects = [ + { value: 70, type: 'info' } + ]; + $rootScope.$digest(); + + expect(element.children().length).toBe(1); + + expect(getBar(0)).toHaveClass(BAR_CLASS + '-info'); + expect(getBar(0)).not.toHaveClass(BAR_CLASS + '-success'); + expect(getBar(0)).not.toHaveClass(BAR_CLASS + '-warning'); + }); }); - - it('can handle mixed objects with custom classes', function() { - $rootScope.stacked = [ - { value: 15, type: 'info' }, - 11, - { value: 9, type: 'danger' }, - { value: 22, type: 'warning' }, - 5 - ]; - $rootScope.$digest(); - - expect(element.children().length).toBe(5); - - var barElement; - - barElement = element.children().eq(0); - expect(barElement.css('width')).toBe('15%'); - expect(barElement.hasClass('bar-info')).toBe(true); - - barElement = element.children().eq(1); - expect(barElement.css('width')).toBe('11%'); - expect(barElement.hasClass('bar-info')).toBe(false); - - barElement = element.children().eq(2); - expect(barElement.css('width')).toBe('9%'); - expect(barElement.hasClass('bar-danger')).toBe(true); - - barElement = element.children().eq(3); - expect(barElement.css('width')).toBe('22%'); - expect(barElement.hasClass('bar-warning')).toBe(true); - - barElement = element.children().eq(4); - expect(barElement.css('width')).toBe('5%'); - expect(barElement.hasClass('bar-warning')).toBe(false); - }); - -}); - -describe('stacked progressbar directive handlers', function () { - var $rootScope, element; - beforeEach(module('ui.bootstrap.progressbar')); - beforeEach(module('template/progressbar/progress.html', 'template/progressbar/bar.html')); - beforeEach(inject(function(_$compile_, _$rootScope_) { - $compile = _$compile_; - $rootScope = _$rootScope_; - $rootScope.stacked = [20, 30, 40]; // total: 90 - $rootScope.fullHandler = jasmine.createSpy('fullHandler'); - $rootScope.emptyHandler = jasmine.createSpy('emptyHandler'); - element = $compile('')($rootScope); - $rootScope.$digest(); - })); - - - it("should not fire at start", function () { - expect($rootScope.fullHandler).not.toHaveBeenCalled(); - expect($rootScope.emptyHandler).not.toHaveBeenCalled(); - }); - - it("should fire callback when full", function () { - $rootScope.stacked.push(10); // total: 100 - $rootScope.$digest(); - - expect($rootScope.fullHandler).toHaveBeenCalled(); - expect($rootScope.emptyHandler).not.toHaveBeenCalled(); - }); - - it("should fire callback when empties", function () { - $rootScope.stacked = 0; - $rootScope.$digest(); - - expect($rootScope.fullHandler).not.toHaveBeenCalled(); - expect($rootScope.emptyHandler).toHaveBeenCalled(); - }); - -}); - -describe('stacked progressbar directive with auto-types', function () { - var $rootScope, element; - var config = {}; - beforeEach(module('ui.bootstrap.progressbar')); - beforeEach(module('template/progressbar/progress.html', 'template/progressbar/bar.html')); - beforeEach(inject(function(_$compile_, _$rootScope_, progressConfig) { - $compile = _$compile_; - $rootScope = _$rootScope_; - $rootScope.stacked = [12, 22, {value: 33}, {value: 5}, 11]; - element = $compile('')($rootScope); - $rootScope.$digest(); - - angular.extend(config, progressConfig); - })); - afterEach(inject(function(progressConfig) { - // return it to the original state - angular.extend(progressConfig, config); - })); - - it('has a "progress" css class', function() { - expect(element.hasClass('progress')).toBe(true); - }); - - it('contains tree child elements with "bar" css class each', function() { - expect(element.children().length).toBe(5); - for (var i = 0; i < 5; i++) { - expect(element.children().eq(i).hasClass('bar')).toBe(true); - } - }); - - it('has elements with expected width', function() { - expect(element.children().eq(0).css('width')).toBe('12%'); - expect(element.children().eq(1).css('width')).toBe('22%'); - expect(element.children().eq(2).css('width')).toBe('33%'); - expect(element.children().eq(3).css('width')).toBe('5%'); - expect(element.children().eq(4).css('width')).toBe('11%'); - }); - - it('has elements with automatic types', function() { - var stackedTypes = config.stackedTypes; - - for (var i = 0; i < stackedTypes.length; i++) { - expect(element.children().eq(i).hasClass('bar-' + stackedTypes[i])).toBe(true); - } - }); - - it('ignore automatic type if one is specified', function() { - $rootScope.stacked[1] = { - value: 18, - type: 'something' - }; - $rootScope.$digest(); - - var stackedTypes = config.stackedTypes; - - var bar = element.children().eq(1); - expect(bar.css('width')).toBe('18%'); - expect(bar.hasClass('bar-' + stackedTypes[1])).toBe(false); - expect(bar.hasClass('bar-something')).toBe(true); - }); - - - it('can provide automatic classes to be applied', function() { - $rootScope.stacked[1] = { - value: 18, - type: 'something' - }; - $rootScope.$digest(); - - var stackedTypes = config.stackedTypes; - - var bar = element.children().eq(1); - expect(bar.css('width')).toBe('18%'); - expect(bar.hasClass('bar-' + stackedTypes[1])).toBe(false); - expect(bar.hasClass('bar-something')).toBe(true); - }); - - it('can bypass default configuration for stacked classes from attribute', function() { - element = $compile('')($rootScope); - $rootScope.$digest(); - - var stackedTypes = config.stackedTypes; - - expect(element.children().eq(0).hasClass('bar-danger')).toBe(true); - expect(element.children().eq(0).hasClass('bar-' + stackedTypes[0])).toBe(false); - - expect(element.children().eq(1).hasClass('bar-warning')).toBe(true); - expect(element.children().eq(2).hasClass('bar-success')).toBe(true); - }); - }); \ No newline at end of file diff --git a/template/progressbar/bar.html b/template/progressbar/bar.html index 09a5a6b010..f5895768a2 100644 --- a/template/progressbar/bar.html +++ b/template/progressbar/bar.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/template/progressbar/progress.html b/template/progressbar/progress.html index d390e79f7d..1968537006 100644 --- a/template/progressbar/progress.html +++ b/template/progressbar/progress.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/template/progressbar/progressbar.html b/template/progressbar/progressbar.html new file mode 100644 index 0000000000..22f57c55b7 --- /dev/null +++ b/template/progressbar/progressbar.html @@ -0,0 +1 @@ +
    \ No newline at end of file From 40b80c3b31bff4ad775d1e2e3b05b66861f5dff4 Mon Sep 17 00:00:00 2001 From: Christopher Bebry Date: Thu, 5 Dec 2013 10:40:28 -0500 Subject: [PATCH 0011/1639] docs(pagination): spelling corrections Closes #1358 --- src/pagination/docs/demo.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pagination/docs/demo.html b/src/pagination/docs/demo.html index 16ff34371f..5cfacd3169 100644 --- a/src/pagination/docs/demo.html +++ b/src/pagination/docs/demo.html @@ -14,7 +14,7 @@

    Pager

    -

    Limit the maximimum visible buttons

    +

    Limit the maximum visible buttons

    From 60515ae16f7e2c692f31ef45409f376481a330a5 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 8 Dec 2013 21:02:58 +0100 Subject: [PATCH 0012/1639] fix(tooltip): update tooltip content when empty Closes #1348 --- src/tooltip/test/tooltip2.spec.js | 11 +++++++++++ src/tooltip/tooltip.js | 10 ++++------ 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/src/tooltip/test/tooltip2.spec.js b/src/tooltip/test/tooltip2.spec.js index 6a1d93cfea..bb7e6ebba5 100644 --- a/src/tooltip/test/tooltip2.spec.js +++ b/src/tooltip/test/tooltip2.spec.js @@ -70,6 +70,17 @@ describe('tooltip directive', function () { $timeout.flush(); expect(fragment).not.toHaveOpenTooltips(); }); + + it('should update tooltip when its content becomes empty', function () { + $rootScope.content = 'some text'; + var fragment = compileTooltip(''); + + $rootScope.content = ''; + $rootScope.$digest(); + + fragment.find('span').trigger( 'mouseenter' ); + expect(fragment).not.toHaveOpenTooltips(); + }); }); describe('option by option', function () { diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js index 987cb410dc..a72d5295af 100644 --- a/src/tooltip/tooltip.js +++ b/src/tooltip/tooltip.js @@ -247,12 +247,10 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap * Observe the relevant attributes. */ attrs.$observe( type, function ( val ) { - if (val) { - scope.tt_content = val; - } else { - if ( scope.tt_isOpen ) { - hide(); - } + scope.tt_content = val; + + if (!val && scope.tt_isOpen ) { + hide(); } }); From 93cd0df8d454a02f9782c36940a05fc6715bba42 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 7 Dec 2013 18:12:13 +0100 Subject: [PATCH 0013/1639] fix(datepicker): set default zero time after no date selected Closes #1065 --- src/datepicker/datepicker.js | 2 +- src/datepicker/test/datepicker.spec.js | 41 +++++++++++++++----------- 2 files changed, 24 insertions(+), 19 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index c75e22917b..2048e41957 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -217,7 +217,7 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) scope.select = function( date ) { if ( mode === 0 ) { - var dt = new Date( ngModel.$modelValue ); + var dt = ngModel.$modelValue ? new Date( ngModel.$modelValue ) : new Date(0, 0, 0, 0, 0, 0, 0); dt.setFullYear( date.getFullYear(), date.getMonth(), date.getDate() ); ngModel.$setViewValue( dt ); refill( true ); diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index 6ed390b9d4..7707857375 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -1294,26 +1294,31 @@ describe('datepicker directive', function () { }); }); }); -}); -describe('datepicker directive with empty initial state', function () { - var $rootScope, element; - beforeEach(module('ui.bootstrap.datepicker')); - beforeEach(module('template/datepicker/datepicker.html')); - beforeEach(inject(function(_$compile_, _$rootScope_) { - $compile = _$compile_; - $rootScope = _$rootScope_; - $rootScope.date = null; - element = $compile('')($rootScope); - $rootScope.$digest(); - })); + describe('datepicker directive with empty initial state', function () { + beforeEach(inject(function() { + $rootScope.date = null; + element = $compile('')($rootScope); + $rootScope.$digest(); + })); - it('is a `` element', function() { - expect(element.prop('tagName')).toBe('TABLE'); - expect(element.find('thead').find('tr').length).toBe(2); - }); + it('is a `
    ` element', function() { + expect(element.prop('tagName')).toBe('TABLE'); + expect(element.find('thead').find('tr').length).toBe(2); + }); - it('is shows rows with days', function() { - expect(element.find('tbody').find('tr').length).toBeGreaterThan(3); + it('is shows rows with days', function() { + expect(element.find('tbody').find('tr').length).toBeGreaterThan(3); + }); + + it('sets default 00:00:00 time for selected date', function() { + $rootScope.date = new Date('August 1, 2013'); + $rootScope.$digest(); + $rootScope.date = null; + $rootScope.$digest(); + + clickOption(2, 0); + expect($rootScope.date).toEqual(new Date('August 11, 2013 00:00:00')); + }); }); }); From 6b1c68fb962d717134bc16dc90e2c9ceb50144e7 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Mon, 9 Dec 2013 23:44:23 +0100 Subject: [PATCH 0014/1639] fix(datepicker): fire `ngChange` on today/clear button press Closes #1379 --- src/datepicker/datepicker.js | 11 +++++----- src/datepicker/test/datepicker.spec.js | 30 ++++++++++++++++++++++++++ 2 files changed, 36 insertions(+), 5 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index 2048e41957..bc1aa7cb33 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -366,7 +366,10 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon ngModel.$parsers.unshift(parseDate); // Inner change - scope.dateSelection = function() { + scope.dateSelection = function(dt) { + if (angular.isDefined(dt)) { + scope.date = dt; + } ngModel.$setViewValue(scope.date); ngModel.$render(); @@ -442,13 +445,11 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon } }); - var $setModelValue = $parse(attrs.ngModel).assign; - scope.today = function() { - $setModelValue(originalScope, new Date()); + scope.dateSelection(new Date()); }; scope.clear = function() { - $setModelValue(originalScope, null); + scope.dateSelection(null); }; var $popup = $compile(popupEl)(scope); diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index 7707857375..499b3dfdf5 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -1195,6 +1195,36 @@ describe('datepicker directive', function () { expect(buttonBarElement.css('display')).toBe('none'); }); }); + + describe('`ng-change`', function() { + beforeEach(inject(function() { + $rootScope.changeHandler = jasmine.createSpy('changeHandler'); + var wrapElement = $compile('
    ')($rootScope); + $rootScope.$digest(); + assignElements(wrapElement); + assignButtonBar(); + })); + + it('should be called when `today` is clicked', function() { + buttons.eq(0).click(); + expect($rootScope.changeHandler).toHaveBeenCalled(); + }); + + it('should not be called when `weeks` is clicked', function() { + buttons.eq(1).click(); + expect($rootScope.changeHandler).not.toHaveBeenCalled(); + }); + + it('should be called when `clear` is clicked', function() { + buttons.eq(2).click(); + expect($rootScope.changeHandler).toHaveBeenCalled(); + }); + + it('should not be called when `close` is clicked', function() { + buttons.eq(3).click(); + expect($rootScope.changeHandler).not.toHaveBeenCalled(); + }); + }); }); describe('use with `ng-required` directive', function() { From 5dd982383598117e76afd6b050aed2be15ec4a41 Mon Sep 17 00:00:00 2001 From: Joonas Muhonen Date: Thu, 12 Dec 2013 11:29:17 +0200 Subject: [PATCH 0015/1639] fix(tooltip): support IE8 --- src/tooltip/tooltip.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js index a72d5295af..7007ae0368 100644 --- a/src/tooltip/tooltip.js +++ b/src/tooltip/tooltip.js @@ -96,14 +96,14 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap var startSym = $interpolate.startSymbol(); var endSym = $interpolate.endSymbol(); var template = - '<'+ directiveName +'-popup '+ + '
    '+ - ''; + '
    '; return { restrict: 'EA', @@ -321,7 +321,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap .directive( 'tooltipPopup', function () { return { - restrict: 'E', + restrict: 'EA', replace: true, scope: { content: '@', placement: '@', animation: '&', isOpen: '&' }, templateUrl: 'template/tooltip/tooltip-popup.html' @@ -334,7 +334,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap .directive( 'tooltipHtmlUnsafePopup', function () { return { - restrict: 'E', + restrict: 'EA', replace: true, scope: { content: '@', placement: '@', animation: '&', isOpen: '&' }, templateUrl: 'template/tooltip/tooltip-html-unsafe-popup.html' From 3fe7aa8cec34f74805fcae2285d8971d3bcdf69a Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 14 Dec 2013 00:13:25 +0100 Subject: [PATCH 0016/1639] fix(tooltip): unbind element events on scope destroy Closes #1339 Closes #1346 Closes #1400 --- src/tooltip/tooltip.js | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js index 7007ae0368..3176f96902 100644 --- a/src/tooltip/tooltip.js +++ b/src/tooltip/tooltip.js @@ -112,7 +112,6 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap var tooltip = $compile( template )( scope ); var transitionTimeout; var popupTimeout; - var $body = $document.find( 'body' ); var appendToBody = angular.isDefined( options.appendToBody ) ? options.appendToBody : false; var triggers = getTriggers( undefined ); var hasRegisteredTriggers = false; @@ -172,7 +171,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap // Now we add it to the DOM because need some info about it. But it's not // visible yet anyway. if ( appendToBody ) { - $body.append( tooltip ); + $document.find( 'body' ).append( tooltip ); } else { element.after( tooltip ); } @@ -271,12 +270,15 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap scope.tt_popupDelay = ! isNaN(delay) ? delay : options.popupDelay; }); - attrs.$observe( prefix+'Trigger', function ( val ) { - + var unregisterTriggers = function() { if (hasRegisteredTriggers) { element.unbind( triggers.show, showTooltipBind ); element.unbind( triggers.hide, hideTooltipBind ); } + }; + + attrs.$observe( prefix+'Trigger', function ( val ) { + unregisterTriggers(); triggers = getTriggers( val ); @@ -307,11 +309,12 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap // Make sure tooltip is destroyed and removed. scope.$on('$destroy', function onDestroyTooltip() { + $timeout.cancel( transitionTimeout ); $timeout.cancel( popupTimeout ); + unregisterTriggers(); tooltip.remove(); tooltip.unbind(); tooltip = null; - $body = null; }); } }; From 41bea46b557df64822861551638bf8be21454124 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Wed, 11 Dec 2013 13:01:11 +0100 Subject: [PATCH 0017/1639] refactor(alert): move logic to controller & add tests * Add missing tests that `close` button is actually visible Tests were passing even if link function was empty. --- src/alert/alert.js | 12 ++++++++---- src/alert/test/alert.spec.js | 10 ++++++++++ 2 files changed, 18 insertions(+), 4 deletions(-) diff --git a/src/alert/alert.js b/src/alert/alert.js index b8bb392a1a..16df5339dc 100644 --- a/src/alert/alert.js +++ b/src/alert/alert.js @@ -1,15 +1,19 @@ -angular.module("ui.bootstrap.alert", []).directive('alert', function () { +angular.module("ui.bootstrap.alert", []) + +.controller('AlertController', ['$scope', '$attrs', function ($scope, $attrs) { + $scope.closeable = 'close' in $attrs; +}]) + +.directive('alert', function () { return { restrict:'EA', + controller:'AlertController', templateUrl:'template/alert/alert.html', transclude:true, replace:true, scope: { type: '=', close: '&' - }, - link: function(scope, iElement, iAttrs) { - scope.closeable = "close" in iAttrs; } }; }); diff --git a/src/alert/test/alert.spec.js b/src/alert/test/alert.spec.js index 7a5feb42cf..6742c5ea0f 100644 --- a/src/alert/test/alert.spec.js +++ b/src/alert/test/alert.spec.js @@ -51,6 +51,14 @@ describe("alert", function () { expect(alerts.eq(2)).not.toHaveClass('alert-block'); }); + it("should show close buttons", function () { + var alerts = createAlerts(); + + for (var i = 0, n = alerts.length; i < n; i++) { + expect(findCloseButton(i).css('display')).not.toBe('none'); + } + }); + it("should fire callback when closed", function () { var alerts = createAlerts(); @@ -59,7 +67,9 @@ describe("alert", function () { scope.removeAlert = jasmine.createSpy(); }); + expect(findCloseButton(0).css('display')).not.toBe('none'); findCloseButton(1).click(); + expect(scope.removeAlert).toHaveBeenCalledWith(1); }); From 48955d692b2e343952bca04705368ca0b23b7aaf Mon Sep 17 00:00:00 2001 From: dmitry-dedukhin Date: Fri, 13 Dec 2013 16:05:24 +0300 Subject: [PATCH 0018/1639] fix(datepicker): remove datepicker's popup on scope destroy --- src/datepicker/datepicker.js | 1 + src/datepicker/test/datepicker.spec.js | 13 +++++++++++++ 2 files changed, 14 insertions(+) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index bc1aa7cb33..f960ab1744 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -281,6 +281,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon scope.showButtonBar = angular.isDefined(attrs.showButtonBar) ? originalScope.$eval(attrs.showButtonBar) : datepickerPopupConfig.showButtonBar; originalScope.$on('$destroy', function() { + $popup.remove(); scope.$destroy(); }); diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index 499b3dfdf5..f22aa99fe5 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -1298,6 +1298,19 @@ describe('datepicker directive', function () { expect($body.children().length).toEqual(bodyLength + 1); expect(elm.children().length).toEqual(1); }); + it('should be removed on scope destroy', function() { + var $body = $document.find('body'), + bodyLength = $body.children().length, + isolatedScope = $rootScope.$new(), + elm = angular.element( + '' + ); + $compile(elm)(isolatedScope); + isolatedScope.$digest(); + expect($body.children().length).toEqual(bodyLength + 1); + isolatedScope.$destroy(); + expect($body.children().length).toEqual(bodyLength); + }); }); describe('with setting datepickerConfig.showWeeks to false', function() { From 1fbcb5d6c9e03d81e67ca4fabc9f4a2c638978b7 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Wed, 18 Dec 2013 00:53:09 +0100 Subject: [PATCH 0019/1639] fix(datepicker): remove edge case position updates Closes #1296 --- src/datepicker/datepicker.js | 10 ++-------- src/datepicker/docs/demo.html | 8 +++++--- src/datepicker/docs/demo.js | 11 ++++++----- 3 files changed, 13 insertions(+), 16 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index f960ab1744..f96384aaa9 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -381,7 +381,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon element.bind('input change keyup', function() { scope.$apply(function() { - updateCalendar(); + scope.date = ngModel.$modelValue; }); }); @@ -389,14 +389,8 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon ngModel.$render = function() { var date = ngModel.$viewValue ? dateFilter(ngModel.$viewValue, dateFormat) : ''; element.val(date); - - updateCalendar(); - }; - - function updateCalendar() { scope.date = ngModel.$modelValue; - updatePosition(); - } + }; function addWatchableAttribute(attribute, scopeProperty, datepickerAttribute) { if (attribute) { diff --git a/src/datepicker/docs/demo.html b/src/datepicker/docs/demo.html index 37c891759a..bb96932541 100644 --- a/src/datepicker/docs/demo.html +++ b/src/datepicker/docs/demo.html @@ -2,15 +2,17 @@ 
    Selected date is: {{dt | date:'fullDate' }}

    Inline

    -
    - +
    +
    + +

    Popup

    - +

    Format options:

    diff --git a/src/datepicker/docs/demo.js b/src/datepicker/docs/demo.js index 6b2e445bf5..f8a83f8221 100644 --- a/src/datepicker/docs/demo.js +++ b/src/datepicker/docs/demo.js @@ -1,4 +1,4 @@ -var DatepickerDemoCtrl = function ($scope, $timeout) { +var DatepickerDemoCtrl = function ($scope) { $scope.today = function() { $scope.dt = new Date(); }; @@ -23,10 +23,11 @@ var DatepickerDemoCtrl = function ($scope, $timeout) { }; $scope.toggleMin(); - $scope.open = function() { - $timeout(function() { - $scope.opened = true; - }); + $scope.open = function($event) { + $event.preventDefault(); + $event.stopPropagation(); + + $scope.opened = true; }; $scope.dateOptions = { From dd8eac22892a8f6a7b5cb38d270cfdb9cae71a2e Mon Sep 17 00:00:00 2001 From: Ainur Date: Fri, 20 Dec 2013 12:14:05 +0700 Subject: [PATCH 0020/1639] feat(typeahead): add typeahead-append-to-body option --- src/typeahead/test/typeahead.spec.js | 12 ++++++++++++ src/typeahead/typeahead.js | 11 +++++++++-- 2 files changed, 21 insertions(+), 2 deletions(-) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 8486436806..860cc9e8af 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -501,6 +501,18 @@ describe('typeahead tests', function () { expect(inputEl.val()).toEqual('AL'); expect($scope.result).toEqual($scope.states[0]); }); + + + }); + + describe('append to body', function () { + + it('append typeahead results to body', function () { + var element = prepareInputEl("
    "); + changeInputValueTo(element, 'ba'); + expect($document.find('body')).toBeOpenWithActive(2, 0); + + }); }); }); \ No newline at end of file diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js index b1eecff95f..93a8e1427a 100644 --- a/src/typeahead/typeahead.js +++ b/src/typeahead/typeahead.js @@ -57,6 +57,8 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap var inputFormatter = attrs.typeaheadInputFormatter ? $parse(attrs.typeaheadInputFormatter) : undefined; + var appendToBody = attrs.typeaheadAppendToBody ? $parse(attrs.typeaheadAppendToBody) : false; + //INTERNAL VARIABLES //model setter executed upon match selection @@ -120,7 +122,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap //position pop-up with matches - we need to re-calculate its position each time we are opening a window //with matches as a pop-up might be absolute-positioned and position of an input might have changed on a page //due to other elements being rendered - scope.position = $position.position(element); + scope.position = appendToBody ? $position.offset(element) : $position.position(element); scope.position.top = scope.position.top + element.prop('offsetHeight'); } else { @@ -275,7 +277,12 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap $document.unbind('click', dismissClickHandler); }); - element.after($compile(popUpEl)(scope)); + var $popup = $compile(popUpEl)(scope); + if ( appendToBody ) { + $document.find('body').append($popup); + } else { + element.after($popup); + } } }; From 2db1ba56bc49dd801de5fbae3e1aa4fe74521e8f Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Tue, 17 Dec 2013 22:57:57 +0100 Subject: [PATCH 0021/1639] refactor(buttons): remove some code duplication --- src/buttons/buttons.js | 52 +++++++++++++++++++++++------------------- 1 file changed, 29 insertions(+), 23 deletions(-) diff --git a/src/buttons/buttons.js b/src/buttons/buttons.js index 2a635e616b..53e8b84f8a 100644 --- a/src/buttons/buttons.js +++ b/src/buttons/buttons.js @@ -5,22 +5,26 @@ angular.module('ui.bootstrap.buttons', []) toggleEvent: 'click' }) -.directive('btnRadio', ['buttonConfig', function (buttonConfig) { - var activeClass = buttonConfig.activeClass || 'active'; - var toggleEvent = buttonConfig.toggleEvent || 'click'; +.controller('ButtonsController', ['buttonConfig', function(buttonConfig) { + this.activeClass = buttonConfig.activeClass || 'active'; + this.toggleEvent = buttonConfig.toggleEvent || 'click'; +}]) +.directive('btnRadio', function () { return { - require: 'ngModel', - link: function (scope, element, attrs, ngModelCtrl) { + require: ['btnRadio', 'ngModel'], + controller: 'ButtonsController', + link: function (scope, element, attrs, ctrls) { + var buttonsCtrl = ctrls[0], ngModelCtrl = ctrls[1]; //model -> UI ngModelCtrl.$render = function () { - element.toggleClass(activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.btnRadio))); + element.toggleClass(buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.btnRadio))); }; //ui->model - element.bind(toggleEvent, function () { - if (!element.hasClass(activeClass)) { + element.bind(buttonsCtrl.toggleEvent, function () { + if (!element.hasClass(buttonsCtrl.activeClass)) { scope.$apply(function () { ngModelCtrl.$setViewValue(scope.$eval(attrs.btnRadio)); ngModelCtrl.$render(); @@ -29,38 +33,40 @@ angular.module('ui.bootstrap.buttons', []) }); } }; -}]) - -.directive('btnCheckbox', ['buttonConfig', function (buttonConfig) { - var activeClass = buttonConfig.activeClass || 'active'; - var toggleEvent = buttonConfig.toggleEvent || 'click'; +}) +.directive('btnCheckbox', function () { return { - require: 'ngModel', - link: function (scope, element, attrs, ngModelCtrl) { + require: ['btnCheckbox', 'ngModel'], + controller: 'ButtonsController', + link: function (scope, element, attrs, ctrls) { + var buttonsCtrl = ctrls[0], ngModelCtrl = ctrls[1]; function getTrueValue() { - var trueValue = scope.$eval(attrs.btnCheckboxTrue); - return angular.isDefined(trueValue) ? trueValue : true; + return getCheckboxValue(attrs.btnCheckboxTrue, true); } function getFalseValue() { - var falseValue = scope.$eval(attrs.btnCheckboxFalse); - return angular.isDefined(falseValue) ? falseValue : false; + return getCheckboxValue(attrs.btnCheckboxFalse, false); + } + + function getCheckboxValue(attributeValue, defaultValue) { + var val = scope.$eval(attributeValue); + return angular.isDefined(val) ? val : defaultValue; } //model -> UI ngModelCtrl.$render = function () { - element.toggleClass(activeClass, angular.equals(ngModelCtrl.$modelValue, getTrueValue())); + element.toggleClass(buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, getTrueValue())); }; //ui->model - element.bind(toggleEvent, function () { + element.bind(buttonsCtrl.toggleEvent, function () { scope.$apply(function () { - ngModelCtrl.$setViewValue(element.hasClass(activeClass) ? getFalseValue() : getTrueValue()); + ngModelCtrl.$setViewValue(element.hasClass(buttonsCtrl.activeClass) ? getFalseValue() : getTrueValue()); ngModelCtrl.$render(); }); }); } }; -}]); +}); From dd415a980068efcd47b174029bbf207eb78665f3 Mon Sep 17 00:00:00 2001 From: Brian McKinney Date: Wed, 11 Dec 2013 15:35:49 -0700 Subject: [PATCH 0022/1639] fix(modal): Grab reference to body when it is needed in lieu of when the factory is created --- src/modal/modal.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/modal/modal.js b/src/modal/modal.js index 12837f3fa9..b3036a3d43 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -106,7 +106,6 @@ angular.module('ui.bootstrap.modal', []) var backdropjqLiteEl, backdropDomEl; var backdropScope = $rootScope.$new(true); - var body = $document.find('body').eq(0); var openedWindows = $$stackedMap.createNew(); var $modalStack = {}; @@ -166,7 +165,9 @@ angular.module('ui.bootstrap.modal', []) backdrop: modal.backdrop, keyboard: modal.keyboard }); - + + var body = $document.find('body').eq(0); + if (backdropIndex() >= 0 && !backdropDomEl) { backdropjqLiteEl = angular.element('
    '); backdropDomEl = $compile(backdropjqLiteEl)(backdropScope); From ea053b1991424c57536ccb19948ed1e74d3542ed Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Fri, 20 Dec 2013 16:40:56 +0100 Subject: [PATCH 0023/1639] revert(typeahead): prevent accidental form submission on ENTER Closes #1298 This reverts commit 253c49ff26c1bb6c324a0549bc51ee4f45f66429. --- src/typeahead/test/typeahead.spec.js | 8 -------- src/typeahead/typeahead.js | 3 --- 2 files changed, 11 deletions(-) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 860cc9e8af..5b14b27ae7 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -60,7 +60,6 @@ describe('typeahead tests', function () { var e = $.Event("keydown"); e.which = keyCode; inputEl.trigger(e); - return e; }; //custom matchers @@ -439,13 +438,6 @@ describe('typeahead tests', function () { expect($scope.isLoading).toBeFalsy(); }); - it('pr 1165 - prevent default on ENTER to avoid accidental form submission', function () { - var element = prepareInputEl("
    "); - var e = triggerKeyDown(element, 13); - - expect(e.isDefaultPrevented()).toBeTruthy(); - }); - it('does not close matches popup on click in input', function () { var element = prepareInputEl("
    "); var inputEl = findInput(element); diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js index 93a8e1427a..0a21be5e6c 100644 --- a/src/typeahead/typeahead.js +++ b/src/typeahead/typeahead.js @@ -230,9 +230,6 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap //typeahead is open and an "interesting" key was pressed if (scope.matches.length === 0 || HOT_KEYS.indexOf(evt.which) === -1) { - if (evt.which === 13) { - evt.preventDefault(); - } return; } From 709e679c5beceeb71f98553005666fbad860866c Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Fri, 20 Dec 2013 17:30:40 +0100 Subject: [PATCH 0024/1639] fix(modal): focus freshly opened modal Closes #1187 --- src/modal/modal.js | 5 ++++- template/modal/window.html | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/modal/modal.js b/src/modal/modal.js index b3036a3d43..a1955a3c0b 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -93,8 +93,11 @@ angular.module('ui.bootstrap.modal', []) link: function (scope, element, attrs) { scope.windowClass = attrs.windowClass || ''; - //trigger CSS transitions + // focus a freshly-opened modal + element[0].focus(); + $timeout(function () { + // trigger CSS transitions scope.animate = true; }); } diff --git a/template/modal/window.html b/template/modal/window.html index 3714dd61e6..3e83b0bddc 100644 --- a/template/modal/window.html +++ b/template/modal/window.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file From e76512fabb048869c0269bc56acb11a004519402 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 21 Dec 2013 11:03:25 +0100 Subject: [PATCH 0025/1639] feat(modal): add modal-open class to body on modal open Closes #1254 --- misc/test-lib/helpers.js | 2 +- src/modal/modal.js | 6 +++++- src/modal/test/modal.spec.js | 19 +++++++++++++++++++ 3 files changed, 25 insertions(+), 2 deletions(-) diff --git a/misc/test-lib/helpers.js b/misc/test-lib/helpers.js index c453b12467..da0697667b 100644 --- a/misc/test-lib/helpers.js +++ b/misc/test-lib/helpers.js @@ -4,7 +4,7 @@ beforeEach(function() { this.addMatchers({ toHaveClass: function(cls) { this.message = function() { - return "Expected '" + angular.mock.dump(this.actual) + "' to have class '" + cls + "'."; + return "Expected '" + this.actual + "'" + (this.isNot ? ' not ' : ' ') + "to have class '" + cls + "'."; }; return this.actual.hasClass(cls); diff --git a/src/modal/modal.js b/src/modal/modal.js index a1955a3c0b..211a768314 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -107,6 +107,8 @@ angular.module('ui.bootstrap.modal', []) .factory('$modalStack', ['$document', '$compile', '$rootScope', '$$stackedMap', function ($document, $compile, $rootScope, $$stackedMap) { + var OPENED_MODAL_CLASS = 'modal-open'; + var backdropjqLiteEl, backdropDomEl; var backdropScope = $rootScope.$new(true); var openedWindows = $$stackedMap.createNew(); @@ -129,6 +131,7 @@ angular.module('ui.bootstrap.modal', []) function removeModalWindow(modalInstance) { + var body = $document.find('body').eq(0); var modalWindow = openedWindows.get(modalInstance).value; //clean up the stack @@ -136,6 +139,7 @@ angular.module('ui.bootstrap.modal', []) //remove window DOM element modalWindow.modalDomEl.remove(); + body.toggleClass(OPENED_MODAL_CLASS, openedWindows.length() > 0); //remove backdrop if no longer needed if (backdropDomEl && backdropIndex() == -1) { @@ -185,7 +189,7 @@ angular.module('ui.bootstrap.modal', []) var modalDomEl = $compile(angularDomEl)(modal.scope); openedWindows.top().value.modalDomEl = modalDomEl; body.append(modalDomEl); - + body.addClass(OPENED_MODAL_CLASS); }; $modalStack.close = function (modalInstance, result) { diff --git a/src/modal/test/modal.spec.js b/src/modal/test/modal.spec.js index efc0ccff58..0ee9c2e1e6 100644 --- a/src/modal/test/modal.spec.js +++ b/src/modal/test/modal.spec.js @@ -88,6 +88,7 @@ describe('$modal', function () { var body = $document.find('body'); body.find('div.modal').remove(); body.find('div.modal-backdrop').remove(); + body.removeClass('modal-open'); }); function open(modalOptions) { @@ -435,5 +436,23 @@ describe('$modal', function () { expect($document).toHaveBackdrop(); }); + + it('should add "modal-open" class when a modal gets opened', function () { + + var body = $document.find('body'); + expect(body).not.toHaveClass('modal-open'); + + var modal1 = open({template: '
    Content1
    '}); + expect(body).toHaveClass('modal-open'); + + var modal2 = open({template: '
    Content1
    '}); + expect(body).toHaveClass('modal-open'); + + dismiss(modal1); + expect(body).toHaveClass('modal-open'); + + dismiss(modal2); + expect(body).not.toHaveClass('modal-open'); + }); }); }); \ No newline at end of file From d7bf5c119d6bab3c03c49071223e20630af38dcc Mon Sep 17 00:00:00 2001 From: matiboy Date: Sat, 21 Dec 2013 05:41:15 +0800 Subject: [PATCH 0026/1639] docs(typeahead): add async version of the demo --- src/typeahead/docs/demo.html | 9 ++++++++- src/typeahead/docs/demo.js | 19 +++++++++++++++++-- 2 files changed, 25 insertions(+), 3 deletions(-) diff --git a/src/typeahead/docs/demo.html b/src/typeahead/docs/demo.html index 5cc8f5ec83..09bf2c7cc1 100644 --- a/src/typeahead/docs/demo.html +++ b/src/typeahead/docs/demo.html @@ -1,4 +1,11 @@
    + +

    Static arrays

    Model: {{selected| json}}
    -
    \ No newline at end of file + +

    Asynchronous results

    + 
    Asynchronous values model: {{asyncSelected| json}}
    + + +
    diff --git a/src/typeahead/docs/demo.js b/src/typeahead/docs/demo.js index db898236ce..01485c5644 100644 --- a/src/typeahead/docs/demo.js +++ b/src/typeahead/docs/demo.js @@ -1,5 +1,20 @@ -function TypeaheadCtrl($scope) { +function TypeaheadCtrl($scope, $http) { $scope.selected = undefined; $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']; -} \ No newline at end of file + // Any function returning a promise object can be used to load values asynchronously + $scope.getLocation = function(val) { + return $http.get('http://maps.googleapis.com/maps/api/geocode/json', { + params: { + address: val, + sensor: false + } + }).then(function(res){ + var addresses = []; + angular.forEach(res.data.results, function(item){ + addresses.push(item.formatted_address); + }); + return addresses; + }); + }; +} From d168589a92adcd041437250dcf9c41a49ae236bd Mon Sep 17 00:00:00 2001 From: Mathieu Date: Sat, 21 Dec 2013 07:40:39 +0800 Subject: [PATCH 0027/1639] docs(typeahead): show custom template implementation Closes #1441 --- src/typeahead/docs/demo.html | 14 ++++++++++++-- src/typeahead/docs/demo.js | 4 +++- 2 files changed, 15 insertions(+), 3 deletions(-) diff --git a/src/typeahead/docs/demo.html b/src/typeahead/docs/demo.html index 09bf2c7cc1..d5a996d202 100644 --- a/src/typeahead/docs/demo.html +++ b/src/typeahead/docs/demo.html @@ -1,11 +1,21 @@ +

    Static arrays

    - 
    Model: {{selected| json}}
    + 
    Model: {{selected | json}}

    Asynchronous results

    - 
    Asynchronous values model: {{asyncSelected| json}}
    + 
    Model: {{asyncSelected | json}}
    + +

    Custom templates for results

    + 
    Model: {{customSelected | json}}
    +
    diff --git a/src/typeahead/docs/demo.js b/src/typeahead/docs/demo.js index 01485c5644..3fbcbc001b 100644 --- a/src/typeahead/docs/demo.js +++ b/src/typeahead/docs/demo.js @@ -17,4 +17,6 @@ function TypeaheadCtrl($scope, $http) { return addresses; }); }; -} + + $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"}]; +} \ No newline at end of file From 672a557ab2a046c9eaee28167df7bcc8da95993c Mon Sep 17 00:00:00 2001 From: plainkeyman Date: Sun, 17 Nov 2013 23:41:18 -0700 Subject: [PATCH 0028/1639] fix(modal): properly animate backdrops on each modal opening Closes #1267 --- src/modal/modal.js | 4 +++- src/modal/test/modal.spec.js | 16 ++++++++++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/src/modal/modal.js b/src/modal/modal.js index 211a768314..12ddfa8ee4 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -62,7 +62,9 @@ angular.module('ui.bootstrap.modal', []) restrict: 'EA', replace: true, templateUrl: 'template/modal/backdrop.html', - link: function (scope, element, attrs) { + link: function (scope) { + + scope.animate = false; //trigger CSS transitions $timeout(function () { diff --git a/src/modal/test/modal.spec.js b/src/modal/test/modal.spec.js index 0ee9c2e1e6..697eec6861 100644 --- a/src/modal/test/modal.spec.js +++ b/src/modal/test/modal.spec.js @@ -375,6 +375,22 @@ describe('$modal', function () { expect($document).toHaveModalOpenWithContent('Static backdrop', 'div'); expect($document).toHaveBackdrop(); }); + + it('should animate backdrop on each modal opening', function () { + + var modal = open({ template: '
    With backdrop
    ' }); + var backdropEl = $document.find('body > div.modal-backdrop'); + expect(backdropEl).not.toHaveClass('in'); + + $timeout.flush(); + expect(backdropEl).toHaveClass('in'); + + dismiss(modal); + modal = open({ template: '
    With backdrop
    ' }); + backdropEl = $document.find('body > div.modal-backdrop'); + expect(backdropEl).not.toHaveClass('in'); + + }); }); describe('custom window classes', function () { From 7a5b42f91cecbf4cb7fcbbe6fd1803991cf5eb28 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Sun, 22 Dec 2013 23:02:15 -0800 Subject: [PATCH 0029/1639] test(tabs): get test coverage to 100% - Add one removal of a non-last tab to test one last branch - This excludes the deprecation message for the tabs directive. --- src/tabs/test/tabs.spec.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/tabs/test/tabs.spec.js b/src/tabs/test/tabs.spec.js index 61215db39b..244c907066 100644 --- a/src/tabs/test/tabs.spec.js +++ b/src/tabs/test/tabs.spec.js @@ -443,16 +443,33 @@ describe('tabs', function() { expectTitles(['1', 'tab 1', 'tab 2', 'tab 3']); expectContents(['Hello', 'content 1', 'content 2', 'content 3']); + // Select last tab titles().find('a').eq(3).click(); expect(contents().eq(3)).toHaveClass('active'); expect(titles().eq(3)).toHaveClass('active'); + // Remove last tab scope.$apply('list = [1,2]'); expectTitles(['1', 'tab 1', 'tab 2']); expectContents(['Hello', 'content 1', 'content 2']); + // "tab 2" is now selected expect(titles().eq(2)).toHaveClass('active'); expect(contents().eq(2)).toHaveClass('active'); + + // Select 2nd tab ("tab 1") + titles().find('a').eq(1).click(); + expect(titles().eq(1)).toHaveClass('active'); + expect(contents().eq(1)).toHaveClass('active'); + + // Remove 2nd tab + scope.$apply('list = [2]'); + expectTitles(['1', 'tab 2']); + expectContents(['Hello', 'content 2']); + + // New 2nd tab is now selected + expect(titles().eq(1)).toHaveClass('active'); + expect(contents().eq(1)).toHaveClass('active'); })); }); From db73cb3334af3c67473723d6d7233a87e282b6cd Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Mon, 23 Dec 2013 10:19:50 +0100 Subject: [PATCH 0030/1639] refactor(tabs): remove unused tabs directive --- src/tabs/tabs.js | 6 ------ 1 file changed, 6 deletions(-) diff --git a/src/tabs/tabs.js b/src/tabs/tabs.js index dbda75ca29..bef8b4115a 100644 --- a/src/tabs/tabs.js +++ b/src/tabs/tabs.js @@ -9,12 +9,6 @@ angular.module('ui.bootstrap.tabs', []) -.directive('tabs', function() { - return function() { - throw new Error("The `tabs` directive is deprecated, please migrate to `tabset`. Instructions can be found at http://github.com/angular-ui/bootstrap/tree/master/CHANGELOG.md"); - }; -}) - .controller('TabsetController', ['$scope', function TabsetCtrl($scope) { var ctrl = this, tabs = ctrl.tabs = $scope.tabs = []; From d6bf79b461b021c7a35e5757b901762a4beac929 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Thu, 5 Dec 2013 13:21:55 -0800 Subject: [PATCH 0031/1639] chore(tabs): Add tests for nested tabs Relates to #783 --- src/tabs/test/tabs.spec.js | 109 +++++++++++++++++++++++++++++++++++++ 1 file changed, 109 insertions(+) diff --git a/src/tabs/test/tabs.spec.js b/src/tabs/test/tabs.spec.js index 244c907066..8e7f41f813 100644 --- a/src/tabs/test/tabs.spec.js +++ b/src/tabs/test/tabs.spec.js @@ -664,4 +664,113 @@ describe('tabs', function() { expect(contents.eq(2).text().trim()).toEqual('3,4,5,'); })); }); + + //https://github.com/angular-ui/bootstrap/issues/783 + describe('nested tabs', function() { + var elm; + it('should render without errors', inject(function($compile, $rootScope) { + var scope = $rootScope.$new(); + elm = $compile([ + '
    ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + '
    ' + ].join('\n'))(scope); + scope.$apply(); + + // 1 outside tabset, 2 nested tabsets + expect(elm.find('.tabbable').length).toEqual(3); + })); + + it('should render with the correct scopes', inject(function($compile, $rootScope) { + var scope = $rootScope.$new(); + scope.tab1Text = 'abc'; + scope.tab1aText = '123'; + scope.tab1aHead = '123'; + scope.tab2aaText = '456'; + elm = $compile([ + '
    ', + ' ', + ' ', + ' ', + ' ', + ' {{ tab1aText }}', + ' ', + ' ', + ' {{ tab1Text }}', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + ' {{ tab2aaText }}', + ' ', + ' ', + ' ', + ' ', + ' ', + ' ', + '
    ' + ].join('\n'))(scope); + scope.$apply(); + + var outsideTabset = elm.find('.tabbable').eq(0); + var nestedTabset = outsideTabset.find('.tabbable'); + + expect(elm.find('.tabbable').length).toEqual(4); + expect(outsideTabset.find('.tab-pane').eq(0).find('.tab-1').text().trim()).toEqual(scope.tab1Text); + expect(nestedTabset.find('.tab-pane').eq(0).text().trim()).toEqual(scope.tab1aText); + expect(nestedTabset.find('ul.nav-tabs li').eq(0).text().trim()).toEqual(scope.tab1aHead); + expect(nestedTabset.eq(2).find('.tab-pane').eq(0).find('.tab-2aa').text().trim()).toEqual(scope.tab2aaText); + })); + + it('ng-repeat works with nested tabs', inject(function($compile, $rootScope) { + var scope = $rootScope.$new(); + scope.tabs = [ + { + tabs: [ + { + content: 'tab1a' + }, + { + content: 'tab2a' + } + ], + content: 'tab1' + } + ]; + elm = $compile([ + '
    ', + ' ', + ' ', + ' ', + ' ', + ' {{ innerTab.content }}', + ' ', + ' ', + ' {{ tab.content }}', + ' ', + ' ', + '
    ' + ].join('\n'))(scope); + scope.$apply(); + + expect(elm.find('.inner-tab-content').eq(0).text().trim()).toEqual(scope.tabs[0].tabs[0].content); + expect(elm.find('.inner-tab-content').eq(1).text().trim()).toEqual(scope.tabs[0].tabs[1].content); + expect(elm.find('.outer-tab-content').eq(0).text().trim()).toEqual(scope.tabs[0].content); + })); + }); }); From c9acebbea2fdbb01ee3283b1bae0e0543d4c8cb2 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Fri, 13 Dec 2013 14:19:23 -0800 Subject: [PATCH 0032/1639] fix(tabs): make nested tabs work This reverts commit 220e7b60124105aca25e57c3f01a22e12fa77cc2. Revert the capability to set the tab direction. This is no longer a feature in Bootstrap 3 and breaks nested tabs. Closes #783 Relates to #659 --- src/tabs/tabs.js | 34 +++------------------ src/tabs/test/tabs.spec.js | 52 +------------------------------- template/tabs/tabset-titles.html | 2 -- template/tabs/tabset.html | 6 ++-- 4 files changed, 8 insertions(+), 86 deletions(-) delete mode 100644 template/tabs/tabset-titles.html diff --git a/src/tabs/tabs.js b/src/tabs/tabs.js index bef8b4115a..ce5d1b9923 100644 --- a/src/tabs/tabs.js +++ b/src/tabs/tabs.js @@ -48,8 +48,6 @@ angular.module('ui.bootstrap.tabs', []) * Tabset is the outer container for the tabs directive * * @param {boolean=} vertical Whether or not to use vertical styling for the tabs. - * @param {string=} direction What direction the tabs should be rendered. Available: - * 'right', 'left', 'below'. * * @example @@ -71,19 +69,12 @@ angular.module('ui.bootstrap.tabs', []) restrict: 'EA', transclude: true, replace: true, - require: '^tabset', scope: {}, controller: 'TabsetController', templateUrl: 'template/tabs/tabset.html', - compile: function(elm, attrs, transclude) { - return function(scope, element, attrs, tabsetCtrl) { - scope.vertical = angular.isDefined(attrs.vertical) ? scope.$parent.$eval(attrs.vertical) : false; - scope.type = angular.isDefined(attrs.type) ? scope.$parent.$eval(attrs.type) : 'tabs'; - scope.direction = angular.isDefined(attrs.direction) ? scope.$parent.$eval(attrs.direction) : 'top'; - scope.tabsAbove = (scope.direction != 'below'); - tabsetCtrl.$scope = scope; - tabsetCtrl.$transcludeFn = transclude; - }; + link: function(scope, element, attrs) { + scope.vertical = angular.isDefined(attrs.vertical) ? scope.$parent.$eval(attrs.vertical) : false; + scope.type = angular.isDefined(attrs.type) ? scope.$parent.$eval(attrs.type) : 'tabs'; } }; }) @@ -288,21 +279,4 @@ angular.module('ui.bootstrap.tabs', []) } }) -.directive('tabsetTitles', function() { - return { - restrict: 'A', - require: '^tabset', - templateUrl: 'template/tabs/tabset-titles.html', - replace: true, - link: function(scope, elm, attrs, tabsetCtrl) { - if (!scope.$eval(attrs.tabsetTitles)) { - elm.remove(); - } else { - //now that tabs location has been decided, transclude the tab titles in - tabsetCtrl.$transcludeFn(tabsetCtrl.$scope.$parent, function(node) { - elm.append(node); - }); - } - } - }; -}); +; diff --git a/src/tabs/test/tabs.spec.js b/src/tabs/test/tabs.spec.js index 8e7f41f813..2ead88c5cf 100644 --- a/src/tabs/test/tabs.spec.js +++ b/src/tabs/test/tabs.spec.js @@ -1,5 +1,5 @@ describe('tabs', function() { - beforeEach(module('ui.bootstrap.tabs', 'template/tabs/tabset.html', 'template/tabs/tab.html', 'template/tabs/tabset-titles.html')); + beforeEach(module('ui.bootstrap.tabs', 'template/tabs/tabset.html', 'template/tabs/tab.html')); var elm, scope; function titles() { @@ -561,56 +561,6 @@ describe('tabs', function() { }); }); - describe('direction', function() { - it('should not have `tab-left`, `tab-right` nor `tabs-below` classes if the direction is undefined', inject(function($compile, $rootScope) { - scope = $rootScope.$new(); - scope.direction = undefined; - - elm = $compile('')(scope); - scope.$apply(); - expect(elm).not.toHaveClass('tabs-left'); - expect(elm).not.toHaveClass('tabs-right'); - expect(elm).not.toHaveClass('tabs-below'); - expect(elm.find('.nav + .tab-content').length).toBe(1); - })); - - it('should only have the `tab-left` direction class if the direction is "left"', inject(function($compile, $rootScope) { - scope = $rootScope.$new(); - scope.direction = 'left'; - - elm = $compile('')(scope); - scope.$apply(); - expect(elm).toHaveClass('tabs-left'); - expect(elm).not.toHaveClass('tabs-right'); - expect(elm).not.toHaveClass('tabs-below'); - expect(elm.find('.nav + .tab-content').length).toBe(1); - })); - - it('should only have the `tab-right direction class if the direction is "right"', inject(function($compile, $rootScope) { - scope = $rootScope.$new(); - scope.direction = 'right'; - - elm = $compile('')(scope); - scope.$apply(); - expect(elm).not.toHaveClass('tabs-left'); - expect(elm).toHaveClass('tabs-right'); - expect(elm).not.toHaveClass('tabs-below'); - expect(elm.find('.nav + .tab-content').length).toBe(1); - })); - - it('should only have the `tab-below direction class if the direction is "below"', inject(function($compile, $rootScope) { - scope = $rootScope.$new(); - scope.direction = 'below'; - - elm = $compile('')(scope); - scope.$apply(); - expect(elm).not.toHaveClass('tabs-left'); - expect(elm).not.toHaveClass('tabs-right'); - expect(elm).toHaveClass('tabs-below'); - expect(elm.find('.tab-content + .nav').length).toBe(1); - })); - }); - //https://github.com/angular-ui/bootstrap/issues/524 describe('child compilation', function() { diff --git a/template/tabs/tabset-titles.html b/template/tabs/tabset-titles.html deleted file mode 100644 index 560e0f743f..0000000000 --- a/template/tabs/tabset-titles.html +++ /dev/null @@ -1,2 +0,0 @@ -
      -
    diff --git a/template/tabs/tabset.html b/template/tabs/tabset.html index 5e9798b2c8..ffe289f882 100644 --- a/template/tabs/tabset.html +++ b/template/tabs/tabset.html @@ -1,6 +1,7 @@ -
    -
    +
    +
      +
    -
    From 5b9d929c376a65f170c9a4d31ecbb7fa8a4181c3 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Mon, 23 Dec 2013 03:44:29 -0800 Subject: [PATCH 0033/1639] fix(carousel): cancel timer on scope destruction Closes #1414 --- src/carousel/carousel.js | 9 +++++++++ src/carousel/test/carousel.spec.js | 14 ++++++++++++++ 2 files changed, 23 insertions(+) diff --git a/src/carousel/carousel.js b/src/carousel/carousel.js index cb7d585173..76173e3fc6 100644 --- a/src/carousel/carousel.js +++ b/src/carousel/carousel.js @@ -106,6 +106,7 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) function restartTimer() { if (currentTimeout) { $timeout.cancel(currentTimeout); + currentTimeout = null; } function go() { if (isPlaying) { @@ -131,6 +132,7 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) isPlaying = false; if (currentTimeout) { $timeout.cancel(currentTimeout); + currentTimeout = null; } } }; @@ -163,6 +165,13 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) currentIndex--; } }; + + $scope.$on('$destroy', function () { + if (currentTimeout) { + $timeout.cancel(currentTimeout); + currentTimeout = null; + } + }); }]) /** diff --git a/src/carousel/test/carousel.spec.js b/src/carousel/test/carousel.spec.js index 0bea1d3daa..78d41699c3 100644 --- a/src/carousel/test/carousel.spec.js +++ b/src/carousel/test/carousel.spec.js @@ -294,6 +294,20 @@ describe('carousel', function() { expect(ctrl.slides.length).toBe(1); expect(ctrl.currentSlide).toBe(ctrl.slides[0]); }); + + it('issue 1414 - should not continue running timers after scope is destroyed', function() { + spyOn(scope, 'next').andCallThrough(); + scope.interval = 2000; + scope.$digest(); + + $timeout.flush(); + expect(scope.next.calls.length).toBe(1); + + scope.$destroy(); + + $timeout.flush(scope.interval); + expect(scope.next.calls.length).toBe(1); + }); }); }); }); From 0b3999421bc16510f096282baccd55884ae67df8 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Mon, 23 Dec 2013 04:16:49 -0800 Subject: [PATCH 0034/1639] refactor(carousel): remove duplicate code Move go function out of restartTimer as it doesn't need to be re-created during each interval. --- src/carousel/carousel.js | 41 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 21 deletions(-) diff --git a/src/carousel/carousel.js b/src/carousel/carousel.js index 76173e3fc6..854b3b6fe4 100644 --- a/src/carousel/carousel.js +++ b/src/carousel/carousel.js @@ -103,24 +103,32 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) }; $scope.$watch('interval', restartTimer); + $scope.$on('$destroy', resetTimer); + function restartTimer() { + resetTimer(); + var interval = +$scope.interval; + if (!isNaN(interval) && interval>=0) { + currentTimeout = $timeout(timerFn, interval); + } + } + + function resetTimer() { if (currentTimeout) { $timeout.cancel(currentTimeout); currentTimeout = null; } - function go() { - if (isPlaying) { - $scope.next(); - restartTimer(); - } else { - $scope.pause(); - } - } - var interval = +$scope.interval; - if (!isNaN(interval) && interval>=0) { - currentTimeout = $timeout(go, interval); + } + + function timerFn() { + if (isPlaying) { + $scope.next(); + restartTimer(); + } else { + $scope.pause(); } } + $scope.play = function() { if (!isPlaying) { isPlaying = true; @@ -130,10 +138,7 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) $scope.pause = function() { if (!$scope.noPause) { isPlaying = false; - if (currentTimeout) { - $timeout.cancel(currentTimeout); - currentTimeout = null; - } + resetTimer(); } }; @@ -166,12 +171,6 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) } }; - $scope.$on('$destroy', function () { - if (currentTimeout) { - $timeout.cancel(currentTimeout); - currentTimeout = null; - } - }); }]) /** From 7515df45b9461df6711d16be5b0cac14ed5cf633 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Mon, 23 Dec 2013 13:47:37 -0800 Subject: [PATCH 0035/1639] fix(carousel): cancel goNext on scope destruction Discovered after #1451 --- src/carousel/carousel.js | 6 ++++++ src/carousel/test/carousel.spec.js | 13 +++++++++++++ 2 files changed, 19 insertions(+) diff --git a/src/carousel/carousel.js b/src/carousel/carousel.js index 854b3b6fe4..9314ae7512 100644 --- a/src/carousel/carousel.js +++ b/src/carousel/carousel.js @@ -14,6 +14,7 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) currentTimeout, isPlaying; self.currentSlide = null; + var destroyed = false; /* direction: "prev" or "next" */ self.select = function(nextSlide, direction) { var nextIndex = slides.indexOf(nextSlide); @@ -31,6 +32,8 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) } } function goNext() { + // Scope has been destroyed, stop here. + if (destroyed) { return; } //If we have a slide to transition from and we have a transition type and we're allowed, go if (self.currentSlide && angular.isString(direction) && !$scope.noTransition && nextSlide.$element) { //We shouldn't do class manip in here, but it's the same weird thing bootstrap does. need to fix sometime @@ -66,6 +69,9 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition']) $scope.$currentTransition = null; } }; + $scope.$on('$destroy', function () { + destroyed = true; + }); /* Allow outside people to call indexOf on slides array */ self.indexOfSlide = function(slide) { diff --git a/src/carousel/test/carousel.spec.js b/src/carousel/test/carousel.spec.js index 78d41699c3..cdbfedcbe2 100644 --- a/src/carousel/test/carousel.spec.js +++ b/src/carousel/test/carousel.spec.js @@ -234,6 +234,19 @@ describe('carousel', function() { next.click(); testSlideActive(1); }); + + it('issue 1414 - should not continue running timers after scope is destroyed', function() { + testSlideActive(0); + $timeout.flush(); + testSlideActive(1); + $timeout.flush(); + testSlideActive(2); + $timeout.flush(); + testSlideActive(0); + scope.$destroy(); + expect($timeout.flush).toThrow('No deferred tasks to be flushed'); + }); + }); describe('controller', function() { From 161a99621bce54767f348a3b0b2359bf52316eae Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Tue, 24 Dec 2013 01:35:38 -0800 Subject: [PATCH 0036/1639] test(typeahead): increase coverage of tests --- src/typeahead/test/typeahead.spec.js | 85 ++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 5b14b27ae7..90b3dcbc1e 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -276,6 +276,13 @@ describe('typeahead tests', function () { expect(findMatches(element).eq(0).find('p').text()).toEqual('0 Alaska'); })); + + it('should throw error on invalid expression', function () { + var prepareInvalidDir = function () { + prepareInputEl("
    "); + }; + expect(prepareInvalidDir).toThrow(); + }); }); describe('selecting a match', function () { @@ -354,6 +361,84 @@ describe('typeahead tests', function () { }); }); + describe('pop-up interaction', function () { + var element; + + beforeEach(function () { + element = prepareInputEl("
    "); + }); + + it('should activate prev/next matches on up/down keys', function () { + changeInputValueTo(element, 'b'); + expect(element).toBeOpenWithActive(2, 0); + + // Down arrow key + triggerKeyDown(element, 40); + expect(element).toBeOpenWithActive(2, 1); + + // Down arrow key goes back to first element + triggerKeyDown(element, 40); + expect(element).toBeOpenWithActive(2, 0); + + // Up arrow key goes back to last element + triggerKeyDown(element, 38); + expect(element).toBeOpenWithActive(2, 1); + + // Up arrow key goes back to last element + triggerKeyDown(element, 38); + expect(element).toBeOpenWithActive(2, 0); + }); + + it('should close popup on escape key', function () { + changeInputValueTo(element, 'b'); + expect(element).toBeOpenWithActive(2, 0); + + // Escape key + triggerKeyDown(element, 27); + expect(element).toBeClosed(); + }); + + it('should highlight match on mouseenter', function () { + changeInputValueTo(element, 'b'); + expect(element).toBeOpenWithActive(2, 0); + + findMatches(element).eq(1).trigger('mouseenter'); + expect(element).toBeOpenWithActive(2, 1); + }); + + }); + + describe('promises', function () { + var element, deferred; + + beforeEach(inject(function ($q) { + deferred = $q.defer(); + $scope.source = function () { + return deferred.promise; + }; + element = prepareInputEl("
    "); + })); + + it('should display matches from promise', function () { + changeInputValueTo(element, 'c'); + expect(element).toBeClosed(); + + deferred.resolve(['good', 'stuff']); + $scope.$digest(); + expect(element).toBeOpenWithActive(2, 0); + }); + + it('should not display anything when promise is rejected', function () { + changeInputValueTo(element, 'c'); + expect(element).toBeClosed(); + + deferred.reject('fail'); + $scope.$digest(); + expect(element).toBeClosed(); + }); + + }); + describe('non-regressions tests', function () { it('issue 231 - closes matches popup on click outside typeahead', function () { From 70af344759f6d62470a47d1dabac711a28036eea Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Tue, 24 Dec 2013 15:53:22 -0800 Subject: [PATCH 0037/1639] chore(test): add test coverage task Run `grunt test:coverage` to see a the test coverage in the terminal. --- Gruntfile.js | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/Gruntfile.js b/Gruntfile.js index 2421eba643..05ae56641f 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -135,6 +135,16 @@ module.exports = function(grunt) { travis: { singleRun: true, browsers: ['Firefox'] + }, + coverage: { + singleRun: true, + preprocessors: { + 'src/*/*.js': 'coverage' + }, + reporters: ['progress', 'coverage'], + coverageReporter: { + type : 'text' + } } }, changelog: { @@ -316,11 +326,13 @@ module.exports = function(grunt) { grunt.task.run(['concat', 'uglify']); }); - grunt.registerTask('test', 'Run tests on singleRun karma server', function() { + grunt.registerTask('test', 'Run tests on singleRun karma server', function (subTask) { //this task can be executed in 3 different environments: local, Travis-CI and Jenkins-CI //we need to take settings for each one into account if (process.env.TRAVIS) { grunt.task.run('karma:travis'); + } else if (subTask === 'coverage') { + grunt.task.run('karma:coverage'); } else { grunt.task.run(this.args.length ? 'karma:jenkins' : 'karma:continuous'); } From 81e014a80eede3f5320374e1dee5d9eee3d2e8bf Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 28 Dec 2013 13:57:10 +0100 Subject: [PATCH 0038/1639] fix(collapse): dont animate height changes from 0 to 0 Closes #1424 --- src/collapse/collapse.js | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/src/collapse/collapse.js b/src/collapse/collapse.js index 3469d6ad37..05a5b92943 100644 --- a/src/collapse/collapse.js +++ b/src/collapse/collapse.js @@ -45,26 +45,27 @@ angular.module('ui.bootstrap.collapse',['ui.bootstrap.transition']) return currentTransition; }; - var expand = function() { + var expand = function () { + isCollapsed = false; if (initialAnimSkip) { initialAnimSkip = false; - if ( !isCollapsed ) { - fixUpHeight(scope, element, 'auto'); - element.addClass('in'); - } + expandDone(); } else { - doTransition({ height : element[0].scrollHeight + 'px' }) - .then(function() { - // This check ensures that we don't accidentally update the height if the user has closed - // the group while the animation was still running - if ( !isCollapsed ) { - fixUpHeight(scope, element, 'auto'); - element.addClass('in'); - } - }); + var targetElHeight = element[0].scrollHeight; + if (targetElHeight) { + doTransition({ height: targetElHeight + 'px' }).then(expandDone); + } else { + expandDone(); + } } - isCollapsed = false; }; + + function expandDone() { + if ( !isCollapsed ) { + fixUpHeight(scope, element, 'auto'); + element.addClass('in'); + } + } var collapse = function() { isCollapsed = true; From 54e614a8c7a35cc4368c2cb416feaa33d8ed6738 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Mon, 23 Dec 2013 15:35:48 -0800 Subject: [PATCH 0039/1639] fix(tooltip): respect animate attribute Previously, it was only possible to set animation to false with an empty string and options. Closes #1418 --- src/tooltip/test/tooltip.spec.js | 4 ++++ src/tooltip/tooltip.js | 7 +++---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/tooltip/test/tooltip.spec.js b/src/tooltip/test/tooltip.spec.js index cac92712f2..01f6423fe7 100644 --- a/src/tooltip/test/tooltip.spec.js +++ b/src/tooltip/test/tooltip.spec.js @@ -45,6 +45,10 @@ describe('tooltip', function() { expect( elmScope.tt_isOpen ).toBe( false ); })); + it('should not animate on animation set to false', inject(function() { + expect( elmScope.tt_animation ).toBe( false ); + })); + it('should have default placement of "top"', inject(function() { elm.trigger( 'mouseenter' ); expect( elmScope.tt_placement ).toBe( "top" ); diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js index 3176f96902..99a9c2bee7 100644 --- a/src/tooltip/tooltip.js +++ b/src/tooltip/tooltip.js @@ -261,10 +261,6 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap scope.tt_placement = angular.isDefined( val ) ? val : options.placement; }); - attrs.$observe(prefix + 'Animation', function (val) { - scope.tt_animation = angular.isDefined(val) ? !!val : options.animation; - }); - attrs.$observe( prefix+'PopupDelay', function ( val ) { var delay = parseInt( val, 10 ); scope.tt_popupDelay = ! isNaN(delay) ? delay : options.popupDelay; @@ -292,6 +288,9 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap hasRegisteredTriggers = true; }); + var animation = scope.$eval(attrs[prefix + 'Animation']); + scope.tt_animation = angular.isDefined(animation) ? !!animation : options.animation; + attrs.$observe( prefix+'AppendToBody', function ( val ) { appendToBody = angular.isDefined( val ) ? $parse( val )( scope ) : appendToBody; }); From 9205a57874939b5ca7910689acf47b50dfaf7d0f Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 28 Dec 2013 20:02:30 +0100 Subject: [PATCH 0040/1639] chore(release): v0.8.0 --- CHANGELOG.md | 67 ++++++++++++++++++++++++++++++++++++++++++++++++++++ package.json | 2 +- 2 files changed, 68 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 74afde4fd5..4eeda294ac 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,70 @@ +# 0.8.0 (2013-12-28) + +## Features + +- **datepicker:** + - option whether to display button bar in popup ([4d158e0d](http://github.com/angular-ui/bootstrap/commit/4d158e0d)) +- **modal:** + - add modal-open class to body on modal open ([e76512fa](http://github.com/angular-ui/bootstrap/commit/e76512fa)) +- **progressbar:** + - add `max` attribute & support transclusion ([365573ab](http://github.com/angular-ui/bootstrap/commit/365573ab)) +- **timepicker:** + - default meridian labels based on locale ([8b1ab79a](http://github.com/angular-ui/bootstrap/commit/8b1ab79a)) +- **typeahead:** + - add typeahead-append-to-body option ([dd8eac22](http://github.com/angular-ui/bootstrap/commit/dd8eac22)) + +## Bug Fixes + +- **accordion:** + - correct `is-open` handling for dynamic groups ([9ec21286](http://github.com/angular-ui/bootstrap/commit/9ec21286)) +- **carousel:** + - cancel timer on scope destruction ([5b9d929c](http://github.com/angular-ui/bootstrap/commit/5b9d929c)) + - cancel goNext on scope destruction ([7515df45](http://github.com/angular-ui/bootstrap/commit/7515df45)) +- **collapse:** + - dont animate height changes from 0 to 0 ([81e014a8](http://github.com/angular-ui/bootstrap/commit/81e014a8)) +- **datepicker:** + - set default zero time after no date selected ([93cd0df8](http://github.com/angular-ui/bootstrap/commit/93cd0df8)) + - fire `ngChange` on today/clear button press ([6b1c68fb](http://github.com/angular-ui/bootstrap/commit/6b1c68fb)) + - remove datepicker's popup on scope destroy ([48955d69](http://github.com/angular-ui/bootstrap/commit/48955d69)) + - remove edge case position updates ([1fbcb5d6](http://github.com/angular-ui/bootstrap/commit/1fbcb5d6)) +- **modal:** + - put backdrop in before window ([d64f4a97](http://github.com/angular-ui/bootstrap/commit/d64f4a97)) + - grab reference to body when it is needed in lieu of when the factory is created ([dd415a98](http://github.com/angular-ui/bootstrap/commit/dd415a98)) + - focus freshly opened modal ([709e679c](http://github.com/angular-ui/bootstrap/commit/709e679c)) + - properly animate backdrops on each modal opening ([672a557a](http://github.com/angular-ui/bootstrap/commit/672a557a)) +- **tabs:** + - make nested tabs work ([c9acebbe](http://github.com/angular-ui/bootstrap/commit/c9acebbe)) +- **tooltip:** + - update tooltip content when empty ([60515ae1](http://github.com/angular-ui/bootstrap/commit/60515ae1)) + - support IE8 ([5dd98238](http://github.com/angular-ui/bootstrap/commit/5dd98238)) + - unbind element events on scope destroy ([3fe7aa8c](http://github.com/angular-ui/bootstrap/commit/3fe7aa8c)) + - respect animate attribute ([54e614a8](http://github.com/angular-ui/bootstrap/commit/54e614a8)) + +## Breaking Changes + +- **progressbar:** + The onFull/onEmpty handlers & auto/stacked types have been removed. + + To migrate your code change your markup like below. + + Before: + +```html + +``` + + After: + +```html + +``` + + and for stacked instead of passing array/objects you can do: + +```html + +``` + # 0.7.0 (2013-11-22) ## Features diff --git a/package.json b/package.json index 459732703b..35701722ee 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.8.0-SNAPSHOT", + "version": "0.8.0", "dependencies": {}, "devDependencies": { "grunt": "~0.4.1", From 3ffe7188a7a86289dd7b456b8eee319f13b3599b Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 28 Dec 2013 21:15:00 +0100 Subject: [PATCH 0041/1639] chore(release): Starting v0.9.0-SNAPSHOT --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 35701722ee..df8937adcf 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.8.0", + "version": "0.9.0-SNAPSHOT", "dependencies": {}, "devDependencies": { "grunt": "~0.4.1", From a74efa7bc4110c4b3253df33e775b27b485446b0 Mon Sep 17 00:00:00 2001 From: Jon Jaques Date: Mon, 29 Jul 2013 01:16:55 -0500 Subject: [PATCH 0042/1639] demo(all): upgrade project to bs3.0.0-rc2 and get docs looking spiffy --- Gruntfile.js | 13 +++- misc/demo/assets/demo.css | 35 +++++++-- misc/demo/index.html | 155 +++++++++++++++++++------------------- 3 files changed, 114 insertions(+), 89 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 05ae56641f..e8f02b96d9 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -4,7 +4,7 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-concat'); - grunt.loadNpmTasks('grunt-contrib-copy'); + grunt.loadNpmTasks('grunt-contrib-copy'); grunt.loadNpmTasks('grunt-contrib-jshint'); grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-html2js'); @@ -17,7 +17,8 @@ module.exports = function(grunt) { grunt.initConfig({ ngversion: '1.0.8', - bsversion: '2.3.1', + bsversion: '3.0.2', + faversion: '3.2.1', modules: [],//to be filled in by build task pkg: grunt.file.readJSON('package.json'), dist: 'dist', @@ -29,6 +30,10 @@ module.exports = function(grunt) { all: 'angular.module("ui.bootstrap", ["ui.bootstrap.tpls", <%= srcModules %>]);' }, delta: { + docs: { + files: ['misc/demo/index.html'], + tasks: ['after-test'] + }, html: { files: ['template/**/*.html'], tasks: ['html2js', 'karma:watch:run'] @@ -175,7 +180,7 @@ module.exports = function(grunt) { options: { dest: 'dist/docs', scripts: [ - 'angular.js', + 'angular.js', '<%= concat.dist_tpls.dest %>' ], styles: [ @@ -192,7 +197,7 @@ module.exports = function(grunt) { } }); - //register before and after test tasks so we've don't have to change cli + //register before and after test tasks so we've don't have to change cli //options on the goole's CI server grunt.registerTask('before-test', ['enforce', 'jshint', 'html2js']); grunt.registerTask('after-test', ['build', 'copy']); diff --git a/misc/demo/assets/demo.css b/misc/demo/assets/demo.css index 8a3ee5c909..52f786cb23 100644 --- a/misc/demo/assets/demo.css +++ b/misc/demo/assets/demo.css @@ -86,16 +86,39 @@ section { line-height: 1; } -.icon-github { - background: no-repeat url('github-16px.png'); - width: 16px; - height: 16px; -} -/* Not enough room on mobile for markup tab, js tab, and plunk btn. +/* Not enough room on mobile for markup tab, js tab, and plunk btn. And no one cares about plunk button on a phone anyway */ @media only screen and (max-device-width: 480px) { #plunk-btn { display: none; } +} + +.navbar-nav .dropdown .navbar-brand { + max-width: 100%; + margin-right: inherit; + margin-left: inherit; +} + +.header-placeholder { + height: 175px; +} + +@media screen and (min-width: 768px) { + + .dropdown.open > .navbar-brand + .dropdown-menu { + left: 10px; + } + + .header-placeholder { + height: 50px; + } + + .navbar-nav .dropdown .navbar-brand { + max-width: 200px; + margin-right: 5px; + margin-left: 10px; + } + } \ No newline at end of file diff --git a/misc/demo/index.html b/misc/demo/index.html index 89b3fa0e59..6833d01ab3 100644 --- a/misc/demo/index.html +++ b/misc/demo/index.html @@ -10,51 +10,49 @@ - + + + -
    -
    - - UI Bootstrap - - - -
    -
    -
    -
    +
    -

    @@ -116,15 +114,13 @@

    -
    - -
    -
    -

    Getting started

    -
    -
    -
    +
    +
    +
    +

    Getting started

    +
    +

    Dependencies

    This repository contains a set of native AngularJS directives based on @@ -166,47 +162,48 @@

    CSS

    - - <% demoModules.forEach(function(module) { %> -
    -
    -

    <%= module.displayName %> - (ui.bootstrap.<%= module.name %>) -

    -
    -
    -
    - <%= module.docs.html %> -
    -
    - <%= module.docs.md %> -
    -
    -
    -
    -
    -
    - -
    - - -
    - 
    <%- module.docs.html %>
    + <% demoModules.forEach(function(module) { %> +
    +
    +
    +

    <%= module.displayName %> + (ui.bootstrap.<%= module.name %>) +

    +
    +
    +
    + <%= module.docs.html %>
    - - -
    - 
    <%- module.docs.js %>
    +
    + <%= module.docs.md %>
    - - -
    -
    -
    - - <% }); %> -
    -
    +
    +
    +
    +
    +
    + +
    + + +
    + 
    <%- module.docs.html %>
    +
    +     + +
    + 
    <%- module.docs.js %>
    +
    +     +     +
    +
    +
    +
    + + <% }); %> +
    +

    Designed and built by Angular-UI team and contributors.

    From f70081b749e828bb33c4ab837e88f5760fd69716 Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Thu, 15 Aug 2013 08:49:12 -0700 Subject: [PATCH 0043/1639] demo(all): style demo for bootstrap3 --- misc/demo/assets/demo.css | 9 +-------- misc/demo/index.html | 28 ++++++++++++++-------------- 2 files changed, 15 insertions(+), 22 deletions(-) diff --git a/misc/demo/assets/demo.css b/misc/demo/assets/demo.css index 52f786cb23..91e6f6e2aa 100644 --- a/misc/demo/assets/demo.css +++ b/misc/demo/assets/demo.css @@ -32,7 +32,7 @@ section { background-color: #f5f5f5; } -.hero-unit { +.jumbotron { position: relative; padding: 40px 0; color: #fff; @@ -54,13 +54,6 @@ section { -webkit-border-radius: 0; -o-border-radius: 0; } -.hero-unit .btn, .pagination-centered .btn { - float: none; - font-weight: normal; -} -.hero-unit p { - margin: 1em 0; -} .bs-docs-social { margin-top: 1em; padding: 15px 0; diff --git a/misc/demo/index.html b/misc/demo/index.html index 6833d01ab3..5025fd7563 100644 --- a/misc/demo/index.html +++ b/misc/demo/index.html @@ -11,14 +11,14 @@ - - + + -
    +
      @@ -53,7 +53,7 @@
    -
    +

    UI Bootstrap @@ -63,11 +63,11 @@

    href="http://angular-ui.github.io">AngularUI Team

    - Code on Github + Code on Github - Download (<%= pkg.version%>) + Download (<%= pkg.version%>) - Create a Build + Create a Build

    @@ -116,7 +116,7 @@

    -
    +

    Getting started

    @@ -164,25 +164,25 @@

    CSS

    <% demoModules.forEach(function(module) { %>
    -
    +

    <%= module.displayName %> (ui.bootstrap.<%= module.name %>)

    -
    +
    <%= module.docs.html %>
    -
    +
    <%= module.docs.md %>
    -
    +
    - +
    @@ -229,7 +229,7 @@

    {{buildErrorText}}

    - Download {{selectedModules.length}} Modules + Download {{selectedModules.length}} Modules Cancel
    From c141daceb159ce40cc68f8c6842c33c847e17034 Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Wed, 31 Jul 2013 17:51:52 -0700 Subject: [PATCH 0044/1639] demo(tabs): update demo to Bootstrap3 --- src/tabs/docs/demo.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/tabs/docs/demo.html b/src/tabs/docs/demo.html index b56bbbbc54..40dda435bd 100644 --- a/src/tabs/docs/demo.html +++ b/src/tabs/docs/demo.html @@ -1,9 +1,9 @@
    Select a tab by setting active binding to true:
    - - - + + +
    @@ -13,7 +13,7 @@ - Select me for alert! + Select me for alert! I've got an HTML heading, and a select callback. Pretty cool! From 3199dd885696fd80592275afa0ecc5d7c92aa0aa Mon Sep 17 00:00:00 2001 From: William Randol Date: Fri, 6 Sep 2013 18:40:38 -0600 Subject: [PATCH 0045/1639] feat(tabs): add nav-justified adds functionality for justifed tabs http://getbootstrap.com/components/#nav-justified --- src/tabs/docs/demo.html | 8 ++++++++ src/tabs/docs/readme.md | 4 ++++ src/tabs/tabs.js | 10 ++++++++-- src/tabs/test/tabs.spec.js | 13 +++++++++++++ template/tabs/tabset.html | 3 +-- 5 files changed, 34 insertions(+), 4 deletions(-) diff --git a/src/tabs/docs/demo.html b/src/tabs/docs/demo.html index 40dda435bd..818e316140 100644 --- a/src/tabs/docs/demo.html +++ b/src/tabs/docs/demo.html @@ -25,4 +25,12 @@ Vertical content 1 Vertical content 2 + +
    + + + Justified content + Short Labeled Justified content + Long Labeled Justified content +
    diff --git a/src/tabs/docs/readme.md b/src/tabs/docs/readme.md index 75f5c60fdb..daee59f2fd 100644 --- a/src/tabs/docs/readme.md +++ b/src/tabs/docs/readme.md @@ -8,6 +8,10 @@ AngularJS version of the tabs directive. _(Defaults: false)_ : Whether tabs appear vertically stacked. + * `justified` + _(Defaults: false)_ : + Whether tabs fill the container and have a consistent width. + * `type` _(Defaults: 'tabs')_ : Navigation type. Possible values are 'tabs' and 'pills'. diff --git a/src/tabs/tabs.js b/src/tabs/tabs.js index ce5d1b9923..0a368a2fb6 100644 --- a/src/tabs/tabs.js +++ b/src/tabs/tabs.js @@ -48,19 +48,24 @@ angular.module('ui.bootstrap.tabs', []) * Tabset is the outer container for the tabs directive * * @param {boolean=} vertical Whether or not to use vertical styling for the tabs. + * @param {boolean=} justified Whether or not to use justified styling for the tabs. * * @example - First Content! - Second Content! + First Content! + Second Content!
    First Vertical Content! Second Vertical Content! + + First Justified Content! + Second Justified Content! +     */ @@ -74,6 +79,7 @@ angular.module('ui.bootstrap.tabs', []) templateUrl: 'template/tabs/tabset.html', link: function(scope, element, attrs) { scope.vertical = angular.isDefined(attrs.vertical) ? scope.$parent.$eval(attrs.vertical) : false; + scope.justified = angular.isDefined(attrs.justified) ? scope.$parent.$eval(attrs.justified) : false; scope.type = angular.isDefined(attrs.type) ? scope.$parent.$eval(attrs.type) : 'tabs'; } }; diff --git a/src/tabs/test/tabs.spec.js b/src/tabs/test/tabs.spec.js index 2ead88c5cf..72f4c3613f 100644 --- a/src/tabs/test/tabs.spec.js +++ b/src/tabs/test/tabs.spec.js @@ -546,6 +546,19 @@ describe('tabs', function() { }); }); + describe('justified', function() { + beforeEach(inject(function($compile, $rootScope) { + scope = $rootScope.$new(); + scope.justified = true; + elm = $compile('')(scope); + scope.$apply(); + })); + + it('to justify tabs', function() { + expect(elm.find('ul.nav-tabs')).toHaveClass('nav-justified'); + }); + }); + describe('type', function() { beforeEach(inject(function($compile, $rootScope) { scope = $rootScope.$new(); diff --git a/template/tabs/tabset.html b/template/tabs/tabset.html index ffe289f882..66a529658c 100644 --- a/template/tabs/tabset.html +++ b/template/tabs/tabset.html @@ -1,7 +1,6 @@
    -
      -
    +
      Date: Sat, 17 Aug 2013 09:49:21 -0700 Subject: [PATCH 0046/1639] demo(popover): fixed button styling for bootstrap 3 --- src/popover/docs/demo.html | 36 ++++++++++++++++++++++++------------ 1 file changed, 24 insertions(+), 12 deletions(-) diff --git a/src/popover/docs/demo.html b/src/popover/docs/demo.html index 2a9bdfb1b4..1e2b4bc117 100644 --- a/src/popover/docs/demo.html +++ b/src/popover/docs/demo.html @@ -2,29 +2,41 @@

      Dynamic

      -
      Dynamic Popover :
      -
      Dynamic Popover Popup Text:
      -
      Dynamic Popover Popup Title:
      -
      +
      +
      + + +
      +
      + + +
      +
      + + +
      + +

      Positional

      - - - - + + + +

      Triggers

      - + +
      + popover-trigger="focus" class="form-control">

      Other

      - - + +
      From cdc268f56b2f96fcf43533ae5c020f9cc98faa73 Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Sat, 17 Aug 2013 10:55:03 -0700 Subject: [PATCH 0047/1639] demo(tooltip): change demo to support bootstrap3 --- src/tooltip/docs/demo.html | 33 ++++++++++++++++++++++++--------- 1 file changed, 24 insertions(+), 9 deletions(-) diff --git a/src/tooltip/docs/demo.html b/src/tooltip/docs/demo.html index 68c053c531..d79efb51eb 100644 --- a/src/tooltip/docs/demo.html +++ b/src/tooltip/docs/demo.html @@ -1,7 +1,15 @@
      -
      Dynamic Tooltip Text:
      -
      Dynamic Tooltip Popup Text:
      +
      +
      + + +
      +
      + + +
      +

      Pellentesque {{dynamicTooltipText}}, sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in @@ -20,12 +28,19 @@

      I can even contain HTML. Check me out!

      -

      - Or use custom triggers, like focus: - -

      + +
      +
      + + +
      + + + + +
      From dbae55a98b0882630eb3901bfb159db724117d32 Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Sun, 18 Aug 2013 08:49:22 -0700 Subject: [PATCH 0048/1639] demo(alert): add btn-default class to button --- src/alert/docs/demo.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/alert/docs/demo.html b/src/alert/docs/demo.html index a750374f37..0e3b6d23d5 100644 --- a/src/alert/docs/demo.html +++ b/src/alert/docs/demo.html @@ -1,4 +1,4 @@
      {{alert.msg}} - +
      From 1f632b65c0bd31d6b7c4a479db1572fc097d9bae Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sun, 18 Aug 2013 14:46:20 +0200 Subject: [PATCH 0049/1639] feat(carousel): some changes for Bootstrap3 --- src/carousel/docs/demo.html | 16 +++++----------- template/carousel/carousel.html | 4 ++-- 2 files changed, 7 insertions(+), 13 deletions(-) diff --git a/src/carousel/docs/demo.html b/src/carousel/docs/demo.html index 954ef9dd4f..4fca585d77 100644 --- a/src/carousel/docs/demo.html +++ b/src/carousel/docs/demo.html @@ -8,18 +8,12 @@

      Slide {{$index}}

      -
      -
      -
        -
      • - - {{$index}}: {{slide.text}} -
        • -
      - Add Slide +
      +
      + Add Slide
      -
      - Interval, in milliseconds: +
      + Interval, in milliseconds:
      Enter a negative number to stop the interval.
      diff --git a/template/carousel/carousel.html b/template/carousel/carousel.html index 97fad9f3f1..a9e23f86e7 100644 --- a/template/carousel/carousel.html +++ b/template/carousel/carousel.html @@ -3,6 +3,6 @@
    • - ‹ - › + +
      From c409fdcc957acbf055f32390b6a5e979529ca2ee Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Sun, 18 Aug 2013 13:07:03 -0700 Subject: [PATCH 0050/1639] demo(carousel): center images and increase size to full frame --- src/carousel/docs/demo.html | 20 +++++++++++--------- src/carousel/docs/demo.js | 4 ++-- template/carousel/slide.html | 2 +- 3 files changed, 14 insertions(+), 12 deletions(-) diff --git a/src/carousel/docs/demo.html b/src/carousel/docs/demo.html index 4fca585d77..9c5adbc44a 100644 --- a/src/carousel/docs/demo.html +++ b/src/carousel/docs/demo.html @@ -1,13 +1,15 @@
      - - - -
      -

      Slide {{$index}}

      -

      {{slide.text}}

      -
      -       -       +
      + + + +
      +

      Slide {{$index}}

      +

      {{slide.text}}

      +
      +       +       +
      Add Slide diff --git a/src/carousel/docs/demo.js b/src/carousel/docs/demo.js index 7c1f8fa124..4e35c04a4e 100644 --- a/src/carousel/docs/demo.js +++ b/src/carousel/docs/demo.js @@ -2,9 +2,9 @@ function CarouselDemoCtrl($scope) { $scope.myInterval = 5000; var slides = $scope.slides = []; $scope.addSlide = function() { - var newWidth = 200 + ((slides.length + (25 * slides.length)) % 150); + var newWidth = 600 + slides.length; slides.push({ - image: 'http://placekitten.com/' + newWidth + '/200', + image: 'http://placekitten.com/' + newWidth + '/300', text: ['More','Extra','Lots of','Surplus'][slides.length % 4] + ' ' + ['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4] }); diff --git a/template/carousel/slide.html b/template/carousel/slide.html index e6f51617b8..451e4fba3e 100644 --- a/template/carousel/slide.html +++ b/template/carousel/slide.html @@ -4,4 +4,4 @@ 'next': (next || active) && direction=='next', 'right': direction=='prev', 'left': direction=='next' - }" class="item" ng-transclude>
      + }" class="item text-center" ng-transclude>
      From 3db699d79cd0939ba72dbfb84f8aef53fd95fd94 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Mon, 23 Dec 2013 18:53:36 +0100 Subject: [PATCH 0051/1639] feat(pagination): support bootstrap3 --- src/pagination/docs/demo.html | 12 +++++++----- src/pagination/test/pagination.spec.js | 11 ++++------- template/pagination/pager.html | 8 +++----- template/pagination/pagination.html | 5 ++--- 4 files changed, 16 insertions(+), 20 deletions(-) diff --git a/src/pagination/docs/demo.html b/src/pagination/docs/demo.html index 5cfacd3169..b3f16ef5ff 100644 --- a/src/pagination/docs/demo.html +++ b/src/pagination/docs/demo.html @@ -2,12 +2,14 @@

      Default

      - + - - The selected page no: {{currentPage}} +
      + + The selected page no: {{currentPage}} +

      Pager

      @@ -15,8 +17,8 @@

      Pager

      Limit the maximum visible buttons

      - - + + 
      Page: {{bigCurrentPage}} / {{numPages}}
      diff --git a/src/pagination/test/pagination.spec.js b/src/pagination/test/pagination.spec.js index 19ad8f5b1d..b80197bc51 100644 --- a/src/pagination/test/pagination.spec.js +++ b/src/pagination/test/pagination.spec.js @@ -32,8 +32,7 @@ describe('pagination directive', function () { expect(element.hasClass('pagination')).toBe(true); }); - it('contains one ul and num-pages + 2 li elements', function() { - expect(element.find('ul').length).toBe(1); + it('contains num-pages + 2 li elements', function() { expect(getPaginationBarSize()).toBe(7); expect(getPaginationEl(0).text()).toBe('Previous'); expect(getPaginationEl(-1).text()).toBe('Next'); @@ -267,8 +266,7 @@ describe('pagination directive', function () { $rootScope.$digest(); })); - it('contains one ul and maxsize + 4 elements', function() { - expect(element.find('ul').length).toBe(1); + it('contains maxsize + 4 elements', function() { expect(getPaginationBarSize()).toBe($rootScope.maxSize + 4); expect(getPaginationEl(0).text()).toBe('Previous'); expect(getPaginationEl(1).text()).toBe('...'); @@ -327,8 +325,7 @@ describe('pagination directive', function () { $rootScope.$digest(); })); - it('contains one ul and num-pages + 4 li elements', function() { - expect(element.find('ul').length).toBe(1); + it('contains num-pages + 4 li elements', function() { expect(getPaginationBarSize()).toBe(9); expect(getPaginationEl(0).text()).toBe('First'); expect(getPaginationEl(1).text()).toBe('Previous'); @@ -421,7 +418,7 @@ describe('pagination directive', function () { $rootScope.$digest(); })); - it('contains one ul and num-pages li elements', function() { + it('contains num-pages li elements', function() { expect(getPaginationBarSize()).toBe(5); expect(getPaginationEl(0).text()).toBe('1'); expect(getPaginationEl(-1).text()).toBe('5'); diff --git a/template/pagination/pager.html b/template/pagination/pager.html index 74b77f2d8b..d13d6d500b 100644 --- a/template/pagination/pager.html +++ b/template/pagination/pager.html @@ -1,5 +1,3 @@ -
      - -
      + \ No newline at end of file diff --git a/template/pagination/pagination.html b/template/pagination/pagination.html index dec9c8f7cf..1fc360079f 100644 --- a/template/pagination/pagination.html +++ b/template/pagination/pagination.html @@ -1,4 +1,3 @@ - + \ No newline at end of file From 517dff6e459d9b148246a1ba928da457b738a4a8 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Wed, 13 Nov 2013 19:59:30 +0100 Subject: [PATCH 0052/1639] feat(collapse): make collapse work with bootstrap3 Closes #1240 If starting out collapsed, the expand animation would jump since the `initialAnimSkip` was still `true`. --- src/collapse/collapse.js | 136 +++++++++++++++++++-------------------- 1 file changed, 67 insertions(+), 69 deletions(-) diff --git a/src/collapse/collapse.js b/src/collapse/collapse.js index 05a5b92943..bb40a92576 100644 --- a/src/collapse/collapse.js +++ b/src/collapse/collapse.js @@ -1,83 +1,81 @@ -angular.module('ui.bootstrap.collapse',['ui.bootstrap.transition']) +angular.module('ui.bootstrap.collapse', ['ui.bootstrap.transition']) -// The collapsible directive indicates a block of html that will expand and collapse -.directive('collapse', ['$transition', function($transition) { - // CSS transitions don't work with height: auto, so we have to manually change the height to a - // specific value and then once the animation completes, we can reset the height to auto. - // Unfortunately if you do this while the CSS transitions are specified (i.e. in the CSS class - // "collapse") then you trigger a change to height 0 in between. - // The fix is to remove the "collapse" CSS class while changing the height back to auto - phew! - var fixUpHeight = function(scope, element, height) { - // We remove the collapse CSS class to prevent a transition when we change to height: auto - element.removeClass('collapse'); - element.css({ height: height }); - // It appears that reading offsetWidth makes the browser realise that we have changed the - // height already :-/ - var x = element[0].offsetWidth; - element.addClass('collapse'); - }; + .directive('collapse', ['$transition', function ($transition, $timeout) { - return { - link: function(scope, element, attrs) { + return { + link: function (scope, element, attrs) { - var isCollapsed; - var initialAnimSkip = true; + var initialAnimSkip = true; + var currentTransition; - scope.$watch(attrs.collapse, function(value) { - if (value) { - collapse(); - } else { - expand(); + function doTransition(change) { + var newTransition = $transition(element, change); + if (currentTransition) { + currentTransition.cancel(); + } + currentTransition = newTransition; + newTransition.then(newTransitionDone, newTransitionDone); + return newTransition; + + function newTransitionDone() { + // Make sure it's this transition, otherwise, leave it alone. + if (currentTransition === newTransition) { + currentTransition = undefined; + } + } + } + + function expand() { + if (initialAnimSkip) { + initialAnimSkip = false; + expandDone(); + } else { + var targetElHeight = element[0].scrollHeight; + if (targetElHeight) { + element.removeClass('collapse').addClass('collapsing'); + doTransition({ height: element[0].scrollHeight + 'px' }).then(expandDone); + } else { + expandDone(); + } + } } - }); - - var currentTransition; - var doTransition = function(change) { - if ( currentTransition ) { - currentTransition.cancel(); + function expandDone() { + element.removeClass('collapsing'); + element.addClass('collapse in'); + element.css({height: 'auto'}); } - currentTransition = $transition(element,change); - currentTransition.then( - function() { currentTransition = undefined; }, - function() { currentTransition = undefined; } - ); - return currentTransition; - }; - var expand = function () { - isCollapsed = false; - if (initialAnimSkip) { - initialAnimSkip = false; - expandDone(); - } else { - var targetElHeight = element[0].scrollHeight; - if (targetElHeight) { - doTransition({ height: targetElHeight + 'px' }).then(expandDone); + function collapse() { + if (initialAnimSkip) { + initialAnimSkip = false; + collapseDone(); + element.css({height: 0}); } else { - expandDone(); + // CSS transitions don't work with height: auto, so we have to manually change the height to a specific value + element.css({ height: element[0].scrollHeight + 'px' }); + //trigger reflow so a browser relaizes that height was updated from auto to a specific value + var x = element[0].offsetWidth; + + element.removeClass('collapse in').addClass('collapsing'); + + doTransition({ height: 0 }).then(collapseDone); } } - }; - function expandDone() { - if ( !isCollapsed ) { - fixUpHeight(scope, element, 'auto'); - element.addClass('in'); + function collapseDone() { + element.removeClass('collapsing'); + element.addClass('collapse'); } + + scope.$watch(attrs.collapse, function (shouldCollapse) { + if (shouldCollapse) { + collapse(); + } else { + expand(); + } + }); + } - - var collapse = function() { - isCollapsed = true; - element.removeClass('in'); - if (initialAnimSkip) { - initialAnimSkip = false; - fixUpHeight(scope, element, 0); - } else { - fixUpHeight(scope, element, element[0].scrollHeight + 'px'); - doTransition({'height':'0'}); - } - }; - } - }; -}]); + }; + }]); From b0032d688e105e97faed5c45b74d366417d63193 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Sun, 24 Nov 2013 16:49:53 -0800 Subject: [PATCH 0053/1639] fix(collapse): Prevent consecutive transitions & tidy up code Previously, there would be a case where the two transitions would run as the cancel would asynchronously invoke the reject handler of the transition which would set the currTransition to undefined even when the currTransition has been replaced with a new transition. --- src/collapse/collapse.js | 1 - src/collapse/test/collapse.spec.js | 17 +++++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src/collapse/collapse.js b/src/collapse/collapse.js index bb40a92576..1f5f005f97 100644 --- a/src/collapse/collapse.js +++ b/src/collapse/collapse.js @@ -75,7 +75,6 @@ angular.module('ui.bootstrap.collapse', ['ui.bootstrap.transition']) expand(); } }); - } }; }]); diff --git a/src/collapse/test/collapse.spec.js b/src/collapse/test/collapse.spec.js index d3784ad4c6..f2069b1135 100644 --- a/src/collapse/test/collapse.spec.js +++ b/src/collapse/test/collapse.spec.js @@ -55,6 +55,23 @@ describe('collapse directive', function () { expect(element.height()).not.toBe(0); }); + it('should expand if isCollapsed = true with animation on subsequent uses', function() { + scope.isCollapsed = false; + scope.$digest(); + scope.isCollapsed = true; + scope.$digest(); + scope.isCollapsed = false; + scope.$digest(); + scope.isCollapsed = true; + scope.$digest(); + $timeout.flush(); + expect(element.height()).toBe(0); + if ($transition.transitionEndEventName) { + element.triggerHandler($transition.transitionEndEventName); + expect(element.height()).toBe(0); + } + }); + describe('dynamic content', function() { beforeEach(function() { element = angular.element('

      Initial content

      Additional content
      '); From 458a9bd37582d62e01bc610cebb8afa4a2ccfee7 Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Sun, 25 Aug 2013 20:20:30 -0700 Subject: [PATCH 0054/1639] feat(accordion): convert to bootstrap3 panel styling --- src/accordion/docs/demo.html | 4 +- src/accordion/test/accordion.spec.js | 54 ++++++++++++------------- template/accordion/accordion-group.html | 13 ++++-- template/accordion/accordion.html | 2 +- 4 files changed, 39 insertions(+), 34 deletions(-) diff --git a/src/accordion/docs/demo.html b/src/accordion/docs/demo.html index f75f5cf95e..3585e7f90a 100644 --- a/src/accordion/docs/demo.html +++ b/src/accordion/docs/demo.html @@ -13,12 +13,12 @@

      The body of the accordion group grows to fit the contents

      - +
      {{item}}
       - I can have markup, too! + I can have markup, too! This is just some content to illustrate fancy headings. diff --git a/src/accordion/test/accordion.spec.js b/src/accordion/test/accordion.spec.js index d0c9645d0b..056fe1f5b3 100644 --- a/src/accordion/test/accordion.spec.js +++ b/src/accordion/test/accordion.spec.js @@ -18,7 +18,7 @@ describe('accordion', function () { })); describe('addGroup', function() { - it('adds a the specified group to the collection', function() { + it('adds a the specified panel to the collection', function() { var group1, group2; ctrl.addGroup(group1 = $scope.$new()); ctrl.addGroup(group2 = $scope.$new()); @@ -35,7 +35,7 @@ describe('accordion', function () { ctrl.addGroup(group2 = { isOpen: true, $on : angular.noop }); ctrl.addGroup(group3 = { isOpen: true, $on : angular.noop }); }); - it('should close other groups if close-others attribute is not defined', function() { + it('should close other panels if close-others attribute is not defined', function() { delete $attrs.closeOthers; ctrl.closeOthers(group2); expect(group1.isOpen).toBe(false); @@ -43,7 +43,7 @@ describe('accordion', function () { expect(group3.isOpen).toBe(false); }); - it('should close other groups if close-others attribute is true', function() { + it('should close other panels if close-others attribute is true', function() { $attrs.closeOthers = 'true'; ctrl.closeOthers(group3); expect(group1.isOpen).toBe(false); @@ -51,7 +51,7 @@ describe('accordion', function () { expect(group3.isOpen).toBe(true); }); - it('should not close other groups if close-others attribute is false', function() { + it('should not close other panels if close-others attribute is false', function() { $attrs.closeOthers = 'false'; ctrl.closeOthers(group2); expect(group1.isOpen).toBe(true); @@ -70,7 +70,7 @@ describe('accordion', function () { accordionConfig.closeOthers = originalCloseOthers; })); - it('should not close other groups if accordionConfig.closeOthers is false', function() { + it('should not close other panels if accordionConfig.closeOthers is false', function() { ctrl.closeOthers(group2); expect(group1.isOpen).toBe(true); expect(group2.isOpen).toBe(true); @@ -80,7 +80,7 @@ describe('accordion', function () { }); describe('removeGroup', function() { - it('should remove the specified group', function () { + it('should remove the specified panel', function () { var group1, group2, group3; ctrl.addGroup(group1 = $scope.$new()); ctrl.addGroup(group2 = $scope.$new()); @@ -90,7 +90,7 @@ describe('accordion', function () { expect(ctrl.groups[0]).toBe(group1); expect(ctrl.groups[1]).toBe(group3); }); - it('should ignore remove of non-existing group', function () { + it('should ignore remove of non-existing panel', function () { var group1, group2; ctrl.addGroup(group1 = $scope.$new()); ctrl.addGroup(group2 = $scope.$new()); @@ -109,7 +109,7 @@ describe('accordion', function () { return groups.eq(index).find('a').eq(0); }; var findGroupBody = function (index) { - return groups.eq(index).find('.accordion-body').eq(0); + return groups.eq(index).find('.panel-collapse').eq(0); }; @@ -122,7 +122,7 @@ describe('accordion', function () { element = groups = scope = $compile = undefined; }); - describe('with static groups', function () { + describe('with static panels', function () { beforeEach(function () { var tpl = "" + @@ -133,13 +133,13 @@ describe('accordion', function () { angular.element(document.body).append(element); $compile(element)(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); }); afterEach(function() { element.remove(); }); - it('should create accordion groups with content', function () { + it('should create accordion panels with content', function () { expect(groups.length).toEqual(2); expect(findGroupLink(0).text()).toEqual('title 1'); expect(findGroupBody(0).text().trim()).toEqual('Content 1'); @@ -168,7 +168,7 @@ describe('accordion', function () { }); }); - describe('with dynamic groups', function () { + describe('with dynamic panels', function () { var model; beforeEach(function () { var tpl = @@ -185,15 +185,15 @@ describe('accordion', function () { scope.$digest(); }); - it('should have no groups initially', function () { - groups = element.find('.accordion-group'); + it('should have no panels initially', function () { + groups = element.find('.panel'); expect(groups.length).toEqual(0); }); - it('should have a group for each model item', function() { + it('should have a panel for each model item', function() { scope.groups = model; scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); expect(groups.length).toEqual(2); expect(findGroupLink(0).text()).toEqual('title 1'); expect(findGroupBody(0).text().trim()).toEqual('Content 1'); @@ -204,12 +204,12 @@ describe('accordion', function () { it('should react properly on removing items from the model', function () { scope.groups = model; scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); expect(groups.length).toEqual(2); scope.groups.splice(0,1); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); expect(groups.length).toEqual(1); }); }); @@ -225,10 +225,10 @@ describe('accordion', function () { scope.open = { first: false, second: true }; $compile(element)(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); }); - it('should open the group with isOpen set to true', function () { + it('should open the panel with isOpen set to true', function () { expect(findGroupBody(0).scope().isOpen).toBe(false); expect(findGroupBody(1).scope().isOpen).toBe(true); }); @@ -258,14 +258,14 @@ describe('accordion', function () { angular.element(document.body).append(element); $compile(element)(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); }); afterEach(function() { element.remove(); }); - it('should have visible group body when the group with isOpen set to true', function () { + it('should have visible panel body when the group with isOpen set to true', function () { expect(findGroupBody(0)[0].clientHeight).not.toBe(0); expect(findGroupBody(1)[0].clientHeight).toBe(0); }); @@ -286,7 +286,7 @@ describe('accordion', function () { $compile(element)(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); }); it('should have visible group body when the group with isOpen set to true', function () { @@ -318,7 +318,7 @@ describe('accordion', function () { ''; element = $compile(tpl)(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); }); it('transcludes the content into the heading link', function() { expect(findGroupLink(0).text()).toBe('Heading Element 123 '); @@ -340,7 +340,7 @@ describe('accordion', function () { ''; element = $compile(tpl)(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); }); it('transcludes the content into the heading link', function() { expect(findGroupLink(0).text()).toBe('Heading Element 123 '); @@ -355,7 +355,7 @@ describe('accordion', function () { it('should clone the accordion-heading for each group', function() { element = $compile('{{x}}')(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); expect(groups.length).toBe(3); expect(findGroupLink(0).text()).toBe('1'); expect(findGroupLink(1).text()).toBe('2'); @@ -368,7 +368,7 @@ describe('accordion', function () { it('should clone the accordion-heading for each group', function() { element = $compile('
      {{x}}
      ')(scope); scope.$digest(); - groups = element.find('.accordion-group'); + groups = element.find('.panel'); expect(groups.length).toBe(3); expect(findGroupLink(0).text()).toBe('1'); expect(findGroupLink(1).text()).toBe('2'); diff --git a/template/accordion/accordion-group.html b/template/accordion/accordion-group.html index 89338d3463..6e3841f2a4 100644 --- a/template/accordion/accordion-group.html +++ b/template/accordion/accordion-group.html @@ -1,5 +1,10 @@ -
      -
      {{heading}}
      -
      -
      +
      +
      +

      + {{heading}} +

      +
      +
      +
      +
      \ No newline at end of file diff --git a/template/accordion/accordion.html b/template/accordion/accordion.html index f94e566f12..ba428f3b5e 100644 --- a/template/accordion/accordion.html +++ b/template/accordion/accordion.html @@ -1 +1 @@ -
      \ No newline at end of file +
      \ No newline at end of file From d221d517481f6a47edf44b0d04b9c50f529a7973 Mon Sep 17 00:00:00 2001 From: Bernd Helzer Date: Mon, 11 Nov 2013 14:14:52 -0700 Subject: [PATCH 0055/1639] fix(rating): user glyhicon classes --- src/rating/test/rating.spec.js | 2 +- template/rating/rating.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/rating/test/rating.spec.js b/src/rating/test/rating.spec.js index ecea8fccc8..bf880ed439 100644 --- a/src/rating/test/rating.spec.js +++ b/src/rating/test/rating.spec.js @@ -22,7 +22,7 @@ describe('rating directive', function () { var stars = getStars(); var state = []; for (var i = 0, n = stars.length; i < n; i++) { - state.push( (stars.eq(i).hasClass(classOn || 'icon-star') && ! stars.eq(i).hasClass(classOff || 'icon-star-empty')) ); + state.push( (stars.eq(i).hasClass(classOn || 'glyphicon-star') && ! stars.eq(i).hasClass(classOff || 'glyphicon-star-empty')) ); } return state; } diff --git a/template/rating/rating.html b/template/rating/rating.html index ff78f8b6d4..fc51c14d54 100644 --- a/template/rating/rating.html +++ b/template/rating/rating.html @@ -1,3 +1,3 @@ - + \ No newline at end of file From 7e60284e8dcc94d76b029ed20dd555b826d0b8ee Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Wed, 13 Nov 2013 21:34:11 +0100 Subject: [PATCH 0056/1639] feat(rating): update rating to bootstrap3 Closes #1242 --- src/rating/docs/demo.html | 2 +- src/rating/docs/demo.js | 10 +++++----- template/rating/rating.html | 2 +- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/rating/docs/demo.html b/src/rating/docs/demo.html index 1d3e79a919..dfea91f4e4 100644 --- a/src/rating/docs/demo.html +++ b/src/rating/docs/demo.html @@ -10,6 +10,6 @@

      Default

      Custom icons

      -
      (Rate: {{x}})
      +
      (Rate: {{x}})
      (Rate: {{y}})
      \ No newline at end of file diff --git a/src/rating/docs/demo.js b/src/rating/docs/demo.js index 9dbbb374e4..c31261165f 100644 --- a/src/rating/docs/demo.js +++ b/src/rating/docs/demo.js @@ -9,10 +9,10 @@ var RatingDemoCtrl = function ($scope) { }; $scope.ratingStates = [ - {stateOn: 'icon-ok-sign', stateOff: 'icon-ok-circle'}, - {stateOn: 'icon-star', stateOff: 'icon-star-empty'}, - {stateOn: 'icon-heart', stateOff: 'icon-ban-circle'}, - {stateOn: 'icon-heart'}, - {stateOff: 'icon-off'} + {stateOn: 'glyphicon-ok-sign', stateOff: 'glyphicon-ok-circle'}, + {stateOn: 'glyphicon-star', stateOff: 'glyphicon-star-empty'}, + {stateOn: 'glyphicon-heart', stateOff: 'glyphicon-ban-circle'}, + {stateOn: 'glyphicon-heart'}, + {stateOff: 'glyphicon-off'} ]; }; diff --git a/template/rating/rating.html b/template/rating/rating.html index fc51c14d54..1d616ba74f 100644 --- a/template/rating/rating.html +++ b/template/rating/rating.html @@ -1,3 +1,3 @@ - + \ No newline at end of file From 76b485c26158fe077ad0b9703818a8985853519a Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Tue, 24 Dec 2013 01:22:12 +0100 Subject: [PATCH 0057/1639] demo(rating): replace badge with label Badges in BS3 don't have contextual styles anymore. --- src/rating/docs/demo.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/rating/docs/demo.html b/src/rating/docs/demo.html index dfea91f4e4..563a7390fb 100644 --- a/src/rating/docs/demo.html +++ b/src/rating/docs/demo.html @@ -1,12 +1,12 @@

      Default

      - {{percent}}% + {{percent}}% 
      Rate: {{rate}} - Readonly is: {{isReadonly}} - Hovering over: {{overStar || "none"}}
      - - + +

      Custom icons

      From dfc3b0bd58b3d670a1d2210a275ee9bc395c0457 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Thu, 29 Aug 2013 20:12:08 +0200 Subject: [PATCH 0058/1639] fix(alert): update template to Bootstrap 3 --- src/alert/docs/demo.js | 2 +- template/alert/alert.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/alert/docs/demo.js b/src/alert/docs/demo.js index 290ee9d001..88b834d488 100644 --- a/src/alert/docs/demo.js +++ b/src/alert/docs/demo.js @@ -1,6 +1,6 @@ function AlertDemoCtrl($scope) { $scope.alerts = [ - { type: 'error', msg: 'Oh snap! Change a few things up and try submitting again.' }, + { type: 'danger', msg: 'Oh snap! Change a few things up and try submitting again.' }, { type: 'success', msg: 'Well done! You successfully read this important alert message.' } ]; diff --git a/template/alert/alert.html b/template/alert/alert.html index 26f65b3c75..957d6ec444 100644 --- a/template/alert/alert.html +++ b/template/alert/alert.html @@ -1,4 +1,4 @@ -
      +
      From 5bcff623236615c42480b5f0ae3764a788ee14a5 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Tue, 24 Dec 2013 01:49:56 +0100 Subject: [PATCH 0059/1639] feat(progressbar): update to bootstrap3 --- src/progressbar/docs/demo.html | 4 ++-- src/progressbar/test/progressbar.spec.js | 2 +- template/progressbar/bar.html | 2 +- template/progressbar/progressbar.html | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/progressbar/docs/demo.html b/src/progressbar/docs/demo.html index 69e9733736..76df624735 100644 --- a/src/progressbar/docs/demo.html +++ b/src/progressbar/docs/demo.html @@ -7,7 +7,7 @@

      Static

      166 / 200
      -

      Dynamic

      +

      Dynamic

      {{dynamic}} / {{max}} No animation @@ -17,7 +17,7 @@

      Dynamic

      +

      Stacked

      {{bar.value}}%
      \ No newline at end of file diff --git a/src/progressbar/test/progressbar.spec.js b/src/progressbar/test/progressbar.spec.js index e2da304e93..d2316b987e 100644 --- a/src/progressbar/test/progressbar.spec.js +++ b/src/progressbar/test/progressbar.spec.js @@ -10,7 +10,7 @@ describe('progressbar directive', function () { $rootScope.$digest(); })); - var BAR_CLASS = 'bar'; + var BAR_CLASS = 'progress-bar'; function getBar(i) { return element.children().eq(i); diff --git a/template/progressbar/bar.html b/template/progressbar/bar.html index f5895768a2..c0cf38c1cc 100644 --- a/template/progressbar/bar.html +++ b/template/progressbar/bar.html @@ -1 +1 @@ -
      \ No newline at end of file +
      \ No newline at end of file diff --git a/template/progressbar/progressbar.html b/template/progressbar/progressbar.html index 22f57c55b7..2a0d0229b2 100644 --- a/template/progressbar/progressbar.html +++ b/template/progressbar/progressbar.html @@ -1 +1 @@ -
      \ No newline at end of file +
      \ No newline at end of file From eadf934ab686d1c330df8d98f0df1bb5dea5de68 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sun, 18 Aug 2013 13:21:11 +0200 Subject: [PATCH 0060/1639] feat(typeahead): update to Bootstrap 3 --- src/typeahead/docs/demo.html | 8 ++++---- src/typeahead/test/typeahead.spec.js | 5 ++--- template/typeahead/typeahead-popup.html | 2 +- 3 files changed, 7 insertions(+), 8 deletions(-) diff --git a/src/typeahead/docs/demo.html b/src/typeahead/docs/demo.html index d5a996d202..1821dfbda8 100644 --- a/src/typeahead/docs/demo.html +++ b/src/typeahead/docs/demo.html @@ -8,14 +8,14 @@

      Static arrays

      Model: {{selected | json}}
      - +

      Asynchronous results

      Model: {{asyncSelected | json}}
      - - + +

      Custom templates for results

      Model: {{customSelected | json}}
      - +
      diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 90b3dcbc1e..5486f65045 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -48,7 +48,7 @@ describe('typeahead tests', function () { }; var findDropDown = function (element) { - return element.find('ul.typeahead'); + return element.find('ul.dropdown-menu'); }; var findMatches = function (element) { @@ -582,8 +582,7 @@ describe('typeahead tests', function () { }); - describe('append to body', function () { - + xdescribe('append to body', function () { it('append typeahead results to body', function () { var element = prepareInputEl("
      "); changeInputValueTo(element, 'ba'); diff --git a/template/typeahead/typeahead-popup.html b/template/typeahead/typeahead-popup.html index 32ec197185..6cf53f5cc1 100644 --- a/template/typeahead/typeahead-popup.html +++ b/template/typeahead/typeahead-popup.html @@ -1,4 +1,4 @@ -
        +
          • From 37684330e4c6845485a6194e89f68599287e89ee Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Tue, 24 Dec 2013 03:39:12 +0100 Subject: [PATCH 0061/1639] feat(datepicker): update to Bootstrap 3 --- src/datepicker/docs/demo.html | 30 ++++++++++++++++---------- src/datepicker/test/datepicker.spec.js | 2 +- template/datepicker/datepicker.html | 16 +++++++------- template/datepicker/popup.html | 8 +++---- 4 files changed, 32 insertions(+), 24 deletions(-) diff --git a/src/datepicker/docs/demo.html b/src/datepicker/docs/demo.html index bb96932541..04d4fd48dc 100644 --- a/src/datepicker/docs/demo.html +++ b/src/datepicker/docs/demo.html @@ -9,18 +9,26 @@

          Inline

      Popup

      -
      -

      - - -

      -

      Format options:

      +
      +
      +

      + + + + +

      +
      +
      +
      +
      + +
      - - - - - + + + + +
      \ No newline at end of file diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index f22aa99fe5..3c4252913a 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -164,7 +164,7 @@ describe('datepicker directive', function () { var options = getAllOptionsEl(); for (var i = 0; i < 5; i ++) { for (var j = 0; j < 7; j ++) { - expect(options[i][j].find('button').find('span').hasClass('muted')).toBe( ((i === 0 && j < 3) || (i === 4 && j > 4)) ); + expect(options[i][j].find('button').find('span').hasClass('text-muted')).toBe( ((i === 0 && j < 3) || (i === 4 && j > 4)) ); } } }); diff --git a/template/datepicker/datepicker.html b/template/datepicker/datepicker.html index bc54142737..76cfb6b39e 100644 --- a/template/datepicker/datepicker.html +++ b/template/datepicker/datepicker.html @@ -1,20 +1,20 @@
      - - - - + + + + - - - + + + diff --git a/template/datepicker/popup.html b/template/datepicker/popup.html index 7c7ab7b2e3..84176b7526 100644 --- a/template/datepicker/popup.html +++ b/template/datepicker/popup.html @@ -2,10 +2,10 @@
    • - - - + + + - +
      • From a99b3608beb07498e68be5839d8717e34640f286 Mon Sep 17 00:00:00 2001 From: Kury Kruitbosch Date: Tue, 24 Sep 2013 13:28:14 -0600 Subject: [PATCH 0062/1639] fix(tooltip): re-position tooltip after draw Closes #944 --- src/tooltip/tooltip.js | 105 +++++++++++++++++++++++------------------ 1 file changed, 58 insertions(+), 47 deletions(-) diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js index 99a9c2bee7..f6d116647f 100644 --- a/src/tooltip/tooltip.js +++ b/src/tooltip/tooltip.js @@ -117,6 +117,55 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap var hasRegisteredTriggers = false; var hasEnableExp = angular.isDefined(attrs[prefix+'Enable']); + var positionTooltip = function (){ + var position, + ttWidth, + ttHeight, + ttPosition; + // Get the position of the directive element. + position = appendToBody ? $position.offset( element ) : $position.position( element ); + + // Get the height and width of the tooltip so we can center it. + ttWidth = tooltip.prop( 'offsetWidth' ); + ttHeight = tooltip.prop( 'offsetHeight' ); + + // Calculate the tooltip's top and left coordinates to center it with + // this directive. + switch ( scope.tt_placement ) { + case 'right': + ttPosition = { + top: position.top + position.height / 2 - ttHeight / 2, + left: position.left + position.width + }; + break; + case 'bottom': + ttPosition = { + top: position.top + position.height, + left: position.left + position.width / 2 - ttWidth / 2 + }; + break; + case 'left': + ttPosition = { + top: position.top + position.height / 2 - ttHeight / 2, + left: position.left - ttWidth + }; + break; + default: + ttPosition = { + top: position.top - ttHeight, + left: position.left + position.width / 2 - ttWidth / 2 + }; + break; + } + + ttPosition.top += 'px'; + ttPosition.left += 'px'; + + // Now set the calculated positioning. + tooltip.css( ttPosition ); + + }; + // By default, the tooltip is not open. // TODO add ability to start tooltip opened scope.tt_isOpen = false; @@ -136,8 +185,9 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap } if ( scope.tt_popupDelay ) { popupTimeout = $timeout( show, scope.tt_popupDelay ); + popupTimeout.then(function(reposition){reposition();}); } else { - scope.$apply( show ); + scope.$apply( show )(); } } @@ -149,14 +199,11 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap // Show the tooltip popup element. function show() { - var position, - ttWidth, - ttHeight, - ttPosition; + // Don't show empty tooltips. if ( ! scope.tt_content ) { - return; + return angular.noop; } // If there is a pending remove transition, we must cancel it, lest the @@ -176,50 +223,14 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap element.after( tooltip ); } - // Get the position of the directive element. - position = appendToBody ? $position.offset( element ) : $position.position( element ); - - // Get the height and width of the tooltip so we can center it. - ttWidth = tooltip.prop( 'offsetWidth' ); - ttHeight = tooltip.prop( 'offsetHeight' ); - - // Calculate the tooltip's top and left coordinates to center it with - // this directive. - switch ( scope.tt_placement ) { - case 'right': - ttPosition = { - top: position.top + position.height / 2 - ttHeight / 2, - left: position.left + position.width - }; - break; - case 'bottom': - ttPosition = { - top: position.top + position.height, - left: position.left + position.width / 2 - ttWidth / 2 - }; - break; - case 'left': - ttPosition = { - top: position.top + position.height / 2 - ttHeight / 2, - left: position.left - ttWidth - }; - break; - default: - ttPosition = { - top: position.top - ttHeight, - left: position.left + position.width / 2 - ttWidth / 2 - }; - break; - } - - ttPosition.top += 'px'; - ttPosition.left += 'px'; + positionTooltip(); - // Now set the calculated positioning. - tooltip.css( ttPosition ); - // And show the tooltip. scope.tt_isOpen = true; + + // Return positioning function as promise callback for correct + // positioning after draw. + return positionTooltip; } // Hide the tooltip popup element. From 6724a7212e3bcd08eac5d22505cf5e2930efe833 Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Wed, 31 Jul 2013 17:49:20 -0700 Subject: [PATCH 0063/1639] feat(timepicker): restyled for bootstrap 3 --- src/timepicker/docs/demo.html | 33 +++++++++++---- src/timepicker/test/timepicker.spec.js | 33 +++++++++------ template/timepicker/timepicker.html | 58 +++++++++++++++++--------- 3 files changed, 84 insertions(+), 40 deletions(-) diff --git a/src/timepicker/docs/demo.html b/src/timepicker/docs/demo.html index 9fdf7452cb..990f08d5c1 100644 --- a/src/timepicker/docs/demo.html +++ b/src/timepicker/docs/demo.html @@ -1,14 +1,31 @@
      -
      - + +
      +
      +
      + +
      +
      - 
      Time is: {{mytime | date:'shortTime' }}
      -
      Hours step is:
      -
      Minutes step is:
      + 
      Time is: {{mytime | date:'shortTime' }}
      + +
      +
      + Hours step is: + +
      +
      + Minutes step is: + +
      +
      - - +
      + + + -
      \ No newline at end of file + +
      diff --git a/src/timepicker/test/timepicker.spec.js b/src/timepicker/test/timepicker.spec.js index 39d6698706..703f3d2d5e 100644 --- a/src/timepicker/test/timepicker.spec.js +++ b/src/timepicker/test/timepicker.spec.js @@ -1,3 +1,5 @@ + + describe('timepicker directive', function () { var $rootScope, element; @@ -37,7 +39,7 @@ describe('timepicker directive', function () { } function getArrow(isUp, tdIndex) { - return element.find('tr').eq( (isUp) ? 0 : 2 ).find('td').eq( tdIndex ).find('a').eq(0); + return element.children('div').eq( (isUp) ? 0 : 2 ).find('div').eq( tdIndex ).find('a').eq(0); } function getHoursButton(isUp) { @@ -45,7 +47,7 @@ describe('timepicker directive', function () { } function getMinutesButton(isUp) { - return getArrow(isUp, 2); + return getArrow(isUp, 1); } function getMeridianButton() { @@ -71,8 +73,7 @@ describe('timepicker directive', function () { return e; } - it('contains three row & three input elements', function() { - expect(element.find('tr').length).toBe(3); + it('contains three input elements and one button', function() { expect(element.find('input').length).toBe(2); expect(element.find('button').length).toBe(1); }); @@ -321,7 +322,9 @@ describe('timepicker directive', function () { it('responds properly on "wheel" events', function() { var inputs = element.find('input'); - var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1); + var hoursEl = inputs.eq(0), + minutesEl = inputs.eq(1); + var upMouseWheelEvent = wheelThatOtherMouse(-1); var downMouseWheelEvent = wheelThatOtherMouse(1); @@ -550,7 +553,7 @@ describe('timepicker directive', function () { it('initially displays correct time when `show-meridian` is false', function() { expect(getTimeState(true)).toEqual(['14', '10']); expect(getModelState()).toEqual([14, 10]); - expect(getMeridianTd().css('display')).toBe('none'); + expect(getMeridianButton().css('display')).toBe('none'); }); it('toggles correctly between different modes', function() { @@ -566,7 +569,7 @@ describe('timepicker directive', function () { $rootScope.$digest(); expect(getTimeState(true)).toEqual(['14', '10']); expect(getModelState()).toEqual([14, 10]); - expect(getMeridianTd().css('display')).toBe('none'); + expect(getMeridianButton().css('display')).toBe('none'); }); it('handles correctly initially empty model on parent element', function() { @@ -724,7 +727,8 @@ describe('timepicker directive', function () { changeInputValueTo(el, 'pizza'); expect($rootScope.time).toBe(null); - expect(el.parent().hasClass('error')).toBe(true); + + expect(el.parent().hasClass('has-error')).toBe(true); expect(element.hasClass('ng-invalid-time')).toBe(true); changeInputValueTo(el, 8); @@ -732,7 +736,8 @@ describe('timepicker directive', function () { $rootScope.$digest(); expect(getTimeState()).toEqual(['08', '40', 'PM']); expect(getModelState()).toEqual([20, 40]); - expect(el.parent().hasClass('error')).toBe(false); + + expect(el.parent().hasClass('has-error')).toBe(false); expect(element.hasClass('ng-invalid-time')).toBe(false); }); @@ -741,13 +746,15 @@ describe('timepicker directive', function () { changeInputValueTo(el, 'pizza'); expect($rootScope.time).toBe(null); - expect(el.parent().hasClass('error')).toBe(true); + + expect(el.parent().hasClass('has-error')).toBe(true); expect(element.hasClass('ng-invalid-time')).toBe(true); changeInputValueTo(el, 22); expect(getTimeState()).toEqual(['02', '22', 'PM']); expect(getModelState()).toEqual([14, 22]); - expect(el.parent().hasClass('error')).toBe(false); + + expect(el.parent().hasClass('has-error')).toBe(false); expect(element.hasClass('ng-invalid-time')).toBe(false); }); @@ -760,7 +767,8 @@ describe('timepicker directive', function () { changeInputValueTo(el, '16'); expect($rootScope.time).toBe(null); - expect(el.parent().hasClass('error')).toBe(true); + + expect(el.parent().hasClass('has-error')).toBe(true); expect(element.hasClass('ng-invalid-time')).toBe(true); $rootScope.meridian = false; @@ -871,3 +879,4 @@ describe('timepicker directive', function () { }); + diff --git a/template/timepicker/timepicker.html b/template/timepicker/timepicker.html index 03a978f3ba..240fc50941 100644 --- a/template/timepicker/timepicker.html +++ b/template/timepicker/timepicker.html @@ -1,20 +1,38 @@ -
      #{{label}}
      #{{label}}
      {{ getWeekNumber(row) }} - +
      - - - - - - - - - - - - - - - - - - -
       
      :
       
      + +
      +
      + +
      +
      + +
      +
      +
      + +
      +
      +
      + +
      +
      +
      +
      + : + +
      +
      +
      + +
      +
      + +
      +
      + +
      +
      + +
      +
      +
      +       \ No newline at end of file From 9613b61bdd1419bcd5f71940ca3a06e87dbb61d7 Mon Sep 17 00:00:00 2001 From: "Pedro A. Melendez" Date: Sun, 24 Nov 2013 20:10:15 -0400 Subject: [PATCH 0064/1639] fix(timepicker): fix look with bootstrap3 Closes #1285 --- src/timepicker/docs/demo.html | 6 +-- src/timepicker/test/timepicker.spec.js | 23 +++------ template/timepicker/timepicker.html | 64 +++++++++++--------------- 3 files changed, 34 insertions(+), 59 deletions(-) diff --git a/src/timepicker/docs/demo.html b/src/timepicker/docs/demo.html index 990f08d5c1..be54da58a3 100644 --- a/src/timepicker/docs/demo.html +++ b/src/timepicker/docs/demo.html @@ -1,11 +1,7 @@
      -
      -
      -
      +
      -
      -
      diff --git a/src/timepicker/test/timepicker.spec.js b/src/timepicker/test/timepicker.spec.js index 703f3d2d5e..9ac300e66f 100644 --- a/src/timepicker/test/timepicker.spec.js +++ b/src/timepicker/test/timepicker.spec.js @@ -1,5 +1,3 @@ - - describe('timepicker directive', function () { var $rootScope, element; @@ -39,7 +37,7 @@ describe('timepicker directive', function () { } function getArrow(isUp, tdIndex) { - return element.children('div').eq( (isUp) ? 0 : 2 ).find('div').eq( tdIndex ).find('a').eq(0); + return element.find('tr').eq( (isUp) ? 0 : 2 ).find('td').eq( tdIndex ).find('a').eq(0); } function getHoursButton(isUp) { @@ -47,7 +45,7 @@ describe('timepicker directive', function () { } function getMinutesButton(isUp) { - return getArrow(isUp, 1); + return getArrow(isUp, 2); } function getMeridianButton() { @@ -73,7 +71,8 @@ describe('timepicker directive', function () { return e; } - it('contains three input elements and one button', function() { + it('contains three row & three input elements', function() { + expect(element.find('tr').length).toBe(3); expect(element.find('input').length).toBe(2); expect(element.find('button').length).toBe(1); }); @@ -322,9 +321,7 @@ describe('timepicker directive', function () { it('responds properly on "wheel" events', function() { var inputs = element.find('input'); - var hoursEl = inputs.eq(0), - minutesEl = inputs.eq(1); - + var hoursEl = inputs.eq(0), minutesEl = inputs.eq(1); var upMouseWheelEvent = wheelThatOtherMouse(-1); var downMouseWheelEvent = wheelThatOtherMouse(1); @@ -553,7 +550,7 @@ describe('timepicker directive', function () { it('initially displays correct time when `show-meridian` is false', function() { expect(getTimeState(true)).toEqual(['14', '10']); expect(getModelState()).toEqual([14, 10]); - expect(getMeridianButton().css('display')).toBe('none'); + expect(getMeridianTd().css('display')).toBe('none'); }); it('toggles correctly between different modes', function() { @@ -569,7 +566,7 @@ describe('timepicker directive', function () { $rootScope.$digest(); expect(getTimeState(true)).toEqual(['14', '10']); expect(getModelState()).toEqual([14, 10]); - expect(getMeridianButton().css('display')).toBe('none'); + expect(getMeridianTd().css('display')).toBe('none'); }); it('handles correctly initially empty model on parent element', function() { @@ -727,7 +724,6 @@ describe('timepicker directive', function () { changeInputValueTo(el, 'pizza'); expect($rootScope.time).toBe(null); - expect(el.parent().hasClass('has-error')).toBe(true); expect(element.hasClass('ng-invalid-time')).toBe(true); @@ -736,7 +732,6 @@ describe('timepicker directive', function () { $rootScope.$digest(); expect(getTimeState()).toEqual(['08', '40', 'PM']); expect(getModelState()).toEqual([20, 40]); - expect(el.parent().hasClass('has-error')).toBe(false); expect(element.hasClass('ng-invalid-time')).toBe(false); }); @@ -746,14 +741,12 @@ describe('timepicker directive', function () { changeInputValueTo(el, 'pizza'); expect($rootScope.time).toBe(null); - expect(el.parent().hasClass('has-error')).toBe(true); expect(element.hasClass('ng-invalid-time')).toBe(true); changeInputValueTo(el, 22); expect(getTimeState()).toEqual(['02', '22', 'PM']); expect(getModelState()).toEqual([14, 22]); - expect(el.parent().hasClass('has-error')).toBe(false); expect(element.hasClass('ng-invalid-time')).toBe(false); }); @@ -767,7 +760,6 @@ describe('timepicker directive', function () { changeInputValueTo(el, '16'); expect($rootScope.time).toBe(null); - expect(el.parent().hasClass('has-error')).toBe(true); expect(element.hasClass('ng-invalid-time')).toBe(true); @@ -879,4 +871,3 @@ describe('timepicker directive', function () { }); - diff --git a/template/timepicker/timepicker.html b/template/timepicker/timepicker.html index 240fc50941..60614b286d 100644 --- a/template/timepicker/timepicker.html +++ b/template/timepicker/timepicker.html @@ -1,38 +1,26 @@ - -
      -
      - -
      -
      - -
      -
      -
      - -
      -
      -
      - -
      -
      -
      -
      - : - -
      -
      -
      - -
      -
      - -
      -
      - -
      -
      - -
      -
      -
      -       \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + +
       
      + + : + +
       
      From 428f147cc98d0dc344d4dbc48890a66ff9acd41c Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Tue, 24 Dec 2013 10:25:10 +0100 Subject: [PATCH 0065/1639] demo(all): various fixes --- Gruntfile.js | 3 +- misc/demo/assets/demo.css | 2 +- misc/demo/index.html | 9 ++--- src/accordion/docs/demo.html | 2 +- src/collapse/docs/demo.html | 4 +- src/datepicker/docs/demo.html | 2 +- src/pagination/docs/demo.html | 11 ++---- src/popover/docs/demo.html | 67 +++++++++++++++------------------- src/progressbar/docs/demo.html | 13 ++++--- src/rating/docs/demo.html | 2 +- src/tooltip/docs/demo.html | 29 +++++---------- 11 files changed, 60 insertions(+), 84 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index e8f02b96d9..fe8ca72779 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -17,8 +17,7 @@ module.exports = function(grunt) { grunt.initConfig({ ngversion: '1.0.8', - bsversion: '3.0.2', - faversion: '3.2.1', + bsversion: '3.0.3', modules: [],//to be filled in by build task pkg: grunt.file.readJSON('package.json'), dist: 'dist', diff --git a/misc/demo/assets/demo.css b/misc/demo/assets/demo.css index 91e6f6e2aa..a67e22e713 100644 --- a/misc/demo/assets/demo.css +++ b/misc/demo/assets/demo.css @@ -63,7 +63,7 @@ section { border-bottom: 1px solid rgba(221,221,221,0.3); } -.nav, .pagination, .carousel a { +.nav, .pagination, .carousel, .panel-title a { cursor: pointer; } diff --git a/misc/demo/index.html b/misc/demo/index.html index 5025fd7563..14e0e70068 100644 --- a/misc/demo/index.html +++ b/misc/demo/index.html @@ -6,13 +6,12 @@ - + - - + @@ -129,7 +128,7 @@

      Dependencies

      Files to download

      @@ -154,7 +153,7 @@

      CSS

      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 a { + .nav, .pagination, .carousel, .panel-title a { cursor: pointer; } diff --git a/src/accordion/docs/demo.html b/src/accordion/docs/demo.html index 3585e7f90a..3c0fe6688f 100644 --- a/src/accordion/docs/demo.html +++ b/src/accordion/docs/demo.html @@ -13,7 +13,7 @@

      The body of the accordion group grows to fit the contents

      - +
      {{item}}
       diff --git a/src/collapse/docs/demo.html b/src/collapse/docs/demo.html index 207113ee76..131f1bf6a6 100644 --- a/src/collapse/docs/demo.html +++ b/src/collapse/docs/demo.html @@ -1,7 +1,7 @@
      - +
      -
      Some content
      +
      Some content
      \ No newline at end of file diff --git a/src/datepicker/docs/demo.html b/src/datepicker/docs/demo.html index 04d4fd48dc..31049873e1 100644 --- a/src/datepicker/docs/demo.html +++ b/src/datepicker/docs/demo.html @@ -3,7 +3,7 @@

      Inline

      -
      +
      diff --git a/src/pagination/docs/demo.html b/src/pagination/docs/demo.html index b3f16ef5ff..c1d999487f 100644 --- a/src/pagination/docs/demo.html +++ b/src/pagination/docs/demo.html @@ -1,15 +1,11 @@ -
      +

      Default

      - - -
      - - The selected page no: {{currentPage}} -
      + 
      The selected page no: {{currentPage}}
      +

      Pager

      @@ -19,6 +15,5 @@

      Pager

      Limit the maximum visible buttons

      - 
      Page: {{bigCurrentPage}} / {{numPages}}
      diff --git a/src/popover/docs/demo.html b/src/popover/docs/demo.html index 1e2b4bc117..3b878483fe 100644 --- a/src/popover/docs/demo.html +++ b/src/popover/docs/demo.html @@ -1,42 +1,35 @@
      -
      -
      -

      Dynamic

      -
      -
      - - -
      -
      - - -
      -
      - - -
      - -
      +

      Dynamic

      +
      + +
      -
      -

      Positional

      - - - - +
      + +
      -
      -

      Triggers

      - -
      - +
      + +
      -
      -

      Other

      - - -
      -
      + + +
      +

      Positional

      + + + + + +
      +

      Triggers

      +

      + +

      + + +
      +

      Other

      + +
      diff --git a/src/progressbar/docs/demo.html b/src/progressbar/docs/demo.html index 76df624735..28616037bb 100644 --- a/src/progressbar/docs/demo.html +++ b/src/progressbar/docs/demo.html @@ -1,12 +1,13 @@ -
      +

      Static

      -
      -
      -
      22%
      -
      166 / 200
      +
      +
      +
      22%
      +
      166 / 200
      +

      Dynamic

      {{dynamic}} / {{max}} @@ -16,7 +17,7 @@

      Dynamic

      {{bar.value}}% diff --git a/src/rating/docs/demo.html b/src/rating/docs/demo.html index 563a7390fb..3f2f2bbe5f 100644 --- a/src/rating/docs/demo.html +++ b/src/rating/docs/demo.html @@ -1,4 +1,4 @@ -
      +

      Default

      {{percent}}% diff --git a/src/tooltip/docs/demo.html b/src/tooltip/docs/demo.html index d79efb51eb..5aafabf46f 100644 --- a/src/tooltip/docs/demo.html +++ b/src/tooltip/docs/demo.html @@ -1,15 +1,12 @@
      -
      -
      -
      - - -
      -
      - - -
      -
      +
      + + +
      +
      + + +

      Pellentesque {{dynamicTooltipText}}, sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in @@ -32,15 +29,7 @@

      - +
      - - - - -
      From 444c488d62e1b653a1b6c98f0bbeed4040835131 Mon Sep 17 00:00:00 2001 From: Justin Hall Date: Sat, 24 Aug 2013 16:24:02 -0700 Subject: [PATCH 0066/1639] feat(modal): added bootstrap3 support --- src/modal/docs/demo.html | 2 +- src/modal/modal.js | 33 ++++++++++++++++----------------- src/modal/test/modal.spec.js | 4 ++-- template/modal/backdrop.html | 2 +- template/modal/window.html | 4 +++- 5 files changed, 23 insertions(+), 22 deletions(-) diff --git a/src/modal/docs/demo.html b/src/modal/docs/demo.html index 9acdcba1bf..c1365a08c5 100644 --- a/src/modal/docs/demo.html +++ b/src/modal/docs/demo.html @@ -17,6 +17,6 @@

      I'm a modal!

      - +
      Selection from a modal: {{ selected }}
      \ No newline at end of file diff --git a/src/modal/modal.js b/src/modal/modal.js index 12ddfa8ee4..adcc95fe65 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -57,7 +57,7 @@ angular.module('ui.bootstrap.modal', []) /** * A helper directive for the $modal service. It creates a backdrop element. */ - .directive('modalBackdrop', ['$modalStack', '$timeout', function ($modalStack, $timeout) { + .directive('modalBackdrop', ['$timeout', function ($timeout) { return { restrict: 'EA', replace: true, @@ -70,20 +70,11 @@ angular.module('ui.bootstrap.modal', []) $timeout(function () { scope.animate = true; }); - - scope.close = function (evt) { - var modal = $modalStack.getTop(); - if (modal && modal.value.backdrop && modal.value.backdrop != 'static') { - evt.preventDefault(); - evt.stopPropagation(); - $modalStack.dismiss(modal.key, 'backdrop click'); - } - }; } }; }]) - .directive('modalWindow', ['$timeout', function ($timeout) { + .directive('modalWindow', ['$modalStack', '$timeout', function ($modalStack, $timeout) { return { restrict: 'EA', scope: { @@ -95,13 +86,21 @@ angular.module('ui.bootstrap.modal', []) link: function (scope, element, attrs) { scope.windowClass = attrs.windowClass || ''; - // focus a freshly-opened modal - element[0].focus(); - $timeout(function () { // trigger CSS transitions scope.animate = true; + // focus a freshly-opened modal + element[0].focus(); }); + + scope.close = function (evt) { + var modal = $modalStack.getTop(); + if (modal && modal.value.backdrop && modal.value.backdrop != 'static' && (evt.target === evt.currentTarget)) { + evt.preventDefault(); + evt.stopPropagation(); + $modalStack.dismiss(modal.key, 'backdrop click'); + } + }; } }; }]) @@ -195,9 +194,9 @@ angular.module('ui.bootstrap.modal', []) }; $modalStack.close = function (modalInstance, result) { - var modal = openedWindows.get(modalInstance); - if (modal) { - modal.value.deferred.resolve(result); + var modalWindow = openedWindows.get(modalInstance).value; + if (modalWindow) { + modalWindow.deferred.resolve(result); removeModalWindow(modalInstance); } }; diff --git a/src/modal/test/modal.spec.js b/src/modal/test/modal.spec.js index 697eec6861..96abff51a1 100644 --- a/src/modal/test/modal.spec.js +++ b/src/modal/test/modal.spec.js @@ -56,7 +56,7 @@ describe('$modal', function () { toHaveModalOpenWithContent: function(content, selector) { - var contentToCompare, modalDomEls = this.actual.find('body > div.modal'); + var contentToCompare, modalDomEls = this.actual.find('body > div.modal > div.modal-dialog > div.modal-content'); this.message = function() { return "Expected '" + angular.mock.dump(modalDomEls) + "' to be open with '" + content + "'."; @@ -154,7 +154,7 @@ describe('$modal', function () { var modal = open({template: '
      Content
      '}); expect($document).toHaveModalsOpen(1); - $document.find('body > div.modal-backdrop').click(); + $document.find('body > div.modal').click(); $rootScope.$digest(); expect($document).toHaveModalsOpen(0); diff --git a/template/modal/backdrop.html b/template/modal/backdrop.html index ebf8aa59a7..048497f558 100644 --- a/template/modal/backdrop.html +++ b/template/modal/backdrop.html @@ -1 +1 @@ -
      \ No newline at end of file +
      \ No newline at end of file diff --git a/template/modal/window.html b/template/modal/window.html index 3e83b0bddc..5c3b1aa27b 100644 --- a/template/modal/window.html +++ b/template/modal/window.html @@ -1 +1,3 @@ -
      \ No newline at end of file +
      +
      +
      \ No newline at end of file From 5d0ca36d34989974a5abcde8addf6b88397e928a Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Thu, 26 Dec 2013 19:43:01 +0100 Subject: [PATCH 0067/1639] test(typeahead): clean-up after tests --- src/typeahead/test/typeahead.spec.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 5486f65045..149eb0f92c 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -78,13 +78,17 @@ describe('typeahead tests', function () { var liEls = findMatches(this.actual); this.message = function () { - return "Expected '" + angular.mock.dump(this.actual) + "' to be opened."; + return "Expected '" + this.actual + "' to be opened."; }; return typeaheadEl.css('display') === 'block' && liEls.length === noOfMatches && $(liEls[activeIdx]).hasClass('active'); } }); }); + afterEach(function () { + findDropDown($document.find('body')).remove(); + }); + //coarse grained, "integration" tests describe('initial state and model changes', function () { @@ -582,12 +586,11 @@ describe('typeahead tests', function () { }); - xdescribe('append to body', function () { + describe('append to body', function () { it('append typeahead results to body', function () { var element = prepareInputEl("
      "); changeInputValueTo(element, 'ba'); expect($document.find('body')).toBeOpenWithActive(2, 0); - }); }); From e0426b90de1ef27ee87c8665c11cf1e18b907d0e Mon Sep 17 00:00:00 2001 From: Thien Pham Date: Wed, 27 Nov 2013 00:58:27 -0800 Subject: [PATCH 0068/1639] chore(demo): update demo page for bootstrap3 Adds new header, mobile menu, fastclick, smooth scrolling, and more. Closes #1243 Closes #1469 --- misc/demo/assets/app.js | 3 +- misc/demo/assets/demo.css | 274 ++++++++++++++-- misc/demo/assets/header.png | Bin 0 -> 37441 bytes .../assets/smoothscroll-angular-custom.js | 94 ++++++ misc/demo/index.html | 307 ++++++++++-------- src/popover/docs/demo.html | 6 +- src/popover/docs/demo.js | 1 - src/tabs/docs/demo.html | 15 +- 8 files changed, 513 insertions(+), 187 deletions(-) create mode 100644 misc/demo/assets/header.png create mode 100644 misc/demo/assets/smoothscroll-angular-custom.js diff --git a/misc/demo/assets/app.js b/misc/demo/assets/app.js index c62d9cd478..bb47105830 100644 --- a/misc/demo/assets/app.js +++ b/misc/demo/assets/app.js @@ -1,4 +1,5 @@ angular.module('bootstrapDemoApp', ['ui.bootstrap', 'plunker'], function($httpProvider){ + FastClick.attach(document.body); delete $httpProvider.defaults.headers.common['X-Requested-With']; }); @@ -52,4 +53,4 @@ var SelectModulesCtrl = function($scope, $modalInstance, modules) { $scope.cancel = function () { $modalInstance.dismiss(); }; -}; \ No newline at end of file +}; diff --git a/misc/demo/assets/demo.css b/misc/demo/assets/demo.css index a67e22e713..56c49d8ef1 100644 --- a/misc/demo/assets/demo.css +++ b/misc/demo/assets/demo.css @@ -32,53 +32,259 @@ section { background-color: #f5f5f5; } -.jumbotron { - position: relative; - padding: 40px 0; - color: #fff; +.bs-social { + margin-top: 20px; + margin-bottom: 20px; text-align: center; - text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); - background: #020031; - background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); - background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); - background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); - background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); - background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); - background: linear-gradient(45deg, #020031 0%,#6d3353 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); - -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); - -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); - box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -o-border-radius: 0; -} -.bs-docs-social { - margin-top: 1em; - padding: 15px 0; - text-align: center; - background-color: rgba(245,245,245,0.3); - border-top: 1px solid rgba(255,255,255,0.3); - border-bottom: 1px solid rgba(221,221,221,0.3); } -.nav, .pagination, .carousel, .panel-title a { +@media (min-width: 768px) { + + .bs-social { + text-align: left; + } + +} + +.nav, .pagination, .carousel a { cursor: pointer; } -.bs-docs-social-buttons { - margin-left: 0; +.bs-social-buttons { + display: inline-block; margin-bottom: 0; padding-left: 0; list-style: none; } -.bs-docs-social-buttons li { +.bs-social-buttons li { display: inline-block; padding: 5px 8px; line-height: 1; } +@media (max-width: 767px) { + + .visible-xs.collapse.in { + display: block!important; + } + .visible-xs.collapse { + display: none!important; + } + +} + +.navbar .collapse { + border-top: 1px solid #e7e7e7; + margin-left: -15px; + margin-right: -15px; + padding-right: 15px; + padding-left: 15px; +} + +.show-grid { + margin-bottom: 15px; +} + +/* + * Container + * + * Tweak to width of container. + */ + +/*@media (min-width: 1200px) { + .container{ + max-width: 970px; + } +}*/ + +/* + * Tabs + * + * Tweaks to the Tabs. + */ + +.code .nav-tabs { +border-bottom: 1px solid #ccc; +} + +.code pre, .code code { + border-top: none; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.code .nav-tabs>li.active>a, .code .nav-tabs>li.active>a:hover, .code .nav-tabs>li.active>a:focus { +background-color: #f8f8f8; +border: 1px solid #ccc; +border-bottom-color: transparent; +} + +/* + * Button Inverse + * + * Buttons in the masthead. + */ + +.btn-outline-inverse { +color: #fff; +background-color: transparent; +border-color: #cdbfe3; +margin: 10px; +} + +@media (min-width: 768px) { + + .btn-outline-inverse { + width: auto; + margin: 20px 5px 20px 0; + padding: 18px 24px; + font-size: 21px; + } + +} + +.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active { +color: #563d7c; +text-shadow: none; +background-color: #fff; +border-color: #fff; +} + + +/* Page headers */ +.bs-header { + padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */ + font-size: 16px; + text-align: center; + text-shadow: 0 1px 0 rgba(0,0,0,.15); + color: #cdbfe3; + background-color: #563d7c; + background-image: url(header.png); +} +.bs-header a { + color: #fff; + font-weight: normal; +} +.bs-header h1 { + color: #fff; +} +.bs-header p { + font-weight: 200; + line-height: 1.4; +} +.bs-header .container { + position: relative; +} + +@media (min-width: 768px) { + .bs-header { + font-size: 30px; + text-align: left; + } + .bs-header h1 { + font-size: 100px; + line-height: 1; + } +} + +@media (min-width: 992px) { + .bs-header p { + margin-right: 25%; + } +} + +.navbar-inner { + -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.175); + box-shadow: 0 3px 3px rgba(0,0,0,0.175); +} + +/* + * Side navigation + * + * Scrollspy and affixed enhanced navigation to highlight sections and secondary + * sections of docs content. + */ + +/* By default it's not affixed in mobile views, so undo that */ +.bs-sidebar.affix { + position: static; +} + +/* First level of nav */ +.bs-sidenav { + margin-top: 30px; + margin-bottom: 30px; + padding-top: 10px; + padding-bottom: 10px; + text-shadow: 0 1px 0 #fff; + background-color: #f7f5fa; + border-radius: 5px; +} + +/* All levels of nav */ +.bs-sidebar .nav > li > a { + display: block; + color: #716b7a; + padding: 5px 20px; +} +.bs-sidebar .nav > li > a:hover, +.bs-sidebar .nav > li > a:focus { + text-decoration: none; + background-color: #e5e3e9; + border-right: 1px solid #dbd8e0; +} +.bs-sidebar .nav > .active > a, +.bs-sidebar .nav > .active:hover > a, +.bs-sidebar .nav > .active:focus > a { + font-weight: bold; + color: #563d7c; + background-color: transparent; + border-right: 1px solid #563d7c; +} + +/* Nav: second level (shown on .active) */ +.bs-sidebar .nav .nav { + display: none; /* Hide by default, but at >768px, show it */ + margin-bottom: 8px; +} +.bs-sidebar .nav .nav > li > a { + padding-top: 3px; + padding-bottom: 3px; + padding-left: 30px; + font-size: 90%; +} + +/* Show and affix the side nav when space allows it */ +@media (min-width: 992px) { + .bs-sidebar .nav > .active > ul { + display: block; + } + /* Widen the fixed sidebar */ + .bs-sidebar.affix, + .bs-sidebar.affix-bottom { + width: 213px; + } + .bs-sidebar.affix { + position: fixed; /* Undo the static from mobile first approach */ + top: 80px; + } + .bs-sidebar.affix-bottom { + position: absolute; /* Undo the static from mobile first approach */ + } + .bs-sidebar.affix-bottom .bs-sidenav, + .bs-sidebar.affix .bs-sidenav { + margin-top: 0; + margin-bottom: 0; + } +} +@media (min-width: 1200px) { + /* Widen the fixed sidebar again */ + .bs-sidebar.affix-bottom, + .bs-sidebar.affix { + width: 263px; + } +} + /* Not enough room on mobile for markup tab, js tab, and plunk btn. And no one cares about plunk button on a phone anyway */ @@ -95,7 +301,7 @@ section { } .header-placeholder { - height: 175px; + height: 50px; } @media screen and (min-width: 768px) { @@ -114,4 +320,4 @@ section { margin-left: 10px; } -} \ No newline at end of file +} diff --git a/misc/demo/assets/header.png b/misc/demo/assets/header.png new file mode 100644 index 0000000000000000000000000000000000000000..785dd104d3ffaa70f775d9db8bc8090927ddb246 GIT binary patch literal 37441 zcmV)HK)t_-P)%9#{*jHd00009a7bBm000XT000XT0n*)m`~Uy|9CSrk zbW?9;ba!ELWdK2BZ(?O2Mrm?ocW-iQb09-gHF34$HUI!107*naRCt`6y-SYdIIt}! z_~^k_(ZdVwr)m&8=vakAqXy>{gB%e8BB8KVw$sdxeJFWW-N(xEaMy>lL)xDdwQ(tf z`E2sd{@6i2U;p>l|HS;1f191$^gQXkze9i6J?YMqaDem*er}|v zdM0r_>+W&;QU+oN>KIP|xHovuepWbDVnnBPyPWg9$dRkh1;u96V>VCGM z9fj~gD-e>}-vDVCvDfG0^<~>0i~*Wp_UJ&|8I_O|IQ0LKy6qX4Fk?V4%FQm&gE7c< zYIf1<%L1eYlO4~^TJM<=1p}DcXnN>%yY~XcrE!;HT!D;eI}f1) z(GI5x#VDA~>A&5Cq^PX`Vq_?eStH43i-rNj^oVqyUT4JbacR^pKQBOzXghO=1364S zNCxD&X|sdlU$4@hzGvA{Wu)WFMu|81&_7Q*(wwH@_omwSw?OvzT7ifxzpB|^#LofQ z=-k?DSH)em?;`EdXz7`YK!HKn2SliZex?k8O6~L(h}FH2qr*YUS^NAWdVQ0IpTSsF z+KY-w-&Hvrsk_L5Si^#6w}S~=q72OUMn=wjQw1VDe$L@|h`! z9=#n`oA9Yp?4~kXT$DO$aALQs*1Gr$0J6`IDIG%k_@sh@vpnW@z z8~`%BUWQ5Z{#b-03Bm=)yyg)V6(C&^OwM|Sl&ZrLj76FJN3JELE}SUJklnsb`9s5w zFdzVkI$4JJ>Y`|!l#eP9n#`q8D1ge40ETvRTeJWJcFKs}^_6ZZ9e!c$A{6 z#*OzY6jC|bS&5unwTqAp#k(O4x5!d4iR-MI5r?Y6b08vjkuSjkvX41f>h1<2utIdJRk0%Y5? z?Uk!55alWPPh%2mbD!VI2W7XOxz>au=9>1R$hrq;RRi=)Zc$q!Lws=&x=#6_=$RGB z>%U=Qf;ve|m+3JX6c4%H0x^QAxME$YYMd&7$K;|^)K-z6>5Y2*jjvo4jVOd&{u|zz zb4VW0%f}_M$|dW6(^%=!-5rt`rV9|efk0KdHVgZM-|$wScO0+(_SaVunFkFrBrq=n zk=H$tMDqz9oQXad5p@Ex=R0i(yTj?XKnBp<0OROHoq|eb9i-@oc;Seq0+V{NG7>?a^QGWwulw(S?)1=fPn98G9fOx{< z9!NV)NcKFY66PAi9Tu6=wT{p*J3}WdA<6-t_yVN+A;eMDn_PjYxL>IdATk~kMiCLV zFn5YccVqqBE_DQuNmX-)5ak4lUhf!AKJZ$HXK(TXM5$=J6agaRL1qw3Up80EQ>&6R zwZT`o0wLGFS0McYB>VQjzyOlSSloEJ9%G9QUqHIb`luw#XykR=q&<3XEY^JwQic+E z3xwjBb5CLb=^o<69y-xa>pu~Yb44N^$KK$7Z7Nxbwx;7(BXHI-(sjNBn__HTL{!c)99BUjQ zRUB3zqGeRoC>4tWJy|4VVo_NynQ9h=tR`O!eL|TvhmmarES&K#KvLH~IDD5>`xexT zkQ-xE&rgB$DeWrjiz72kG4G2T&KG6M?%(z+5H(LL5c!>?8YzcaLArM15T%DBTRfEs z0V)eKTi{^(zc=uO}k|xB$`LIWyDTCCmM3F`l+GkEaZBs!$~4P-$P4 z7Kl>*sU>K>tYTNvJ5naaOo4#$-C(?l|ruh)Nvsx6(=&^t}mimfn5h@8G~P|e0s?xoJb z8Amz12authzO8x9+58i=cqPXij+aD>)3_+D5B~mCwbe>QvtNLqwCHG83g)@=tWzo7 zpYZKa(_{^h0;!Eil-PI?#HoDG)~DJ!mPvd5eEk!nKP!CjqG)b_vz0{~YbqNZCI zRRw~vn@LA04;%dEcOFwKb@jF;7t5L7FY*E8w>mFKuVtHh17zni-V%O2L1EIrJ0~hK z<4^)}IuPrC*ASl?2Mu0QuyYth`HEpD>zuC_`2nP#79e8okF9H0Z-&?8VRnkSZyLq=k{tEjC3&~gc->urw1fwTm~ zC8cSms%5V1!dFw;g)hr~FpG4Yk zea4rk^%9d^CLY}T2nW0wQ9c>>aFTDzFqOo~+FWzEBI*G0)DGLO9Q$Bo)f+nC1w>t~ zYnt&@KK{`pw;3QLLr2uCR0|YjAJ_balQ`@i!hM&-r;2*_(bmfQrPhJO4900DPUtXK z>$n2>=R@aDV4EnV-)f?8i!7>8JGOPwRCs}uSd;g9fdT1jnox~-8E0iIm;~1R+Y}NS z_du9+Mhnx+JtoaAsoN+I6XGh!JEYyU_~Ux3jK|`IYlj##OFQqFdUBs>S`i7X_IE(Y zT&)p6D1hADFdLIAYL5@CDqQ5-N#gzni1pa?;I{_GnyozT?DQEA&7r&j(kw)0iirr)r^;9^XfFnvKI5)AlzSkj18JDBIYHRJ0jasbW;HAk_{WlT1s> zT5AJl{~4D}4@K-@TPI_^c_h*srk#|$unF%=5d-*9Jqg+^kn;wJdk zJ;qxg!hRV@+}$puUdoa%*WkbVpxl)G0%YG%QK-2cO3R0JX0=|tby`Gy1!79qfoN16 zK;F<3w5K1<1-ZZNfkT1h6xha*#tf=dY5COCK0OrnT;dhTqX41YhyZ!Fs>5lQqP{vQ z|L=)EZ-9*4SpY({DYNV?@_;V~a~G#^zf4O^XHc&rSHGdX0pw=NI~P4Un#HHXwfQ@B zcc=rr0-0Cm!QZ8eXQj51>*Z{U(+Fa7oloQ}8qTSzph6@sE>$grW_R{D_E;$W7a(&5 z-NmC(-V&v?sYMjSF53431O&$<(#f7O3LxtO$5OgfKq{z1o!f&w&G8;c^CNRjs&P_|DK2t1o8B>&8g z=(8@uTb8lNK=%BlnPto~59F7gmqi@~$cS3H3d(!6eOPE;fw;>(Iq6~5JvmQl(o6a7 zr`gIfe3ZUeqH!-I^wj=%!(Sa3EH+a!QD?6fAbbNPLa6z8&irN%=(zfwV=;ZL!$u?S zcT9+JJ8P(z0j6@#U)?X%1gI=-OZk+yK%(*qq`Q+ck3X%_2@lzeS@Dav+@}p7BY&}^ zAHnV7daabpIu{3`7m|*su<^eGiSq_T=@GI;#&?rqEZ!3yNg zHVP2^I#@L;@xK6}>c>wYRGk!gK#`*BWChgpET%lS55gfO?k6nmcdl)kDuM3w`6Di4gyFP5J!qf%r{=NQiU2 zze}dkfh5-C=mE?KySukDRdX z4qY_)uH4t6{oH)H=l>o^YGINQ4$9b?3dsQ=W%|W4#EmUmIuZ~J*ZPpqT8rNSwbf2# z(sw}icR(_D0{vcgP5gobaOOxiKJCO&47*6#7ZBtXLEmJY?11lZ)IIlnk zR~|6GH)WVf=bu4XCPDjL^}=}pB3GIsA4_zV@jO8t*OQipBO`dQOOt>zAk z&%iDtg@i67YHw@8^r*gMG8`2N`c7)d@OF{(KUl;+0V%g6CXlXviXK6>J(`_2QMz8C z9>KdFWB^HS1+@@ohB#Er4zY-D3<;v1kIb#$Q4|N;Wki?25Mi7%AZlFtYal=FcF zNHHT&TV_bSqGwx{+uZ=^H$X1Af<0y1oj8PxP93d4XraAKcZ~EWHAmw8`m;mY(mWqS z;y}Fa0J3u9i=m`6)IQP-dU~?vcoqJ?Ok z0py(t)}hg~US}V)Y_+FCtQYQv5mU6}x!9%`;oESI+_jO%GdT+AbZJku=0iIdKH( z%Z`Ep3ooAd!n5I3V8XBQMF*(&OE#71r~RtkQ_X|}8>TbMG|4g>ozS$g4^F|0jq~(>jp5>2fuEuNk zIS`xO<}mE^Cm=BKcZ1wS&f9qrukTkPy{+kIdMH zXI5DObamz=7L-zz*6I}qYM}H(1^wrfC4HjL*RA8(j5N$EU4aaa&uH&O_q0afl6Ir0 zM?~(}X>jK}xWu(&hb=#hIuRHiM2N?|CLIw86(Bo^ETeVe#z)N(P`%7N>Tpt@d4!l( zv%@)wrh;V`{A1_mLUjicF`JsjZcQF{Kzd+Zx5g4h)tqpTN60TTAj9b*RSI#%8t9}b z?ipxQ)MuF^LmKKH;h8-nlv`a%2SQHdl9gfSb_$w?Q;>n|IBNWxE?BuE;_9>$1w`Et znPDF}j*CZZ=o*X(kmf`#VR1|uqq+u9u;uHz%{f_1@BmQqcLSn_6siCot07{E6)94xqd4?XR~zUcAAhl?Oz;Mk=xAX7*r(Riky&GiR) zUo9Q96-iEKdp?%0k?%2b9Zt2|Hd<|eMwNgl1ikbp24o6}JTG`g7_Cf54Ed0booz`az+@+4}ajuJSLln<*hik zsV@_d;Z`k%)URvExju}nu{v$n9o$^C;~bvg(DJ2*UD83hH8CEPop5PW$7FLRQS7b? zD1bzsEQBn1ASy#{DfesQgzkXkk^QS&|C@C$ndZ4fiq_{0Ey%FplCvo_OhCXt=lc`2_1WMm*mzB7QN7)sz+zl1pl zXGy(Yd6xbo`HfOXNc!aVdFjWL^h1H@_M(YGj`SL+Ds4do?MLW|0wfucC%zu0w_w@L zL1Rv9n$nOQ;Wz44A?b1z&BxC=JCKpKJ8VwGC5f4Vv;>6Gok`f!HQq1Spb?H4^dfU) z#p)yt{6^`mkaWH1IrZ-zK+a1#$UVlWv`*?JAVp7%guTVdhc(?zKR=9??4tPN>e0>~ zexuYHlKw!`zu6zBttFUx|Bpb5p4ivvW-=m&@xt(RAP-(#6d(y((it;ka>qI#^ZswP z2b@R4zQ5r1LADB^Urj(#tjgu z_z6VsWF!OeOVo}QA90BU#2$`Nr#q+1IXOe@Rh!>9`y&P5knKw@mem<@aSY!A zNs}0lx^)U7ltie_NH_KnF`Et7UFh-Ve&f9Q3s*&^`g~bL-G}8m)iIn&{u_|wQ^>jt zVk|!{Ruj-L|CvI>yw|Ql@LXid-MS4a%k}szkXKdEDer+K)k<87TDuWIS~^KO|G5VT z4VwvhhGvby?Ohoed55rO!*0+GN|Lx%@D?}InDqO+dO!vhP)g|pVD zygUDjtxN6-6!jY*yPsR`M~-g41G4KH7)arB(Z5(0sqH+BhGrQJNy=STo$fCnZMVeM zU2)@Z4}|=hTJvOgU6;)_GDP#9cq))C`d1~z-tu81)GYb(?Pqd1Ud~oKY*(DSg66Z* z2_V{6omUZ&4twA}y|?>WWhF_|lKt%KQ>!v4CHw`DDIzN$1IYY$Jr|U|1rj!<+`fgn z3m_DgvO32Ux&mq;f=@hy<%JB$FTU_`0dkp>kmB{`9uIp;4#Wra#G)E^=Poj$mY*<9 z6^_75<;LS8+d^=+wC)FARQf+4Tu&R%c_?9j}+(BsRwCkQ{oLqpYb7fl_BK|C|0#F10 ztQ2=kF@07(mp!RtM9xg9ir}lVt<H7Ddzoak}S(0|Fh5A@U$3poJ*{Ks@C%+qzD-geIa9X~z0zyLu)x~Ri zS_7^5X6%32hG>6%8no2+r>#z#cH|1APw&@q4@TMjfaJbWYP_-|p>kRGi@_fP)fC;B zWS=ove^?4NLchN)>d!!Iz2FxYF6>YjpT0St_SwJgsc%4{&yR!(c#M#+b!Z)s9y4sWv#7i&se)W4ta?I!E)RU3?b!1jI?TRlM;%+k!H;=-fNLv31 zh^sVQMD7S4(DUdEY+097ewY7Vv_nAmX)drL9XSfc_lSDF0tmuLk>q*FKQbmM+@1M3(Q5s=AV(-R zRvR}!N@}-*032(c;5%XgP4|0+QDXUv%=ORt%v9&^0780=YG0AqZ<$sI#q@X$r`VZ` zrz7OM#7F~gfwTZJmSf%ADksPk2kHDiE?33*D;eGWMcDulxo1Ab?C-%++wZ1gNH3W0 zd5Ip=uHkBO{sWMGIo8=`3qg?9sS!y}R%ZhFNN&*NmD7OOI8h0|WU2>Z@|fAjVL;ZH zy(B93Abk51kiHyqAZoO--s&kSs6aj~Nj$GPGZ4@)l~zL!%Laq`^~GY}=F$varM+sm z;er6d;VOLbB{m z;A=r%O!|BeLU>gzKjO{i6=%&dc?bqX3!fSmf0$a!^SKX(;hB(_Aw zn^&$8s3#?*r*qa;^hI|&a;DfvGW5+b>y{}OAO}>-1&FFvvmTR%STykE+)u$5%jy;< zb`q|x-xY{;0%ah>qxp{5CuJCH6O&sYojtzD(dSTgr?Vo$pm3MxjL8vHY7_S_lp?)E z;(+4{@n_|4+4;vT#y0TAzgF6qeh>m_1v-a>Gprv73&Tvmt4kX;?mRH z@VEien2VI@#d`rlIm1h8?@+}g`VPpE8zSGtKnQKv(GNzpTA} zF1JbuV!6x!5~-S@K1u=df%Fh55ZkIU^t?UtG0VmPr8yUO2Q_&~WdbE{m_L}qfZYI@ z0+DWw9HONajz}H=Xr3gaxpnq0(@9o!{c4P^I=i0EvSq1O!QFv`Z_Hubc!F zAXM@JT(qVvA#^U#i#!aCQunl4!WB<@{sD+zZ$ReurU69FaMUS4eqVqzi_C&7tx^b> z-`#ROyxPJ$K5b+!*{H0iK)iulAP&=f-Y2BQ&$e`c|^p{>&8 zuCCxDCn;s;x<3Q)v$phNazV`Rktwmbn$8!H#1=0gU4e8xprT_^Av`5iYDXKvIeEq$ z*4M%o=A<|OE0AzMLR=k)`Cu7HpFonXYu^AudVs{+gj7g?r2z9=6e+hH>x@lhlZBZJ zkQ|?1OLEcuy8{{e|DS;P8w>2J0ry04;XNTs>A7Ven=O8qm&afU(jS4uq+(p*k3a3q zNGv2E-+uz)?g=)2X?OV&H(DMihX4Q|07*naREwDePqqyA8|=4-Mt=f=?nuFB2c=zT zPkkdmer|zy>cKOv4;(1|El5pnzup-hhbqpHA#>v$z&#Lfo~=bJK#0@uWFRf>b|6~I zJY$4wNA7pL<>#!As(3wVPaA781pyw9ah`A7)0HpRc)h8A>mQ5ZN$ev^&^!ZVM z4A6eyPGg!1WGE0#yAUs|Z@sYB16NE?2Ri-m%^J+L7`4rAJ#e)a;-q#7l?ISV4YVZr z`yG%&ANAC3_Yn>X$-IqxAa2d@=Kr>K>Ql8ZMKcKfolhKpsNIH2cL#DhLBx?}Hxk;& zK=uhldT-Ao>}6+5r=|mm`gCxQjUhfX1=TAM_t{3N0gZ+U?*XKNpw1DdH0y<90s%eU zfDlahqU49ow%m|kTv2Hck7;~qQg8*b+dbYdhgXPGDP|zhyr&Bs-TWy)P#FmjQd=y1 zQ_b$V1ZFw2>EFUd)y$WBYAX8|>-Iv$ zAi{YF?VCPRRj0M)?G-d+B#Ms*-dk>&>FgZJ+@Q00&!E#oW(ne zt1n888CCZ{x>xmM-YQaaXlPhIq5=z3p%_Os$e42xT;TW`F0foVaxX;$8}XSf+deG525s*>h$KcH~%Y zfcPx}L>cRuE$i?K+9Ec4A*6U(UB68rJcx|KZxzUCE0ddLp(YT6KxxA+ z(!lGEWP9 zZPSISwPda`<+T`<$FW|!!+%sa#*c|`hh!^|uYC89U2YI4`5rm7h#;q z+C2ZIJB~zeTZDM#5l|pOG4x?XSzf*RuBP(N1myPx$h`c4$CSdyJPb&WhNOp{kC=If zfU2ws8Nc-L>d+AuvyZH8rOvWuO<9&J5FJ9|aRt(ndj}x)ETa03VLuP!%{@9tn@*eP zke!iw9zx8AZVC}>v#~8fPRFDJygN|S1qdR<(}6S))3i;LZ&a&FE;-C*!#wJFI9_FHrZ$LK6Tx{`N#K1k1rE{Vv2!DrUao*iZbf*8RXdR8DF z9|ynweCnP&LG*^bOp>-e*OjRl9jZWfCFJy=ivWbwB32-#4@UMgjj5r?V9|+l+0k|a z!oEwA&GG2#CCg01rQ|J5G7w8q_*?lPu<|AEVP-0fpdgQM-3(gO1y}%3h9sU82_SQ| zeK)z^Qud$i=u!mjY!T)*Xhdd-5_Xd!cDv|x3j_{;5qi9J8 zSXrJo%f3F__YA}*jY`791>f=l!*ZnVtQBh<&yAxHnvTwyX_=|E_P7&))vc_r>(T!W zh-dI}3Mw#}XCMKLSJfGIMa$E+Q*uU#^ivq8zgahT>oJyafhWFU&8W!0lc=HE7CqPV1kECxO669MN1$1RW}1Mx;%)s^Y`u0W8~ zgZ~D4grx)ohD19@&)X>f!>n(;Pd%`)?_=;R+bP_=-4hlZP&1I-kC>Yf((Yr^a8i@K z2w+n%WI`@OV%WOhikjwRk8We0%-_ZyDNr^Ux9?lcv!3jBL=B>llO5lD&WgOwH_G?|iuLX#CrDx87%Q00Z0N_$jc0mqpz23Y<8n88-Te3w^ z`XeVFQ2TJGTw8e$q$|<3Gfr~?)K<7`Ko5Jefg-fcXYfOuqWo5-8z4LDhU`v`?HNTe z2((uGXCN`(L_t$Wf zV-K2)P7{*PppY%Ic&ur&sPqBMM%1}nz;=E}_U81PptIB>n$Y(*Kqhq*ZQ3FA0MTh? zuBBxe3&{Kfr_bcX=RT40bkJav=4}P;rr9*i2G5(!MKN)o!qVQ#y3iURkrOZ=Nn2n} zQl#TM8fSRz2QPAn7SlVSknC<1DKj2pRtw*T+8 zAJ>-e_vm790ND))F-AO_g?B(A1ZoQ81Q6@ASx>iL-!3A064St8AiTWj%jp4|ZEVFp z&C52gj{t-e2sjJf`Y%A7TLJt`i5)fqt7Y{2O_s%eveil*2Olumsxs_Ooz`A-IS?YpL+IOlIxX{6F?5Dn>Z(R5hv*bPfOUY zq`GBWfIw|EP?3sIuF=}PZSW!~6oROatDD6}!wEHGodglFY7a}U0uaWcw~T#^z;)=*~w($i(_Vo5mv4HEHXfKs}`Rh^+0tTTpw0?D(r1|;2GGD9nG zRUqvR5CloaI$n9Y#EG#x$Rwm+JU=|V$OVYZ6{g$)fMg!Znrq$mdE~@}_3#yl+gsa* z8ON7y$qnr$A^Qphe&ufdR#BxKYG2>+UUgo6nRd$9Fni=-2fG8I0%V6#-zxn@NE0;udXdKi6^ON*fZV!4Q1W#PKR19J zAr{u(1usS3^``cW&fkD0(AQrQl zcSe3ZnhC)Z3QcJ3p&cLEXx6oO^WNJyCp>lSRDb8lgR2rTt#Br36$_9(rA^8j7igHM zPrvEfQ?^AF5Z^Q)Qi(ZqLhA`2&Pybr@O`KdNJ0sdO-$?k{T4`%1f1n&z(5G;#{|+j`0$M6#JhrS^SuYO z6Q00@#45-$6gwABKGBT<$$EfTjX;ZuTc8B{J+*3NL=1?-EuC;*(4MTHWUys=GI#;v z$&l>HM=3MqD7%HS%>xpj3Bl!PN@(p!(Di7vam((-wKxYnNkhMewj=Y_lTAIqX`|jA zO)8F-4j$g800QR$cMC%v>qH~wXA8mJH1xTp z=QJ5K6)0-jYs>zy1ZFa~5+CYh^9m$hHfc(C**0;HKd3AN5jKNGybOrKa~zNGqbd-& zAcpPX_ZsePHSA~c(^&c_{h<5@2h$${kZ=yV)u{HSaV;a)Cp`q8kungSEAVE+w#yit z$o(dJI2IsvKRR?>;piN)t4%J7kCffDPuBs_al}#WvNv&)!1e~GIz@8j5@iq zmxX?h1)Rmk3dAfDrB20#

      &HD|9>6Rv=DJE*CM$LPGAh;v`2h1hh~xTu{JS4UkUM z=x!>Z&9vy6*2zNBm4*U@FvGfgwVwepe*qKn|Iko;$G&b*T5~mjpzatnTC1*c{Ck&lT@J z4Z>Xh63}e!(z_;0KTFqX^=<<3Kw3Vc{nM-3z;Ao}gd6Gb-O4>s4o#gpFP zlB%)LAG7YwU3$+-B_J&kxggQ-!%sax*Qr(PD(b&HJJmTv&s||vPvDv@Iz_sJY#l$b z$yhka=#r-szC}+dI?6KAtg$;Jn_~~O!+~^NP4neID4S*%-5%~_4E)0sbhjrfI$Kf* zIGop0%0tvqL-oAOtu*EvcT17T@zB63G!8`G%p>e|s6*Y7G7mdK7D92J9vQ5Lz0Z~W zho(+t6e+hAUrr}VtJsb9qXM~cx3tYCXK}~!43AKC`M0_XBl1Q{KYFLRg-C*^ZjLM( z*XgtNkWs@pxPXAmK~tH(&p@&@u1NeW`LW#z)0}~G|{qkSX#WVc+xb z(09@*kXi6X{B%m}$A z8U;W~=c!M#G5WuwFAmo)n0by-4F0mENJ*)U0>qX8{*v+Nchs_ZB4Hk9;^|>kb=AJz z2CG|-8Dk~gVE*sM7+3i;tD1ncO2LR3cdk~>Q|Obib}a4xWkJQ^UP&%p)Bh1OvCpdQ zs(rh6u+WDcODXDjD)Nmn+g&M)ei-thJYm@U)SGZ24x#DN@_YLG?)1CYa+N?Bf# zGhmhXt7VVf*(GI~wJ#)%9msLplWIq45fTS7A4vPuW8anv>31%|8GaNHSiQrPIH?SY zh%A=~{pP=VyzMIFOl*`c!B2$C6Y1&K@GcVrNj%&Z+}QYto;q zWlvi|SYFHZ8@l9RRDJM00qiUK2B-4|ME1gYnUQn8eFQ-0jbZN*{ADj+=rFQ~SS-oIe8DmHCI0@5g00MgKa(%+sKu z&JhTz4bOtI>)`;>F=L|_J-0=`%m+w7G=b9OEfI~yiQTIQK7yxPKuXFZ&NNU-cT#j3#3EH3h{Bm{PC*y}E)6D*u|ws(dddHSs7Rrp9n zMB094gXrr>wk@V;;RS|`ek?$$8O{NPJafPPx zb%Q8>iycWn9f-$Q95Xf-8f1_M5`d946w4E+qyU>6KBUEh-+@qO?Lx8jZGLl1;%25)uc3#8j-KAYMze`eiRfH80djLU}BiVTe za$^Bt(kU`67F@RT3gpdF;@!O34CK_@-GH<|bR-_WMpc?3AP5D#0tq{xfZX7)Cl`%% zA9m+qj7>iVgaXL5H+syRIFON|RQ*r39)RyFCJ};O?6U)D*<19{eh*~c(9qMv9eWK& z8s5><4aj~6gcOJgj|YB_t6RCZyMdI$Kg(^=|;7>^B+ddj;|=JE85S6Qw5y9-uwo z#b1D2aA>c)@VLg18co`FD65Af;5$2#fb<;W`g~FbGIhflbGyUb@MJ9qBa4%PsPtbA z`_K$;Ni=)@f2b#o1fyhUEi{xaTl8-NvNO_H?807v`0SMB8`U0C=9ygsrFP2JY69ft z{b~$yfgF%uuTPbb2R<>DC!9uQaPkwRfs%OfN;v(z zVhRaJu0VG6P{4Bvs98NBB-lgKI#T|`Vno-!4#fD1oFq2ZG4?L$MmUXBk`wBEOZEdm z<{Jb(g|L*awxZ6wHme!6KPT1Fo^@mr7Ei0^=mMFz?!Bep97y4DEX3?cK;UwCNLL{J z0)#a6kRxRSa_6Q(yG6^0N0Pvw?rrIO7dmbLoCB#n`e4|@G*;@{NwE7>fk4UT zbiOv&gXeY!VwPmEWwlcK3DXjfa7^bZ*Lo|=c|A-oKx}#{wu)rLBf2lWdGQX!lChN6 z9~z{{A-@eh14;W>9lh^ypvp|R&PaZ(Lr zKqyz4;&%v%5T9&_Dw-9CT(RTk#PAqse_U$;V$p{>;d7X!YUAsd^KL-qYu+4)Q0f!9 z&45J3jgz{x5TS`Muq&2SV;IDy8P5gf|%l$~HGedMMtIR)Hi_ zfS0hGi>sESEErsGk?`>Zj)brR>B+n$an4F0Q{8L6N^_6X5d@GSK+aYc3=IF!<$hic z_S!5;EW74xp!qV@uG0$4V1s4ehD@A~>`g}L)=o6Fd#wHKzJ>td0z~L|+yEJz0*G+0 zqnqqr1Dh=3&e%S|syH~Y%5Da3+^2+gUd~v4e)9Ei2l90VG6l*^50_0?V#P>OTdsT_ ze*A%2au-w}gA=Q0O(*9{Q%In3<*+Gr?wp|(Jdwi1@TX5`xf zB=refstfw}0_3y-^G+mn2 zw#HrRwjt1!`9$=H=(vvrg#SAbii_qS_40%qW2gD4N{?zydjeuXK;o@EtF3GDfPAVH z>6OvUwtO0pm(!JiTnBXl(gTRul&<6$BZYUeR&^xH9^nAcj!;|eCY{r{1iB18cT6CP z`{k=7AeTYC1G0lMUpTh;GuO>Oh-)z*-UkWWRXi^YQ(%t~E zsMJ65BQv{uTm5>okQW{`v1Nq50pv9{2E^U?{|LlXPd=MOeXYoV2)>k7@~(sN-Y=bl zW?Sm#jp1(nwyUSpH3G=h@q`^o3wQyfU4TfHx1tUp&51A8CrkUC+EU9O3m%(8|FZEr zbiIHBp$iaoQDlWOhjYP7)B=P!J6yG-g=afzN|39xuQw07P$f^7@R1z)<@1pf2sx0o zC*j6F-1iC+6v%4#cQm||?hDU+hD)hxey=UF=yx1$GATCQeLBJmz~C!DN@tjhwBL+q$M2K zQJzk#N&AhHLR`jKA4YHbOp*o7AG*E!SyW1tl%9i!^bUymEVrCBYuVDqE4dlFoJ>f_ zf`d}RLP=47oAnC3A=m%_AOJ~3K~!A|X7)dIJe=DX-bx8m_^j`MxJI~ouhP<%qu>Q3 zM;dO22F*pe1x;Z|w7o)5#XbRPz*&GeGKMYi*V`|@7Ko=qN-9?}QUVTI3CQk%$QQcc(8ZaJb6~$xsa0E!_QIW7=UnrJg?N+B zZ$B#Q=&*jHJJJj!M7Qbx8AuBt5e8H;QRnIL$YlneK$%GUt=fW1788;4rt}6YeV*q? z+3{LO_7|=|N=}_4##xKFNE>73WIgRdBGOKEBARis7O5n?W$05JkR!YMrH(9k_dxQ` zH%d#**Y?&m4j~~SXTR}Y>F#&DW%FC7JNK+tOC4G8{tRSZ)^CB>WCNVWtKAPF(N)Rg z-3Ua{^YH?!-)e$-jt`G=M~ludAeomEkmD^7p<&0Y?%lg=^w6#=ImY6`S!?As6SGf0 z@P!Z{g;ljPC@61>bpJ;nYQCuYTD7>4=qiAcctx2k`4y(}3YtK`Rle8;k!#@_X%j!45GOv7mdk~|j7uU>J8 z(3e}WcX>aeGRI1&$_a{;pZos@5XcrDwL-wa3+ z5`zA{aSvkCt+oRB@C?ieQdc0M3*i(3$f!WN-W7n(V5zn+17nNx67n_TrT zR0v!xZ{aPF=uBuDiLl*8krcv0pkCO-?<=o^{8NFj&sWP~(W9ppExD)O#aqJSi9BY)w_84Qq;2RyZ&@c?6!Uf&zwTOgJxBF-w-4kREF|AF#Hezx9LPSxOP;$48~6_~-hc=b4NaFWoGcRSdW{7q?xm@m>SzfO%uT6TSSzL#*8&nuA0 zRNoP|lf%CS!VS|!k?_Hn<~QkG#Mgq!hAooZe7%+oNQY?;D*n;;658ttOZn%ozvP8B z57`U1N~w7`>*`I>{On%?kW4Xw?KMW5byIH zK#m0DIw7DU;Vw!J*C}6kSX2H?Iuys>`Kl?{*P{NQ&6uD$zVe58F^d=8?|`gAf=Aup zqLlneX$QBj+Z}vY(r@HM^v6)nqEd6Oms$QV%@793>CkZ{&Y!%H@!Zza1=V3q$4(l0 zybQ=oPL|)O=i&P)IBi!ToE+<*q~Q*0(cCCXce)Oq=cbEt$^J#z9mtV^ECX_L0CPTR z+7}F7TT?4VYrw4+_qfgQgf2=C^vnjPi=roeT0W0YPe79U`-M9^p>-LO=_#nRV~C#> z&&&IV=JYv>AQMYj7`hI4)S{o+-PWCdu%vu!Sp}ew)u+zyKm#92$o#YlzZV>`=BbFf zZ}Jsa2#=E_1k?qgxPJxW?&>o=XsqQSU0}(F5jrEkjiOn7IZPaJiB^nv_PlvwkG zO5Haa>5B2d+drkt5_#ZhUaaX&vFRn9=qWo$25-5KRDpcQ9gME7yk-8+>@2A>J*7}| zu{ce`T;!}~dVKbB-=$!BX)Ehb$sy*OS0G6~%9UZoC}9b1GXEB|3$SL!jn zTKX#(Vgd4nhFlFk*e4Ux3lnTW>JuxEfbP{_pAs*gBEUI4s)B2!W2@T2rgtBlcY9ud z{4%Zo>W_F6sZH;_{+LmVHh1in+r;=?lGPWXma&2j5snS?dkIbZi@Ai9O5#q35^ETJ!@`RX$P^0m%gY2-0!Fnih< z0oAP0r5#)0Eu-F4|Ehp|WT2jVzLYHr842@?vkCEykemS0b*|%A%oCXH(>p)ysBZq! z5Ff4&KJwxgOrD)?qjJ?(CjI36E6TD-f?M|F$nuSlOzI5Cp+I&Wx98^j3QTVPG%W*R z7|or=rIbTc9maNu-=GUE-vC+OzoB%CK`h8FLh@jHZor<|p3h2(#+w&zM%XSuCOl0d zG#`*Fj@nh&e9uzf2>`gf0(q{(VFYZ&IuT!en#PtgH&6ak6VvJ8HBoC52yqOErRV0M zW#6TWZQ9x{d)5h%PhMrc;Jz`3rdYOOvP_lMh60F8wtre;y5&2D0BP3jJoiL;Zbnt> zixX0rozv%|uv$Lj0<77MYwygVIaD@14WwtgjQqoZ?B=J;)$UUyj5KVjH%T}fV_z8y z*qsH_<{yi#pY`_B7qEN=0nnv>;|)^@?Q*S7PrqQO(@tC+Ayb}a+y#h6*x|~t{rvQq zARCaOUXZCa3d&2FBTd7jfKR6!>JHcEjZj8Xy|Ot-)9Gos2W#6iZ>8Q58wRhB#f$z^(CTdBfaZz=&l*r zj_hoCV`)9-aAxIA7ghfjpIb)Hq>Z#&f2pWQ%M$9iE8|XlMA_;VleGELS^c+B{PU?* zN899=^Sw0`)YXm*POH%BlYUK2JIQn1wp{la3Su7kWdlVFA>YmWZG6@LyM2%Vp_eE6 zf95qmjH(l0Tz*px8>MbXr1-qixtK7U^p}ToeoOE`)@vIx)@l6GJR71%f|7n(rDtVgE7G-O8)k=1RKn%5dHAQlV!cB?8Kj+==?x!!mx(_YPyknz*$l6P5eseT3y3gig; zPs(&dfHd@lPfdphkb9`0ntLgHnxgp~QCr^fdJ<^EaAQW0ptB~-vA9X2F!ZkhDQkem zho8*$OERD47b`jYn;HDdXD=XgGhJ~IzF<|?Ew8cB&Yk|1Y~bcCSfAXlEmKx8AU&_j z9&B#$FKj4h)_pI&Wud-y)&wFq9Tt8PFALm>VHZjdpf+Mzz?`>^84LSH>9USv7?4Dv zCsaR9o!Er9llzut24hGHm8Ssd0MbJx#uWzUy3r0BukEoXwi3Yaq+OWlrL@{_*}gCh z9GP4EY0nl%hnR2qv@LVO?`^r}*KG!5mq(edDhEzr8m19x6svkG9*XIXn<9?90MR|J zgFCvp#h*h{xMoNO^l!xWW)#*PZYPk>oh^fr!%r*odUJfNtP=mkq8bO@-m0xh`~Gq! zejl=%@Zo26bBjMMg-fpeDAb^ih6?av8z+z^!cH1T_k{*@w2aT*1i2fZ3#EM zTI|1dbEarYJd~F$_&i*Aj5%7&>Y5)QeY;R`iXBmAlsKB+a25!=wTEQ`G{W~7ap0ne@}>bkp}+>~9r z?gmIxAeM{Xz551dF1fK|3CM@~H{WT>6$Ptp;00dp7oEIo*ygJ#j8$*Sp)Fp4umh2I z3=#7D7H6ThC3#YTyxjQbXoS*@j#~6cFn?Wh+3GP6Z9HPb3}VnX&pazKqhm{mxVM) zg*t6}VW@XQ(kD|&g6<#H92ygq$!7MPhE`QYMeGQ&(M>@&v}pSrM{SdP+dhHN6$tk) zN#Ulx7>m>Rc1ZRa=FIsj{>V2y$|Xp-D2`f_rDu#*3LuiPwR)nu$^UdrAiWqw1M+K3 zpK^r#+A*DtC1&r2WQI2+tDZm8O~nfIvT%O&9Zg~Fel37tV_N1ctdjpf#*geXl^4AV z5c-AP$PsFGc)#QGv9NeF{n1ew|E8)ZeoXx&tEbB5SgyTa$g#NyP}X{IpNT5s%>D{Ub;`(Atb2 znC?*;B{#4oL8j0%@Og z6bE%^jQ2@9TolBudv;p2{dKo@DKdxjU{CCcP0K(mzz~2qu{e+6yX zkYB;?_&yt9am>)eksOk;l|Q+hO>@Md?-n3AcHM8QF{km5KtPDa?DVUjIY}X&2p!V} zv&Au(_fQ`tvJ`~tQ+ZkwK2XrI1xVN5J;+)0-?PkDlx$_LMawZm-PV8YXNq$)HgEga zYp_UP(j=q~_$U{zF|}}R|3^4|FME@zQGNr&qLPJ7bsF_+3)id`7lvboy41f8r8g4( z)7AR5kLmsn5WFL>3d?zUJ-zVxrl`$Y!&9n2h-0F4slzLBAp8!9Q!>PBlz_xJNavmfC_vic|E2-C?Boxh>DjniXx9d0+E)#to>8lGt~~?snZ>DiaP^;t6SM#!;L~%}2{s@ph`0c8Qf6@da(_Qzz^%M= z?u*}ENRoXaI9s)6(vxi|G1#h|)bsrcq(gq>;>F!DAaL~#z7}tTW`y{1wy4A-Q-}4J z_MLX5r!Z}JHX{|cm+P9OtzJ{T-{wMhg4m1Z+T!NqPuv5Uq4|s8&+5icol76D6D_jz z^Xw50Ag7B#OpAk)q@;+tUzsULKvvC_fe?G5^G`r%dW|1@iD4yD6{R(0-Mv`Lh8U2s zrR7IXj1_$}!z)x8vT!Xx`U*6FU|HsEmeIlOGqB?J>&T|~MFmZ{>EZmk#1ROd{H!{L zj2N$UmS<2BG$h_zfRGY%2V}SNH?m%Ql<76nmxksIM7*@vR9YQR<``iu`EHTU*tw*f z676{>iu{*d@7ledSGWN}R@Y<6q#P6E1c_-Gs*PMI?X>^%}o9`C8A}GJPCV*3}(PX=l!?#%Z;k%?Lh_MbGi0 z(-3N@S0KzcytDbycOnu%WP*hDAM@75-J|Jhwa@(}JcL&{2|Y)0d1_t&`0RPOhucw{@v{~3Fmp~>6A9H;E zC&{=gGV`BC0z$kLcQE zC|YuJif^;=;-73(`7{H0>8CyyKV%o>6=Z$0$@(5XsR{a`DkUFrTxP-HSX_%8Y#xxb zB=Ab`Gk{n%8r`&u7VhcW6cPH)E3sc;?{5i4R7Aibd-AKq-};fQAr#0Z%kkhhj2!}J z!;yiQJKq2Vo{@*I%M5G*@{)%Bld>bzLlIdYIynORC^aZR{*p&_2#*S=rbG^U7zx)x z{@D;Y2axCmpRqz8nPGYZWS_F$`p@TZb2hz_k6pFdNXwJk0_5j&{$qXSVOXOw5N^qC z#eH`YnrZKgbsqq7=#P}*sk{|H4tY)3E(EC#I zvI~9AN>7fY(4|lXa&XL50LU;PU5NEe4sN^wGTq-f@%ClDmOLTwGW1g`%i>eA3#A>5 z%4}fDhrT;PffQHUyyAOTZwILXq;tw~+5HAYEnHpkbOS`a#&{#BH1sluui@BFP7mDr zKmdp=2za5<4OU2e~ZPb(VdA z+=}4y3L>L;*q5&ar0JFO^pku$zY?HM4nbv9fi(8Wtf$Kjh)7>Htr>`ZiU%fMqdcO9 z3kHA9wB4Lj2y{=c*4TIV}mjx)vAg)2XMJQxF{V2FP6e(`|#-(Dt(fpEW`i%}r>b0O{PRp_R}w*`6}Z^m{Uk=cPKkSn`vz^3x+myF_|b#-0c@;Q%2ptj6M5MRd2#WFTh*6{h=k}Qd!DroH_L&1Dr4cj^DfVX)IIuGnoj{i zN|+9ISqUJoUz_DM$j91MXP|YRqF&>!4<76B-{OCfPO|63asl#TKxhK71rnh}o=`U+ zO`9jL2Pte0gVTzUn6Zb1&}x;X58RkpIq=a9NIU#pZm;XUPAIKW{XPdWFa0ziZOT&D zZkrctDpeUPTxtWd-vNQNlY75w)!qHVM%(kZ}vd%;8>u> zJoWUhFDd_Idq(v`^caaQt8O@DAk+JOq2EyX-7LJTgB*W4TvGZ-7wH zaa@4xMw+Ctr!;)9F8liVg!a|IFO`;o{II>CfHagO_`jQ)^~1Q!Iuk$|yNj5D+sD;i zpSuE1$vayX)hm#0-^7o9{qy%HOov_)61G|(O2nx1+vLTs*%e|&Ol{E|6gBI^+$5_5 z%>zhJ+8o)_g-QV;V2XRc0MY8FVmVaNVncv0jZmgfOrlqOzo-!uO>+L0_iw5hscz%b z(x~KdMg?LbaYUsm>f;R%4-f!118Jzf$)ecq?-=2c4m30zp_6v=5f>nq{(JS1^pWv4p7O>GbJXlTjgm~zCsNhX zlA|e8m5gif>=bc2S$ETSSHfOOs%kSt3qZQtLr&v-VD8JxzOnB3=kHl1(;|{HvC4uf zH6sJ=?3XCyiK6&gV}l!9JkTlPr#X!T>ujE$h-l-a>;Qy35@u*@l@Q8?>)32Oj+AmS z1+qJbhc@h|%!8PPllO9Ti5kT^L?rJ?kjBBv!+b5mGo41`u7t@y>-L1fD50>s{= z11ABR5Y{y6?GS4bl5cY()gDq7z6=B$u*26H)}dtmbG88Do{imY@_|v+oW!1x7a(1d zvhHQMZ6Xeh!OG+2hRZHee@o1Gm_1yaM%?0TAqnqYAN(m>k~B_0+}E@lO+Gp*)F-5s zmiIsyK=#NUrCR1iWTx*Q*+N=)MTDetvP4njkn)3AV-b>F*>-0{BL;-H7(S@6>K|@; zqMMr;K*k-A?z!z1NH=HX=dZuyr2`O>zIwk}b_Q`TI47ygNbaP{dfg5nol{`R9(tsR zix~-4Avk*O1?0G}*6Bcw3dHSz3&Rc}nH*ES-=IZLJex>+r06uVlEyNS7C=I5v-It( zj5Xc^F?l#WfxiGbV3}QklSjYp%xXRQPd+!cy+a1LEAl^LTmnc4iZcY&oSX9eVPpbb z1wycYR_pMZtP1fO&-~~(i9+6Ug028*@~JKu0S0#M(Nzli7&Fu{1(1FdLcxtc%*(OT zE07(Eq6fpaP!77y8lA46o?_X>O1Ap;WiN?@(L&aD@91Gb;LY{`LI`Rr(-O1o^%X5H zK(tr?03>B|v`PzJJ6 zx>(^cTTzo}J3*Wm^Ir0aq}O{wP>!1$c_h_)cpqFvL@u*EVgm>%5R)A%`yYUG+n(2+ zVbqu2?8q$hWLbt8M-G+E3Zg+9bg^)1`APgYcOg0Cy7(~`-^6tGX ztlo91fG~EeIT1JS)NILw(0nHtHXxKAAou844W`Fm=~?csxjReEpq)G90m(1DffuKFc<#@$ZkMigTmM zFK4qp7MpKCx?Np2Fp&+=R7kY@LnaUSD40Tcjew{Kg6uw>v;?H*P;ygwO4AijcB8b$ z>>51uSZk+a4^@P&Fd)xXHY<4`iWtcUl490$L~ILMEL-B<_63NI(O>~`8uVD~xHG%> zx2#Z`JFcM46k&^(u-jP?&p`4N!J;sSq1@oVX=5p>K@!sS6#)p+6;{daK-3xa=lO+M zr&j;~AOJ~3K~%clwewncQQ{AMR6GQ#bsL#{K8Hhr_#QSCrrM;iF_#Na4BB)8H z+k_W~JWg>SPxRTQ%^ziI8DX81<#l&caC)((K#m27-EH@%oXq|a^Roj=(rw*#OzbNV zN>Mk1Vpd#4(jwUP6UdAP z=JNu?7yfNW@kt8s0OF^1a4lB4?m8y+773xweehb&7JTI<$AFMng(Gx6$XL{ZeKR1^ z1Rkc@>{iOWRfuR@d=%3QD5OJVp{HED+li$-XYUylm-SO??^y$Q?dY}Cugz{sVUNKGqOXzhoRFs@{VMHkl$1FsTgELhg#*63`l2xlW>bWQgX!)v0azrL$=tK z6g3`UD4dlOW=Lwp1rKK~pO?_aE~%km48NNI%T?UF0MR76F&st9t6H#5;x#^GdtSL4 zy_-{)fE2Q{jQ`B;0bsD%n7>!j1|AIYzI zPu+$fDI%+*#d94GR#zULCwt1Pb1kE376r!IYW)A2137^Yx9-VlD^IXcMtsq93wL^WYvCNRAhD>$bs{Ohp9} znJt4Xdue081`~IUPnA7aS=ZbshT|x+tu~x$5t|c!HWTRFClyFKqq}eju|+agAe4S- zWq1~nOeY_ugBDqr5rlMH5+fek?b+9Uf>Cpy99DUWl?C+%@b8ACc;+6gq#C5Y704p% z8=DVsnz}CC>_Cp}YZDi>Z~@XYB_loJ`esOuN?2Ri=E+7^1(NAB9kK_@Q|)Ggs2|Dw zb!II6=B(8$uW99xA3DC>*T;Z3OSeiT9+zkpNFH4*>L8O2s$K`{&89HIYgA@Dm%#-P zb5L;Z+3*;+eiC2HkuI>_N`CUwz%4+cao;CH`*t_|Ura!Ql{}IqXdHZa3q+z=t$g|i zMakUl3%utG7G-SDLbi)~@ozE70H!)y(!Qv(7a$1Ioeyt;4Ag&OU+>iN&6Z?c|70Mc z!(8Vz5K&;~`Vxvo`@*z1km=13n-ZzXr32MN3HX+i1_a!)PSZGb zdDDx9s9X`pYv>s1$fPKr%U`?54G69D?xCF1iT#FL!kG(1XC>dthsyb)cW>f8Mo@nS z#79x6n(*Llp>t50|#sa*|bgLMF<447|8hQi4;;xdOpOS=>}1C>Lc{or^{; zKny!w+VWIMIh9&7U0HoDhxG(KYZ*pOb;U9Q_RtrJ=YFLHhIl`DVSMN1&sPRUct6lol~! zdp|Q8o~EP>q`%d^P+MiQ#%cg%NOC8ndd~Ydt$DoCEQv1{E&k^m00PTfZ0{|`2Ai#9 zgfG5K@W){_oSVNCrUDVFG6O9E(oJ!8G-96VXsO0kuXL2Pp*y8K{gOm@yZAC8`Gbon zPfwr%Q49$P@xK&fArFcC*_Kl5oO$Q-h#`Hj&YHLg79f4;$;g4UdgjGri*H4h`djJF z1uSG1;E`TEun;g1qUHp#hk%=4r#0fH1&Ha=>z(%{Z?Ze@8uu^f9SnXy zjS3w(*|8@$Yvfz+fW&a^YbUR7d>j?Xzlg{hHleKM=3wx9)cfS0FZhzXIu=-D>Hajxd_hfFU_P@5{wl z&g(6$Ei2Cb1bkZWt_a8S`$KMk=z@wB2sv$AMC`iE$+`CkH}+pdeTk*H$ljAP>&;f7 z*o*kB8$ym1NUuPG<*Q~?hiAiy1<1dIRM+#-V%Z%&A{>`QEE*=R#TR2m8>0a6&!v~` zjf)hz^YBpb&;BA;?JFb&uRVUii;}#cBZBXL!BJ;+ zYiLISfc+gFDcaEF!vzOw2q3na?FPuo58|SX;JX0wZ=6+EIe4$j&z8yZlu2ZohBbXD zwA6gQ1#-!5*d|EGj2#}75&yZ=BwmU1@mH(xV0<{0J9~1rCNKLHNV^AeF>++_2)Pq+ zTo*Uo0;%njQyS8>I~-pV9qSEL(LAcC#3fc$)BP8&KrS8qw0LCqu;<9jK}sn~e*u#8 zgBuX3LwY`OUQ0GbeWnz6$Do8G$dv-ET-@bdq$-dmtAx_t-oGLN+LAQY*Pko5PWk?O}&V`-jzyU&Ptk?Ofl~ zkvh$R4EV}z$z?e&tja>13X-!=i+sXu+`?sY`nFpj+T4Rn)_1h@hQi%RCH>C1e#YhRk0EZ$!B&uN+p{ zAL#E0@J*=Xe)rl&=zt_7f$fUkmbOBnF}Xr~@#2kaV;DESnl(~SVx}EjGU_!kAejQM z>M!0KA5+$aY?1ziRxmf{aL6;ApIjPh-v3D>uxT8cF=-1AV=lmeB+sl^wcf%pWnFCh zfyi(M?tze8k@forR{+zrW>=8n9WNCyJUhdKUWLcq6xS8tU~6T3*v2b40s|oBRH7MI z3ErKv3TGd)^n+r&1+2xT(jnq_=PfCTrHmV4c(v79N~$r`pdLZ3TbVBq#(wYxa)TtS zg$#otuW0~lrNKVd#9q9%tNNU2tGX@E$2-lHbrfuRxRutnV6TY&Jzm*@l$wZJbs*H>1~db- z1;S2af~h7I7rq5p8HYKA^;bnNgy6?U<(e#YCS0Ivi z$;z6N-fBruk=gUdfGAR3O%fD{zN4U!CP!!`}o5molPnJei)((oFm;=CNNf;i$4 z){4~NUr%Zoj#9t0b(X}eL@st3|j@n#VIlw>C+*K+H@|rR<4Go|281^Jl9U^ zFHPB!wjZeToQE=^A=LzAeP$QIr}sCA?@vI25r%MG+EyUR zK|k<60Lg86irRJ&YV`4Oo12&<1rvaf08v4w-vYs4(c=~HN_Aee3K0kykP(akH6=L9 z+n{~imh(I$DOQoU)IvH(h5iE&bh^ec61J@zPiWO$DQM7ZZ=?j;89u#qVux8=Lx;TC zG=fn9Ogs^_)G;PmbP~3$K!6uD!PS5~b}daz6MRMr$76|Wt&Bh{uTc=0Th1tlQp~2D zS|fy3(QWb7@w@?2q8Pob(^dyk;22s|GoOZ(6l{3~Vz&t;xdPfYx7V2=X^0je$yYvw zqP7{!vjLLB9OqjN6I}45-vHs9nJgL9(Du;d)KCTzU!{>}@z&hsK+HlBtYg1kfS4qf z0Hg}*Fu-hbRv>XscPB`)eE|qHXi;)|q!z9;Q`ylD*bbSahGTX-u(m>+*Q#dl)cw#d z$=a-Y3eO9WV}C!U(6IXIn=G%I;Ci)H%@s&CqI%UnYNr6C z7)cqDC9!dPb23w_?GSk8tGO4E9Z0exo^F7L9w?0_D|IG~3Z!4PPXMO?WLyH7tjS$Y z;N5A8P47uC>aNq;;%z{DFlEuk+aTjcsdG<7AmggtkUSAca+-Y&F|I>|V6oXU!Cb(~ zN{iKj6l?WSsE0Fx#$16^1R^sPt*zQ+0Lv1~@d;cGq#DN?iXo56UmgdNtyKx5bd@bm z15IWcQ>z>%>e&f02&xI{MWqdY0>qq&IKc&yVOonosvYK*p98N%jl2Vp(lEERVbEHF zU#}^Iu&xj%xCq3)*BJ;)5Vg6gg;Fb!Bpd;dO)8s=Lj>@WmNbt(DVMv%A_9>YWjYY| z)k~bRWrYhfMErHPToK-Ml7;Resie_I9zIwB%jH0B%d|io z5joYOUGF+5$2Sauevks$nXQnLV3G`kmkvmXhnl!+eFl=7ccB7VWQ#(3Afmgpr2D7E zfDoQ%YdwJI?oQ2L7?61vF7g!w#(=1a3qU5>GVOOA)C21?0KhkP6A`p2i#tB%cA-r( z5N%+?N6>!*(s@(Q*nmv3b%t+I#g|D0)_rax76_8q)qBu8vCaYnyHx!LT7gg#XC*jC z^R>8RhL%lp^RzBxl5>$FL0L7>HBz{dl~y3w`W;zroTAhJF_YjhRQkvyjob#nyckVafIQ@nmfL!1+Art!Ll!SM( zWJzk$wMSf4clJVRYXTBYc5RChdtDBfGKNFVv$sjsfPObk6WQt&`=Uw3DmMeUK@_2P z%y*<7BNBT`BesWi6Q21sfjN>o3q z`yh}ha}|sW01;X1TR1c)=afew{y?cpk%E635X1GQSssk1pL;ei2D`SDE!(S zfH*TQLsF-28X`@(CHBS--x4xEp)68Ewxcw~I4%f!ta+SlalLnJ!@wvd00C=4Nb!rM z#BycF`;32B)Eec8-uSVVH0M15GfJdj9ohcUe4QSvT3rf2Kw&TY7+1+d>V4Zuj~oxK zKg124ku(#Fj8X%T0mwR(7za*^Eg?hh3vO_Z&yb%U3sV(VCfMrspryz!bVjt+f&(UQ z<0oOO@@3<+jnX@-_|J?$fSjF!ucXxYy)=4={iSZE`?3BUWgL(i{$R-l$4(|-&a9@g zGX+>7-*;Z9Q&^+(bt70zF#*fYs0gb2vjW*8xB%wh*VaagZ}gSM$62WMkVi_G@i4 zT8WkA3^J_WOY?ptBSF9cl&niG#{|RxSdGnez+YiM8Z|b^eZSVLjokssa0P}eZXC6+ ztS%{tTUV#qrh1)VJ7!`r8i(85#Y0JBo6`yeg(enKa_|E*cFrcPs|VF`?pc9Mta=p+ z)%;rl|0s#ma@5`Qtw$IL+<5LQHK|3DK>k(AwPt&nZL!@o06A7f|Z14CjiRj#Hk*LNtfd*1D`<{l`vg1`q9#2}0tc_!l zUqQE=uqw3IiJZrBk<0>jvpCaTZ4Yn&ev*LH@Qz4;|%k)cuCriwK5y%eOA zkl&o0dZ=3?@ZimNAPjr_41htq3%9y`Xe*zxGiAtu?eWsViDPN7cSAfPt7(0NdZ_zE zvlYDgqFlN@dm;NMZveEQ)ISE~aUgLleMn-9qg2>cqak7*p>B}v=;TEpQ~%`n@u2`w zdH<6xZ0M5F#IUL9hVm))SAXz)*l&a(^jV|bi9jaf>S6Odqt2^U7{JRmaR(xv*TSv0 z5osr}zka@}eh;h)v^1$}X}AVFb&qT5jPR(CZ)kDDLvkS1T*!rAd-!{r&s^qk8tGxs z58@eRZBl^@QdNIp85gS$3#E4_s#@rsE&;{zmG_j#Sn4c5sJX5;t=;31g1*#jKZ~*p z4z3qAfeR3pe@8Muue|8gb=!*lOxY{VXFBmb1z*Ds9^ticbG6c7ZE_jrsx3w!+#8O> zdS?WMg~OtPKz3GEYRzMHwHBNzaiKXLNtPR#2^x@%0D)@~&ybuIJ@Hq_ji9jbwgm@5 z8_Hg7)*jM{r2Y5XIB<&291r9J7Ev`Iw4v!YMOD|hN(7h`M4%( z_LFP>{QlQ>MXK?L<^xtyEs8GfV4AP9x-P=Yksx16Vx+1X-GW=#x}}Owm7@($wTTDa zezf+#aaq%Ngmgo}MpQcxQ;)I$VV=(jG5mmM-H78V56zO8B)eeqYwMw0@QK8!|NHeN zSU;6%jz@|K$0|FenO)eLmc-SuHx(8-~H#W?@f(O8B1>kP7a+mc%mi2=~f1hYcVY2KJX2U}Fp0 zuiN+e%7>Q(iXW{(17q!LCYhUTANj>V#vdB}aYzs?@iX3%+oIMaJ%Q8K65PH?mX2K- zyRD3Fvi*_J$XqFiIuF1vIq;1S=J9;3D%rp4Rdq-J2)ly)_-2XD3%vkQZDJq>H-Wpd zAxD85%Y?D@?WG$pRvKPbAPo$(hpz=lb#{>1iSbv-(m;U*5R1f;cw3n2YyL1`0c-&y zX^Qk8IqN2_ z=t{!SI2)fiqYXoQ&OpdMwkcU*jNX9g33h(9)?>j1pLYSf0zG*0+wIdxFW;K@2FDnW zn};Q?LIfa~+TEmNrMxG$vN9&untcJ3jNpG{_#gL4o91h~o(2+Y3GDu1+Le#Xh-W6Y|$ zjWSCmr#RiYasiMGK)R9?-eoFJR!HioAcOu}d{_9P1?#-w@H4WnJ?Sq=&f7|iQ)jw5 zX)z)OQq)7~<-53zhx>6Q&PUYdq*wz|m=uk>ns{fxaXTMrjkKiN>1pvmcBwHqKmB-%aL{b9c$c~0LK3pBQyf&3$0%h3!*nPi-xhsQUQk6rrb_ds$V zy9k6Vq1^#R&L@{qqwO+kIgoC)zE1UxXFS;k&w&a3ha!vC#FUVuaMiZZ_)i8zNF@iN zVUSZ386zN3)Lc7|Uwo>&@oW)SAei=~z~>Y!+K{~KNNN)I2oRsb(?kuVf&%r7K-_AH z{pH<36@l#BjA>PA0y4ekVN)a>b#t$2P$-^kqz0W4-IR(z{`RZBv0XYiL30n`8jKv9 zn>M+v6n{2*)q{50>pUW>(3NL)4bvsL7SnqK-xE@QUV!|~bPgKn86Fc!VTFVra5w{b zNESlinXB(WNIa6;6DMrpL#@ykfx2XK79c;E{BYy@{wD=ecO832Ae!Q|bqpPnv+b9t zx$6OlIn%bR8+c#Zk*jY7^209@`^&q707%|-?3CiTjq)tV$8r37bMNZiG$o}#G)|v@ z#J~)8J2Z6{%V_r>zewyaXX60~wU-?5vL)7o-_1_a6-W~xS+i5Nv_flD`Fr7?tUyY$ zP`8==`Ll5}n7TFIy^U)U2g34~4W}Qe`5gZi^+@pN1|Ywz zirU{}^wJlU%5LeXvnUBSWz6yyfqUW)JOm}%Qeje0h&)M}=Zda;CmgQ`%)tExa?Y8U_aXgeUtl>^cF zZpuM%lQ;^y`egzlnUWhW*Zp<}&;SekXhc~WPVF+0Y=JD=9^+2X_3`DzliT{FK!&T0 z1AhDEilZU~xTF3_0;K-{`}_Ccnq&4ENSPRM*T~xiAHN?D>ONbG#Fg&$%u~4sRJQ-| z+~Hv=j~Zb#TR#S8ykb@QEsE8b17}7mA`m>_SRHenSxJ&EtPdb~wkXfGBgeFj;OFQj z0wAF6|BMEXF@2PN)9B+)(Cqz5A2P2O{%F?Brz}JSg472Pcrqz$|B!avDi%yyxspsk zTGA!4w)Utn7G#Lv{52oI@9t3DmS=vsuwm>F_Hv7v9zaI7x|00d07+tt7W+%yiaMhS zIi>a~ld2<~F&N>JS}f>#%XiY|hS5_O%9Vttb_T-go>T-@`zeg|;iK0}^jGIgPfujLF<6SCU_YG6U&jB1>XvN8dAkCd*TwQww6UEC$v+kg3O}=h!hU zOL|rXQu+Z?k{2M%4e-Pbwz*7KTrGNz;q)!cZ-B&BX5Z%W&)nQnj7~Hq*#V*18?h$R zZw?HX9Jmhz97xuM7%4#n*XK7wrmKq2X+Di9$qYo+_KG$g3r%D#yB7ce5dn-5bMALZ zL_t))7kBE6+=uhofE13~5u%p`hwA&;)bdFb+qp3%Q6OYVl;S`ZKIb7?9NZCLB>Ndg ztXNLGhy%MLyL*_B`Mr_@E09h9-vlHLtH?02wzBBNglr8t2Il~eB9O8N0$=y5c0P3# z@Hod&l`RKS42X^UsuL7`;(*A4A4O)cujv(tQ+<2<2r01)Kt}s2TR#^d*|c&q;|AHn zY3oRQyVS5PF6KCd$&w8d5a=&7c@J#9xRls!YlKY)1pNC5LiWjV=#nDzB2 z&0L^_r*dmzl@v%n&$9L1fTRtORY~kXNU2sQYu$U|nWl4@198#@#5BY^$-bRJj96r} zHi>NYad{$;ia-`6vD5?Yj-Jq~5DO{0nsZHTMPF&+9pj2*B$ARjI7JR$B3s>PJ({3n z;d&6rq9l4C&c6g_jdPEM^vk^m0!%R#Kjlc&A+z8hg$v>NW zDC(CkK(up~$^EdybxmFL=KlKce+BB1by;@?vV^<4wlaS6LCoPKDaRq?0U)`>zuqP( zfiV=EOiJ;j&>5TjMYtl6dF5)GUn%x2C`pv9q-S1$ygVbW7q*bONeX31rpbi!LL&=f z!ZoEhLWW&|Ol|qkpd_+Jo(xFZ1IeMGbzKJL+hW@@>@pYSH0)h|0WzukE}4oyY0?<` zG!JD3G8&6}0;Xa&wq;g;%-4@KV5`{MJ;cX1AV6)S*HfoWIl~8k*r!eGE096XMxNTH zkPxcobAHKNUofPgTisTRD<;ZPCe|ZwQ{;$O+&Dm}B$oDDfrJ2gzXGY=?_-g&Oq-Wm z9%3M(B@`#lg>o@8f%yPRc?wEW4e$bFXekmHe}g2b_bWalY>y#KboWrgv}6Vn#(Lg~ z)@EE!o9u{wdTbC9HKSbrai>HsI?i~jSr$U#GkRqkl70o>hge>KAfI)CHvN>CAyh3Z z5Qw4gNran_$pY{@()`b%jry!^Ha) zR|`6i6`%W*Z@Wlpx9$mu|2UzsLGNtyl-c>CSXC0Ge*}bUNIT0;j-(C<&cX0C9Xc3K zbE{wvrZpg7=$fajp|xgCYJ)2!b*&eE2I6R1RL`@SheCR0yfeZts^js7swHB8`@>gG zZX~-J&>%|8*g~(N$#QO6@;5r_yI4EOp0V4Qw1Pk9n_v~fh0Vq2_RV>mzyF!04Wpq z-soT^>B60tOXK?SwiIrp`M`is2#_n1e47VGcTS#sYBGtD#?$xPh*FDZpjF;N6kn+= zJodPLpgG2f<6I&gM$R%tk{^M1OT~fQqVWP`t7Ee4J00+^k_bg0@*+ewI)`{Mk7)_I zN#i3dpijUSAbwJ1{ttmnMyt(h6yl+TwvjV_)usyOL&QnA(+mJv2 z{&dzVRvbq@0`WUO90;$)7PC8n06$2FTNx)#6(8?HR;=M_G0GlAj#xxn>wDvG9`!1o znW~}!;Y`OV9DV}A4CvqwpREd)j zNH!4YWN>)ClF=Y>3Tm|b>c;W5CFUbH%{z!;+yGH}zXPI!NeJW)Kzz>Kgl8JIIlIYE zNPIRI)%WiG-mXcs2O@{^Z-6M^{01bk4SNd)29S!UW+3h}>XTw+QW>V)@6DIc)GFr) zS$ZouOs3}&~Lw^b+Oo`&3j4;B0u;oe2QP{`d zcB)*QUV_PCuGmJOWYH4kI(y|Rf9Vf_peU%vIKl`4LSlImCePdump34(DR}q#TD0JY zOdpRsw$&?3rz*YQ1Ih5`Y1$J-fs_!3n&xWHz5&rp!7bO?G)R8sAy&7}uI{5>Z|Cp# zKq~xEd)IGiCIy0OvSh5^far{`*=2KXz{@!#t#L!lM9vb_{v#lI=b!-@1a4KhVtv+6 zxQL&hf!xB%pm^d9*7ofS$k`+iDT-m>pIixV+bIpQk53?HTTGp$WKBN`jQCApW$=~FN5vEs(@$+Kw*ibPa&t|zaqdqt zAadn_cZuW%j`!100y2=4LU!U&V7WsPcSS?^JI)%L2e&y87u4I&oO1so3623IS*jGS zY)V5@hUTpp5WRT_kzB@rt!~y~w!{Kf141+YO-@+dNElyZj5}gvQNCat(qh7FTx?)4 zbjry9M6X7t0+w_2TbHb?f%0QZPYK(xeA5QVZ9u|;m|T9byLM<>AlF!O^EqDSCF4mZ z227DPI}VO#-aowbCP0b&eQO zbop29{P6mvM2BU}kwZ|)Y{mH=p^$xZtkfpp$0YhQ5Sv9V4inVx7$E&(kP6S@GGkAl z0)a7(PsxbOSfeF0b!ahiVt2rJ&O913nAYkD>0P(rRFRtE_0j23!*Ep~xOX3=Zb?ok5_K*mL{TbZjiXpPfDe#b2U z5u{Fi3xooBg4Uo5bRW<-om$(>t|0*Md1+n}@S$Y#3213VBAsGDvY!43Bsu@a3bhuF z*7Jb2sqMx&$`&(stTzq9P?CIDtu9-a@>Lv2S*mV;Oa?0a)Gnx}Zlm|Z3y>&V4CKKi z4m1GdGtl~ytz>ue(gNgzl90-=A3EWuK7QoXj)mEV+FWdoaUf8x18(2*3YNDJ`e(O} zqg~JuJ-@c8C83w%%-c_%+d7B?DA_`8EU33Lka0_t8$PcPou}~>hC_$kfF#5D0SHc- zqa3Ikq%PmaDSO`Wxih+cOV=CGxiNmMvRdJBB0kYV91X9|hMGrnW%LHO@qDHCg zfdnNXI1%373lKHv=R>^v(0ZML;0f{&ftMO02GwU0B6@lucYs`QP#1|@;>ZnzDjg0lh)FQh1cY-uULVUwl8%ui?Z>f$jxGr&e8Hiq~+(^rdw7UMB~_up{2c-W`MI_=ey;0q0 ziOv&8>k|nlBYNlU5?d|WU%LtQnfxr8I@WU!sfjP&l(BmTvMLEX@F9t@8MiElk09@& zB3D>Fw?!KU!jDW%tn5S8$55muulS3ca3N{(wBT(4vMLE*9ODt1FR}-?iYBU!rs4ln zjPFy!1j{AWWy4o$rt0(ZnfG57RwZK08z4(YK?3X;k1VofKCMn{jD&6EHPuiM#eQ9` z>|?G@HXM5;smdA8&t(H-ku5(SNDjh#B-7x^)(W9UX^>zUazqgN#^DGpS#NN6 z8!qx$(aR)TW57wT4U9vvd=13x2WK^v7pTzz+zRC6{~odHaGYy=J;|2gO0rLg*C@n^ znmSuzgMJiAPUCjzF^t)(+{atz8agAEW^?#Zl7r{EvuUI;D~X30CR_T~f!Hgnkzaeg zT%8b3<3{rFq@yiom=y@4bw(`BWo<}R^NC2cb_>%0;C?0=GazwT=;PHC@HW@#e)QS~FY{{w7T V?s!}5HirNJ002ovPDHLkV1l$bW|IH_ literal 0 HcmV?d00001 diff --git a/misc/demo/assets/smoothscroll-angular-custom.js b/misc/demo/assets/smoothscroll-angular-custom.js new file mode 100644 index 0000000000..80a0c1ff55 --- /dev/null +++ b/misc/demo/assets/smoothscroll-angular-custom.js @@ -0,0 +1,94 @@ +/* + * https://github.com/alicelieutier/smoothScroll/ + * A teeny tiny, standard compliant, smooth scroll script with ease-in-out effect and no jQuery (or any other dependancy, FWIW). + * MIT License + */ +window.smoothScroll = (function(){ +// We do not want this script to be applied in browsers that do not support those +// That means no smoothscroll on IE9 and below. +if(document.querySelectorAll === void 0 || window.pageYOffset === void 0 || history.pushState === void 0) { return; } + +// Get the top position of an element in the document +var getTop = function(element) { + // return value of html.getBoundingClientRect().top ... IE : 0, other browsers : -pageYOffset + if(element.nodeName === 'HTML') return -window.pageYOffset + return element.getBoundingClientRect().top + window.pageYOffset; +} +// ease in out function thanks to: +// http://blog.greweb.fr/2012/02/bezier-curve-based-easing-functions-from-concept-to-implementation/ +var easeInOutCubic = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 } + +// calculate the scroll position we should be in +// given the start and end point of the scroll +// the time elapsed from the beginning of the scroll +// and the total duration of the scroll (default 500ms) +var position = function(start, end, elapsed, duration) { + if (elapsed > duration) return end; + return start + (end - start) * easeInOutCubic(elapsed / duration); // <-- you can change the easing funtion there + // return start + (end - start) * (elapsed / duration); // <-- this would give a linear scroll +} + +// we use requestAnimationFrame to be called by the browser before every repaint +// if the first argument is an element then scroll to the top of this element +// if the first argument is numeric then scroll to this location +// if the callback exist, it is called when the scrolling is finished +var smoothScroll = function(el, duration, callback){ + duration = duration || 500; + var start = window.pageYOffset; + + if (typeof el === 'number') { + var end = parseInt(el); + } else { + var end = getTop(el); + } + + var clock = Date.now(); + var requestAnimationFrame = window.requestAnimationFrame || + window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || + function(fn){window.setTimeout(fn, 15);}; + + var step = function(){ + var elapsed = Date.now() - clock; + window.scroll(0, position(start, end, elapsed, duration)); + if (elapsed > duration) { + if (typeof callback === 'function') { + callback(el); + } + } else { + requestAnimationFrame(step); + } + } + step(); +} + +var linkHandler = function(ev) { + ev.preventDefault(); + + if (location.hash !== this.hash) { + //NOTE(@ajoslin): Changed this line to stop $digest errors + //window.history.pushState(null, null, this.hash) + angular.element(document).injector().get('$location').hash(this.hash); + } + // using the history api to solve issue #1 - back doesn't work + // most browser don't update :target when the history api is used: + // THIS IS A BUG FROM THE BROWSERS. + // change the scrolling duration in this call + smoothScroll(document.getElementById(this.hash.substring(1)), 500, function(el) { + location.replace('#' + el.id) + // this will cause the :target to be activated. + }); +} + +// We look for all the internal links in the documents and attach the smoothscroll function +document.addEventListener("DOMContentLoaded", function () { + var internal = document.querySelectorAll('a[href^="#"]'), a; + for(var i=internal.length; a=internal[--i];){ + a.addEventListener("click", linkHandler, false); + } +}); + +// return smoothscroll API +return smoothScroll; + +})(); + diff --git a/misc/demo/index.html b/misc/demo/index.html index 14e0e70068..e515c61f6a 100644 --- a/misc/demo/index.html +++ b/misc/demo/index.html @@ -1,17 +1,19 @@ - + + Angular directives for Twitter's Bootstrap - + + - + @@ -19,107 +21,120 @@

      -
      -
      -
      -
      +

      UI Bootstrap

      -

      Bootstrap components written in pure AngularJS by the AngularUI Team

      +

      Bootstrap components written in pure AngularJS by the AngularUI Team

      -

      - Code on Github - +

      + Code on Github + Download (<%= pkg.version%>) - Create a Build + Create a Build

      -
      -
      -
        -
      • - -
        • -
      • - -
        • -
      • - - -
        • -
      • - -
        +
        +
          +
        • + +
          • +
        • + +
          • +
        • + + +
          • +
        • + +
          - - -
          • -
        -
        + + +
        • +
      -
      +
      -
      -

      Getting started

      -
      -
      +
      + +
      + +
      +
      +

      Getting started

      +

      Dependencies

      This repository contains a set of native AngularJS directives based on @@ -127,8 +142,8 @@

      Dependencies

      JavaScript is required. The only required dependencies are:

      Files to download

      @@ -144,63 +159,54 @@

      Files to download

      Installation

      As soon as you've got all the files downloaded and included in your page you just need to declare a dependency on the ui.bootstrap module:
      - angular.module('myModule', ['ui.bootstrap']); + 

      angular.module('myModule', ['ui.bootstrap']);

      You can fork one of the plunkers from this page to see a working example of what is described here.

      CSS

      Original Bootstrap's CSS depends on empty href attributes to style cursors for several components (pagination, tabs etc.). - 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; - } - + 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 a { cursor: pointer; }

      -
      -
      -
      - <% demoModules.forEach(function(module) { %> -
      -
      -
      -

      <%= module.displayName %> - (ui.bootstrap.<%= module.name %>) -

      -
      -
      -
      - <%= module.docs.html %> -
      -
      - <%= module.docs.md %> +
      + <% demoModules.forEach(function(module) { %> +
      +
      +

      <%= module.displayName %> + (ui.bootstrap.<%= module.name %>) +

      +
      +
      +
      + <%= module.docs.html %> +
      +
      + <%= module.docs.md %> +
      -
      -
      -
      -
      -
      - +
      +
      +
      +
      + +
      + + +
      + 
      <%- module.docs.html %>
      +
      +       + +
      + 
      <%- module.docs.js %>
      +
      +       +
      - - -
      - 
      <%- module.docs.html %>
      -
      -       - -
      - 
      <%- module.docs.js %>
      -
      -       -
      -
      -
      - - - <% }); %> + + + <% }); %> +
      +
      @@ -215,20 +221,40 @@

      <%= module.displayName %> @@ -246,5 +272,6 @@

      {{buildErrorText}}

      })(); + diff --git a/src/popover/docs/demo.html b/src/popover/docs/demo.html index 3b878483fe..8955b1918e 100644 --- a/src/popover/docs/demo.html +++ b/src/popover/docs/demo.html @@ -1,9 +1,5 @@

      Dynamic

      -
      - - -
      @@ -12,7 +8,7 @@

      Dynamic

      - +

      Positional

      diff --git a/src/popover/docs/demo.js b/src/popover/docs/demo.js index 687cce0c3c..9fca7a0f5c 100644 --- a/src/popover/docs/demo.js +++ b/src/popover/docs/demo.js @@ -1,5 +1,4 @@ var PopoverDemoCtrl = function ($scope) { $scope.dynamicPopover = "Hello, World!"; - $scope.dynamicPopoverText = "dynamic"; $scope.dynamicPopoverTitle = "Title"; }; diff --git a/src/tabs/docs/demo.html b/src/tabs/docs/demo.html index 818e316140..d882441739 100644 --- a/src/tabs/docs/demo.html +++ b/src/tabs/docs/demo.html @@ -1,9 +1,12 @@
      - Select a tab by setting active binding to true: -
      - - - +

      Select a tab by setting active binding to true:

      +

      + + +

      +

      + +

      @@ -13,7 +16,7 @@ - Select me for alert! + Alert! I've got an HTML heading, and a select callback. Pretty cool! From dc02ad1d03c6feac3ce8150d41abf822e0a36100 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 28 Dec 2013 21:31:45 +0100 Subject: [PATCH 0069/1639] fix(collapse): fixes after rebase --- src/collapse/collapse.js | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/src/collapse/collapse.js b/src/collapse/collapse.js index 1f5f005f97..95009a207d 100644 --- a/src/collapse/collapse.js +++ b/src/collapse/collapse.js @@ -30,13 +30,8 @@ angular.module('ui.bootstrap.collapse', ['ui.bootstrap.transition']) initialAnimSkip = false; expandDone(); } else { - var targetElHeight = element[0].scrollHeight; - if (targetElHeight) { - element.removeClass('collapse').addClass('collapsing'); - doTransition({ height: element[0].scrollHeight + 'px' }).then(expandDone); - } else { - expandDone(); - } + element.removeClass('collapse').addClass('collapsing'); + doTransition({ height: element[0].scrollHeight + 'px' }).then(expandDone); } } From 15e255d7a9f8e753a7ec23182c4c6b66884552cc Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 28 Dec 2013 21:36:26 +0100 Subject: [PATCH 0070/1639] chore(release): v0.9.0 --- CHANGELOG.md | 43 +++++++++++++++++++++++++++++++++++++++++++ package.json | 2 +- 2 files changed, 44 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4eeda294ac..84c49dee09 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,46 @@ +# 0.9.0 (2013-12-28) + +_This release adds Bootstrap3 support_ + +## Features + +- **accordion:** + - convert to bootstrap3 panel styling ([458a9bd3](http://github.com/angular-ui/bootstrap/commit/458a9bd3)) +- **carousel:** + - some changes for Bootstrap3 ([1f632b65](http://github.com/angular-ui/bootstrap/commit/1f632b65)) +- **collapse:** + - make collapse work with bootstrap3 ([517dff6e](http://github.com/angular-ui/bootstrap/commit/517dff6e)) +- **datepicker:** + - update to Bootstrap 3 ([37684330](http://github.com/angular-ui/bootstrap/commit/37684330)) +- **modal:** + - added bootstrap3 support ([444c488d](http://github.com/angular-ui/bootstrap/commit/444c488d)) +- **pagination:** + - support bootstrap3 ([3db699d7](http://github.com/angular-ui/bootstrap/commit/3db699d7)) +- **progressbar:** + - update to bootstrap3 ([5bcff623](http://github.com/angular-ui/bootstrap/commit/5bcff623)) +- **rating:** + - update rating to bootstrap3 ([7e60284e](http://github.com/angular-ui/bootstrap/commit/7e60284e)) +- **tabs:** + - add nav-justified ([3199dd88](http://github.com/angular-ui/bootstrap/commit/3199dd88)) +- **timepicker:** + - restyled for bootstrap 3 ([6724a721](http://github.com/angular-ui/bootstrap/commit/6724a721)) +- **typeahead:** + - update to Bootstrap 3 ([eadf934a](http://github.com/angular-ui/bootstrap/commit/eadf934a)) + +## Bug Fixes + +- **alert:** + - update template to Bootstrap 3 ([dfc3b0bd](http://github.com/angular-ui/bootstrap/commit/dfc3b0bd)) +- **collapse:** + - Prevent consecutive transitions & tidy up code ([b0032d68](http://github.com/angular-ui/bootstrap/commit/b0032d68)) + - fixes after rebase ([dc02ad1d](http://github.com/angular-ui/bootstrap/commit/dc02ad1d)) +- **rating:** + - user glyhicon classes ([d221d517](http://github.com/angular-ui/bootstrap/commit/d221d517)) +- **timepicker:** + - fix look with bootstrap3 ([9613b61b](http://github.com/angular-ui/bootstrap/commit/9613b61b)) +- **tooltip:** + - re-position tooltip after draw ([a99b3608](http://github.com/angular-ui/bootstrap/commit/a99b3608)) + # 0.8.0 (2013-12-28) ## Features diff --git a/package.json b/package.json index df8937adcf..57ce3310ae 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.9.0-SNAPSHOT", + "version": "0.9.0", "dependencies": {}, "devDependencies": { "grunt": "~0.4.1", From 6b1ca32e04ceb1cd1b76c142d46abc4e5dd59a49 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 28 Dec 2013 22:23:39 +0100 Subject: [PATCH 0071/1639] chore(release): Starting v0.10.0-SNAPSHOT --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 57ce3310ae..86ae0221b6 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.9.0", + "version": "0.10.0-SNAPSHOT", "dependencies": {}, "devDependencies": { "grunt": "~0.4.1", From 0d0375d41a75305a8de935fa01e85569eb221648 Mon Sep 17 00:00:00 2001 From: Foxandxss Date: Sat, 28 Dec 2013 22:09:02 +0100 Subject: [PATCH 0072/1639] test(accordion): don't attatch accordion to body As far as I understand, to test sizes like widths or height you need to append your element to the real document. But that `describe` is not running any test with that. My guess is that there was some in the past and that line was forgotten there. --- src/accordion/test/accordion.spec.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/accordion/test/accordion.spec.js b/src/accordion/test/accordion.spec.js index 056fe1f5b3..3222378ddb 100644 --- a/src/accordion/test/accordion.spec.js +++ b/src/accordion/test/accordion.spec.js @@ -130,7 +130,6 @@ describe('accordion', function () { "Content 2" + ""; element = angular.element(tpl); - angular.element(document.body).append(element); $compile(element)(scope); scope.$digest(); groups = element.find('.panel'); From aee5cc8aecfd028d04b72f236d6b5b87b5f62a5d Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 28 Dec 2013 22:19:05 +0100 Subject: [PATCH 0073/1639] demo(accordion): pointer cursor for accordion --- misc/demo/assets/demo.css | 2 +- misc/demo/index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/misc/demo/assets/demo.css b/misc/demo/assets/demo.css index 56c49d8ef1..d1cadcddd3 100644 --- a/misc/demo/assets/demo.css +++ b/misc/demo/assets/demo.css @@ -46,7 +46,7 @@ section { } -.nav, .pagination, .carousel a { +.nav, .pagination, .carousel, .panel-title a { cursor: pointer; } diff --git a/misc/demo/index.html b/misc/demo/index.html index e515c61f6a..feb7b87a79 100644 --- a/misc/demo/index.html +++ b/misc/demo/index.html @@ -164,7 +164,7 @@

      Installation

      You can fork one of the plunkers from this page to see a working example of what is described here.

      CSS

      Original Bootstrap's CSS depends on empty href attributes to style cursors for several components (pagination, tabs etc.). - 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 a { cursor: pointer; }
      + 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; }

      <% demoModules.forEach(function(module) { %> From c61e6974b2a63dda5c2aaecbf6daa4c1bc12be55 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 28 Dec 2013 22:14:20 +0100 Subject: [PATCH 0074/1639] demo(all): fix bootstrap cdn for plunker --- misc/demo/assets/plunker.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/misc/demo/assets/plunker.js b/misc/demo/assets/plunker.js index 6f0d5c8823..f740f6beb4 100644 --- a/misc/demo/assets/plunker.js +++ b/misc/demo/assets/plunker.js @@ -18,7 +18,7 @@ angular.module('plunker', []) ' \n' + ' \n' + ' \n' + - ' \n' + + ' \n' + ' \n' + ' \n\n' + content + '\n' + From afd9f3664203dc4fc8979b00878a269bc6299585 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Sat, 28 Dec 2013 16:05:13 -0800 Subject: [PATCH 0075/1639] test(tabs): typo in basics test --- src/tabs/test/tabs.spec.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/tabs/test/tabs.spec.js b/src/tabs/test/tabs.spec.js index 72f4c3613f..7e712b553f 100644 --- a/src/tabs/test/tabs.spec.js +++ b/src/tabs/test/tabs.spec.js @@ -46,7 +46,7 @@ describe('tabs', function() { ' Second Tab {{second}}', ' second content is {{second}}', ' ', - ' ', + '       ', '
      ' ].join('\n'))(scope); scope.$apply(); From 28c85de2ec43489bcbd71f8eae3f6ebee6a86814 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Sat, 28 Dec 2013 16:25:10 -0800 Subject: [PATCH 0076/1639] chore(tests): fix test output on CI Use reporters in karma.conf.js to avoid confusion in the future. --- Gruntfile.js | 2 +- karma.conf.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index fe8ca72779..2bdabaa636 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -133,7 +133,7 @@ module.exports = function(grunt) { jenkins: { singleRun: true, colors: false, - reporter: ['dots', 'junit'], + reporters: ['dots', 'junit'], browsers: ['Chrome', 'ChromeCanary', 'Firefox', 'Opera', '/Users/jenkins/bin/safari.sh', '/Users/jenkins/bin/ie9.sh'] }, travis: { diff --git a/karma.conf.js b/karma.conf.js index 15d329e4ec..086e2dc916 100644 --- a/karma.conf.js +++ b/karma.conf.js @@ -31,7 +31,7 @@ browsers = [ // test results reporter to use // possible values: dots || progress -reporter = 'progress'; +reporters = ['progress']; // web server port port = 9018; From 20d4efb38b14155414b0492c931da97cd38156b3 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 29 Dec 2013 00:13:24 +0100 Subject: [PATCH 0077/1639] refactor(popover): remove unused dependency injections --- src/popover/popover.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/popover/popover.js b/src/popover/popover.js index c38ff9461e..2bea0a3e10 100644 --- a/src/popover/popover.js +++ b/src/popover/popover.js @@ -4,6 +4,7 @@ * just mouse enter/leave, html popovers, and selector delegatation. */ angular.module( 'ui.bootstrap.popover', [ 'ui.bootstrap.tooltip' ] ) + .directive( 'popoverPopup', function () { return { restrict: 'EA', @@ -12,7 +13,7 @@ angular.module( 'ui.bootstrap.popover', [ 'ui.bootstrap.tooltip' ] ) templateUrl: 'template/popover/popover.html' }; }) -.directive( 'popover', [ '$compile', '$timeout', '$parse', '$window', '$tooltip', function ( $compile, $timeout, $parse, $window, $tooltip ) { + +.directive( 'popover', [ '$tooltip', function ( $tooltip ) { return $tooltip( 'popover', 'popover', 'click' ); }]); - From 96985290b2d85b7bc5761537950f45932d0387b0 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Wed, 25 Dec 2013 12:56:54 -0800 Subject: [PATCH 0078/1639] chore(tests): add coverage as an option Knowing what exactly isn't being covered by the tests is more important than knowing the statistics. By default, this outputs full HTML reports with indicators of which lines or branches haven't aren't covered. --- .gitignore | 2 ++ Gruntfile.js | 17 +++++++++-------- README.md | 3 +++ 3 files changed, 14 insertions(+), 8 deletions(-) diff --git a/.gitignore b/.gitignore index 45aee72754..d106a75394 100644 --- a/.gitignore +++ b/.gitignore @@ -14,6 +14,8 @@ pids logs results dist +# test coverage files +coverage/ node_modules npm-debug.log diff --git a/Gruntfile.js b/Gruntfile.js index 2bdabaa636..49df257fa3 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -141,14 +141,10 @@ module.exports = function(grunt) { browsers: ['Firefox'] }, coverage: { - singleRun: true, preprocessors: { 'src/*/*.js': 'coverage' }, - reporters: ['progress', 'coverage'], - coverageReporter: { - type : 'text' - } + reporters: ['progress', 'coverage'] } }, changelog: { @@ -330,14 +326,19 @@ module.exports = function(grunt) { grunt.task.run(['concat', 'uglify']); }); - grunt.registerTask('test', 'Run tests on singleRun karma server', function (subTask) { + grunt.registerTask('test', 'Run tests on singleRun karma server', function () { //this task can be executed in 3 different environments: local, Travis-CI and Jenkins-CI //we need to take settings for each one into account if (process.env.TRAVIS) { grunt.task.run('karma:travis'); - } else if (subTask === 'coverage') { - grunt.task.run('karma:coverage'); } else { + var isToRunJenkinsTask = !!this.args.length; + if(grunt.option('coverage')) { + var karmaOptions = grunt.config.get('karma.options'), + coverageOpts = grunt.config.get('karma.coverage'); + grunt.util._.extend(karmaOptions, coverageOpts); + grunt.config.set('karma.options', karmaOptions); + } grunt.task.run(this.args.length ? 'karma:jenkins' : 'karma:continuous'); } }); diff --git a/README.md b/README.md index 761d1c007b..f1524eb5d8 100644 --- a/README.md +++ b/README.md @@ -94,6 +94,9 @@ Check the Grunt build file for other tasks that are defined for this project. This will start Karma server and will continously watch files in the project, executing tests upon every change. +#### Test coverage +Add the `--coverage` option (e.g. `grunt test --coverage`, `grunt watch --coverage`) to see reports on the test coverage. These coverage reports are found in the coverage folder. + ### Customize templates As mentioned directives from this repository have all the markup externalized in templates. You might want to customize default From 32f0f63872e683a7e176c6e1dbbbf57d23d213dc Mon Sep 17 00:00:00 2001 From: Foxandxss Date: Sun, 29 Dec 2013 13:16:49 +0100 Subject: [PATCH 0079/1639] style(collapse): typo in a comment s/relaizes/realizes --- src/collapse/collapse.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/collapse/collapse.js b/src/collapse/collapse.js index 95009a207d..240e15a0b5 100644 --- a/src/collapse/collapse.js +++ b/src/collapse/collapse.js @@ -49,7 +49,7 @@ angular.module('ui.bootstrap.collapse', ['ui.bootstrap.transition']) } else { // CSS transitions don't work with height: auto, so we have to manually change the height to a specific value element.css({ height: element[0].scrollHeight + 'px' }); - //trigger reflow so a browser relaizes that height was updated from auto to a specific value + //trigger reflow so a browser realizes that height was updated from auto to a specific value var x = element[0].offsetWidth; element.removeClass('collapse in').addClass('collapsing'); From f56a396dd7009fc2336ca7bd64027c6f26334c02 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 29 Dec 2013 19:54:20 +0100 Subject: [PATCH 0080/1639] test(pagination): add test for full coverage --- src/pagination/test/pagination.spec.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/pagination/test/pagination.spec.js b/src/pagination/test/pagination.spec.js index b80197bc51..2479471f45 100644 --- a/src/pagination/test/pagination.spec.js +++ b/src/pagination/test/pagination.spec.js @@ -179,13 +179,18 @@ describe('pagination directive', function () { }); describe('when `page` is not a number', function () { - it('handles string', function() { + it('handles numerical string', function() { updateCurrentPage('2'); expect(getPaginationEl(2)).toHaveClass('active'); updateCurrentPage('04'); expect(getPaginationEl(4)).toHaveClass('active'); }); + + it('defaults to 1 if non-numeric', function() { + updateCurrentPage('pizza'); + expect(getPaginationEl(1)).toHaveClass('active'); + }); }); describe('with `max-size` option', function () { From d9e0f483ae60d14ceeb2ee59d90166baa556e912 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 29 Dec 2013 22:32:06 +0100 Subject: [PATCH 0081/1639] refactor(rating): increase test coverage --- src/rating/rating.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/rating/rating.js b/src/rating/rating.js index 3b3640c06f..56440bdd18 100644 --- a/src/rating/rating.js +++ b/src/rating/rating.js @@ -28,11 +28,9 @@ angular.module('ui.bootstrap.rating', []) $scope.range = angular.isDefined($attrs.ratingStates) ? this.createRateObjects(angular.copy($scope.$parent.$eval($attrs.ratingStates))): this.createRateObjects(new Array(this.maxRange)); $scope.rate = function(value) { - if ( $scope.readonly || $scope.value === value) { - return; + if ( $scope.value !== value && !$scope.readonly ) { + $scope.value = value; } - - $scope.value = value; }; $scope.enter = function(value) { From ba79abe8372e0bd7d561e0a9c8669650e4e8ea41 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Mon, 30 Dec 2013 10:17:24 +0100 Subject: [PATCH 0082/1639] docs(tabs): remove deprecated `direction` & add missing `deselect` --- src/tabs/docs/readme.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/tabs/docs/readme.md b/src/tabs/docs/readme.md index daee59f2fd..6a5252c435 100644 --- a/src/tabs/docs/readme.md +++ b/src/tabs/docs/readme.md @@ -16,10 +16,6 @@ AngularJS version of the tabs directive. _(Defaults: 'tabs')_ : Navigation type. Possible values are 'tabs' and 'pills'. - * `direction` - _(Defaults: null)_ : - What direction the tabs should be rendered. Available: 'right', 'left', 'below'. - #### `` #### * `heading` or `` @@ -36,4 +32,8 @@ AngularJS version of the tabs directive. * `select()` _(Defaults: null)_ : - An optional expression called when tab is activated. \ No newline at end of file + An optional expression called when tab is activated. + + * `deselect()` + _(Defaults: null)_ : + An optional expression called when tab is deactivated. \ No newline at end of file From c4d0e2a78e4b8e2c683ed834a76ea5cf4b47f35e Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Mon, 30 Dec 2013 12:46:56 +0100 Subject: [PATCH 0083/1639] test(alert): add more coverage and other changes Closes #1489 --- src/alert/test/alert.spec.js | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/src/alert/test/alert.spec.js b/src/alert/test/alert.spec.js index 6742c5ea0f..ebac9b8338 100644 --- a/src/alert/test/alert.spec.js +++ b/src/alert/test/alert.spec.js @@ -35,6 +35,10 @@ describe("alert", function () { return element.find('.close').eq(index); } + function findContent(index) { + return element.find('span').eq(index); + } + it("should generate alerts using ng-repeat", function () { var alerts = createAlerts(); expect(alerts.length).toEqual(3); @@ -44,11 +48,15 @@ describe("alert", function () { var alerts = createAlerts(); expect(alerts.eq(0)).toHaveClass('alert-success'); expect(alerts.eq(1)).toHaveClass('alert-error'); + expect(alerts.eq(2)).toHaveClass('alert-warning'); + }); - //defaults - expect(alerts.eq(2)).toHaveClass('alert'); - expect(alerts.eq(2)).not.toHaveClass('alert-info'); - expect(alerts.eq(2)).not.toHaveClass('alert-block'); + it('should show the alert content', function() { + var alerts = createAlerts(); + + for (var i = 0, n = alerts.length; i < n; i++) { + expect(findContent(i).text()).toBe(scope.alerts[i].msg); + } }); it("should show close buttons", function () { @@ -79,7 +87,7 @@ describe("alert", function () { expect(findCloseButton(0).css('display')).toBe('none'); }); - it('it should be possible to add additional classes for alert', function () { + it('should be possible to add additional classes for alert', function () { var element = $compile('Default alert!')(scope); scope.$digest(); expect(element).toHaveClass('alert-block'); From c0df32015167646343c44850355fb947593d7bd0 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Mon, 23 Dec 2013 16:10:43 -0800 Subject: [PATCH 0084/1639] fix(tooltip): performance and scope fixes Isolate scope contents should be the same after hiding and showing the tooltip. The isolate scope's parent should also always be set to the directive's scope correctly. fix(tooltip): link on demand - Calling $digest is enough as we only need to digest the watchers in this scope and its children. No need to call $apply. - Set invokeApply to false on $timeout for popUpDelay - No need to test for cached reference when tooltip isn't visible as the tooltip has no scope. Closes #1450 Closes #1191 Closes #1455 --- src/tooltip/test/tooltip.spec.js | 35 ++- src/tooltip/tooltip.js | 395 ++++++++++++++++--------------- 2 files changed, 235 insertions(+), 195 deletions(-) diff --git a/src/tooltip/test/tooltip.spec.js b/src/tooltip/test/tooltip.spec.js index 01f6423fe7..90be4f6907 100644 --- a/src/tooltip/test/tooltip.spec.js +++ b/src/tooltip/test/tooltip.spec.js @@ -98,7 +98,7 @@ describe('tooltip', function() { scope.alt = "Alt Message"; elmBody = $compile( angular.element( - '
      Selector Text
      ' + '
      Selector Text
      ' ) )( scope ); $compile( elmBody )( scope ); @@ -114,6 +114,13 @@ describe('tooltip', function() { expect( ttScope.content ).toBe( scope.tooltipMsg ); elm.trigger( 'mouseleave' ); + + //Isolate scope contents should be the same after hiding and showing again (issue 1191) + elm.trigger( 'mouseenter' ); + + ttScope = angular.element( elmBody.children()[1] ).scope(); + expect( ttScope.placement ).toBe( 'top' ); + expect( ttScope.content ).toBe( scope.tooltipMsg ); })); it('should not show tooltips if there is nothing to show - issue #129', inject(function ($compile) { @@ -136,6 +143,24 @@ describe('tooltip', function() { expect( elmBody.children().length ).toBe( 0 ); })); + it('issue 1191 - isolate scope on the popup should always be child of correct element scope', inject( function ( $compile ) { + var ttScope; + elm.trigger( 'mouseenter' ); + + ttScope = angular.element( elmBody.children()[1] ).scope(); + expect( ttScope.$parent ).toBe( elmScope ); + + elm.trigger( 'mouseleave' ); + + // After leaving and coming back, the scope's parent should be the same + elm.trigger( 'mouseenter' ); + + ttScope = angular.element( elmBody.children()[1] ).scope(); + expect( ttScope.$parent ).toBe( elmScope ); + + elm.trigger( 'mouseleave' ); + })); + describe('with specified enable expression', function() { beforeEach(inject(function ($compile) { @@ -323,18 +348,12 @@ describe('tooltip', function() { elm = elmBody.find('input'); elmScope = elm.scope(); + elm.trigger('fooTrigger'); tooltipScope = elmScope.$$childTail; })); - it( 'should not contain a cached reference', function() { - expect( inCache() ).toBeTruthy(); - elmScope.$destroy(); - expect( inCache() ).toBeFalsy(); - }); - it( 'should not contain a cached reference when visible', inject( function( $timeout ) { expect( inCache() ).toBeTruthy(); - elm.trigger('fooTrigger'); elmScope.$destroy(); expect( inCache() ).toBeFalsy(); })); diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js index f6d116647f..c6a610f8f3 100644 --- a/src/tooltip/tooltip.js +++ b/src/tooltip/tooltip.js @@ -108,224 +108,245 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap return { restrict: 'EA', scope: true, - link: function link ( scope, element, attrs ) { - var tooltip = $compile( template )( scope ); - var transitionTimeout; - var popupTimeout; - var appendToBody = angular.isDefined( options.appendToBody ) ? options.appendToBody : false; - var triggers = getTriggers( undefined ); - var hasRegisteredTriggers = false; - var hasEnableExp = angular.isDefined(attrs[prefix+'Enable']); - - var positionTooltip = function (){ - var position, - ttWidth, - ttHeight, - ttPosition; - // Get the position of the directive element. - position = appendToBody ? $position.offset( element ) : $position.position( element ); - - // Get the height and width of the tooltip so we can center it. - ttWidth = tooltip.prop( 'offsetWidth' ); - ttHeight = tooltip.prop( 'offsetHeight' ); - - // Calculate the tooltip's top and left coordinates to center it with - // this directive. - switch ( scope.tt_placement ) { - case 'right': - ttPosition = { - top: position.top + position.height / 2 - ttHeight / 2, - left: position.left + position.width - }; - break; - case 'bottom': - ttPosition = { - top: position.top + position.height, - left: position.left + position.width / 2 - ttWidth / 2 - }; - break; - case 'left': - ttPosition = { - top: position.top + position.height / 2 - ttHeight / 2, - left: position.left - ttWidth - }; - break; - default: - ttPosition = { - top: position.top - ttHeight, - left: position.left + position.width / 2 - ttWidth / 2 - }; - break; + compile: function (tElem, tAttrs) { + var tooltipLinker = $compile( template ); + + return function link ( scope, element, attrs ) { + var tooltip; + var transitionTimeout; + var popupTimeout; + var appendToBody = angular.isDefined( options.appendToBody ) ? options.appendToBody : false; + var triggers = getTriggers( undefined ); + var hasRegisteredTriggers = false; + var hasEnableExp = angular.isDefined(attrs[prefix+'Enable']); + + var positionTooltip = function (){ + var position, + ttWidth, + ttHeight, + ttPosition; + // Get the position of the directive element. + position = appendToBody ? $position.offset( element ) : $position.position( element ); + + // Get the height and width of the tooltip so we can center it. + ttWidth = tooltip.prop( 'offsetWidth' ); + ttHeight = tooltip.prop( 'offsetHeight' ); + + // Calculate the tooltip's top and left coordinates to center it with + // this directive. + switch ( scope.tt_placement ) { + case 'right': + ttPosition = { + top: position.top + position.height / 2 - ttHeight / 2, + left: position.left + position.width + }; + break; + case 'bottom': + ttPosition = { + top: position.top + position.height, + left: position.left + position.width / 2 - ttWidth / 2 + }; + break; + case 'left': + ttPosition = { + top: position.top + position.height / 2 - ttHeight / 2, + left: position.left - ttWidth + }; + break; + default: + ttPosition = { + top: position.top - ttHeight, + left: position.left + position.width / 2 - ttWidth / 2 + }; + break; + } + + ttPosition.top += 'px'; + ttPosition.left += 'px'; + + // Now set the calculated positioning. + tooltip.css( ttPosition ); + + }; + + // By default, the tooltip is not open. + // TODO add ability to start tooltip opened + scope.tt_isOpen = false; + + function toggleTooltipBind () { + if ( ! scope.tt_isOpen ) { + showTooltipBind(); + } else { + hideTooltipBind(); + } } - ttPosition.top += 'px'; - ttPosition.left += 'px'; + // Show the tooltip with delay if specified, otherwise show it immediately + function showTooltipBind() { + if(hasEnableExp && !scope.$eval(attrs[prefix+'Enable'])) { + return; + } + if ( scope.tt_popupDelay ) { + popupTimeout = $timeout( show, scope.tt_popupDelay, false ); + popupTimeout.then(function(reposition){reposition();}); + } else { + show()(); + } + } - // Now set the calculated positioning. - tooltip.css( ttPosition ); + function hideTooltipBind () { + scope.$apply(function () { + hide(); + }); + } - }; + // Show the tooltip popup element. + function show() { - // By default, the tooltip is not open. - // TODO add ability to start tooltip opened - scope.tt_isOpen = false; - function toggleTooltipBind () { - if ( ! scope.tt_isOpen ) { - showTooltipBind(); - } else { - hideTooltipBind(); - } - } - - // Show the tooltip with delay if specified, otherwise show it immediately - function showTooltipBind() { - if(hasEnableExp && !scope.$eval(attrs[prefix+'Enable'])) { - return; - } - if ( scope.tt_popupDelay ) { - popupTimeout = $timeout( show, scope.tt_popupDelay ); - popupTimeout.then(function(reposition){reposition();}); - } else { - scope.$apply( show )(); - } - } + // Don't show empty tooltips. + if ( ! scope.tt_content ) { + return angular.noop; + } - function hideTooltipBind () { - scope.$apply(function () { - hide(); - }); - } - - // Show the tooltip popup element. - function show() { + createTooltip(); + // If there is a pending remove transition, we must cancel it, lest the + // tooltip be mysteriously removed. + if ( transitionTimeout ) { + $timeout.cancel( transitionTimeout ); + } - // Don't show empty tooltips. - if ( ! scope.tt_content ) { - return angular.noop; - } + // Set the initial positioning. + tooltip.css({ top: 0, left: 0, display: 'block' }); - // If there is a pending remove transition, we must cancel it, lest the - // tooltip be mysteriously removed. - if ( transitionTimeout ) { - $timeout.cancel( transitionTimeout ); - } - - // Set the initial positioning. - tooltip.css({ top: 0, left: 0, display: 'block' }); - - // Now we add it to the DOM because need some info about it. But it's not - // visible yet anyway. - if ( appendToBody ) { - $document.find( 'body' ).append( tooltip ); - } else { - element.after( tooltip ); + // Now we add it to the DOM because need some info about it. But it's not + // visible yet anyway. + if ( appendToBody ) { + $document.find( 'body' ).append( tooltip ); + } else { + element.after( tooltip ); + } + + positionTooltip(); + + // And show the tooltip. + scope.tt_isOpen = true; + scope.$digest(); // digest required as $apply is not called + + // Return positioning function as promise callback for correct + // positioning after draw. + return positionTooltip; } - positionTooltip(); + // Hide the tooltip popup element. + function hide() { + // First things first: we don't show it anymore. + scope.tt_isOpen = false; + + //if tooltip is going to be shown after delay, we must cancel this + $timeout.cancel( popupTimeout ); + + // And now we remove it from the DOM. However, if we have animation, we + // need to wait for it to expire beforehand. + // FIXME: this is a placeholder for a port of the transitions library. + if ( scope.tt_animation ) { + transitionTimeout = $timeout(removeTooltip, 500); + } else { + removeTooltip(); + } + } - // And show the tooltip. - scope.tt_isOpen = true; + function createTooltip() { + // There can only be one tooltip element per directive shown at once. + if (tooltip) { + removeTooltip(); + } + tooltip = tooltipLinker(scope, function () {}); - // Return positioning function as promise callback for correct - // positioning after draw. - return positionTooltip; - } - - // Hide the tooltip popup element. - function hide() { - // First things first: we don't show it anymore. - scope.tt_isOpen = false; + // Get contents rendered into the tooltip + scope.$digest(); + } - //if tooltip is going to be shown after delay, we must cancel this - $timeout.cancel( popupTimeout ); - - // And now we remove it from the DOM. However, if we have animation, we - // need to wait for it to expire beforehand. - // FIXME: this is a placeholder for a port of the transitions library. - if ( scope.tt_animation ) { - transitionTimeout = $timeout(function () { + function removeTooltip() { + if (tooltip) { tooltip.remove(); - }, 500); - } else { - tooltip.remove(); + tooltip = null; + } } - } - /** - * Observe the relevant attributes. - */ - attrs.$observe( type, function ( val ) { - scope.tt_content = val; + /** + * Observe the relevant attributes. + */ + attrs.$observe( type, function ( val ) { + scope.tt_content = val; - if (!val && scope.tt_isOpen ) { - hide(); - } - }); + if (!val && scope.tt_isOpen ) { + hide(); + } + }); - attrs.$observe( prefix+'Title', function ( val ) { - scope.tt_title = val; - }); + attrs.$observe( prefix+'Title', function ( val ) { + scope.tt_title = val; + }); - attrs.$observe( prefix+'Placement', function ( val ) { - scope.tt_placement = angular.isDefined( val ) ? val : options.placement; - }); + attrs.$observe( prefix+'Placement', function ( val ) { + scope.tt_placement = angular.isDefined( val ) ? val : options.placement; + }); - attrs.$observe( prefix+'PopupDelay', function ( val ) { - var delay = parseInt( val, 10 ); - scope.tt_popupDelay = ! isNaN(delay) ? delay : options.popupDelay; - }); + attrs.$observe( prefix+'PopupDelay', function ( val ) { + var delay = parseInt( val, 10 ); + scope.tt_popupDelay = ! isNaN(delay) ? delay : options.popupDelay; + }); - var unregisterTriggers = function() { - if (hasRegisteredTriggers) { - element.unbind( triggers.show, showTooltipBind ); - element.unbind( triggers.hide, hideTooltipBind ); - } - }; + var unregisterTriggers = function() { + if (hasRegisteredTriggers) { + element.unbind( triggers.show, showTooltipBind ); + element.unbind( triggers.hide, hideTooltipBind ); + } + }; - attrs.$observe( prefix+'Trigger', function ( val ) { - unregisterTriggers(); + attrs.$observe( prefix+'Trigger', function ( val ) { + unregisterTriggers(); - triggers = getTriggers( val ); + triggers = getTriggers( val ); - if ( triggers.show === triggers.hide ) { - element.bind( triggers.show, toggleTooltipBind ); - } else { - element.bind( triggers.show, showTooltipBind ); - element.bind( triggers.hide, hideTooltipBind ); - } + if ( triggers.show === triggers.hide ) { + element.bind( triggers.show, toggleTooltipBind ); + } else { + element.bind( triggers.show, showTooltipBind ); + element.bind( triggers.hide, hideTooltipBind ); + } - hasRegisteredTriggers = true; - }); + hasRegisteredTriggers = true; + }); - var animation = scope.$eval(attrs[prefix + 'Animation']); - scope.tt_animation = angular.isDefined(animation) ? !!animation : options.animation; + var animation = scope.$eval(attrs[prefix + 'Animation']); + scope.tt_animation = angular.isDefined(animation) ? !!animation : options.animation; - attrs.$observe( prefix+'AppendToBody', function ( val ) { - appendToBody = angular.isDefined( val ) ? $parse( val )( scope ) : appendToBody; - }); + attrs.$observe( prefix+'AppendToBody', function ( val ) { + appendToBody = angular.isDefined( val ) ? $parse( val )( scope ) : appendToBody; + }); - // if a tooltip is attached to we need to remove it on - // location change as its parent scope will probably not be destroyed - // by the change. - if ( appendToBody ) { - scope.$on('$locationChangeSuccess', function closeTooltipOnLocationChangeSuccess () { - if ( scope.tt_isOpen ) { - hide(); + // if a tooltip is attached to we need to remove it on + // location change as its parent scope will probably not be destroyed + // by the change. + if ( appendToBody ) { + scope.$on('$locationChangeSuccess', function closeTooltipOnLocationChangeSuccess () { + if ( scope.tt_isOpen ) { + hide(); + } + }); } - }); - } - - // Make sure tooltip is destroyed and removed. - scope.$on('$destroy', function onDestroyTooltip() { - $timeout.cancel( transitionTimeout ); - $timeout.cancel( popupTimeout ); - unregisterTriggers(); - tooltip.remove(); - tooltip.unbind(); - tooltip = null; - }); + + // Make sure tooltip is destroyed and removed. + scope.$on('$destroy', function onDestroyTooltip() { + $timeout.cancel( transitionTimeout ); + $timeout.cancel( popupTimeout ); + unregisterTriggers(); + removeTooltip(); + }); + }; } }; }; From 5f8e3e8382bf21e3345fc0a6a67394a020c20ff7 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Mon, 30 Dec 2013 20:12:53 -0800 Subject: [PATCH 0085/1639] refactor(datepickerSpec): speed up tests Tests were compiling the element multiple times unnecessarily as it's done in the root describe's beforeEach. Introduce describe blocks with no name to encapsulate tests that need the element to be compiled and separate them from tests that have their own compilation. Closes #1499 --- src/datepicker/test/datepicker.spec.js | 751 +++++++++++++------------ 1 file changed, 382 insertions(+), 369 deletions(-) diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index 3c4252913a..8a051d03e3 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -7,8 +7,6 @@ describe('datepicker directive', function () { $compile = _$compile_; $rootScope = _$rootScope_; $rootScope.date = new Date("September 30, 2010 15:30:00"); - element = $compile('')($rootScope); - $rootScope.$digest(); })); function getTitle() { @@ -108,332 +106,340 @@ describe('datepicker directive', function () { } } - it('is a `` element', function() { - expect(element.prop('tagName')).toBe('TABLE'); - expect(element.find('thead').find('tr').length).toBe(2); - }); + describe('', function () { + beforeEach(inject(function(_$compile_, _$rootScope_) { + element = $compile('')($rootScope); + $rootScope.$digest(); + })); - it('shows the correct title', function() { - expect(getTitle()).toBe('September 2010'); - }); + it('is a `
      ` element', function() { + expect(element.prop('tagName')).toBe('TABLE'); + expect(element.find('thead').find('tr').length).toBe(2); + }); - it('shows the label row & the correct day labels', function() { - expect(getLabelsRow().css('display')).not.toBe('none'); - expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); - }); + it('shows the correct title', function() { + expect(getTitle()).toBe('September 2010'); + }); - it('renders the calendar days correctly', function() { - expect(getOptions()).toEqual([ - ['29', '30', '31', '01', '02', '03', '04'], - ['05', '06', '07', '08', '09', '10', '11'], - ['12', '13', '14', '15', '16', '17', '18'], - ['19', '20', '21', '22', '23', '24', '25'], - ['26', '27', '28', '29', '30', '01', '02'] - ]); - }); + it('shows the label row & the correct day labels', function() { + expect(getLabelsRow().css('display')).not.toBe('none'); + expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); + }); - it('renders the week numbers based on ISO 8601', function() { - expect(getWeeks()).toEqual(['34', '35', '36', '37', '38']); - }); + it('renders the calendar days correctly', function() { + expect(getOptions()).toEqual([ + ['29', '30', '31', '01', '02', '03', '04'], + ['05', '06', '07', '08', '09', '10', '11'], + ['12', '13', '14', '15', '16', '17', '18'], + ['19', '20', '21', '22', '23', '24', '25'], + ['26', '27', '28', '29', '30', '01', '02'] + ]); + }); - it('value is correct', function() { - expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); - }); + it('renders the week numbers based on ISO 8601', function() { + expect(getWeeks()).toEqual(['34', '35', '36', '37', '38']); + }); - it('has `selected` only the correct day', function() { - expectSelectedElement( 4, 4 ); - }); + it('value is correct', function() { + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + }); - it('has no `selected` day when model is cleared', function() { - $rootScope.date = null; - $rootScope.$digest(); + it('has `selected` only the correct day', function() { + expectSelectedElement( 4, 4 ); + }); - expect($rootScope.date).toBe(null); - expectSelectedElement( null, null ); - }); + it('has no `selected` day when model is cleared', function() { + $rootScope.date = null; + $rootScope.$digest(); - it('does not change current view when model is cleared', function() { - $rootScope.date = null; - $rootScope.$digest(); + expect($rootScope.date).toBe(null); + expectSelectedElement( null, null ); + }); - expect($rootScope.date).toBe(null); - expect(getTitle()).toBe('September 2010'); - }); + it('does not change current view when model is cleared', function() { + $rootScope.date = null; + $rootScope.$digest(); - it('`disables` visible dates from other months', function() { - var options = getAllOptionsEl(); - for (var i = 0; i < 5; i ++) { - for (var j = 0; j < 7; j ++) { - expect(options[i][j].find('button').find('span').hasClass('text-muted')).toBe( ((i === 0 && j < 3) || (i === 4 && j > 4)) ); + expect($rootScope.date).toBe(null); + expect(getTitle()).toBe('September 2010'); + }); + + it('`disables` visible dates from other months', function() { + var options = getAllOptionsEl(); + for (var i = 0; i < 5; i ++) { + for (var j = 0; j < 7; j ++) { + expect(options[i][j].find('button').find('span').hasClass('text-muted')).toBe( ((i === 0 && j < 3) || (i === 4 && j > 4)) ); + } } - } - }); + }); - it('updates the model when a day is clicked', function() { - clickOption(2, 3); - expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00')); - }); + it('updates the model when a day is clicked', function() { + clickOption(2, 3); + expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00')); + }); - it('moves to the previous month & renders correctly when `previous` button is clicked', function() { - clickPreviousButton(); + it('moves to the previous month & renders correctly when `previous` button is clicked', function() { + clickPreviousButton(); - expect(getTitle()).toBe('August 2010'); - expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); - expect(getOptions()).toEqual([ - ['01', '02', '03', '04', '05', '06', '07'], - ['08', '09', '10', '11', '12', '13', '14'], - ['15', '16', '17', '18', '19', '20', '21'], - ['22', '23', '24', '25', '26', '27', '28'], - ['29', '30', '31', '01', '02', '03', '04'] - ]); + expect(getTitle()).toBe('August 2010'); + expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); + expect(getOptions()).toEqual([ + ['01', '02', '03', '04', '05', '06', '07'], + ['08', '09', '10', '11', '12', '13', '14'], + ['15', '16', '17', '18', '19', '20', '21'], + ['22', '23', '24', '25', '26', '27', '28'], + ['29', '30', '31', '01', '02', '03', '04'] + ]); - expectSelectedElement( null, null ); - }); + expectSelectedElement( null, null ); + }); - it('updates the model only when when a day is clicked in the `previous` month', function() { - clickPreviousButton(); - expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + it('updates the model only when when a day is clicked in the `previous` month', function() { + clickPreviousButton(); + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); - clickOption(2, 3); - expect($rootScope.date).toEqual(new Date('August 18, 2010 15:30:00')); - }); + clickOption(2, 3); + expect($rootScope.date).toEqual(new Date('August 18, 2010 15:30:00')); + }); - it('moves to the next month & renders correctly when `next` button is clicked', function() { - clickNextButton(); - - expect(getTitle()).toBe('October 2010'); - expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); - expect(getOptions()).toEqual([ - ['26', '27', '28', '29', '30', '01', '02'], - ['03', '04', '05', '06', '07', '08', '09'], - ['10', '11', '12', '13', '14', '15', '16'], - ['17', '18', '19', '20', '21', '22', '23'], - ['24', '25', '26', '27', '28', '29', '30'], - ['31', '01', '02', '03', '04', '05', '06'] - ]); - - expectSelectedElement( 0, 4 ); - }); + it('moves to the next month & renders correctly when `next` button is clicked', function() { + clickNextButton(); - it('updates the model only when when a day is clicked in the `next` month', function() { - clickNextButton(); - expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + expect(getTitle()).toBe('October 2010'); + expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); + expect(getOptions()).toEqual([ + ['26', '27', '28', '29', '30', '01', '02'], + ['03', '04', '05', '06', '07', '08', '09'], + ['10', '11', '12', '13', '14', '15', '16'], + ['17', '18', '19', '20', '21', '22', '23'], + ['24', '25', '26', '27', '28', '29', '30'], + ['31', '01', '02', '03', '04', '05', '06'] + ]); - clickOption(2, 3); - expect($rootScope.date).toEqual(new Date('October 13, 2010 15:30:00')); - }); + expectSelectedElement( 0, 4 ); + }); - it('updates the calendar when a day of another month is selected', function() { - clickOption(4, 5); - expect($rootScope.date).toEqual(new Date('October 01, 2010 15:30:00')); - expect(getTitle()).toBe('October 2010'); - expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); - expect(getOptions()).toEqual([ - ['26', '27', '28', '29', '30', '01', '02'], - ['03', '04', '05', '06', '07', '08', '09'], - ['10', '11', '12', '13', '14', '15', '16'], - ['17', '18', '19', '20', '21', '22', '23'], - ['24', '25', '26', '27', '28', '29', '30'], - ['31', '01', '02', '03', '04', '05', '06'] - ]); - - expectSelectedElement( 0, 5 ); - }); + it('updates the model only when when a day is clicked in the `next` month', function() { + clickNextButton(); + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); - describe('when `model` changes', function () { - function testCalendar() { - expect(getTitle()).toBe('November 2005'); + clickOption(2, 3); + expect($rootScope.date).toEqual(new Date('October 13, 2010 15:30:00')); + }); + + it('updates the calendar when a day of another month is selected', function() { + clickOption(4, 5); + expect($rootScope.date).toEqual(new Date('October 01, 2010 15:30:00')); + expect(getTitle()).toBe('October 2010'); + expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); expect(getOptions()).toEqual([ - ['30', '31', '01', '02', '03', '04', '05'], - ['06', '07', '08', '09', '10', '11', '12'], - ['13', '14', '15', '16', '17', '18', '19'], - ['20', '21', '22', '23', '24', '25', '26'], - ['27', '28', '29', '30', '01', '02', '03'] + ['26', '27', '28', '29', '30', '01', '02'], + ['03', '04', '05', '06', '07', '08', '09'], + ['10', '11', '12', '13', '14', '15', '16'], + ['17', '18', '19', '20', '21', '22', '23'], + ['24', '25', '26', '27', '28', '29', '30'], + ['31', '01', '02', '03', '04', '05', '06'] ]); - expectSelectedElement( 1, 1 ); - } - - describe('to a Date object', function() { - it('updates', function() { - $rootScope.date = new Date('November 7, 2005 23:30:00'); - $rootScope.$digest(); - testCalendar(); - expect(angular.isDate($rootScope.date)).toBe(true); - }); + expectSelectedElement( 0, 5 ); }); - describe('not to a Date object', function() { + describe('when `model` changes', function () { + function testCalendar() { + expect(getTitle()).toBe('November 2005'); + expect(getOptions()).toEqual([ + ['30', '31', '01', '02', '03', '04', '05'], + ['06', '07', '08', '09', '10', '11', '12'], + ['13', '14', '15', '16', '17', '18', '19'], + ['20', '21', '22', '23', '24', '25', '26'], + ['27', '28', '29', '30', '01', '02', '03'] + ]); - it('to a Number, it updates calendar', function() { - $rootScope.date = parseInt((new Date('November 7, 2005 23:30:00')).getTime(), 10); - $rootScope.$digest(); - testCalendar(); - expect(angular.isNumber($rootScope.date)).toBe(true); - }); + expectSelectedElement( 1, 1 ); + } - it('to a string that can be parsed by Date, it updates calendar', function() { - $rootScope.date = 'November 7, 2005 23:30:00'; - $rootScope.$digest(); - testCalendar(); - expect(angular.isString($rootScope.date)).toBe(true); + describe('to a Date object', function() { + it('updates', function() { + $rootScope.date = new Date('November 7, 2005 23:30:00'); + $rootScope.$digest(); + testCalendar(); + expect(angular.isDate($rootScope.date)).toBe(true); + }); }); - it('to a string that cannot be parsed by Date, it gets invalid', function() { - $rootScope.date = 'pizza'; - $rootScope.$digest(); - expect(element.hasClass('ng-invalid')).toBeTruthy(); - expect(element.hasClass('ng-invalid-date')).toBeTruthy(); - expect($rootScope.date).toBe('pizza'); - }); - }); - }); + describe('not to a Date object', function() { - it('loops between different modes', function() { - expect(getTitle()).toBe('September 2010'); + it('to a Number, it updates calendar', function() { + $rootScope.date = parseInt((new Date('November 7, 2005 23:30:00')).getTime(), 10); + $rootScope.$digest(); + testCalendar(); + expect(angular.isNumber($rootScope.date)).toBe(true); + }); - clickTitleButton(); - expect(getTitle()).toBe('2010'); + it('to a string that can be parsed by Date, it updates calendar', function() { + $rootScope.date = 'November 7, 2005 23:30:00'; + $rootScope.$digest(); + testCalendar(); + expect(angular.isString($rootScope.date)).toBe(true); + }); - clickTitleButton(); - expect(getTitle()).toBe('2001 - 2020'); + it('to a string that cannot be parsed by Date, it gets invalid', function() { + $rootScope.date = 'pizza'; + $rootScope.$digest(); + expect(element.hasClass('ng-invalid')).toBeTruthy(); + expect(element.hasClass('ng-invalid-date')).toBeTruthy(); + expect($rootScope.date).toBe('pizza'); + }); + }); + }); - clickTitleButton(); - expect(getTitle()).toBe('September 2010'); - }); + it('loops between different modes', function() { + expect(getTitle()).toBe('September 2010'); - describe('month selection mode', function () { - beforeEach(function() { clickTitleButton(); - }); - - it('shows the year as title', function() { expect(getTitle()).toBe('2010'); - }); - it('shows months as options', function() { - expect(getLabels()).toEqual([]); - expect(getOptions()).toEqual([ - ['January', 'February', 'March'], - ['April', 'May', 'June'], - ['July', 'August', 'September'], - ['October', 'November', 'December'] - ]); - }); + clickTitleButton(); + expect(getTitle()).toBe('2001 - 2020'); - it('does not change the model', function() { - expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + clickTitleButton(); + expect(getTitle()).toBe('September 2010'); }); - it('has `selected` only the correct month', function() { - expectSelectedElement( 2, 2 ); - }); + describe('month selection mode', function () { + beforeEach(function() { + clickTitleButton(); + }); - it('moves to the previous year when `previous` button is clicked', function() { - clickPreviousButton(); + it('shows the year as title', function() { + expect(getTitle()).toBe('2010'); + }); - expect(getTitle()).toBe('2009'); - expect(getLabels()).toEqual([]); - expect(getOptions()).toEqual([ - ['January', 'February', 'March'], - ['April', 'May', 'June'], - ['July', 'August', 'September'], - ['October', 'November', 'December'] - ]); + it('shows months as options', function() { + expect(getLabels()).toEqual([]); + expect(getOptions()).toEqual([ + ['January', 'February', 'March'], + ['April', 'May', 'June'], + ['July', 'August', 'September'], + ['October', 'November', 'December'] + ]); + }); - expectSelectedElement( null, null ); - }); + it('does not change the model', function() { + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + }); - it('moves to the next year when `next` button is clicked', function() { - clickNextButton(); + it('has `selected` only the correct month', function() { + expectSelectedElement( 2, 2 ); + }); - expect(getTitle()).toBe('2011'); - expect(getLabels()).toEqual([]); - expect(getOptions()).toEqual([ - ['January', 'February', 'March'], - ['April', 'May', 'June'], - ['July', 'August', 'September'], - ['October', 'November', 'December'] - ]); + it('moves to the previous year when `previous` button is clicked', function() { + clickPreviousButton(); - expectSelectedElement( null, null ); - }); + expect(getTitle()).toBe('2009'); + expect(getLabels()).toEqual([]); + expect(getOptions()).toEqual([ + ['January', 'February', 'March'], + ['April', 'May', 'June'], + ['July', 'August', 'September'], + ['October', 'November', 'December'] + ]); - it('renders correctly when a month is clicked', function() { - clickPreviousButton(5); - expect(getTitle()).toBe('2005'); + expectSelectedElement( null, null ); + }); - clickOption(3, 1); - expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); - expect(getTitle()).toBe('November 2005'); - expect(getOptions()).toEqual([ - ['30', '31', '01', '02', '03', '04', '05'], - ['06', '07', '08', '09', '10', '11', '12'], - ['13', '14', '15', '16', '17', '18', '19'], - ['20', '21', '22', '23', '24', '25', '26'], - ['27', '28', '29', '30', '01', '02', '03'] - ]); + it('moves to the next year when `next` button is clicked', function() { + clickNextButton(); - clickOption(2, 3); - expect($rootScope.date).toEqual(new Date('November 16, 2005 15:30:00')); - }); - }); + expect(getTitle()).toBe('2011'); + expect(getLabels()).toEqual([]); + expect(getOptions()).toEqual([ + ['January', 'February', 'March'], + ['April', 'May', 'June'], + ['July', 'August', 'September'], + ['October', 'November', 'December'] + ]); - describe('year selection mode', function () { - beforeEach(function() { - clickTitleButton(2); - }); + expectSelectedElement( null, null ); + }); - it('shows the year range as title', function() { - expect(getTitle()).toBe('2001 - 2020'); - }); + it('renders correctly when a month is clicked', function() { + clickPreviousButton(5); + expect(getTitle()).toBe('2005'); + + clickOption(3, 1); + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + expect(getTitle()).toBe('November 2005'); + expect(getOptions()).toEqual([ + ['30', '31', '01', '02', '03', '04', '05'], + ['06', '07', '08', '09', '10', '11', '12'], + ['13', '14', '15', '16', '17', '18', '19'], + ['20', '21', '22', '23', '24', '25', '26'], + ['27', '28', '29', '30', '01', '02', '03'] + ]); - it('shows years as options', function() { - expect(getLabels()).toEqual([]); - expect(getOptions()).toEqual([ - ['2001', '2002', '2003', '2004', '2005'], - ['2006', '2007', '2008', '2009', '2010'], - ['2011', '2012', '2013', '2014', '2015'], - ['2016', '2017', '2018', '2019', '2020'] - ]); + clickOption(2, 3); + expect($rootScope.date).toEqual(new Date('November 16, 2005 15:30:00')); + }); }); - it('does not change the model', function() { - expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); - }); + describe('year selection mode', function () { + beforeEach(function() { + clickTitleButton(2); + }); - it('has `selected` only the selected year', function() { - expectSelectedElement( 1, 4 ); - }); + it('shows the year range as title', function() { + expect(getTitle()).toBe('2001 - 2020'); + }); - it('moves to the previous year set when `previous` button is clicked', function() { - clickPreviousButton(); + it('shows years as options', function() { + expect(getLabels()).toEqual([]); + expect(getOptions()).toEqual([ + ['2001', '2002', '2003', '2004', '2005'], + ['2006', '2007', '2008', '2009', '2010'], + ['2011', '2012', '2013', '2014', '2015'], + ['2016', '2017', '2018', '2019', '2020'] + ]); + }); - expect(getTitle()).toBe('1981 - 2000'); - expect(getLabels()).toEqual([]); - expect(getOptions()).toEqual([ - ['1981', '1982', '1983', '1984', '1985'], - ['1986', '1987', '1988', '1989', '1990'], - ['1991', '1992', '1993', '1994', '1995'], - ['1996', '1997', '1998', '1999', '2000'] - ]); - expectSelectedElement( null, null ); - }); + it('does not change the model', function() { + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + }); - it('moves to the next year set when `next` button is clicked', function() { - clickNextButton(); + it('has `selected` only the selected year', function() { + expectSelectedElement( 1, 4 ); + }); - expect(getTitle()).toBe('2021 - 2040'); - expect(getLabels()).toEqual([]); - expect(getOptions()).toEqual([ - ['2021', '2022', '2023', '2024', '2025'], - ['2026', '2027', '2028', '2029', '2030'], - ['2031', '2032', '2033', '2034', '2035'], - ['2036', '2037', '2038', '2039', '2040'] - ]); + it('moves to the previous year set when `previous` button is clicked', function() { + clickPreviousButton(); + + expect(getTitle()).toBe('1981 - 2000'); + expect(getLabels()).toEqual([]); + expect(getOptions()).toEqual([ + ['1981', '1982', '1983', '1984', '1985'], + ['1986', '1987', '1988', '1989', '1990'], + ['1991', '1992', '1993', '1994', '1995'], + ['1996', '1997', '1998', '1999', '2000'] + ]); + expectSelectedElement( null, null ); + }); - expectSelectedElement( null, null ); + it('moves to the next year set when `next` button is clicked', function() { + clickNextButton(); + + expect(getTitle()).toBe('2021 - 2040'); + expect(getLabels()).toEqual([]); + expect(getOptions()).toEqual([ + ['2021', '2022', '2023', '2024', '2025'], + ['2026', '2027', '2028', '2029', '2030'], + ['2031', '2032', '2033', '2034', '2035'], + ['2036', '2037', '2038', '2039', '2040'] + ]); + + expectSelectedElement( null, null ); + }); }); + }); describe('attribute `starting-day`', function () { @@ -955,92 +961,104 @@ describe('datepicker directive', function () { element = dropdownEl.find('table'); } - beforeEach(inject(function(_$document_, $sniffer) { - $document = _$document_; - $rootScope.date = new Date("September 30, 2010 15:30:00"); - var wrapElement = $compile('
      ')($rootScope); - $rootScope.$digest(); - assignElements(wrapElement); - - changeInputValueTo = function (el, value) { - el.val(value); - el.trigger($sniffer.hasEvent('input') ? 'input' : 'change'); + describe('', function () { + beforeEach(inject(function(_$document_, $sniffer) { + $document = _$document_; + $rootScope.date = new Date("September 30, 2010 15:30:00"); + var wrapElement = $compile('
      ')($rootScope); $rootScope.$digest(); - }; - })); + assignElements(wrapElement); - it('to display the correct value in input', function() { - expect(inputEl.val()).toBe('2010-09-30'); - }); + changeInputValueTo = function (el, value) { + el.val(value); + el.trigger($sniffer.hasEvent('input') ? 'input' : 'change'); + $rootScope.$digest(); + }; + })); - it('does not to display datepicker initially', function() { - expect(dropdownEl.css('display')).toBe('none'); - }); + it('to display the correct value in input', function() { + expect(inputEl.val()).toBe('2010-09-30'); + }); - it('displays datepicker on input focus', function() { - inputEl.focus(); - expect(dropdownEl.css('display')).not.toBe('none'); - }); + it('does not to display datepicker initially', function() { + expect(dropdownEl.css('display')).toBe('none'); + }); - it('renders the calendar correctly', function() { - expect(getLabelsRow().css('display')).not.toBe('none'); - expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); - expect(getOptions()).toEqual([ - ['29', '30', '31', '01', '02', '03', '04'], - ['05', '06', '07', '08', '09', '10', '11'], - ['12', '13', '14', '15', '16', '17', '18'], - ['19', '20', '21', '22', '23', '24', '25'], - ['26', '27', '28', '29', '30', '01', '02'] - ]); - }); + it('displays datepicker on input focus', function() { + inputEl.focus(); + expect(dropdownEl.css('display')).not.toBe('none'); + }); - it('updates the input when a day is clicked', function() { - clickOption(2, 3); - expect(inputEl.val()).toBe('2010-09-15'); - expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00')); - }); + it('renders the calendar correctly', function() { + expect(getLabelsRow().css('display')).not.toBe('none'); + expect(getLabels()).toEqual(['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']); + expect(getOptions()).toEqual([ + ['29', '30', '31', '01', '02', '03', '04'], + ['05', '06', '07', '08', '09', '10', '11'], + ['12', '13', '14', '15', '16', '17', '18'], + ['19', '20', '21', '22', '23', '24', '25'], + ['26', '27', '28', '29', '30', '01', '02'] + ]); + }); - it('should mark the input field dirty when a day is clicked', function() { - expect(inputEl).toHaveClass('ng-pristine'); - clickOption(2, 3); - expect(inputEl).toHaveClass('ng-dirty'); - }); + it('updates the input when a day is clicked', function() { + clickOption(2, 3); + expect(inputEl.val()).toBe('2010-09-15'); + expect($rootScope.date).toEqual(new Date('September 15, 2010 15:30:00')); + }); - it('updates the input correctly when model changes', function() { - $rootScope.date = new Date("January 10, 1983 10:00:00"); - $rootScope.$digest(); - expect(inputEl.val()).toBe('1983-01-10'); - }); + it('should mark the input field dirty when a day is clicked', function() { + expect(inputEl).toHaveClass('ng-pristine'); + clickOption(2, 3); + expect(inputEl).toHaveClass('ng-dirty'); + }); + + it('updates the input correctly when model changes', function() { + $rootScope.date = new Date("January 10, 1983 10:00:00"); + $rootScope.$digest(); + expect(inputEl.val()).toBe('1983-01-10'); + }); - it('closes the dropdown when a day is clicked', function() { - inputEl.focus(); - expect(dropdownEl.css('display')).not.toBe('none'); + it('closes the dropdown when a day is clicked', function() { + inputEl.focus(); + expect(dropdownEl.css('display')).not.toBe('none'); - clickOption(2, 3); - expect(dropdownEl.css('display')).toBe('none'); - }); + clickOption(2, 3); + expect(dropdownEl.css('display')).toBe('none'); + }); - it('updates the model & calendar when input value changes', function() { - changeInputValueTo(inputEl, 'March 5, 1980'); + it('updates the model & calendar when input value changes', function() { + changeInputValueTo(inputEl, 'March 5, 1980'); + + expect($rootScope.date.getFullYear()).toEqual(1980); + expect($rootScope.date.getMonth()).toEqual(2); + expect($rootScope.date.getDate()).toEqual(5); + + expect(getOptions()).toEqual([ + ['24', '25', '26', '27', '28', '29', '01'], + ['02', '03', '04', '05', '06', '07', '08'], + ['09', '10', '11', '12', '13', '14', '15'], + ['16', '17', '18', '19', '20', '21', '22'], + ['23', '24', '25', '26', '27', '28', '29'], + ['30', '31', '01', '02', '03', '04', '05'] + ]); + expectSelectedElement( 1, 3 ); + }); - expect($rootScope.date.getFullYear()).toEqual(1980); - expect($rootScope.date.getMonth()).toEqual(2); - expect($rootScope.date.getDate()).toEqual(5); + it('closes when click outside of calendar', function() { + $document.find('body').click(); + expect(dropdownEl.css('display')).toBe('none'); + }); - expect(getOptions()).toEqual([ - ['24', '25', '26', '27', '28', '29', '01'], - ['02', '03', '04', '05', '06', '07', '08'], - ['09', '10', '11', '12', '13', '14', '15'], - ['16', '17', '18', '19', '20', '21', '22'], - ['23', '24', '25', '26', '27', '28', '29'], - ['30', '31', '01', '02', '03', '04', '05'] - ]); - expectSelectedElement( 1, 3 ); - }); + it('sets `ng-invalid` for invalid input', function() { + changeInputValueTo(inputEl, 'pizza'); + + expect(inputEl).toHaveClass('ng-invalid'); + expect(inputEl).toHaveClass('ng-invalid-date'); + expect($rootScope.date).toBeUndefined(); + expect(inputEl.val()).toBe('pizza'); + }); - it('closes when click outside of calendar', function() { - $document.find('body').click(); - expect(dropdownEl.css('display')).toBe('none'); }); describe('toggles programatically by `open` attribute', function () { @@ -1138,39 +1156,45 @@ describe('datepicker directive', function () { describe('button bar', function() { var buttons, buttonBarElement; - beforeEach(inject(function() { - assignButtonBar(); - })); function assignButtonBar() { buttonBarElement = dropdownEl.find('li').eq(-1); buttons = buttonBarElement.find('button'); } - it('should be visible', function() { - expect(buttonBarElement.css('display')).not.toBe('none'); - }); + describe('', function () { + beforeEach(inject(function() { + var wrapElement = $compile('
      ')($rootScope); + $rootScope.$digest(); + assignElements(wrapElement); + assignButtonBar(); + })); - it('should have four buttons', function() { - expect(buttons.length).toBe(4); + it('should be visible', function() { + expect(buttonBarElement.css('display')).not.toBe('none'); + }); - expect(buttons.eq(0).text()).toBe('Today'); - expect(buttons.eq(1).text()).toBe('Weeks'); - expect(buttons.eq(2).text()).toBe('Clear'); - expect(buttons.eq(3).text()).toBe('Done'); - }); + it('should have four buttons', function() { + expect(buttons.length).toBe(4); - it('should have a button to clear value', function() { - buttons.eq(2).click(); - expect($rootScope.date).toBe(null); - }); + expect(buttons.eq(0).text()).toBe('Today'); + expect(buttons.eq(1).text()).toBe('Weeks'); + expect(buttons.eq(2).text()).toBe('Clear'); + expect(buttons.eq(3).text()).toBe('Done'); + }); - it('should have a button to close calendar', function() { - inputEl.focus(); - expect(dropdownEl.css('display')).not.toBe('none'); + it('should have a button to clear value', function() { + buttons.eq(2).click(); + expect($rootScope.date).toBe(null); + }); - buttons.eq(3).click(); - expect(dropdownEl.css('display')).toBe('none'); + it('should have a button to close calendar', function() { + inputEl.focus(); + expect(dropdownEl.css('display')).not.toBe('none'); + + buttons.eq(3).click(); + expect(dropdownEl.css('display')).toBe('none'); + }); }); describe('customization', function() { @@ -1270,17 +1294,6 @@ describe('datepicker directive', function () { }); }); - describe('to invalid input', function() { - it('sets `ng-invalid`', function() { - changeInputValueTo(inputEl, 'pizza'); - - expect(inputEl).toHaveClass('ng-invalid'); - expect(inputEl).toHaveClass('ng-invalid-date'); - expect($rootScope.date).toBeUndefined(); - expect(inputEl.val()).toBe('pizza'); - }); - }); - describe('with an append-to-body attribute', function() { beforeEach(inject(function($rootScope) { $rootScope.date = new Date(); From e986485a6e31055980d3c5a279ea8dff84bb35e3 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Mon, 30 Dec 2013 16:01:02 +0100 Subject: [PATCH 0086/1639] chore(build): add banner into build files Closes #1493 --- Gruntfile.js | 19 ++++++++++++++----- misc/demo/index.html | 2 +- package.json | 4 +++- 3 files changed, 18 insertions(+), 7 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 49df257fa3..b140a35b63 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -26,7 +26,13 @@ module.exports = function(grunt) { meta: { modules: 'angular.module("ui.bootstrap", [<%= srcModules %>]);', tplmodules: 'angular.module("ui.bootstrap.tpls", [<%= tplModules %>]);', - all: 'angular.module("ui.bootstrap", ["ui.bootstrap.tpls", <%= srcModules %>]);' + all: 'angular.module("ui.bootstrap", ["ui.bootstrap.tpls", <%= srcModules %>]);', + banner: ['/*', + ' * <%= pkg.name %>', + ' * <%= pkg.homepage %>\n', + ' * Version: <%= pkg.version %> - <%= grunt.template.today("yyyy-mm-dd") %>', + ' * License: <%= pkg.license %>', + ' */\n'].join('\n') }, delta: { docs: { @@ -46,14 +52,14 @@ module.exports = function(grunt) { concat: { dist: { options: { - banner: '<%= meta.modules %>\n' + banner: '<%= meta.banner %><%= meta.modules %>\n' }, src: [], //src filled in by build task dest: '<%= dist %>/<%= filename %>-<%= pkg.version %>.js' }, dist_tpls: { options: { - banner: '<%= meta.all %>\n<%= meta.tplmodules %>\n' + banner: '<%= meta.banner %><%= meta.all %>\n<%= meta.tplmodules %>\n' }, src: [], //src filled in by build task dest: '<%= dist %>/<%= filename %>-tpls-<%= pkg.version %>.js' @@ -83,12 +89,15 @@ module.exports = function(grunt) { } }, uglify: { + options: { + banner: '<%= meta.banner %>' + }, dist:{ - src:['<%= dist %>/<%= filename %>-<%= pkg.version %>.js'], + src:['<%= concat.dist.dest %>'], dest:'<%= dist %>/<%= filename %>-<%= pkg.version %>.min.js' }, dist_tpls:{ - src:['<%= dist %>/<%= filename %>-tpls-<%= pkg.version %>.js'], + src:['<%= concat.dist_tpls.dest %>'], dest:'<%= dist %>/<%= filename %>-tpls-<%= pkg.version %>.min.js' } }, diff --git a/misc/demo/index.html b/misc/demo/index.html index feb7b87a79..4257334153 100644 --- a/misc/demo/index.html +++ b/misc/demo/index.html @@ -212,7 +212,7 @@

      <%= module.displayName %> diff --git a/package.json b/package.json index 86ae0221b6..2daf709421 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,7 @@ "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", "version": "0.10.0-SNAPSHOT", + "homepage": "http://angular-ui.github.io/bootstrap/", "dependencies": {}, "devDependencies": { "grunt": "~0.4.1", @@ -17,5 +18,6 @@ "node-markdown": "0.1.1", "semver": "~1.1.4", "shelljs": "~0.1.4" - } + }, + "license": "MIT" } From 0754ad7b5c7ef7b018d0caebdb8799f24bd0cd8c Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Mon, 30 Dec 2013 15:53:09 -0800 Subject: [PATCH 0087/1639] fix(modal): leaking watchers due to scope re-use Previously, the backdropScope was being re-used and each time it was linked, it would attach more watchers to the scope. Closes #1491 Closes #1498 --- src/modal/modal.js | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/src/modal/modal.js b/src/modal/modal.js index adcc95fe65..f04e02d58d 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -110,8 +110,7 @@ angular.module('ui.bootstrap.modal', []) var OPENED_MODAL_CLASS = 'modal-open'; - var backdropjqLiteEl, backdropDomEl; - var backdropScope = $rootScope.$new(true); + var backdropDomEl, backdropScope; var openedWindows = $$stackedMap.createNew(); var $modalStack = {}; @@ -127,7 +126,9 @@ angular.module('ui.bootstrap.modal', []) } $rootScope.$watch(backdropIndex, function(newBackdropIndex){ - backdropScope.index = newBackdropIndex; + if (backdropScope) { + backdropScope.index = newBackdropIndex; + } }); function removeModalWindow(modalInstance) { @@ -146,6 +147,9 @@ angular.module('ui.bootstrap.modal', []) if (backdropDomEl && backdropIndex() == -1) { backdropDomEl.remove(); backdropDomEl = undefined; + + backdropScope.$destroy(); + backdropScope = undefined; } //destroy scope @@ -174,12 +178,14 @@ angular.module('ui.bootstrap.modal', []) keyboard: modal.keyboard }); - var body = $document.find('body').eq(0); + var body = $document.find('body').eq(0), + currBackdropIndex = backdropIndex(); - if (backdropIndex() >= 0 && !backdropDomEl) { - backdropjqLiteEl = angular.element('
      '); - backdropDomEl = $compile(backdropjqLiteEl)(backdropScope); - body.append(backdropDomEl); + if (currBackdropIndex >= 0 && !backdropDomEl) { + backdropScope = $rootScope.$new(true); + backdropScope.index = currBackdropIndex; + backdropDomEl = $compile('
      ')(backdropScope); + body.append(backdropDomEl); } var angularDomEl = angular.element('
      '); From ab92f5a721d2685f270d3fed9c8345f0c1f8ba77 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Mon, 30 Dec 2013 16:40:55 +0100 Subject: [PATCH 0088/1639] demo(all): use modal for download process Closes #1494 --- misc/demo/assets/app.js | 45 +++++++++++++++++++++++++++++++++++++++-- misc/demo/index.html | 33 +++++++++++++++++++++++++++++- 2 files changed, 75 insertions(+), 3 deletions(-) diff --git a/misc/demo/assets/app.js b/misc/demo/assets/app.js index bb47105830..829f4a0b86 100644 --- a/misc/demo/assets/app.js +++ b/misc/demo/assets/app.js @@ -9,6 +9,11 @@ function MainCtrl($scope, $http, $document, $modal, orderByFilter) { var $iframe = angular.element(' + allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20">

      • Add Slide +
      Interval, in milliseconds: diff --git a/template/carousel/carousel.html b/template/carousel/carousel.html index 167996563e..d622e7e98f 100644 --- a/template/carousel/carousel.html +++ b/template/carousel/carousel.html @@ -1,8 +1,8 @@
      -
        -
      1. +
          +
        - - + +
      From 467dd159b364fa034e7d3ec33f421f861cdca12f Mon Sep 17 00:00:00 2001 From: Ricki Runge Date: Sun, 23 Feb 2014 17:58:44 +0100 Subject: [PATCH 0203/1639] fix(datepicker): mark input field as invalid if the date is invalid Closes #1845 --- src/datepicker/datepicker.js | 2 +- src/datepicker/test/datepicker.spec.js | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index 599f3c3562..b0a3b932a1 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -368,7 +368,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon if (!viewValue) { ngModel.$setValidity('date', true); return null; - } else if (angular.isDate(viewValue)) { + } else if (angular.isDate(viewValue) && !isNaN(viewValue)) { ngModel.$setValidity('date', true); return viewValue; } else if (angular.isString(viewValue)) { diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index 9ecec1c69c..575dae700c 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -248,6 +248,15 @@ describe('datepicker directive', function () { testCalendar(); expect(angular.isDate($rootScope.date)).toBe(true); }); + + it('to a date that is invalid, it gets invalid', function() { + $rootScope.date = new Date('pizza'); + $rootScope.$digest(); + expect(element.hasClass('ng-invalid')).toBeTruthy(); + expect(element.hasClass('ng-invalid-date')).toBeTruthy(); + expect(angular.isDate($rootScope.date)).toBe(true); + expect(isNaN($rootScope.date)).toBe(true); + }); }); describe('not to a Date object', function() { From 93da30d559481cc603586420341d32a5fc23bd58 Mon Sep 17 00:00:00 2001 From: Rafael Garcia Date: Sat, 15 Feb 2014 18:00:09 -0300 Subject: [PATCH 0204/1639] fix(datepicker): rename `dateFormat` to `datepickerPopup` in datepickerPopupConfig Closes #1810 --- src/datepicker/datepicker.js | 4 ++-- src/datepicker/test/datepicker.spec.js | 20 ++++++++++++++++++++ 2 files changed, 22 insertions(+), 2 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index b0a3b932a1..4dae6719e6 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -296,7 +296,7 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) }) .constant('datepickerPopupConfig', { - dateFormat: 'yyyy-MM-dd', + datepickerPopup: 'yyyy-MM-dd', currentText: 'Today', clearText: 'Clear', closeText: 'Done', @@ -328,7 +328,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon }; attrs.$observe('datepickerPopup', function(value) { - dateFormat = value || datepickerPopupConfig.dateFormat; + dateFormat = value || datepickerPopupConfig.datepickerPopup; ngModel.$render(); }); diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index 575dae700c..d8083c3ce3 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -795,6 +795,26 @@ describe('datepicker directive', function () { }); + describe('setting datepickerPopupConfig', function() { + var originalConfig = {}; + beforeEach(inject(function(datepickerPopupConfig) { + angular.extend(originalConfig, datepickerPopupConfig); + datepickerPopupConfig.datepickerPopup = 'MM-dd-yyyy'; + + element = $compile('')($rootScope); + $rootScope.$digest(); + })); + afterEach(inject(function(datepickerPopupConfig) { + // return it to the original state + angular.extend(datepickerPopupConfig, originalConfig); + })); + + it('changes date format', function() { + expect(element.val()).toEqual('09-30-2010'); + }); + + }); + describe('as popup', function () { var inputEl, dropdownEl, changeInputValueTo, $document; From 890e2d37c1b7fba0f4995f45ab0baf9fc727ee2d Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Wed, 26 Feb 2014 22:09:33 +0100 Subject: [PATCH 0205/1639] fix(dropdown): unbind toggle element event on scope destroy Also, change the way disabled dropdownToggle is read from `attrs` instead of element property. Closes #1867 Closes #1870 --- src/dropdown/docs/demo.html | 3 ++- src/dropdown/dropdown.js | 12 +++++++++--- src/dropdown/test/dropdown.spec.js | 29 +++++++++++++++++++++++++++++ 3 files changed, 40 insertions(+), 4 deletions(-) diff --git a/src/dropdown/docs/demo.html b/src/dropdown/docs/demo.html index c58117de1f..27e5e4a7ed 100644 --- a/src/dropdown/docs/demo.html +++ b/src/dropdown/docs/demo.html @@ -14,7 +14,7 @@
      -
      diff --git a/src/dropdown/dropdown.js b/src/dropdown/dropdown.js index c7a24bd7db..53a3c36e23 100644 --- a/src/dropdown/dropdown.js +++ b/src/dropdown/dropdown.js @@ -112,22 +112,28 @@ angular.module('ui.bootstrap.dropdown', []) return; } - element.bind('click', function(event) { + var toggleDropdown = function(event) { event.preventDefault(); event.stopPropagation(); - if ( !element.hasClass('disabled') && !element.prop('disabled') ) { + if ( !element.hasClass('disabled') && !attrs.disabled ) { scope.$apply(function() { dropdownCtrl.toggle(); }); } - }); + }; + + element.bind('click', toggleDropdown); // WAI-ARIA element.attr({ 'aria-haspopup': true, 'aria-expanded': false }); scope.$watch(dropdownCtrl.isOpen, function( isOpen ) { element.attr('aria-expanded', !!isOpen); }); + + scope.$on('$destroy', function() { + element.unbind('click', toggleDropdown); + }); } }; }); diff --git a/src/dropdown/test/dropdown.spec.js b/src/dropdown/test/dropdown.spec.js index a0a4c51f72..eceb6bfcb0 100644 --- a/src/dropdown/test/dropdown.spec.js +++ b/src/dropdown/test/dropdown.spec.js @@ -91,6 +91,35 @@ describe('dropdownToggle', function() { expect(elm.hasClass('open')).toBe(false); }); + it('should not toggle if the element has `ng-disabled` as true', function() { + $rootScope.isdisabled = true; + var elm = $compile('
      • Hello
      • ')($rootScope); + $rootScope.$digest(); + elm.find('div').click(); + expect(elm.hasClass('open')).toBe(false); + + $rootScope.isdisabled = false; + $rootScope.$digest(); + elm.find('div').click(); + expect(elm.hasClass('open')).toBe(true); + }); + + it('should unbind events on scope destroy', function() { + var $scope = $rootScope.$new(); + var elm = $compile('
      • Hello
      • ')($scope); + $scope.$digest(); + + var buttonEl = elm.find('button'); + buttonEl.click(); + expect(elm.hasClass('open')).toBe(true); + buttonEl.click(); + expect(elm.hasClass('open')).toBe(false); + + $scope.$destroy(); + buttonEl.click(); + expect(elm.hasClass('open')).toBe(false); + }); + // issue 270 it('executes other document click events normally', function() { var checkboxEl = $compile('')($rootScope); From 341b5b588666b2dbe864e6423a3fa60f44fd9014 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Wed, 5 Mar 2014 15:43:13 +0100 Subject: [PATCH 0206/1639] demo(datepicker): add type attribute to buttons Closes #1890 Closes #1894 --- src/datepicker/docs/demo.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/datepicker/docs/demo.html b/src/datepicker/docs/demo.html index 09c2071a23..cc4406dd0c 100644 --- a/src/datepicker/docs/demo.html +++ b/src/datepicker/docs/demo.html @@ -12,7 +12,7 @@

      Popup

      - +

      @@ -24,8 +24,8 @@

      Popup

      - - - - + + + +
      \ No newline at end of file From c6c0e2d9ef39592cf3558e53f5f216daa2f6c215 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 8 Mar 2014 18:09:52 +0100 Subject: [PATCH 0207/1639] chore(ci): switch off IE testing on TravisCI --- Gruntfile.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Gruntfile.js b/Gruntfile.js index b8697a1837..029f70ecc8 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -134,7 +134,7 @@ module.exports = function(grunt) { singleRun: true, colors: false, reporters: ['dots', 'junit'], - browsers: ['Chrome', 'ChromeCanary', 'Firefox', 'Opera', '/Users/jenkins/bin/safari.sh', '/Users/jenkins/bin/ie9.sh', '/Users/jenkins/bin/ie10.sh', '/Users/jenkins/bin/ie11.sh'] + browsers: ['Chrome', 'ChromeCanary', 'Firefox', 'Opera', '/Users/jenkins/bin/safari.sh'] }, travis: { singleRun: true, From 6a830116f25bcedac37dc84b457dff3118a4f4e7 Mon Sep 17 00:00:00 2001 From: Michal Charemza Date: Fri, 7 Mar 2014 16:34:32 +0000 Subject: [PATCH 0208/1639] fix(typeahead): loading callback updates after blur Fixes #1822 Closes #1904 --- src/typeahead/test/typeahead.spec.js | 19 +++++++++++++++++++ src/typeahead/typeahead.js | 5 ++++- 2 files changed, 23 insertions(+), 1 deletion(-) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 1e2ec60b68..59f3f661aa 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -507,6 +507,25 @@ describe('typeahead tests', function () { expect(element).toBeClosed(); }); + it('should properly update loading callback if an element is not focused', function () { + + $scope.items = function(viewValue) { + return $timeout(function(){ + return [viewValue]; + }); + }; + var element = prepareInputEl('
      '); + var inputEl = findInput(element); + + changeInputValueTo(element, 'match'); + $scope.$digest(); + + inputEl.blur(); + $timeout.flush(); + + expect($scope.isLoading).toBeFalsy(); + }); + it('issue 1140 - should properly update loading callback when deleting characters', function () { $scope.items = function(viewValue) { diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js index e0cb5b9f6a..7148ce3031 100644 --- a/src/typeahead/typeahead.js +++ b/src/typeahead/typeahead.js @@ -110,7 +110,8 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap //it might happen that several async queries were in progress if a user were typing fast //but we are interested only in responses that correspond to the current view value - if (inputValue === modelCtrl.$viewValue && hasFocus) { + var onCurrentRequest = (inputValue === modelCtrl.$viewValue); + if (onCurrentRequest && hasFocus) { if (matches.length > 0) { scope.activeIdx = 0; @@ -136,6 +137,8 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap } else { resetMatches(); } + } + if (onCurrentRequest) { isLoadingSetter(originalScope, false); } }, function(){ From d89bbd1008d8c97c46c675a71ee97f833c7dfa16 Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Wed, 5 Mar 2014 18:41:43 +0100 Subject: [PATCH 0209/1639] test(pagination): clean some injections Closes #1895 --- src/pagination/test/pager.spec.js | 16 +++++------ src/pagination/test/pagination.spec.js | 38 +++++++++++++------------- 2 files changed, 27 insertions(+), 27 deletions(-) diff --git a/src/pagination/test/pager.spec.js b/src/pagination/test/pager.spec.js index 3065ba927c..5a6010b2ad 100644 --- a/src/pagination/test/pager.spec.js +++ b/src/pagination/test/pager.spec.js @@ -97,11 +97,11 @@ describe('pager directive', function () { }); describe('`items-per-page`', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.perpage = 5; - element = $compile('')($rootScope); + element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('does not change the number of pages', function() { expect(getPaginationBarSize()).toBe(2); @@ -116,7 +116,7 @@ describe('pager directive', function () { expect($rootScope.currentPage).toBe(2); expect(getPaginationBarSize()).toBe(2); expect(getPaginationEl(0)).not.toHaveClass('disabled'); - expect(getPaginationEl(1)).toHaveClass('disabled'); + expect(getPaginationEl(-1)).toHaveClass('disabled'); }); }); @@ -131,11 +131,11 @@ describe('pager directive', function () { }); describe('`num-pages`', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.numpg = null; element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('equals to total number of pages', function() { expect($rootScope.numpg).toBe(5); @@ -169,10 +169,10 @@ describe('pager directive', function () { }); describe('override configuration from attributes', function () { - beforeEach(inject(function() { + beforeEach(function() { element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('contains 2 li elements', function() { expect(getPaginationBarSize()).toBe(2); diff --git a/src/pagination/test/pagination.spec.js b/src/pagination/test/pagination.spec.js index 7259146a01..70ace520a5 100644 --- a/src/pagination/test/pagination.spec.js +++ b/src/pagination/test/pagination.spec.js @@ -123,11 +123,11 @@ describe('pagination directive', function () { }); describe('`items-per-page`', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.perpage = 5; element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('changes the number of pages', function() { expect(getPaginationBarSize()).toBe(12); @@ -166,11 +166,11 @@ describe('pagination directive', function () { }); describe('executes `ng-change` expression', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.selectPageHandler = jasmine.createSpy('selectPageHandler'); element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('when an element is clicked', function() { clickPaginationEl(2); @@ -194,13 +194,13 @@ describe('pagination directive', function () { }); describe('with `max-size` option', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.total = 98; // 10 pages $rootScope.currentPage = 3; $rootScope.maxSize = 5; element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('contains maxsize + 2 li elements', function() { expect(getPaginationBarSize()).toBe($rootScope.maxSize + 2); @@ -230,7 +230,7 @@ describe('pagination directive', function () { clickPaginationEl(0); expect($rootScope.currentPage).toBe(6); - expect(getPaginationEl(3)).toHaveClass('active'); + expect(getPaginationEl(3)).toHaveClass('active'); expect(getPaginationEl(3).text()).toBe(''+$rootScope.currentPage); }); @@ -262,14 +262,14 @@ describe('pagination directive', function () { }); describe('with `max-size` option & no `rotate`', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.total = 115; // 12 pages $rootScope.currentPage = 7; $rootScope.maxSize = 5; $rootScope.rotate = false; element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('contains maxsize + 4 elements', function() { expect(getPaginationBarSize()).toBe($rootScope.maxSize + 4); @@ -325,10 +325,10 @@ describe('pagination directive', function () { }); describe('pagination directive with `boundary-links`', function () { - beforeEach(inject(function() { + beforeEach(function() { element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('contains num-pages + 4 li elements', function() { expect(getPaginationBarSize()).toBe(9); @@ -418,10 +418,10 @@ describe('pagination directive', function () { }); describe('pagination directive with just number links', function () { - beforeEach(inject(function() { + beforeEach(function() { element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('contains num-pages li elements', function() { expect(getPaginationBarSize()).toBe(5); @@ -469,11 +469,11 @@ describe('pagination directive', function () { }); describe('with just boundary & number links', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.directions = false; element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('contains number of pages + 2 li elements', function() { expect(getPaginationBarSize()).toBe(7); @@ -501,11 +501,11 @@ describe('pagination directive', function () { }); describe('`num-pages`', function () { - beforeEach(inject(function() { + beforeEach(function() { $rootScope.numpg = null; element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('equals to total number of pages', function() { expect($rootScope.numpg).toBe(5); @@ -573,10 +573,10 @@ describe('pagination directive', function () { }); describe('override configuration from attributes', function () { - beforeEach(inject(function() { + beforeEach(function() { element = $compile('')($rootScope); $rootScope.$digest(); - })); + }); it('contains number of pages + 4 li elements', function() { expect(getPaginationBarSize()).toBe(9); From f715d0522589cbb16bbe7498573da5d7aad8802b Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Fri, 7 Mar 2014 11:47:30 +0100 Subject: [PATCH 0210/1639] feat(dropdown): focus toggle element when opening or closing with Esc` * Improve accessibility. Closes #1908. --- src/dropdown/dropdown.js | 20 +++++++++++++++----- src/dropdown/test/dropdown.spec.js | 25 ++++++++++++++++++++++--- 2 files changed, 37 insertions(+), 8 deletions(-) diff --git a/src/dropdown/dropdown.js b/src/dropdown/dropdown.js index 53a3c36e23..c674f44ee0 100644 --- a/src/dropdown/dropdown.js +++ b/src/dropdown/dropdown.js @@ -36,6 +36,7 @@ angular.module('ui.bootstrap.dropdown', []) var escapeKeyBind = function( evt ) { if ( evt.which === 27 ) { + openScope.focusToggleElement(); closeDropdown(); } }; @@ -71,17 +72,24 @@ angular.module('ui.bootstrap.dropdown', []) return scope.isOpen; }; - scope.$watch('isOpen', function( value ) { - $animate[value ? 'addClass' : 'removeClass'](self.$element, openClass); + scope.focusToggleElement = function() { + if ( self.toggleElement ) { + self.toggleElement[0].focus(); + } + }; - if ( value ) { + scope.$watch('isOpen', function( isOpen ) { + $animate[isOpen ? 'addClass' : 'removeClass'](self.$element, openClass); + + if ( isOpen ) { + scope.focusToggleElement(); dropdownService.open( scope ); } else { dropdownService.close( scope ); } - setIsOpen($scope, value); - toggleInvoker($scope, { open: !!value }); + setIsOpen($scope, isOpen); + toggleInvoker($scope, { open: !!isOpen }); }); $scope.$on('$locationChangeSuccess', function() { @@ -112,6 +120,8 @@ angular.module('ui.bootstrap.dropdown', []) return; } + dropdownCtrl.toggleElement = element; + var toggleDropdown = function(event) { event.preventDefault(); event.stopPropagation(); diff --git a/src/dropdown/test/dropdown.spec.js b/src/dropdown/test/dropdown.spec.js index eceb6bfcb0..77c7f509b9 100644 --- a/src/dropdown/test/dropdown.spec.js +++ b/src/dropdown/test/dropdown.spec.js @@ -20,9 +20,13 @@ describe('dropdownToggle', function() { element.trigger(e); }; + var isFocused = function(elm) { + return elm[0] === document.activeElement; + }; + describe('basic', function() { function dropdown() { - return $compile('
      • Hello
      • ')($rootScope); + return $compile('
      • Hello
      • ')($rootScope); } beforeEach(function() { @@ -44,10 +48,13 @@ describe('dropdownToggle', function() { expect(element.hasClass('open')).toBe(false); }); - it('should close on escape key', function() { + it('should close on escape key & focus toggle element', function() { + $document.find('body').append(element); clickDropdownToggle(); triggerKeyDown($document, 27); expect(element.hasClass('open')).toBe(false); + expect(isFocused(element.find('a'))).toBe(true); + element.remove(); }); it('should not close on backspace key', function() { @@ -170,7 +177,7 @@ describe('dropdownToggle', function() { describe('`is-open`', function() { beforeEach(function() { $rootScope.isopen = true; - element = $compile('
      • Hello
      • ')($rootScope); + element = $compile('
      • Hello
      • ')($rootScope); $rootScope.$digest(); }); @@ -188,6 +195,18 @@ describe('dropdownToggle', function() { $rootScope.$digest(); expect(element.hasClass('open')).toBe(false); }); + + it('focus toggle element when opening', function() { + $document.find('body').append(element); + clickDropdownToggle(); + $rootScope.isopen = false; + $rootScope.$digest(); + expect(isFocused(element.find('a'))).toBe(false); + $rootScope.isopen = true; + $rootScope.$digest(); + expect(isFocused(element.find('a'))).toBe(true); + element.remove(); + }); }); describe('`on-toggle`', function() { From f9b6c49623e863969a5371646eb4d385319c1bda Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 8 Mar 2014 20:33:43 +0100 Subject: [PATCH 0211/1639] fix(timepicker): evaluate correctly the `readonly-input` attribute Closes #1911 --- src/timepicker/test/timepicker.spec.js | 14 ++++++++++++++ src/timepicker/timepicker.js | 4 ++-- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/src/timepicker/test/timepicker.spec.js b/src/timepicker/test/timepicker.spec.js index 9d329ccf64..7958b2d463 100644 --- a/src/timepicker/test/timepicker.spec.js +++ b/src/timepicker/test/timepicker.spec.js @@ -601,6 +601,20 @@ describe('timepicker directive', function () { }); }); + describe('`readonly-input` attribute', function() { + beforeEach(inject(function() { + $rootScope.meridiansArray = ['am', 'pm']; + element = $compile('')($rootScope); + $rootScope.$digest(); + })); + + it('should make inputs readonly', function () { + var inputs = element.find('input'); + expect(inputs.eq(0).attr('readonly')).toBe('readonly'); + expect(inputs.eq(1).attr('readonly')).toBe('readonly'); + }); + }); + describe('setting timepickerConfig steps', function() { var originalConfig = {}; beforeEach(inject(function(_$compile_, _$rootScope_, timepickerConfig) { diff --git a/src/timepicker/timepicker.js b/src/timepicker/timepicker.js index 5cce447415..045e19b989 100644 --- a/src/timepicker/timepicker.js +++ b/src/timepicker/timepicker.js @@ -26,7 +26,7 @@ angular.module('ui.bootstrap.timepicker', []) this.setupMousewheelEvents( hoursInputEl, minutesInputEl ); } - $scope.readonlyInput = angular.isDefined($attrs.readonlyInput) ? scope.$parent.$eval($attrs.readonlyInput) : timepickerConfig.readonlyInput; + $scope.readonlyInput = angular.isDefined($attrs.readonlyInput) ? $scope.$parent.$eval($attrs.readonlyInput) : timepickerConfig.readonlyInput; this.setupInputEvents( hoursInputEl, minutesInputEl ); }; @@ -243,7 +243,7 @@ angular.module('ui.bootstrap.timepicker', []) replace: true, scope: {}, templateUrl: 'template/timepicker/timepicker.html', - link: function(sscope, element, attrs, ctrls) { + link: function(scope, element, attrs, ctrls) { var timepickerCtrl = ctrls[0], ngModelCtrl = ctrls[1]; if ( ngModelCtrl ) { From f9aa4590e94991fb0b3f414f1c96489a96717719 Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Tue, 4 Mar 2014 20:06:31 +0100 Subject: [PATCH 0212/1639] fix(karma): exclude demo files Closes #1889 --- karma.conf.js | 1 + 1 file changed, 1 insertion(+) diff --git a/karma.conf.js b/karma.conf.js index 086e2dc916..14a61d5de3 100644 --- a/karma.conf.js +++ b/karma.conf.js @@ -16,6 +16,7 @@ files = [ // list of files to exclude exclude = [ + 'src/**/docs/*' ]; // Start these browsers, currently available: From d0024931dee6e35d9e49a1050be3ec60745042f1 Mon Sep 17 00:00:00 2001 From: Shayan Elhami Date: Wed, 12 Feb 2014 22:36:44 +0000 Subject: [PATCH 0213/1639] fix(typeahead): incompatibility with ng-focus Used timeout to avoid $rootScope:inprog error Fixes #1773 Closes #1793 --- src/typeahead/test/typeahead.spec.js | 17 +++++++++++++++++ src/typeahead/typeahead.js | 3 ++- 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 59f3f661aa..1561361ee6 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -575,6 +575,23 @@ describe('typeahead tests', function () { expect(element).toBeOpenWithActive(2, 0); }); + + it('issue #1773 - should not trigger an error when used with ng-focus', function () { + + var element = prepareInputEl('
      '); + var inputEl = findInput(element); + + // Note that this bug can only be found when element is in the document + $document.find('body').append(element); + // Extra teardown for this spec + this.after(function () { element.remove(); }); + + changeInputValueTo(element, 'b'); + var match = $(findMatches(element)[1]).find('a')[0]; + + $(match).click(); + $scope.$digest(); + }); }); describe('input formatting', function () { diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js index 7148ce3031..123d28bc09 100644 --- a/src/typeahead/typeahead.js +++ b/src/typeahead/typeahead.js @@ -233,7 +233,8 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap resetMatches(); //return focus to the input element if a mach was selected via a mouse click event - element[0].focus(); + // use timeout to avoid $rootScope:inprog error + $timeout(function() { element[0].focus(); }, 0, false); }; //bind keyboard events: arrows up(38) / down(40), enter(13) and tab(9), esc(27) From 4b811b7adc84d752599d06f5f82db5f4d5d3b058 Mon Sep 17 00:00:00 2001 From: MacTEC Date: Wed, 12 Mar 2014 16:14:49 +0000 Subject: [PATCH 0214/1639] chore(typeahead): fix typo in comment Closes #1925 --- src/typeahead/typeahead.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js index 123d28bc09..7151b81bb8 100644 --- a/src/typeahead/typeahead.js +++ b/src/typeahead/typeahead.js @@ -232,7 +232,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap resetMatches(); - //return focus to the input element if a mach was selected via a mouse click event + //return focus to the input element if a match was selected via a mouse click event // use timeout to avoid $rootScope:inprog error $timeout(function() { element[0].focus(); }, 0, false); }; @@ -358,4 +358,4 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap return function(matchItem, query) { return query ? ('' + matchItem).replace(new RegExp(escapeRegexp(query), 'gi'), '$&') : matchItem; }; - }); \ No newline at end of file + }); From 3b6ab25b5c227ee21fc863ffe523e719475dbca5 Mon Sep 17 00:00:00 2001 From: tomchentw Date: Wed, 2 Apr 2014 13:49:26 +0800 Subject: [PATCH 0215/1639] fix(carousel): correct glyphicon Fixes #2006 Closes #2014 --- template/carousel/carousel.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/template/carousel/carousel.html b/template/carousel/carousel.html index d622e7e98f..9769b383a6 100644 --- a/template/carousel/carousel.html +++ b/template/carousel/carousel.html @@ -3,6 +3,6 @@
    • - - + +
      From f48e4339e964dd6574f5aa99948f3709f0eba809 Mon Sep 17 00:00:00 2001 From: Philipp Denzler Date: Sat, 5 Apr 2014 22:59:28 +0200 Subject: [PATCH 0216/1639] chore(dropdown): remove unused var Closes #2023 --- src/dropdown/dropdown.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/dropdown/dropdown.js b/src/dropdown/dropdown.js index c674f44ee0..f1c138a670 100644 --- a/src/dropdown/dropdown.js +++ b/src/dropdown/dropdown.js @@ -5,7 +5,7 @@ angular.module('ui.bootstrap.dropdown', []) }) .service('dropdownService', ['$document', function($document) { - var self = this, openScope = null; + var openScope = null; this.open = function( dropdownScope ) { if ( !openScope ) { From 82df4fb1c48520396c4af2400af632fcfeb1f611 Mon Sep 17 00:00:00 2001 From: Duncan Beevers Date: Thu, 6 Feb 2014 12:13:27 -0600 Subject: [PATCH 0217/1639] feat(button): allow uncheckable radio button Acts as a hybrid checkbox/radio-button, selecting exclusively among the button set, but also allowing the selected item to be unselected, leaving the button set without a selected item. Closes #1760 --- src/buttons/buttons.js | 6 ++-- src/buttons/docs/demo.html | 9 ++++-- src/buttons/docs/readme.md | 3 +- src/buttons/test/buttons.spec.js | 48 ++++++++++++++++++++++++++++++++ 4 files changed, 60 insertions(+), 6 deletions(-) diff --git a/src/buttons/buttons.js b/src/buttons/buttons.js index 913523ed16..27237be388 100644 --- a/src/buttons/buttons.js +++ b/src/buttons/buttons.js @@ -24,9 +24,11 @@ angular.module('ui.bootstrap.buttons', []) //ui->model element.bind(buttonsCtrl.toggleEvent, function () { - if (!element.hasClass(buttonsCtrl.activeClass)) { + var isActive = element.hasClass(buttonsCtrl.activeClass); + + if (!isActive || angular.isDefined(attrs.uncheckable)) { scope.$apply(function () { - ngModelCtrl.$setViewValue(scope.$eval(attrs.btnRadio)); + ngModelCtrl.$setViewValue(isActive ? null : scope.$eval(attrs.btnRadio)); ngModelCtrl.$render(); }); } diff --git a/src/buttons/docs/demo.html b/src/buttons/docs/demo.html index 9b2c6bb088..3c7bf2bfc1 100644 --- a/src/buttons/docs/demo.html +++ b/src/buttons/docs/demo.html @@ -11,11 +11,16 @@

      Checkbox

      -

      Radio

      - 
      {{radioModel}}
      +

      Radio & Uncheckable Radio

      + 
      {{radioModel || 'null'}}
      +
      + + + +
      \ No newline at end of file diff --git a/src/buttons/docs/readme.md b/src/buttons/docs/readme.md index 73ef6003d1..82e736b107 100644 --- a/src/buttons/docs/readme.md +++ b/src/buttons/docs/readme.md @@ -1,2 +1 @@ -There are 2 directives that can make a group of buttons to behave like a set of checkboxes or radio buttons. - +There are two directives that can make a group of buttons behave like a set of checkboxes, radio buttons, or a hybrid where radio buttons can be unchecked. diff --git a/src/buttons/test/buttons.spec.js b/src/buttons/test/buttons.spec.js index 5b4db2c42c..4774b8b5c8 100644 --- a/src/buttons/test/buttons.spec.js +++ b/src/buttons/test/buttons.spec.js @@ -136,5 +136,53 @@ describe('buttons', function () { expect(btns.eq(0)).not.toHaveClass('active'); expect(btns.eq(1)).toHaveClass('active'); }); + + describe('uncheckable', function () { + //model -> UI + it('should set active class based on model', function () { + var btns = compileButtons('', $scope); + expect(btns.eq(0)).not.toHaveClass('active'); + expect(btns.eq(1)).not.toHaveClass('active'); + + $scope.model = 2; + $scope.$digest(); + expect(btns.eq(0)).not.toHaveClass('active'); + expect(btns.eq(1)).toHaveClass('active'); + }); + + //UI->model + it('should unset active class based on model', function () { + var btns = compileButtons('', $scope); + expect($scope.model).toBeUndefined(); + + btns.eq(0).click(); + expect($scope.model).toEqual(1); + expect(btns.eq(0)).toHaveClass('active'); + expect(btns.eq(1)).not.toHaveClass('active'); + + btns.eq(0).click(); + expect($scope.model).toEqual(undefined); + expect(btns.eq(1)).not.toHaveClass('active'); + expect(btns.eq(0)).not.toHaveClass('active'); + }); + + it('should watch btn-radio values and update state', function () { + $scope.values = ['value1', 'value2']; + + var btns = compileButtons('', $scope); + expect(btns.eq(0)).not.toHaveClass('active'); + expect(btns.eq(1)).not.toHaveClass('active'); + + $scope.model = 'value2'; + $scope.$digest(); + expect(btns.eq(0)).not.toHaveClass('active'); + expect(btns.eq(1)).toHaveClass('active'); + + $scope.model = undefined; + $scope.$digest(); + expect(btns.eq(0)).not.toHaveClass('active'); + expect(btns.eq(1)).not.toHaveClass('active'); + }); + }); }); }); \ No newline at end of file From 4c76a858de7bd85b7f81a2e50f5c74723b058df2 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Mon, 10 Mar 2014 23:37:13 +0100 Subject: [PATCH 0218/1639] feat(typeahead): add `aria-owns` & `aria-activedescendant` roles --- src/typeahead/test/typeahead.spec.js | 8 ++++++ src/typeahead/typeahead.js | 34 +++++++++++++++++++------ template/typeahead/typeahead-popup.html | 2 +- 3 files changed, 35 insertions(+), 9 deletions(-) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 1561361ee6..790f7ee535 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -131,15 +131,23 @@ describe('typeahead tests', function () { it('should open and close typeahead based on matches', function () { var element = prepareInputEl('
      '); var inputEl = findInput(element); + var ownsId = inputEl.attr('aria-owns'); + expect(inputEl.attr('aria-expanded')).toBe('false'); + expect(inputEl.attr('aria-activedescendant')).toBeUndefined(); changeInputValueTo(element, 'ba'); expect(element).toBeOpenWithActive(2, 0); + expect(findDropDown(element).attr('id')).toBe(ownsId); expect(inputEl.attr('aria-expanded')).toBe('true'); + var activeOptionId = ownsId + '-option-0'; + expect(inputEl.attr('aria-activedescendant')).toBe(activeOptionId); + expect(findDropDown(element).find('li.active').attr('id')).toBe(activeOptionId); changeInputValueTo(element, ''); expect(element).toBeClosed(); expect(inputEl.attr('aria-expanded')).toBe('false'); + expect(inputEl.attr('aria-activedescendant')).toBeUndefined(); }); it('should not open typeahead if input value smaller than a defined threshold', function () { diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js index 7151b81bb8..8795ef6fe0 100644 --- a/src/typeahead/typeahead.js +++ b/src/typeahead/typeahead.js @@ -69,15 +69,25 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap var hasFocus; + //create a child scope for the typeahead directive so we are not polluting original scope + //with typeahead-specific data (matches, query etc.) + var scope = originalScope.$new(); + originalScope.$on('$destroy', function(){ + scope.$destroy(); + }); + // WAI-ARIA + var popupId = 'typeahead-' + scope.$id + '-' + Math.floor(Math.random() * 10000); element.attr({ 'aria-autocomplete': 'list', - 'aria-expanded': false + 'aria-expanded': false, + 'aria-owns': popupId }); //pop-up element used to display matches var popUpEl = angular.element('
      '); popUpEl.attr({ + id: popupId, matches: 'matches', active: 'activeIdx', select: 'select(activeIdx)', @@ -89,19 +99,26 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap popUpEl.attr('template-url', attrs.typeaheadTemplateUrl); } - //create a child scope for the typeahead directive so we are not polluting original scope - //with typeahead-specific data (matches, query etc.) - var scope = originalScope.$new(); - originalScope.$on('$destroy', function(){ - scope.$destroy(); - }); - var resetMatches = function() { scope.matches = []; scope.activeIdx = -1; element.attr('aria-expanded', false); }; + var getMatchId = function(index) { + return popupId + '-option-' + index; + }; + + // Indicate that the specified match is the active (pre-selected) item in the list owned by this typeahead. + // This attribute is added or removed automatically when the `activeIdx` changes. + scope.$watch('activeIdx', function(index) { + if (index < 0) { + element.removeAttr('aria-activedescendant'); + } else { + element.attr('aria-activedescendant', getMatchId(index)); + } + }); + var getMatchesAsync = function(inputValue) { var locals = {$viewValue: inputValue}; @@ -121,6 +138,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap for(var i=0; i -
    • +
      • \ No newline at end of file From 004dd1de25681152008fd47d9a055393a1eb52da Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Fri, 4 Apr 2014 11:51:21 +0200 Subject: [PATCH 0219/1639] fix(dropdown): do not call `on-toggle` initially Closes #2021 --- src/dropdown/dropdown.js | 6 ++++-- src/dropdown/test/dropdown.spec.js | 14 ++++++++------ 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/src/dropdown/dropdown.js b/src/dropdown/dropdown.js index f1c138a670..62c4582d6f 100644 --- a/src/dropdown/dropdown.js +++ b/src/dropdown/dropdown.js @@ -78,7 +78,7 @@ angular.module('ui.bootstrap.dropdown', []) } }; - scope.$watch('isOpen', function( isOpen ) { + scope.$watch('isOpen', function( isOpen, wasOpen ) { $animate[isOpen ? 'addClass' : 'removeClass'](self.$element, openClass); if ( isOpen ) { @@ -89,7 +89,9 @@ angular.module('ui.bootstrap.dropdown', []) } setIsOpen($scope, isOpen); - toggleInvoker($scope, { open: !!isOpen }); + if (angular.isDefined(wasOpen) && isOpen !== wasOpen) { + toggleInvoker($scope, { open: !!isOpen }); + } }); $scope.$on('$locationChangeSuccess', function() { diff --git a/src/dropdown/test/dropdown.spec.js b/src/dropdown/test/dropdown.spec.js index 77c7f509b9..d0bf45a2bd 100644 --- a/src/dropdown/test/dropdown.spec.js +++ b/src/dropdown/test/dropdown.spec.js @@ -212,16 +212,18 @@ describe('dropdownToggle', function() { describe('`on-toggle`', function() { beforeEach(function() { $rootScope.toggleHandler = jasmine.createSpy('toggleHandler'); - element = $compile('
      • Hello
      • ')($rootScope); + $rootScope.isopen = false; + element = $compile('
      • Hello
      • ')($rootScope); $rootScope.$digest(); }); - it('should be called initially', function() { - expect($rootScope.toggleHandler).toHaveBeenCalledWith(false); + it('should not have been called initially', function() { + expect($rootScope.toggleHandler).not.toHaveBeenCalled(); }); it('should call it correctly when toggles', function() { - clickDropdownToggle(); + $rootScope.isopen = true; + $rootScope.$digest(); expect($rootScope.toggleHandler).toHaveBeenCalledWith(true); clickDropdownToggle(); @@ -237,8 +239,8 @@ describe('dropdownToggle', function() { $rootScope.$digest(); }); - it('should be called initially with true', function() { - expect($rootScope.toggleHandler).toHaveBeenCalledWith(true); + it('should not have been called initially', function() { + expect($rootScope.toggleHandler).not.toHaveBeenCalled(); }); it('should call it correctly when toggles', function() { From cb31b875f920abbbdd06bebb0f4e6edd90845cda Mon Sep 17 00:00:00 2001 From: Tanguy Krotoff Date: Thu, 27 Mar 2014 11:13:44 +0100 Subject: [PATCH 0220/1639] fix(modal): give a reason of rejection when escape key pressed Fixes #1956 Closes #1991 --- src/modal/modal.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/modal/modal.js b/src/modal/modal.js index 3b30469a29..c86048ded3 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -200,7 +200,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) modal = openedWindows.top(); if (modal && modal.value.keyboard) { $rootScope.$apply(function () { - $modalStack.dismiss(modal.key); + $modalStack.dismiss(modal.key, 'escape key press'); }); } } From de5a25e6dea362b5c3804c774b5ddc74e336fd21 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 13 Apr 2014 00:14:34 +0300 Subject: [PATCH 0221/1639] docs(typeahead): add `typeahead-on-select` callback parameters Closes #2047 --- src/typeahead/docs/readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/typeahead/docs/readme.md b/src/typeahead/docs/readme.md index 08975dfc9c..1fcb47fb43 100644 --- a/src/typeahead/docs/readme.md +++ b/src/typeahead/docs/readme.md @@ -40,7 +40,7 @@ The typeahead directives provide several attributes: _(Defaults: 1)_ : Minimal no of characters that needs to be entered before typeahead kicks-in -* `typeahead-on-select` +* `typeahead-on-select($item, $model, $label)` _(Defaults: null)_ : A callback executed when a match is selected From 2423f6d4c05cb0eb3fd2104dedbeb0e3740f7f68 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Wed, 12 Feb 2014 23:12:36 +0100 Subject: [PATCH 0222/1639] feat(datepicker): make widget accessible * keyboard navigation * WAI-ARIA roles * popup will close on escape on input or calendar * handle focus when closing popup Closes #1922 BREAKING CHANGES: popup calendar does not open on input focus --- src/datepicker/datepicker.js | 283 ++++++++++++++----- src/datepicker/docs/readme.md | 21 +- src/datepicker/test/datepicker.spec.js | 361 +++++++++++++++++++++++-- template/datepicker/datepicker.html | 8 +- template/datepicker/day.html | 16 +- template/datepicker/month.html | 12 +- template/datepicker/popup.html | 4 +- template/datepicker/year.html | 12 +- 8 files changed, 590 insertions(+), 127 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index 4dae6719e6..89498b85a5 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -17,10 +17,13 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) maxDate: null }) -.controller('DatepickerController', ['$scope', '$attrs', '$parse', '$interpolate', '$log', 'dateFilter', 'datepickerConfig', function($scope, $attrs, $parse, $interpolate, $log, dateFilter, datepickerConfig) { +.controller('DatepickerController', ['$scope', '$attrs', '$parse', '$interpolate', '$timeout', '$log', 'dateFilter', 'datepickerConfig', function($scope, $attrs, $parse, $interpolate, $timeout, $log, dateFilter, datepickerConfig) { var self = this, ngModelCtrl = { $setViewValue: angular.noop }; // nullModelCtrl; + // Modes chain + this.modes = ['day', 'month', 'year']; + // Configuration attributes angular.forEach(['formatDay', 'formatMonth', 'formatYear', 'formatDayHeader', 'formatDayTitle', 'formatMonthTitle', 'minMode', 'maxMode', 'showWeeks', 'startingDay', 'yearRange'], function( key, index ) { @@ -40,7 +43,16 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) }); $scope.datepickerMode = $scope.datepickerMode || datepickerConfig.datepickerMode; - this.currentCalendarDate = angular.isDefined($attrs.initDate) ? $scope.$parent.$eval($attrs.initDate) : new Date(); + $scope.uniqueId = 'datepicker-' + $scope.$id + '-' + Math.floor(Math.random() * 10000); + this.activeDate = angular.isDefined($attrs.initDate) ? $scope.$parent.$eval($attrs.initDate) : new Date(); + + $scope.isActive = function(dateObject) { + if (self.compare(dateObject.date, self.activeDate) === 0) { + $scope.activeDateId = dateObject.uid; + return true; + } + return false; + }; this.init = function( ngModelCtrl_ ) { ngModelCtrl = ngModelCtrl_; @@ -56,7 +68,7 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) isValid = !isNaN(date); if ( isValid ) { - this.currentCalendarDate = date; + this.activeDate = date; } else { $log.error('Datepicker 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.'); } @@ -66,11 +78,11 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) }; this.refreshView = function() { - if ( this.mode ) { + if ( this.element ) { this._refreshView(); var date = ngModelCtrl.$modelValue ? new Date(ngModelCtrl.$modelValue) : null; - ngModelCtrl.$setValidity('date-disabled', !date || (this.mode && !this.isDisabled(date))); + ngModelCtrl.$setValidity('date-disabled', !date || (this.element && !this.isDisabled(date))); } }; @@ -86,7 +98,7 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) }; this.isDisabled = function( date ) { - return ((this.minDate && this.compare(date, this.minDate) < 0) || (this.maxDate && this.compare(date, this.maxDate) > 0) || ($scope.dateDisabled && $scope.dateDisabled({date: date, mode: $scope.datepickerMode}))); + return ((this.minDate && this.compare(date, this.minDate) < 0) || (this.maxDate && this.compare(date, this.maxDate) > 0) || ($attrs.dateDisabled && $scope.dateDisabled({date: date, mode: $scope.datepickerMode}))); }; // Split array into smaller arrays @@ -105,23 +117,87 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) ngModelCtrl.$setViewValue( dt ); ngModelCtrl.$render(); } else { - self.currentCalendarDate = date; - $scope.datepickerMode = self.mode.previous; + self.activeDate = date; + $scope.datepickerMode = self.modes[ self.modes.indexOf( $scope.datepickerMode ) - 1 ]; } }; $scope.move = function( direction ) { - var year = self.currentCalendarDate.getFullYear() + direction * (self.mode.step.years || 0), - month = self.currentCalendarDate.getMonth() + direction * (self.mode.step.months || 0); - self.currentCalendarDate.setFullYear(year, month, 1); + var year = self.activeDate.getFullYear() + direction * (self.step.years || 0), + month = self.activeDate.getMonth() + direction * (self.step.months || 0); + self.activeDate.setFullYear(year, month, 1); self.refreshView(); }; - $scope.toggleMode = function() { - $scope.datepickerMode = $scope.datepickerMode === self.maxMode ? self.minMode : self.mode.next; + $scope.toggleMode = function( direction ) { + direction = direction || 1; + + if (($scope.datepickerMode === self.maxMode && direction === 1) || ($scope.datepickerMode === self.minMode && direction === -1)) { + return; + } + + $scope.datepickerMode = self.modes[ self.modes.indexOf( $scope.datepickerMode ) + direction ]; + }; + + // Key event mapper + $scope.keys = { 13:'enter', 32:'space', 33:'pageup', 34:'pagedown', 35:'end', 36:'home', 37:'left', 38:'up', 39:'right', 40:'down' }; + + var focusElement = function() { + $timeout(function() { + self.element[0].focus(); + }, 0 , false); + }; + + // Listen for focus requests from popup directive + $scope.$on('datepicker.focus', focusElement); + + $scope.keydown = function( evt ) { + var key = $scope.keys[evt.which]; + + if ( !key || evt.shiftKey || evt.altKey ) { + return; + } + + evt.preventDefault(); + evt.stopPropagation(); + + if (key === 'enter' || key === 'space') { + if ( self.isDisabled(self.activeDate)) { + return; // do nothing + } + $scope.select(self.activeDate); + focusElement(); + } else if (evt.ctrlKey && (key === 'up' || key === 'down')) { + $scope.toggleMode(key === 'up' ? 1 : -1); + focusElement(); + } else { + self.handleKeyDown(key, evt); + self.refreshView(); + } }; }]) +.directive( 'datepicker', function () { + return { + restrict: 'EA', + replace: true, + templateUrl: 'template/datepicker/datepicker.html', + scope: { + datepickerMode: '=?', + dateDisabled: '&' + }, + require: ['datepicker', '?^ngModel'], + controller: 'DatepickerController', + link: function(scope, element, attrs, ctrls) { + var datepickerCtrl = ctrls[0], ngModelCtrl = ctrls[1]; + + if ( ngModelCtrl ) { + datepickerCtrl.init( ngModelCtrl ); + } + } + }; +}) + .directive('daypicker', ['dateFilter', function (dateFilter) { return { restrict: 'EA', @@ -131,13 +207,12 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) link: function(scope, element, attrs, ctrl) { scope.showWeeks = ctrl.showWeeks; - ctrl.mode = { - step: { months: 1 }, - next: 'month' - }; + ctrl.step = { months: 1 }; + ctrl.element = element; + var DAYS_IN_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; function getDaysInMonth( year, month ) { - return new Date(year, month, 0).getDate(); + return ((month === 1) && (year % 4 === 0) && ((year % 100 !== 0) || (year % 400 === 0))) ? 29 : DAYS_IN_MONTH[month]; } function getDates(startDate, n) { @@ -151,8 +226,8 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) } ctrl._refreshView = function() { - var year = ctrl.currentCalendarDate.getFullYear(), - month = ctrl.currentCalendarDate.getMonth(), + var year = ctrl.activeDate.getFullYear(), + month = ctrl.activeDate.getMonth(), firstDayOfMonth = new Date(year, month, 1), difference = ctrl.startingDay - firstDayOfMonth.getDay(), numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : - difference, @@ -162,22 +237,26 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) firstDate.setDate( - numDisplayedFromPreviousMonth + 1 ); numDates += numDisplayedFromPreviousMonth; // Previous } - numDates += getDaysInMonth(year, month + 1); // Current + numDates += getDaysInMonth(year, month); // Current numDates += (7 - numDates % 7) % 7; // Next var days = getDates(firstDate, numDates); for (var i = 0; i < numDates; i ++) { days[i] = angular.extend(ctrl.createDateObject(days[i], ctrl.formatDay), { - secondary: days[i].getMonth() !== month + secondary: days[i].getMonth() !== month, + uid: scope.uniqueId + '-' + i }); } scope.labels = new Array(7); for (var j = 0; j < 7; j++) { - scope.labels[j] = dateFilter(days[j].date, ctrl.formatDayHeader); + scope.labels[j] = { + abbr: dateFilter(days[j].date, ctrl.formatDayHeader), + full: dateFilter(days[j].date, 'EEEE') + }; } - scope.title = dateFilter(ctrl.currentCalendarDate, ctrl.formatDayTitle); + scope.title = dateFilter(ctrl.activeDate, ctrl.formatDayTitle); scope.rows = ctrl.split(days, 7); if ( scope.showWeeks ) { @@ -201,6 +280,29 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1; } + ctrl.handleKeyDown = function( key, evt ) { + var date = ctrl.activeDate.getDate(); + + if (key === 'left') { + date = date - 1; // up + } else if (key === 'up') { + date = date - 7; // down + } else if (key === 'right') { + date = date + 1; // down + } else if (key === 'down') { + date = date + 7; + } else if (key === 'pageup' || key === 'pagedown') { + var month = ctrl.activeDate.getMonth() + (key === 'pageup' ? - 1 : 1); + ctrl.activeDate.setMonth(month, 1); + date = Math.min(getDaysInMonth(ctrl.activeDate.getFullYear(), ctrl.activeDate.getMonth()), date); + } else if (key === 'home') { + date = 1; + } else if (key === 'end') { + date = getDaysInMonth(ctrl.activeDate.getFullYear(), ctrl.activeDate.getMonth()); + } + ctrl.activeDate.setDate(date); + }; + ctrl.refreshView(); } }; @@ -213,21 +315,20 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) templateUrl: 'template/datepicker/month.html', require: '^datepicker', link: function(scope, element, attrs, ctrl) { - ctrl.mode = { - step: { years: 1 }, - previous: 'day', - next: 'year' - }; + ctrl.step = { years: 1 }; + ctrl.element = element; ctrl._refreshView = function() { var months = new Array(12), - year = ctrl.currentCalendarDate.getFullYear(); + year = ctrl.activeDate.getFullYear(); for ( var i = 0; i < 12; i++ ) { - months[i] = ctrl.createDateObject(new Date(year, i, 1), ctrl.formatMonth); + months[i] = angular.extend(ctrl.createDateObject(new Date(year, i, 1), ctrl.formatMonth), { + uid: scope.uniqueId + '-' + i + }); } - scope.title = dateFilter(ctrl.currentCalendarDate, ctrl.formatMonthTitle); + scope.title = dateFilter(ctrl.activeDate, ctrl.formatMonthTitle); scope.rows = ctrl.split(months, 3); }; @@ -235,6 +336,28 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) return new Date( date1.getFullYear(), date1.getMonth() ) - new Date( date2.getFullYear(), date2.getMonth() ); }; + ctrl.handleKeyDown = function( key, evt ) { + var date = ctrl.activeDate.getMonth(); + + if (key === 'left') { + date = date - 1; // up + } else if (key === 'up') { + date = date - 3; // down + } else if (key === 'right') { + date = date + 1; // down + } else if (key === 'down') { + date = date + 3; + } else if (key === 'pageup' || key === 'pagedown') { + var year = ctrl.activeDate.getFullYear() + (key === 'pageup' ? - 1 : 1); + ctrl.activeDate.setFullYear(year); + } else if (key === 'home') { + date = 0; + } else if (key === 'end') { + date = 11; + } + ctrl.activeDate.setMonth(date); + }; + ctrl.refreshView(); } }; @@ -247,18 +370,22 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) templateUrl: 'template/datepicker/year.html', require: '^datepicker', link: function(scope, element, attrs, ctrl) { - ctrl.mode = { - step: { years: ctrl.yearRange }, - previous: 'month' - }; + var range = ctrl.yearRange; + + ctrl.step = { years: range }; + ctrl.element = element; + + function getStartingYear( year ) { + return parseInt((year - 1) / range, 10) * range + 1; + } ctrl._refreshView = function() { - var range = this.mode.step.years, - years = new Array(range), - start = parseInt((ctrl.currentCalendarDate.getFullYear() - 1) / range, 10) * range + 1; + var years = new Array(range); - for ( var i = 0; i < range; i++ ) { - years[i] = ctrl.createDateObject(new Date(start + i, 0, 1), ctrl.formatYear); + for ( var i = 0, start = getStartingYear(ctrl.activeDate.getFullYear()); i < range; i++ ) { + years[i] = angular.extend(ctrl.createDateObject(new Date(start + i, 0, 1), ctrl.formatYear), { + uid: scope.uniqueId + '-' + i + }); } scope.title = [years[0].label, years[range - 1].label].join(' - '); @@ -269,32 +396,32 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) return date1.getFullYear() - date2.getFullYear(); }; + ctrl.handleKeyDown = function( key, evt ) { + var date = ctrl.activeDate.getFullYear(); + + if (key === 'left') { + date = date - 1; // up + } else if (key === 'up') { + date = date - 5; // down + } else if (key === 'right') { + date = date + 1; // down + } else if (key === 'down') { + date = date + 5; + } else if (key === 'pageup' || key === 'pagedown') { + date += (key === 'pageup' ? - 1 : 1) * ctrl.step.years; + } else if (key === 'home') { + date = getStartingYear( ctrl.activeDate.getFullYear() ); + } else if (key === 'end') { + date = getStartingYear( ctrl.activeDate.getFullYear() ) + range - 1; + } + ctrl.activeDate.setFullYear(date); + }; + ctrl.refreshView(); } }; }]) -.directive( 'datepicker', function () { - return { - restrict: 'EA', - replace: true, - templateUrl: 'template/datepicker/datepicker.html', - scope: { - datepickerMode: '=?', - dateDisabled: '&' - }, - require: ['datepicker', '?^ngModel'], - controller: 'DatepickerController', - link: function(scope, element, attrs, ctrls) { - var datepickerCtrl = ctrls[0], ngModelCtrl = ctrls[1]; - - if ( ngModelCtrl ) { - datepickerCtrl.init( ngModelCtrl ); - } - } - }; -}) - .constant('datepickerPopupConfig', { datepickerPopup: 'yyyy-MM-dd', currentText: 'Today', @@ -314,7 +441,8 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon isOpen: '=?', currentText: '@', clearText: '@', - closeText: '@' + closeText: '@', + dateDisabled: '&' }, link: function(scope, element, attrs, ngModel) { var dateFormat, @@ -360,7 +488,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon } }); if (attrs.dateDisabled) { - datepickerEl.attr('date-disabled', attrs.dateDisabled); + datepickerEl.attr('date-disabled', 'dateDisabled({ date: date, mode: mode })'); } // TODO: reverse from dateFilter string to Date object @@ -397,6 +525,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon if ( closeOnDateSelection ) { scope.isOpen = false; + element[0].focus(); } }; @@ -421,23 +550,30 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon } }; - var openCalendar = function() { - scope.$apply(function() { + var keydown = function(evt, noApply) { + scope.keydown(evt); + }; + element.bind('keydown', keydown); + + scope.keydown = function(evt) { + if (evt.which === 27) { + evt.preventDefault(); + evt.stopPropagation(); + scope.close(); + } else if (evt.which === 40 && !scope.isOpen) { scope.isOpen = true; - }); + } }; scope.$watch('isOpen', function(value) { if (value) { + scope.$broadcast('datepicker.focus'); scope.position = appendToBody ? $position.offset(element) : $position.position(element); scope.position.top = scope.position.top + element.prop('offsetHeight'); $document.bind('click', documentClickBind); - element.unbind('focus', openCalendar); - element[0].focus(); } else { $document.unbind('click', documentClickBind); - element.bind('focus', openCalendar); } }); @@ -454,6 +590,11 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon scope.dateSelection( date ); }; + scope.close = function() { + scope.isOpen = false; + element[0].focus(); + }; + var $popup = $compile(popupEl)(scope); if ( appendToBody ) { $document.find('body').append($popup); @@ -463,7 +604,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon scope.$on('$destroy', function() { $popup.remove(); - element.unbind('focus', openCalendar); + element.unbind('keydown', keydown); $document.unbind('click', documentClickBind); }); } diff --git a/src/datepicker/docs/readme.md b/src/datepicker/docs/readme.md index 0e6886afca..537b08c4f6 100644 --- a/src/datepicker/docs/readme.md +++ b/src/datepicker/docs/readme.md @@ -7,7 +7,7 @@ Everything is formatted using the [date filter](http://docs.angularjs.org/api/ng ### Datepicker Settings ### -All settings can be provided as attributes in the `` or globally configured through the `datepickerConfig`. +All settings can be provided as attributes in the `datepicker` or globally configured through the `datepickerConfig`. * `ng-model` : @@ -65,7 +65,7 @@ All settings can be provided as attributes in the `` or globally con _(Default: 'EEE')_ : Format of day in week header. - * `format-day-title-` + * `format-day-title` _(Default: 'MMMM yyyy')_ : Format of title when selecting day. @@ -110,3 +110,20 @@ Specific settings for the `datepicker-popup`, that can globally configured throu * `datepicker-append-to-body` _(Default: false)_: Append the datepicker popup element to `body`, rather than inserting after `datepicker-popup`. For global configuration, use `datepickerPopupConfig.appendToBody`. + +### Keyboard Support ### + +Depending on datepicker's current mode, the date may reffer either to day, month or year. Accordingly, the term view reffers either to a month, year or year range. + + * `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. + * `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. + * `Up`: Move focus to the same column of the previous row. Will wrap to the appropriate row in the previous view. + * `Down`: Move focus to the same column of the following row. Will wrap to the appropriate row in the following view. + * `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. + * `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. + * `Home`: Move to the first date of the view. + * `End`: Move to the last date of the view. + * `Enter`/`Space`: Select date. + * `Ctrl`+`Up`: Move to an upper mode. + * `Ctrl`+`Down`: Move to a lower mode. + * `Esc`: Will close popup, and move focus to the input. \ No newline at end of file diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index d8083c3ce3..cd4c5b8398 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -82,6 +82,28 @@ describe('datepicker directive', function () { }); } + function triggerKeyDown(element, key, ctrl) { + var keyCodes = { + 'enter': 13, + 'space': 32, + 'pageup': 33, + 'pagedown': 34, + 'end': 35, + 'home': 36, + 'left': 37, + 'up': 38, + 'right': 39, + 'down': 40, + 'esc': 27 + }; + var e = $.Event('keydown'); + e.which = keyCodes[key]; + if (ctrl) { + e.ctrlKey = true; + } + element.trigger(e); + } + describe('', function () { beforeEach(function() { element = $compile('')($rootScope); @@ -285,7 +307,7 @@ describe('datepicker directive', function () { }); }); - it('loops between different modes', function() { + it('does not loop between after max mode', function() { expect(getTitle()).toBe('September 2010'); clickTitleButton(); @@ -295,7 +317,7 @@ describe('datepicker directive', function () { expect(getTitle()).toBe('2001 - 2020'); clickTitleButton(); - expect(getTitle()).toBe('September 2010'); + expect(getTitle()).toBe('2001 - 2020'); }); describe('month selection mode', function () { @@ -427,6 +449,245 @@ describe('datepicker directive', function () { }); }); + describe('keyboard navigation', function() { + function getActiveLabel() { + return element.find('.active').eq(0).text(); + } + + describe('day mode', function() { + it('will be able to activate previous day', function() { + triggerKeyDown(element, 'left'); + expect(getActiveLabel()).toBe('29'); + }); + + it('will be able to select with enter', function() { + triggerKeyDown(element, 'left'); + triggerKeyDown(element, 'enter'); + expect($rootScope.date).toEqual(new Date('September 29, 2010 15:30:00')); + }); + + it('will be able to select with space', function() { + triggerKeyDown(element, 'left'); + triggerKeyDown(element, 'space'); + expect($rootScope.date).toEqual(new Date('September 29, 2010 15:30:00')); + }); + + it('will be able to activate next day', function() { + triggerKeyDown(element, 'right'); + expect(getActiveLabel()).toBe('01'); + expect(getTitle()).toBe('October 2010'); + }); + + it('will be able to activate same day in previous week', function() { + triggerKeyDown(element, 'up'); + expect(getActiveLabel()).toBe('23'); + }); + + it('will be able to activate same day in next week', function() { + triggerKeyDown(element, 'down'); + expect(getActiveLabel()).toBe('07'); + expect(getTitle()).toBe('October 2010'); + }); + + it('will be able to activate same date in previous month', function() { + triggerKeyDown(element, 'pageup'); + expect(getActiveLabel()).toBe('30'); + expect(getTitle()).toBe('August 2010'); + }); + + it('will be able to activate same date in next month', function() { + triggerKeyDown(element, 'pagedown'); + expect(getActiveLabel()).toBe('30'); + expect(getTitle()).toBe('October 2010'); + }); + + it('will be able to activate first day of the month', function() { + triggerKeyDown(element, 'home'); + expect(getActiveLabel()).toBe('01'); + expect(getTitle()).toBe('September 2010'); + }); + + it('will be able to activate last day of the month', function() { + $rootScope.date = new Date('September 1, 2010 15:30:00'); + $rootScope.$digest(); + + triggerKeyDown(element, 'end'); + expect(getActiveLabel()).toBe('30'); + expect(getTitle()).toBe('September 2010'); + }); + + it('will be able to move to month mode', function() { + triggerKeyDown(element, 'up', true); + expect(getActiveLabel()).toBe('September'); + expect(getTitle()).toBe('2010'); + }); + + it('will not respond when trying to move to lower mode', function() { + triggerKeyDown(element, 'down', true); + expect(getActiveLabel()).toBe('30'); + expect(getTitle()).toBe('September 2010'); + }); + }); + + describe('month mode', function() { + beforeEach(function() { + triggerKeyDown(element, 'up', true); + }); + + it('will be able to activate previous month', function() { + triggerKeyDown(element, 'left'); + expect(getActiveLabel()).toBe('August'); + }); + + it('will be able to activate next month', function() { + triggerKeyDown(element, 'right'); + expect(getActiveLabel()).toBe('October'); + }); + + it('will be able to activate same month in previous row', function() { + triggerKeyDown(element, 'up'); + expect(getActiveLabel()).toBe('June'); + }); + + it('will be able to activate same month in next row', function() { + triggerKeyDown(element, 'down'); + expect(getActiveLabel()).toBe('December'); + }); + + it('will be able to activate same date in previous year', function() { + triggerKeyDown(element, 'pageup'); + expect(getActiveLabel()).toBe('September'); + expect(getTitle()).toBe('2009'); + }); + + it('will be able to activate same date in next year', function() { + triggerKeyDown(element, 'pagedown'); + expect(getActiveLabel()).toBe('September'); + expect(getTitle()).toBe('2011'); + }); + + it('will be able to activate first month of the year', function() { + triggerKeyDown(element, 'home'); + expect(getActiveLabel()).toBe('January'); + expect(getTitle()).toBe('2010'); + }); + + it('will be able to activate last month of the year', function() { + triggerKeyDown(element, 'end'); + expect(getActiveLabel()).toBe('December'); + expect(getTitle()).toBe('2010'); + }); + + it('will be able to move to year mode', function() { + triggerKeyDown(element, 'up', true); + expect(getActiveLabel()).toBe('2010'); + expect(getTitle()).toBe('2001 - 2020'); + }); + + it('will be able to move to day mode', function() { + triggerKeyDown(element, 'down', true); + expect(getActiveLabel()).toBe('30'); + expect(getTitle()).toBe('September 2010'); + }); + + it('will move to day mode when selecting', function() { + triggerKeyDown(element, 'left', true); + triggerKeyDown(element, 'enter', true); + expect(getActiveLabel()).toBe('30'); + expect(getTitle()).toBe('August 2010'); + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + }); + }); + + describe('year mode', function() { + beforeEach(function() { + triggerKeyDown(element, 'up', true); + triggerKeyDown(element, 'up', true); + }); + + it('will be able to activate previous year', function() { + triggerKeyDown(element, 'left'); + expect(getActiveLabel()).toBe('2009'); + }); + + it('will be able to activate next year', function() { + triggerKeyDown(element, 'right'); + expect(getActiveLabel()).toBe('2011'); + }); + + it('will be able to activate same year in previous row', function() { + triggerKeyDown(element, 'up'); + expect(getActiveLabel()).toBe('2005'); + }); + + it('will be able to activate same year in next row', function() { + triggerKeyDown(element, 'down'); + expect(getActiveLabel()).toBe('2015'); + }); + + it('will be able to activate same date in previous view', function() { + triggerKeyDown(element, 'pageup'); + expect(getActiveLabel()).toBe('1990'); + }); + + it('will be able to activate same date in next view', function() { + triggerKeyDown(element, 'pagedown'); + expect(getActiveLabel()).toBe('2030'); + }); + + it('will be able to activate first year of the year', function() { + triggerKeyDown(element, 'home'); + expect(getActiveLabel()).toBe('2001'); + }); + + it('will be able to activate last year of the year', function() { + triggerKeyDown(element, 'end'); + expect(getActiveLabel()).toBe('2020'); + }); + + it('will not respond when trying to move to upper mode', function() { + triggerKeyDown(element, 'up', true); + expect(getTitle()).toBe('2001 - 2020'); + }); + + it('will be able to move to month mode', function() { + triggerKeyDown(element, 'down', true); + expect(getActiveLabel()).toBe('September'); + expect(getTitle()).toBe('2010'); + }); + + it('will move to month mode when selecting', function() { + triggerKeyDown(element, 'left', true); + triggerKeyDown(element, 'enter', true); + expect(getActiveLabel()).toBe('September'); + expect(getTitle()).toBe('2009'); + expect($rootScope.date).toEqual(new Date('September 30, 2010 15:30:00')); + }); + }); + + describe('`aria-activedescendant`', function() { + function checkActivedescendant() { + var activeId = element.find('table').attr('aria-activedescendant'); + expect(element.find('#' + activeId + ' > button')).toHaveClass('active'); + } + + it('updates correctly', function() { + triggerKeyDown(element, 'left'); + checkActivedescendant(); + + triggerKeyDown(element, 'down'); + checkActivedescendant(); + + triggerKeyDown(element, 'up', true); + checkActivedescendant(); + + triggerKeyDown(element, 'up', true); + checkActivedescendant(); + }); + }); + + }); + }); describe('attribute `starting-day`', function () { @@ -816,7 +1077,7 @@ describe('datepicker directive', function () { }); describe('as popup', function () { - var inputEl, dropdownEl, changeInputValueTo, $document; + var inputEl, dropdownEl, $document, $sniffer; function assignElements(wrapElement) { inputEl = wrapElement.find('input'); @@ -824,31 +1085,43 @@ describe('datepicker directive', function () { element = dropdownEl.find('table'); } - describe('', function () { - beforeEach(inject(function(_$document_, $sniffer) { + function changeInputValueTo(el, value) { + el.val(value); + el.trigger($sniffer.hasEvent('input') ? 'input' : 'change'); + $rootScope.$digest(); + } + + describe('initially', function () { + beforeEach(inject(function(_$document_, _$sniffer_) { $document = _$document_; + $rootScope.isopen = true; $rootScope.date = new Date('September 30, 2010 15:30:00'); var wrapElement = $compile('
      ')($rootScope); $rootScope.$digest(); assignElements(wrapElement); - - changeInputValueTo = function (el, value) { - el.val(value); - el.trigger($sniffer.hasEvent('input') ? 'input' : 'change'); - $rootScope.$digest(); - }; })); + it('does not to display datepicker initially', function() { + expect(dropdownEl).toBeHidden(); + }); + it('to display the correct value in input', function() { expect(inputEl.val()).toBe('2010-09-30'); }); + }); - it('does not to display datepicker initially', function() { - expect(dropdownEl).toBeHidden(); - }); + describe('initially opened', function () { + beforeEach(inject(function(_$document_, _$sniffer_) { + $document = _$document_; + $sniffer = _$sniffer_; + $rootScope.isopen = true; + $rootScope.date = new Date('September 30, 2010 15:30:00'); + var wrapElement = $compile('
      ')($rootScope); + $rootScope.$digest(); + assignElements(wrapElement); + })); - it('displays datepicker on input focus', function() { - inputEl.focus(); + it('datepicker is displayed', function() { expect(dropdownEl).not.toBeHidden(); }); @@ -883,7 +1156,6 @@ describe('datepicker directive', function () { }); it('closes the dropdown when a day is clicked', function() { - inputEl.focus(); expect(dropdownEl.css('display')).not.toBe('none'); clickOption(17); @@ -909,7 +1181,6 @@ describe('datepicker directive', function () { }); it('closes when click outside of calendar', function() { - inputEl.focus(); expect(dropdownEl).not.toBeHidden(); $document.find('body').click(); @@ -935,6 +1206,41 @@ describe('datepicker directive', function () { expect(inputEl).not.toHaveClass('ng-invalid-date'); }); + describe('focus', function () { + beforeEach(function() { + var body = $document.find('body'); + body.append(inputEl); + body.append(dropdownEl); + }); + + afterEach(function() { + inputEl.remove(); + dropdownEl.remove(); + }); + + it('returns to the input when ESC key is pressed in the popup and closes', function() { + expect(dropdownEl).not.toBeHidden(); + + dropdownEl.find('button').eq(0).focus(); + expect(document.activeElement.tagName).toBe('BUTTON'); + + triggerKeyDown(dropdownEl, 'esc'); + expect(dropdownEl).toBeHidden(); + expect(document.activeElement.tagName).toBe('INPUT'); + }); + + it('returns to the input when ESC key is pressed in the input and closes', function() { + expect(dropdownEl).not.toBeHidden(); + + dropdownEl.find('button').eq(0).focus(); + expect(document.activeElement.tagName).toBe('BUTTON'); + + triggerKeyDown(inputEl, 'esc'); + $rootScope.$digest(); + expect(dropdownEl).toBeHidden(); + expect(document.activeElement.tagName).toBe('INPUT'); + }); + }); }); describe('attribute `datepickerOptions`', function () { @@ -1061,13 +1367,15 @@ describe('datepicker directive', function () { describe('', function () { beforeEach(inject(function() { - var wrapElement = $compile('
      ')($rootScope); + $rootScope.isopen = true; + var wrapElement = $compile('
      ')($rootScope); $rootScope.$digest(); assignElements(wrapElement); assignButtonBar(); })); it('should exist', function() { + expect(dropdownEl).not.toBeHidden(); expect(dropdownEl.find('li').length).toBe(2); }); @@ -1112,11 +1420,8 @@ describe('datepicker directive', function () { }); it('should have a button to close calendar', function() { - inputEl.focus(); - expect(dropdownEl.css('display')).not.toBe('none'); - buttons.eq(2).click(); - expect(dropdownEl.css('display')).toBe('none'); + expect(dropdownEl).toBeHidden(); }); }); @@ -1338,12 +1643,12 @@ describe('datepicker directive', function () { $rootScope.$digest(); })); - it('loops between allowed modes', function() { + it('does not move below it', function() { + expect(getTitle()).toBe('2013'); + clickOption( 5 ); expect(getTitle()).toBe('2013'); clickTitleButton(); expect(getTitle()).toBe('2001 - 2020'); - clickTitleButton(); - expect(getTitle()).toBe('2013'); }); }); @@ -1354,12 +1659,12 @@ describe('datepicker directive', function () { $rootScope.$digest(); })); - it('loops between allowed modes', function() { + it('does not move above it', function() { expect(getTitle()).toBe('August 2013'); clickTitleButton(); expect(getTitle()).toBe('2013'); clickTitleButton(); - expect(getTitle()).toBe('August 2013'); + expect(getTitle()).toBe('2013'); }); }); }); diff --git a/template/datepicker/datepicker.html b/template/datepicker/datepicker.html index 451f2bc28a..1ecb3c50b4 100644 --- a/template/datepicker/datepicker.html +++ b/template/datepicker/datepicker.html @@ -1,5 +1,5 @@ -
      - - - +
      + + +
      \ No newline at end of file diff --git a/template/datepicker/day.html b/template/datepicker/day.html index d4c93fb364..ca212a391a 100644 --- a/template/datepicker/day.html +++ b/template/datepicker/day.html @@ -1,20 +1,20 @@ -
      +
      - - - + + + - + - - + diff --git a/template/datepicker/month.html b/template/datepicker/month.html index eb139f9c07..539219004b 100644 --- a/template/datepicker/month.html +++ b/template/datepicker/month.html @@ -1,15 +1,15 @@ -
      {{label}}{{label.abbr}}
      {{ weekNumbers[$index] }} - + {{ weekNumbers[$index] }} +
      +
      - - - + + + - diff --git a/template/datepicker/popup.html b/template/datepicker/popup.html index f2ea1df7a6..fd48f60663 100644 --- a/template/datepicker/popup.html +++ b/template/datepicker/popup.html @@ -1,10 +1,10 @@ -
        +
        • - +
        diff --git a/template/datepicker/year.html b/template/datepicker/year.html index a90b98cc3c..978d80c232 100644 --- a/template/datepicker/year.html +++ b/template/datepicker/year.html @@ -1,15 +1,15 @@ -
      - + +
      +
      - - - + + + - From b0b1434389c889360b174b718b79fc1993c099bc Mon Sep 17 00:00:00 2001 From: Jesus Rodriguez Date: Mon, 10 Mar 2014 00:30:30 +0100 Subject: [PATCH 0223/1639] feat(datepicker): full six-week calendar --- src/datepicker/datepicker.js | 18 +++++++--------- src/datepicker/test/datepicker.spec.js | 30 ++++++++++++++++---------- 2 files changed, 27 insertions(+), 21 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index 89498b85a5..09c1cff706 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -227,21 +227,19 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) ctrl._refreshView = function() { var year = ctrl.activeDate.getFullYear(), - month = ctrl.activeDate.getMonth(), - firstDayOfMonth = new Date(year, month, 1), - difference = ctrl.startingDay - firstDayOfMonth.getDay(), - numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : - difference, - firstDate = new Date(firstDayOfMonth), numDates = 0; + month = ctrl.activeDate.getMonth(), + firstDayOfMonth = new Date(year, month, 1), + difference = ctrl.startingDay - firstDayOfMonth.getDay(), + numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : - difference, + firstDate = new Date(firstDayOfMonth); if ( numDisplayedFromPreviousMonth > 0 ) { firstDate.setDate( - numDisplayedFromPreviousMonth + 1 ); - numDates += numDisplayedFromPreviousMonth; // Previous } - numDates += getDaysInMonth(year, month); // Current - numDates += (7 - numDates % 7) % 7; // Next - var days = getDates(firstDate, numDates); - for (var i = 0; i < numDates; i ++) { + // 42 is the number of days on a six-month calendar + var days = getDates(firstDate, 42); + for (var i = 0; i < 42; i ++) { days[i] = angular.extend(ctrl.createDateObject(days[i], ctrl.formatDay), { secondary: days[i].getMonth() !== month, uid: scope.uniqueId + '-' + i diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index cd4c5b8398..a4bc60d29d 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -129,12 +129,13 @@ describe('datepicker directive', function () { ['05', '06', '07', '08', '09', '10', '11'], ['12', '13', '14', '15', '16', '17', '18'], ['19', '20', '21', '22', '23', '24', '25'], - ['26', '27', '28', '29', '30', '01', '02'] + ['26', '27', '28', '29', '30', '01', '02'], + ['03', '04', '05', '06', '07', '08', '09'] ]); }); it('renders the week numbers based on ISO 8601', function() { - expect(getWeeks()).toEqual(['34', '35', '36', '37', '38']); + expect(getWeeks()).toEqual(['34', '35', '36', '37', '38', '39']); }); it('value is correct', function() { @@ -183,7 +184,8 @@ describe('datepicker directive', function () { ['08', '09', '10', '11', '12', '13', '14'], ['15', '16', '17', '18', '19', '20', '21'], ['22', '23', '24', '25', '26', '27', '28'], - ['29', '30', '31', '01', '02', '03', '04'] + ['29', '30', '31', '01', '02', '03', '04'], + ['05', '06', '07', '08', '09', '10', '11'] ]); expectSelectedElement( null, null ); @@ -257,7 +259,8 @@ describe('datepicker directive', function () { ['06', '07', '08', '09', '10', '11', '12'], ['13', '14', '15', '16', '17', '18', '19'], ['20', '21', '22', '23', '24', '25', '26'], - ['27', '28', '29', '30', '01', '02', '03'] + ['27', '28', '29', '30', '01', '02', '03'], + ['04', '05', '06', '07', '08', '09', '10'] ]); expectSelectedElement( 8 ); @@ -386,7 +389,8 @@ describe('datepicker directive', function () { ['06', '07', '08', '09', '10', '11', '12'], ['13', '14', '15', '16', '17', '18', '19'], ['20', '21', '22', '23', '24', '25', '26'], - ['27', '28', '29', '30', '01', '02', '03'] + ['27', '28', '29', '30', '01', '02', '03'], + ['04', '05', '06', '07', '08', '09', '10'] ]); clickOption( 17 ); @@ -707,12 +711,13 @@ describe('datepicker directive', function () { ['06', '07', '08', '09', '10', '11', '12'], ['13', '14', '15', '16', '17', '18', '19'], ['20', '21', '22', '23', '24', '25', '26'], - ['27', '28', '29', '30', '01', '02', '03'] + ['27', '28', '29', '30', '01', '02', '03'], + ['04', '05', '06', '07', '08', '09', '10'] ]); }); it('renders the week numbers correctly', function() { - expect(getWeeks()).toEqual(['35', '36', '37', '38', '39']); + expect(getWeeks()).toEqual(['35', '36', '37', '38', '39', '40']); }); }); @@ -913,7 +918,7 @@ describe('datepicker directive', function () { }); it('executes the dateDisabled expression for each visible day plus one for validation', function() { - expect($rootScope.dateDisabledHandler.calls.length).toEqual(35 + 1); + expect($rootScope.dateDisabledHandler.calls.length).toEqual(42 + 1); }); it('executes the dateDisabled expression for each visible month plus one for validation', function() { @@ -981,7 +986,8 @@ describe('datepicker directive', function () { ['5', '6', '7', '8', '9', '10', '11'], ['12', '13', '14', '15', '16', '17', '18'], ['19', '20', '21', '22', '23', '24', '25'], - ['26', '27', '28', '29', '30', '1', '2'] + ['26', '27', '28', '29', '30', '1', '2'], + ['3', '4', '5', '6', '7', '8', '9'] ]); }); }); @@ -1042,7 +1048,8 @@ describe('datepicker directive', function () { ['4', '5', '6', '7', '8', '9', '10'], ['11', '12', '13', '14', '15', '16', '17'], ['18', '19', '20', '21', '22', '23', '24'], - ['25', '26', '27', '28', '29', '30', '1'] + ['25', '26', '27', '28', '29', '30', '1'], + ['2', '3', '4', '5', '6', '7', '8'] ]); }); @@ -1133,7 +1140,8 @@ describe('datepicker directive', function () { ['05', '06', '07', '08', '09', '10', '11'], ['12', '13', '14', '15', '16', '17', '18'], ['19', '20', '21', '22', '23', '24', '25'], - ['26', '27', '28', '29', '30', '01', '02'] + ['26', '27', '28', '29', '30', '01', '02'], + ['03', '04', '05', '06', '07', '08', '09'] ]); }); From 97b07477777fd513a18b4c43da13e972cfd2bfa5 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Fri, 18 Apr 2014 12:21:48 +0300 Subject: [PATCH 0224/1639] refactor(timepicker): change variable usage --- src/timepicker/timepicker.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/timepicker/timepicker.js b/src/timepicker/timepicker.js index 045e19b989..91ac86bcee 100644 --- a/src/timepicker/timepicker.js +++ b/src/timepicker/timepicker.js @@ -144,7 +144,7 @@ angular.module('ui.bootstrap.timepicker', []) }; hoursInputEl.bind('blur', function(e) { - if ( !$scope.validHours && $scope.hours < 10) { + if ( !$scope.invalidHours && $scope.hours < 10) { $scope.$apply( function() { $scope.hours = pad( $scope.hours ); }); From 73c2dea54872714184168f64623aa0dd5f0aeb58 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Wed, 16 Apr 2014 22:34:25 +0300 Subject: [PATCH 0225/1639] refactor(dropdown): do not stop event propagation Fixes #1986 Closes #2076 --- src/dropdown/dropdown.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/dropdown/dropdown.js b/src/dropdown/dropdown.js index 62c4582d6f..7bb37bd18c 100644 --- a/src/dropdown/dropdown.js +++ b/src/dropdown/dropdown.js @@ -28,7 +28,11 @@ angular.module('ui.bootstrap.dropdown', []) } }; - var closeDropdown = function() { + var closeDropdown = function( evt ) { + if (evt && evt.isDefaultPrevented()) { + return; + } + openScope.$apply(function() { openScope.isOpen = false; }); @@ -126,7 +130,6 @@ angular.module('ui.bootstrap.dropdown', []) var toggleDropdown = function(event) { event.preventDefault(); - event.stopPropagation(); if ( !element.hasClass('disabled') && !attrs.disabled ) { scope.$apply(function() { From bd2ae0ee02ae384f0ce12f61fadf16f8cb1ea658 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 2 Mar 2014 01:14:06 +0100 Subject: [PATCH 0226/1639] feat(dateParser): add `dateParser` service Closes #1874 --- src/dateparser/dateparser.js | 126 +++++++++++++++++++++++++ src/dateparser/test/dateparser.spec.js | 96 +++++++++++++++++++ 2 files changed, 222 insertions(+) create mode 100644 src/dateparser/dateparser.js create mode 100644 src/dateparser/test/dateparser.spec.js diff --git a/src/dateparser/dateparser.js b/src/dateparser/dateparser.js new file mode 100644 index 0000000000..85fc203352 --- /dev/null +++ b/src/dateparser/dateparser.js @@ -0,0 +1,126 @@ +angular.module('ui.bootstrap.dateparser', []) + +.service('dateParser', ['$locale', 'orderByFilter', function($locale, orderByFilter) { + + this.parsers = {}; + + var formatCodeToRegex = { + 'yyyy': { + regex: '\\d{4}', + apply: function(value) { this.year = +value; } + }, + 'yy': { + regex: '\\d{2}', + apply: function(value) { this.year = +value + 2000; } + }, + 'y': { + regex: '\\d{1,4}', + apply: function(value) { this.year = +value; } + }, + 'MMMM': { + regex: $locale.DATETIME_FORMATS.MONTH.join('|'), + apply: function(value) { this.month = $locale.DATETIME_FORMATS.MONTH.indexOf(value); } + }, + 'MMM': { + regex: $locale.DATETIME_FORMATS.SHORTMONTH.join('|'), + apply: function(value) { this.month = $locale.DATETIME_FORMATS.SHORTMONTH.indexOf(value); } + }, + 'MM': { + regex: '0[1-9]|1[0-2]', + apply: function(value) { this.month = value - 1; } + }, + 'M': { + regex: '[1-9]|1[0-2]', + apply: function(value) { this.month = value - 1; } + }, + 'dd': { + regex: '[0-2][0-9]{1}|3[0-1]{1}', + apply: function(value) { this.date = +value; } + }, + 'd': { + regex: '[1-2]?[0-9]{1}|3[0-1]{1}', + apply: function(value) { this.date = +value; } + }, + 'EEEE': { + regex: $locale.DATETIME_FORMATS.DAY.join('|') + }, + 'EEE': { + regex: $locale.DATETIME_FORMATS.SHORTDAY.join('|') + } + }; + + this.createParser = function(format) { + var map = [], regex = format.split(''); + + angular.forEach(formatCodeToRegex, function(data, code) { + var index = format.indexOf(code); + + if (index > -1) { + format = format.split(''); + + regex[index] = '(' + data.regex + ')'; + format[index] = '$'; // Custom symbol to define consumed part of format + for (var i = index + 1, n = index + code.length; i < n; i++) { + regex[i] = ''; + format[i] = '$'; + } + format = format.join(''); + + map.push({ index: index, apply: data.apply }); + } + }); + + return { + regex: new RegExp('^' + regex.join('') + '$'), + map: orderByFilter(map, 'index') + }; + }; + + this.parse = function(input, format) { + if ( !angular.isString(input) ) { + return input; + } + + format = $locale.DATETIME_FORMATS[format] || format; + + if ( !this.parsers[format] ) { + this.parsers[format] = this.createParser(format); + } + + var parser = this.parsers[format], + regex = parser.regex, + map = parser.map, + results = input.match(regex); + + if ( results && results.length ) { + var fields = { year: 1900, month: 0, date: 1, hours: 0 }, dt; + + for( var i = 1, n = results.length; i < n; i++ ) { + var mapper = map[i-1]; + if ( mapper.apply ) { + mapper.apply.call(fields, results[i]); + } + } + + if ( isValid(fields.year, fields.month, fields.date) ) { + dt = new Date( fields.year, fields.month, fields.date, fields.hours); + } + + return dt; + } + }; + + // Check if date is valid for specific month (and year for February). + // Month: 0 = Jan, 1 = Feb, etc + function isValid(year, month, date) { + if ( month === 1 && date > 28) { + return date === 29 && ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0); + } + + if ( month === 3 || month === 5 || month === 8 || month === 10) { + return date < 31; + } + + return true; + } +}]); diff --git a/src/dateparser/test/dateparser.spec.js b/src/dateparser/test/dateparser.spec.js new file mode 100644 index 0000000000..4090b41ecd --- /dev/null +++ b/src/dateparser/test/dateparser.spec.js @@ -0,0 +1,96 @@ +describe('date parser', function () { + var dateParser; + + beforeEach(module('ui.bootstrap.dateparser')); + beforeEach(inject(function (_dateParser_) { + dateParser = _dateParser_; + })); + + function expectParse(input, format, date) { + expect(dateParser.parse(input, format)).toEqual(date); + } + + describe('wih custom formats', function() { + it('should work correctly for `dd`, `MM`, `yyyy`', function() { + expectParse('17.11.2013', 'dd.MM.yyyy', new Date(2013, 10, 17, 0)); + expectParse('31.12.2013', 'dd.MM.yyyy', new Date(2013, 11, 31, 0)); + expectParse('08-03-1991', 'dd-MM-yyyy', new Date(1991, 2, 8, 0)); + expectParse('03/05/1980', 'MM/dd/yyyy', new Date(1980, 2, 5, 0)); + expectParse('10.01/1983', 'dd.MM/yyyy', new Date(1983, 0, 10, 0)); + expectParse('11-09-1980', 'MM-dd-yyyy', new Date(1980, 10, 9, 0)); + expectParse('2011/02/05', 'yyyy/MM/dd', new Date(2011, 1, 5, 0)); + }); + + it('should work correctly for `yy`', function() { + expectParse('17.11.13', 'dd.MM.yy', new Date(2013, 10, 17, 0)); + expectParse('02-05-11', 'dd-MM-yy', new Date(2011, 4, 2, 0)); + expectParse('02/05/80', 'MM/dd/yy', new Date(2080, 1, 5, 0)); + expectParse('55/02/05', 'yy/MM/dd', new Date(2055, 1, 5, 0)); + expectParse('11-08-13', 'dd-MM-yy', new Date(2013, 7, 11, 0)); + }); + + it('should work correctly for `M`', function() { + expectParse('8/11/2013', 'M/dd/yyyy', new Date(2013, 7, 11, 0)); + expectParse('07.11.05', 'dd.M.yy', new Date(2005, 10, 7, 0)); + expectParse('02-5-11', 'dd-M-yy', new Date(2011, 4, 2, 0)); + expectParse('2/05/1980', 'M/dd/yyyy', new Date(1980, 1, 5, 0)); + expectParse('1955/2/05', 'yyyy/M/dd', new Date(1955, 1, 5, 0)); + expectParse('02-5-11', 'dd-M-yy', new Date(2011, 4, 2, 0)); + }); + + it('should work correctly for `MMM`', function() { + expectParse('30.Sep.10', 'dd.MMM.yy', new Date(2010, 8, 30, 0)); + expectParse('02-May-11', 'dd-MMM-yy', new Date(2011, 4, 2, 0)); + expectParse('Feb/05/1980', 'MMM/dd/yyyy', new Date(1980, 1, 5, 0)); + expectParse('1955/Feb/05', 'yyyy/MMM/dd', new Date(1955, 1, 5, 0)); + }); + + it('should work correctly for `MMMM`', function() { + expectParse('17.November.13', 'dd.MMMM.yy', new Date(2013, 10, 17, 0)); + expectParse('05-March-1980', 'dd-MMMM-yyyy', new Date(1980, 2, 5, 0)); + expectParse('February/05/1980', 'MMMM/dd/yyyy', new Date(1980, 1, 5, 0)); + expectParse('1949/December/20', 'yyyy/MMMM/dd', new Date(1949, 11, 20, 0)); + }); + + it('should work correctly for `d`', function() { + expectParse('17.November.13', 'd.MMMM.yy', new Date(2013, 10, 17, 0)); + expectParse('8-March-1991', 'd-MMMM-yyyy', new Date(1991, 2, 8, 0)); + expectParse('February/5/1980', 'MMMM/d/yyyy', new Date(1980, 1, 5, 0)); + expectParse('1955/February/5', 'yyyy/MMMM/d', new Date(1955, 1, 5, 0)); + expectParse('11-08-13', 'd-MM-yy', new Date(2013, 7, 11, 0)); + }); + }); + + describe('wih predefined formats', function() { + it('should work correctly for `shortDate`', function() { + expectParse('9/3/10', 'shortDate', new Date(2010, 8, 3, 0)); + }); + + it('should work correctly for `mediumDate`', function() { + expectParse('Sep 3, 2010', 'mediumDate', new Date(2010, 8, 3, 0)); + }); + + it('should work correctly for `longDate`', function() { + expectParse('September 3, 2010', 'longDate', new Date(2010, 8, 3, 0)); + }); + + it('should work correctly for `fullDate`', function() { + expectParse('Friday, September 3, 2010', 'fullDate', new Date(2010, 8, 3, 0)); + }); + }); + + describe('with edge case', function() { + it('should not work for invalid number of days in February', function() { + expect(dateParser.parse('29.02.2013', 'dd.MM.yyyy')).toBeUndefined(); + }); + + it('should work for 29 days in February for leap years', function() { + expectParse('29.02.2000', 'dd.MM.yyyy', new Date(2000, 1, 29, 0)); + }); + + it('should not work for 31 days for some months', function() { + expect(dateParser.parse('31-04-2013', 'dd-MM-yyyy')).toBeUndefined(); + expect(dateParser.parse('November 31, 2013', 'MMMM d, yyyy')).toBeUndefined(); + }); + }); +}); From e0eb1bce3794c52733140330b8d6b0a8e6eae2a8 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 19 Apr 2014 12:36:57 +0300 Subject: [PATCH 0227/1639] fix(datepicker): parse input using dateParser Fixes #1289 Closes #2085 --- src/datepicker/datepicker.js | 9 ++++----- src/datepicker/docs/demo.js | 2 +- src/datepicker/test/datepicker.spec.js | 13 +++++++++++++ 3 files changed, 18 insertions(+), 6 deletions(-) diff --git a/src/datepicker/datepicker.js b/src/datepicker/datepicker.js index 09c1cff706..691f6e05bd 100644 --- a/src/datepicker/datepicker.js +++ b/src/datepicker/datepicker.js @@ -1,4 +1,4 @@ -angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) +angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootstrap.position']) .constant('datepickerConfig', { formatDay: 'dd', @@ -430,8 +430,8 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.position']) showButtonBar: true }) -.directive('datepickerPopup', ['$compile', '$parse', '$document', '$position', 'dateFilter', 'datepickerPopupConfig', -function ($compile, $parse, $document, $position, dateFilter, datepickerPopupConfig) { +.directive('datepickerPopup', ['$compile', '$parse', '$document', '$position', 'dateFilter', 'dateParser', 'datepickerPopupConfig', +function ($compile, $parse, $document, $position, dateFilter, dateParser, datepickerPopupConfig) { return { restrict: 'EA', require: 'ngModel', @@ -489,7 +489,6 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon datepickerEl.attr('date-disabled', 'dateDisabled({ date: date, mode: mode })'); } - // TODO: reverse from dateFilter string to Date object function parseDate(viewValue) { if (!viewValue) { ngModel.$setValidity('date', true); @@ -498,7 +497,7 @@ function ($compile, $parse, $document, $position, dateFilter, datepickerPopupCon ngModel.$setValidity('date', true); return viewValue; } else if (angular.isString(viewValue)) { - var date = new Date(viewValue); + var date = dateParser.parse(viewValue, dateFormat) || new Date(viewValue); if (isNaN(date)) { ngModel.$setValidity('date', false); return undefined; diff --git a/src/datepicker/docs/demo.js b/src/datepicker/docs/demo.js index c9e7a64442..deff596a56 100644 --- a/src/datepicker/docs/demo.js +++ b/src/datepicker/docs/demo.js @@ -31,6 +31,6 @@ var DatepickerDemoCtrl = function ($scope) { }; $scope.initDate = new Date('2016-15-20'); - $scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'shortDate']; + $scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate']; $scope.format = $scope.formats[0]; }; diff --git a/src/datepicker/test/datepicker.spec.js b/src/datepicker/test/datepicker.spec.js index a4bc60d29d..d0eedd28d6 100644 --- a/src/datepicker/test/datepicker.spec.js +++ b/src/datepicker/test/datepicker.spec.js @@ -1351,6 +1351,19 @@ describe('datepicker directive', function () { }); }); + describe('european format', function () { + it('dd.MM.yyyy', function() { + var wrapElement = $compile('
      ')($rootScope); + $rootScope.$digest(); + assignElements(wrapElement); + + changeInputValueTo(inputEl, '11.08.2013'); + expect($rootScope.date.getFullYear()).toEqual(2013); + expect($rootScope.date.getMonth()).toEqual(7); + expect($rootScope.date.getDate()).toEqual(11); + }); + }); + describe('`close-on-date-selection` attribute', function () { beforeEach(inject(function() { $rootScope.close = false; From ded352c5c1287be39d38f07e3443bf2e7d479359 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 19 Apr 2014 18:10:53 +0200 Subject: [PATCH 0228/1639] demo(all): use protocol-less URLs Fixes #2070 Closes #2068 --- misc/demo/assets/plunker.js | 4 ++-- misc/demo/index.html | 12 ++++++------ 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/misc/demo/assets/plunker.js b/misc/demo/assets/plunker.js index f740f6beb4..a6ffe18faa 100644 --- a/misc/demo/assets/plunker.js +++ b/misc/demo/assets/plunker.js @@ -15,8 +15,8 @@ angular.module('plunker', []) return '\n' + '\n' + ' \n' + - ' \n' + - ' \n' + + ' \n' + + ' \n' + ' \n' + ' \n' + ' \n' + diff --git a/misc/demo/index.html b/misc/demo/index.html index c471c6b6bd..6e95c3d04f 100644 --- a/misc/demo/index.html +++ b/misc/demo/index.html @@ -8,14 +8,14 @@ - - - + + + - + @@ -80,11 +80,11 @@

      • -
      • -
      • From 00829b60580a5b800772b83cfcc78d53d2551796 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sun, 13 Apr 2014 23:42:05 +0300 Subject: [PATCH 0229/1639] refactor(modal): add class to element instead of template expression --- src/modal/modal.js | 2 +- src/modal/test/modalWindow.spec.js | 3 ++- template/modal/window.html | 2 +- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/modal/modal.js b/src/modal/modal.js index c86048ded3..f60eadb243 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -85,7 +85,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) transclude: true, templateUrl: 'template/modal/window.html', link: function (scope, element, attrs) { - scope.windowClass = attrs.windowClass || ''; + element.addClass(attrs.windowClass || ''); $timeout(function () { // trigger CSS transitions diff --git a/src/modal/test/modalWindow.spec.js b/src/modal/test/modalWindow.spec.js index c117ee9207..6c9ce8d29b 100644 --- a/src/modal/test/modalWindow.spec.js +++ b/src/modal/test/modalWindow.spec.js @@ -10,9 +10,10 @@ describe('modal window', function () { })); it('should support custom CSS classes as string', function () { - var windowEl = $compile('
        content
        ')($rootScope); + var windowEl = $compile('
        content
        ')($rootScope); $rootScope.$digest(); expect(windowEl).toHaveClass('test'); + expect(windowEl).toHaveClass('foo'); }); }); \ No newline at end of file diff --git a/template/modal/window.html b/template/modal/window.html index 5c3b1aa27b..419c4b764c 100644 --- a/template/modal/window.html +++ b/template/modal/window.html @@ -1,3 +1,3 @@ -
        +
        \ No newline at end of file From 96def3d6e3e3865c8fbac5a954f7480ec47836e5 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Mon, 14 Apr 2014 00:13:39 +0300 Subject: [PATCH 0230/1639] feat(modal): support custom template for modal window Closes #2057 --- src/modal/docs/readme.md | 1 + src/modal/modal.js | 17 +++++++++++------ src/modal/test/modalWindow.spec.js | 10 ++++++++++ 3 files changed, 22 insertions(+), 6 deletions(-) diff --git a/src/modal/docs/readme.md b/src/modal/docs/readme.md index 2e69a34a8f..44dd951ce4 100644 --- a/src/modal/docs/readme.md +++ b/src/modal/docs/readme.md @@ -11,6 +11,7 @@ The `$modal` service has only one method: `open(options)` where available option * `backdrop` - controls presence of a backdrop. Allowed values: true (default), false (no backdrop), `'static'` - backdrop is present but modal window is not closed when clicking outside of the modal window. * `keyboard` - indicates whether the dialog should be closable by hitting the ESC key, defaults to true * `windowClass` - additional CSS class(es) to be added to a modal window template +* `windowTemplateUrl` - a path to a template overriding modal's window template The `open` method returns a modal instance, an object with the following properties: diff --git a/src/modal/modal.js b/src/modal/modal.js index f60eadb243..6809c41825 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -83,7 +83,9 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) }, replace: true, transclude: true, - templateUrl: 'template/modal/window.html', + templateUrl: function(tElement, tAttrs) { + return tAttrs.templateUrl || 'template/modal/window.html'; + }, link: function (scope, element, attrs) { element.addClass(attrs.windowClass || ''); @@ -226,10 +228,12 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) } var angularDomEl = angular.element('
        '); - angularDomEl.attr('window-class', modal.windowClass); - angularDomEl.attr('index', openedWindows.length() - 1); - angularDomEl.attr('animate', 'animate'); - angularDomEl.html(modal.content); + angularDomEl.attr({ + 'template-url': modal.windowTemplateUrl, + 'window-class': modal.windowClass, + 'index': openedWindows.length() - 1, + 'animate': 'animate' + }).html(modal.content); var modalDomEl = $compile(angularDomEl)(modal.scope); openedWindows.top().value.modalDomEl = modalDomEl; @@ -353,7 +357,8 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) content: tplAndVars[0], backdrop: modalOptions.backdrop, keyboard: modalOptions.keyboard, - windowClass: modalOptions.windowClass + windowClass: modalOptions.windowClass, + windowTemplateUrl: modalOptions.windowTemplateUrl }); }, function resolveError(reason) { diff --git a/src/modal/test/modalWindow.spec.js b/src/modal/test/modalWindow.spec.js index 6c9ce8d29b..3334cdbf54 100644 --- a/src/modal/test/modalWindow.spec.js +++ b/src/modal/test/modalWindow.spec.js @@ -16,4 +16,14 @@ describe('modal window', function () { expect(windowEl).toHaveClass('test'); expect(windowEl).toHaveClass('foo'); }); + + it('should support custom template url', inject(function($templateCache) { + $templateCache.put('window.html', '
        '); + + var windowEl = $compile('
        content
        ')($rootScope); + $rootScope.$digest(); + + expect(windowEl).toHaveClass('mywindow'); + expect(windowEl).toHaveClass('test'); + })); }); \ No newline at end of file From da951222229cf13c7ba68f5c3219bd178581aed5 Mon Sep 17 00:00:00 2001 From: Tasos Bekos Date: Sat, 19 Apr 2014 22:32:29 +0300 Subject: [PATCH 0231/1639] fix(modal): prevent default event when closing via escape key Fixes #1692 Closes #2087 --- src/modal/modal.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/modal/modal.js b/src/modal/modal.js index 6809c41825..bf8de5374b 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -201,6 +201,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) if (evt.which === 27) { modal = openedWindows.top(); if (modal && modal.value.keyboard) { + evt.preventDefault(); $rootScope.$apply(function () { $modalStack.dismiss(modal.key, 'escape key press'); }); From 976f6083e8485333612b05c023a3c490404543f0 Mon Sep 17 00:00:00 2001 From: Gareth Oakley Date: Fri, 18 Apr 2014 19:05:42 +0100 Subject: [PATCH 0232/1639] feat(modal): support modal window sizes Allows use of the size modifier classes shipped with Bootstrap 3.1 onwards. Specify either 'sm' or 'lg' to get a small/large modal dialog. Defaults to normal size dialog if not specified. Closes #2084 --- Gruntfile.js | 2 +- src/modal/docs/demo.html | 4 +++- src/modal/docs/demo.js | 3 ++- src/modal/docs/readme.md | 1 + src/modal/modal.js | 5 ++++- src/modal/test/modal.spec.js | 21 +++++++++++++++++++++ template/modal/window.html | 2 +- 7 files changed, 33 insertions(+), 5 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 029f70ecc8..9544cb5276 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -17,7 +17,7 @@ module.exports = function(grunt) { grunt.initConfig({ ngversion: '1.2.10', - bsversion: '3.0.3', + bsversion: '3.1.1', modules: [],//to be filled in by build task pkg: grunt.file.readJSON('package.json'), dist: 'dist', diff --git a/src/modal/docs/demo.html b/src/modal/docs/demo.html index c1365a08c5..0496451c53 100644 --- a/src/modal/docs/demo.html +++ b/src/modal/docs/demo.html @@ -1,7 +1,7 @@
        + +
        Selection from a modal: {{ selected }}
        \ No newline at end of file diff --git a/src/modal/docs/demo.js b/src/modal/docs/demo.js index 34b8be0efd..191ca03b66 100644 --- a/src/modal/docs/demo.js +++ b/src/modal/docs/demo.js @@ -2,11 +2,12 @@ var ModalDemoCtrl = function ($scope, $modal, $log) { $scope.items = ['item1', 'item2', 'item3']; - $scope.open = function () { + $scope.open = function (size) { var modalInstance = $modal.open({ templateUrl: 'myModalContent.html', controller: ModalInstanceCtrl, + size: size, resolve: { items: function () { return $scope.items; diff --git a/src/modal/docs/readme.md b/src/modal/docs/readme.md index 44dd951ce4..8b64252d4c 100644 --- a/src/modal/docs/readme.md +++ b/src/modal/docs/readme.md @@ -12,6 +12,7 @@ The `$modal` service has only one method: `open(options)` where available option * `keyboard` - indicates whether the dialog should be closable by hitting the ESC key, defaults to true * `windowClass` - additional CSS class(es) to be added to a modal window template * `windowTemplateUrl` - a path to a template overriding modal's window template +* `size` - optional size of modal window. Allowed values: `'sm'` (small) or `'lg'` (large). Requires Bootstrap 3.1.0 or later The `open` method returns a modal instance, an object with the following properties: diff --git a/src/modal/modal.js b/src/modal/modal.js index bf8de5374b..c753b5fc5b 100644 --- a/src/modal/modal.js +++ b/src/modal/modal.js @@ -88,6 +88,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) }, link: function (scope, element, attrs) { element.addClass(attrs.windowClass || ''); + scope.size = attrs.size; $timeout(function () { // trigger CSS transitions @@ -232,6 +233,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) angularDomEl.attr({ 'template-url': modal.windowTemplateUrl, 'window-class': modal.windowClass, + 'size': modal.size, 'index': openedWindows.length() - 1, 'animate': 'animate' }).html(modal.content); @@ -359,7 +361,8 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition']) backdrop: modalOptions.backdrop, keyboard: modalOptions.keyboard, windowClass: modalOptions.windowClass, - windowTemplateUrl: modalOptions.windowTemplateUrl + windowTemplateUrl: modalOptions.windowTemplateUrl, + size: modalOptions.size }); }, function resolveError(reason) { diff --git a/src/modal/test/modal.spec.js b/src/modal/test/modal.spec.js index 6c6259a15b..28d2117795 100644 --- a/src/modal/test/modal.spec.js +++ b/src/modal/test/modal.spec.js @@ -431,6 +431,27 @@ describe('$modal', function () { expect($document.find('div.modal')).toHaveClass('additional'); }); }); + + describe('size', function () { + + it('should support creating small modal dialogs', function () { + open({ + template: '
        Small modal dialog
        ', + size: 'sm' + }); + + expect($document.find('div.modal-dialog')).toHaveClass('modal-sm'); + }); + + it('should support creating large modal dialogs', function () { + open({ + template: '
        Large modal dialog
        ', + size: 'lg' + }); + + expect($document.find('div.modal-dialog')).toHaveClass('modal-lg'); + }); + }); }); describe('multiple modals', function () { diff --git a/template/modal/window.html b/template/modal/window.html index 419c4b764c..250d1c20c5 100644 --- a/template/modal/window.html +++ b/template/modal/window.html @@ -1,3 +1,3 @@
        -
        +
        \ No newline at end of file From 7899b120f872e31871b8609a093a99069c1597a3 Mon Sep 17 00:00:00 2001 From: Gias Kay Lee Date: Mon, 21 Apr 2014 15:58:43 +0800 Subject: [PATCH 0233/1639] test(modal): add test for `controllerAs` syntax Closes #2091 --- src/modal/docs/readme.md | 2 +- src/modal/test/modal.spec.js | 19 +++++++++++++++---- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/src/modal/docs/readme.md b/src/modal/docs/readme.md index 8b64252d4c..84cafa11b0 100644 --- a/src/modal/docs/readme.md +++ b/src/modal/docs/readme.md @@ -6,7 +6,7 @@ The `$modal` service has only one method: `open(options)` where available option * `templateUrl` - a path to a template representing modal's content * `template` - inline template representing the modal's content * `scope` - a scope instance to be used for the modal's content (actually the `$modal` service is going to create a child scope of a provided scope). Defaults to `$rootScope` -* `controller` - a controller for a modal instance - it can initialize scope used by modal. A controller can be injected with `$modalInstance` +* `controller` - a controller for a modal instance - it can initialize scope used by modal. Accepts the "controller-as" syntax, and can be injected with `$modalInstance` * `resolve` - members that will be resolved and passed to the controller as locals; it is equivalent of the `resolve` property for AngularJS routes * `backdrop` - controls presence of a backdrop. Allowed values: true (default), false (no backdrop), `'static'` - backdrop is present but modal window is not closed when clicking outside of the modal window. * `keyboard` - indicates whether the dialog should be closable by hitting the ESC key, defaults to true diff --git a/src/modal/test/modal.spec.js b/src/modal/test/modal.spec.js index 28d2117795..4411994087 100644 --- a/src/modal/test/modal.spec.js +++ b/src/modal/test/modal.spec.js @@ -19,7 +19,8 @@ describe('$modal', function () { beforeEach(module('ui.bootstrap.modal')); beforeEach(module('template/modal/backdrop.html')); beforeEach(module('template/modal/window.html')); - beforeEach(module(function(_$modalProvider_){ + beforeEach(module(function(_$controllerProvider_, _$modalProvider_){ + $controllerProvider = _$controllerProvider_; $modalProvider = _$modalProvider_; })); @@ -250,10 +251,9 @@ describe('$modal', function () { }); - describe('controllers', function () { + describe('controller', function () { it('should accept controllers and inject modal instances', function () { - var TestCtrl = function($scope, $modalInstance) { $scope.fromCtrl = 'Content from ctrl'; $scope.isModalInstance = angular.isObject($modalInstance) && angular.isFunction($modalInstance.close); @@ -262,6 +262,17 @@ describe('$modal', function () { var modal = open({template: '
        {{fromCtrl}} {{isModalInstance}}
        ', controller: TestCtrl}); expect($document).toHaveModalOpenWithContent('Content from ctrl true', 'div'); }); + + it('should accept controllerAs alias', function () { + $controllerProvider.register('TestCtrl', function($modalInstance) { + this.fromCtrl = 'Content from ctrl'; + this.isModalInstance = angular.isObject($modalInstance) && angular.isFunction($modalInstance.close); + }); + + var modal = open({template: '
        {{test.fromCtrl}} {{test.isModalInstance}}
        ', controller: 'TestCtrl as test'}); + expect($document).toHaveModalOpenWithContent('Content from ctrl true', 'div'); + }); + }); describe('resolve', function () { @@ -519,4 +530,4 @@ describe('$modal', function () { expect(body).not.toHaveClass('modal-open'); }); }); -}); \ No newline at end of file +}); From cc07cdda20fdf8eb4ef9c1c34399a51c427c9a5a Mon Sep 17 00:00:00 2001 From: "W. Trevor King" Date: Thu, 24 Apr 2014 10:47:27 -0700 Subject: [PATCH 0234/1639] docs(modal): fix Markdown markup for augmented methods Without leading and trailing blank lines, the source is not marked up as a list. Closes #2107 --- src/modal/docs/readme.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/modal/docs/readme.md b/src/modal/docs/readme.md index 84cafa11b0..42b315b256 100644 --- a/src/modal/docs/readme.md +++ b/src/modal/docs/readme.md @@ -22,6 +22,8 @@ The `open` method returns a modal instance, an object with the following propert * `opened` - a promise that is resolved when a modal gets opened after downloading content's template and resolving all variables In addition the scope associated with modal's content is augmented with 2 methods: + * `$close(result)` * `$dismiss(reason)` + Those methods make it easy to close a modal window without a need to create a dedicated controller From 06ad3bd5db58ec6666a5cbc18fd581f842e85965 Mon Sep 17 00:00:00 2001 From: Jose Martinez Date: Tue, 29 Apr 2014 10:22:56 -0400 Subject: [PATCH 0235/1639] fix(dropdown): ensure `on-toggle` works when `is-open` is not used This fixes an issue where on-toggle doesn't get called on the first click if the is-open attribute is not used. Closes #2121 --- src/dropdown/dropdown.js | 2 +- src/dropdown/test/dropdown.spec.js | 20 ++++++++++++++++++++ 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/src/dropdown/dropdown.js b/src/dropdown/dropdown.js index 7bb37bd18c..d67a960677 100644 --- a/src/dropdown/dropdown.js +++ b/src/dropdown/dropdown.js @@ -93,7 +93,7 @@ angular.module('ui.bootstrap.dropdown', []) } setIsOpen($scope, isOpen); - if (angular.isDefined(wasOpen) && isOpen !== wasOpen) { + if (angular.isDefined(isOpen) && isOpen !== wasOpen) { toggleInvoker($scope, { open: !!isOpen }); } }); diff --git a/src/dropdown/test/dropdown.spec.js b/src/dropdown/test/dropdown.spec.js index d0bf45a2bd..c65f8305e6 100644 --- a/src/dropdown/test/dropdown.spec.js +++ b/src/dropdown/test/dropdown.spec.js @@ -253,4 +253,24 @@ describe('dropdownToggle', function() { expect($rootScope.toggleHandler).toHaveBeenCalledWith(true); }); }); + + describe('`on-toggle` without is-open', function() { + beforeEach(function() { + $rootScope.toggleHandler = jasmine.createSpy('toggleHandler'); + element = $compile('
        • Hello
        • ')($rootScope); + $rootScope.$digest(); + }); + + it('should not have been called initially', function() { + expect($rootScope.toggleHandler).not.toHaveBeenCalled(); + }); + + it('should call it when clicked', function() { + clickDropdownToggle(); + expect($rootScope.toggleHandler).toHaveBeenCalledWith(true); + + clickDropdownToggle(); + expect($rootScope.toggleHandler).toHaveBeenCalledWith(false); + }); + }); }); From 60cee9dcb5735118f90f55042c25f5f27c45884e Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Thu, 1 May 2014 17:17:09 +0200 Subject: [PATCH 0236/1639] feat(modal): improve accessibility - add role='dialog' --- template/modal/window.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/template/modal/window.html b/template/modal/window.html index 250d1c20c5..1e9a898646 100644 --- a/template/modal/window.html +++ b/template/modal/window.html @@ -1,3 +1,3 @@ -
        + \ No newline at end of file From 2b429f5de514d6a3baf586e13fbaf39a8c2731b1 Mon Sep 17 00:00:00 2001 From: Chris Chua Date: Sun, 16 Mar 2014 23:50:57 -0700 Subject: [PATCH 0237/1639] fix(tooltip): animation causes tooltip to hide on show Add logic to handle cases where hide/show can be called multiple times even before their timeouts complete. This is more ugly logic to handle degenerate cases. Hopefully switching over to ngAnimate and cleaning up the logic of tooltips will be better. Fixes #1847 Closes #1940 --- src/tooltip/test/tooltip2.spec.js | 31 +++++++++++++++++++++++++++++++ src/tooltip/tooltip.js | 28 +++++++++++++++++++--------- 2 files changed, 50 insertions(+), 9 deletions(-) diff --git a/src/tooltip/test/tooltip2.spec.js b/src/tooltip/test/tooltip2.spec.js index fb5956e641..7162d23208 100644 --- a/src/tooltip/test/tooltip2.spec.js +++ b/src/tooltip/test/tooltip2.spec.js @@ -102,4 +102,35 @@ describe('tooltip directive', function () { }); }); + + it('should show even after close trigger is called multiple times - issue #1847', function () { + var fragment = compileTooltip('Trigger here'); + + fragment.find('span').trigger( 'mouseenter' ); + expect(fragment).toHaveOpenTooltips(); + + closeTooltip(fragment.find('span'), null, true); + // Close trigger is called again before timer completes + // The close trigger can be called any number of times (even after close has already been called) + // since users can trigger the hide triggers manually. + closeTooltip(fragment.find('span'), null, true); + expect(fragment).toHaveOpenTooltips(); + + fragment.find('span').trigger( 'mouseenter' ); + expect(fragment).toHaveOpenTooltips(); + + $timeout.flush(); + expect(fragment).toHaveOpenTooltips(); + }); + + it('should hide even after show trigger is called multiple times', function () { + var fragment = compileTooltip('Trigger here'); + + fragment.find('span').trigger( 'mouseenter' ); + fragment.find('span').trigger( 'mouseenter' ); + + closeTooltip(fragment.find('span')); + expect(fragment).not.toHaveOpenTooltips(); + }); + }); \ No newline at end of file diff --git a/src/tooltip/tooltip.js b/src/tooltip/tooltip.js index da1b356799..de6d66dc16 100644 --- a/src/tooltip/tooltip.js +++ b/src/tooltip/tooltip.js @@ -147,8 +147,12 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap return; } if ( scope.tt_popupDelay ) { - popupTimeout = $timeout( show, scope.tt_popupDelay, false ); - popupTimeout.then(function(reposition){reposition();}); + // Do nothing if the tooltip was already scheduled to pop-up. + // This happens if show is triggered multiple times before any hide is triggered. + if (!popupTimeout) { + popupTimeout = $timeout( show, scope.tt_popupDelay, false ); + popupTimeout.then(function(reposition){reposition();}); + } } else { show()(); } @@ -163,6 +167,14 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap // Show the tooltip popup element. function show() { + popupTimeout = null; + + // If there is a pending remove transition, we must cancel it, lest the + // tooltip be mysteriously removed. + if ( transitionTimeout ) { + $timeout.cancel( transitionTimeout ); + transitionTimeout = null; + } // Don't show empty tooltips. if ( ! scope.tt_content ) { @@ -171,12 +183,6 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap createTooltip(); - // If there is a pending remove transition, we must cancel it, lest the - // tooltip be mysteriously removed. - if ( transitionTimeout ) { - $timeout.cancel( transitionTimeout ); - } - // Set the initial positioning. tooltip.css({ top: 0, left: 0, display: 'block' }); @@ -206,12 +212,15 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap //if tooltip is going to be shown after delay, we must cancel this $timeout.cancel( popupTimeout ); + popupTimeout = null; // And now we remove it from the DOM. However, if we have animation, we // need to wait for it to expire beforehand. // FIXME: this is a placeholder for a port of the transitions library. if ( scope.tt_animation ) { - transitionTimeout = $timeout(removeTooltip, 500); + if (!transitionTimeout) { + transitionTimeout = $timeout(removeTooltip, 500); + } } else { removeTooltip(); } @@ -229,6 +238,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap } function removeTooltip() { + transitionTimeout = null; if (tooltip) { tooltip.remove(); tooltip = null; From a81d6f986ad123d1fe68f5750d4b22f0da193654 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Thu, 1 May 2014 17:53:35 +0200 Subject: [PATCH 0238/1639] chore(release): 0.11.0 --- CHANGELOG.md | 160 +++++++++++++++++++++++++++++++++++++++++++++++++++ package.json | 2 +- 2 files changed, 161 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 766043b87a..8804a2ee18 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,163 @@ +# 0.11.0 (2014-05-01) + +## Features + +- **accordion:** + - support `is-disabled` state ([9c43ae7c](http://github.com/angular-ui/bootstrap/commit/9c43ae7c)) +- **alert:** + - add WAI-ARIA markup ([9a2638bf](http://github.com/angular-ui/bootstrap/commit/9a2638bf)) +- **button:** + - allow uncheckable radio button ([82df4fb1](http://github.com/angular-ui/bootstrap/commit/82df4fb1)) +- **carousel:** + - Support swipe for touchscreen devices ([85140f84](http://github.com/angular-ui/bootstrap/commit/85140f84)) +- **dateParser:** + - add `dateParser` service ([bd2ae0ee](http://github.com/angular-ui/bootstrap/commit/bd2ae0ee)) +- **datepicker:** + - add `datepicker-mode`, `init-date` & today hint ([7f4b40eb](http://github.com/angular-ui/bootstrap/commit/7f4b40eb)) + - make widget accessible ([2423f6d4](http://github.com/angular-ui/bootstrap/commit/2423f6d4)) + - full six-week calendar ([b0b14343](http://github.com/angular-ui/bootstrap/commit/b0b14343)) +- **dropdown:** + - add WAI-ARIA attributes ([22ebd230](http://github.com/angular-ui/bootstrap/commit/22ebd230)) + - focus toggle element when opening or closing with Esc` ([f715d052](http://github.com/angular-ui/bootstrap/commit/f715d052)) +- **dropdownToggle:** + - support programmatic trigger & toggle callback ([ae31079c](http://github.com/angular-ui/bootstrap/commit/ae31079c)) + - add support for `escape` key ([1417c548](http://github.com/angular-ui/bootstrap/commit/1417c548)) +- **modal:** + - support custom template for modal window ([96def3d6](http://github.com/angular-ui/bootstrap/commit/96def3d6)) + - support modal window sizes ([976f6083](http://github.com/angular-ui/bootstrap/commit/976f6083)) + - improve accessibility - add role='dialog' ([60cee9dc](http://github.com/angular-ui/bootstrap/commit/60cee9dc)) +- **pagination:** + - plug into `ngModel` controller ([d65901cf](http://github.com/angular-ui/bootstrap/commit/d65901cf)) +- **progressbar:** + - make widget accessible ([9dfe3157](http://github.com/angular-ui/bootstrap/commit/9dfe3157)) +- **rating:** + - plug into `ngModel` controller ([47e227f6](http://github.com/angular-ui/bootstrap/commit/47e227f6)) + - make widget accessible ([4f56e60e](http://github.com/angular-ui/bootstrap/commit/4f56e60e)) +- **tooltip:** + - support more positioning options ([3704db9a](http://github.com/angular-ui/bootstrap/commit/3704db9a)) +- **typeahead:** + - add WAI-ARIA markup ([5ca23e97](http://github.com/angular-ui/bootstrap/commit/5ca23e97)) + - add `aria-owns` & `aria-activedescendant` roles ([4c76a858](http://github.com/angular-ui/bootstrap/commit/4c76a858)) + +## Bug Fixes + +- **alert:** + - use interpolation for type attribute ([f0a129ad](http://github.com/angular-ui/bootstrap/commit/f0a129ad)) + - add `alert-dismissable` class ([794954af](http://github.com/angular-ui/bootstrap/commit/794954af)) +- **carousel:** + - correct glyphicon ([3b6ab25b](http://github.com/angular-ui/bootstrap/commit/3b6ab25b)) +- **datepicker:** + - remove unneeded date creation ([68cb2e5a](http://github.com/angular-ui/bootstrap/commit/68cb2e5a)) + - `Today` button should not set time ([e1993491](http://github.com/angular-ui/bootstrap/commit/e1993491)) + - mark input field as invalid if the date is invalid ([467dd159](http://github.com/angular-ui/bootstrap/commit/467dd159)) + - rename `dateFormat` to `datepickerPopup` in datepickerPopupConfig ([93da30d5](http://github.com/angular-ui/bootstrap/commit/93da30d5)) + - parse input using dateParser ([e0eb1bce](http://github.com/angular-ui/bootstrap/commit/e0eb1bce)) +- **dropdown:** + - use $animate for adding and removing classes ([e8d5fefc](http://github.com/angular-ui/bootstrap/commit/e8d5fefc)) + - unbind toggle element event on scope destroy ([890e2d37](http://github.com/angular-ui/bootstrap/commit/890e2d37)) + - do not call `on-toggle` initially ([004dd1de](http://github.com/angular-ui/bootstrap/commit/004dd1de)) + - ensure `on-toggle` works when `is-open` is not used ([06ad3bd5](http://github.com/angular-ui/bootstrap/commit/06ad3bd5)) +- **modal:** + - destroy modal scope after animation end ([dfc36fd9](http://github.com/angular-ui/bootstrap/commit/dfc36fd9)) + - backdrop z-index when stacking modals ([94a7f593](http://github.com/angular-ui/bootstrap/commit/94a7f593)) + - give a reason of rejection when escape key pressed ([cb31b875](http://github.com/angular-ui/bootstrap/commit/cb31b875)) + - prevent default event when closing via escape key ([da951222](http://github.com/angular-ui/bootstrap/commit/da951222)) + - toggle 'modal-open' class after animation ([4d641ca7](http://github.com/angular-ui/bootstrap/commit/4d641ca7)) +- **pagination:** + - take maxSize defaults into account ([a294c87f](http://github.com/angular-ui/bootstrap/commit/a294c87f)) +- **position:** + - remove deprecated body scrollTop and scrollLeft ([1ba07c1b](http://github.com/angular-ui/bootstrap/commit/1ba07c1b)) +- **progressbar:** + - allow fractional values for bar width ([0daa7a74](http://github.com/angular-ui/bootstrap/commit/0daa7a74)) + - number filter in bar template and only for percent ([378a9337](http://github.com/angular-ui/bootstrap/commit/378a9337)) +- **tabs:** + - fire deselect before select callback ([7474c47b](http://github.com/angular-ui/bootstrap/commit/7474c47b)) + - use interpolation for type attribute ([83ceb78a](http://github.com/angular-ui/bootstrap/commit/83ceb78a)) + - remove `tabbable` class required for left/right tabs ([19468331](http://github.com/angular-ui/bootstrap/commit/19468331)) +- **timepicker:** + - evaluate correctly the `readonly-input` attribute ([f9b6c496](http://github.com/angular-ui/bootstrap/commit/f9b6c496)) +- **tooltip:** + - animation causes tooltip to hide on show ([2b429f5d](http://github.com/angular-ui/bootstrap/commit/2b429f5d)) +- **typeahead:** + - correctly handle append to body attribute ([10785736](http://github.com/angular-ui/bootstrap/commit/10785736)) + - correctly higlight numeric matches ([09678b12](http://github.com/angular-ui/bootstrap/commit/09678b12)) + - loading callback updates after blur ([6a830116](http://github.com/angular-ui/bootstrap/commit/6a830116)) + - incompatibility with ng-focus ([d0024931](http://github.com/angular-ui/bootstrap/commit/d0024931)) + +## Breaking Changes + +- **alert:** + Use interpolation for type attribute. + + Before: + + ```html + + ``` + or + ```html + + ``` + + After: + + ```html + + ``` + or + ```html + + ``` + +- **datepicker:** + +`show-weeks` is no longer a watched attribute +`*-format` attributes have been renamed to `format-*` +`min` attribute has been renamed to `min-date` +`max` attribute has been renamed to `max-date` + +- **pagination:** + + Both `pagination` and `pager` are now integrated with `ngModelController`. + * `page` is replaced from `ng-model`. + * `on-select-page` is removed since `ng-change` can now be used. + + Before: + + + + After: + + + +- **rating:** + `rating` is now integrated with `ngModelController`. + * `value` is replaced from `ng-model`. + + Before: + + + + After: + + + +- **tabs:** + + Use interpolation for type attribute. + + Before: + + + or + + + After: + + + or + + # 0.10.0 (2014-01-13) _This release adds AngularJS 1.2 support_ diff --git a/package.json b/package.json index 62242e3a28..7bef972490 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.11.0-SNAPSHOT", + "version": "0.11.0", "homepage": "http://angular-ui.github.io/bootstrap/", "dependencies": {}, "devDependencies": { From 941a382858b6efdef337060793d8c49d0f1a6e43 Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Thu, 1 May 2014 18:33:12 +0200 Subject: [PATCH 0239/1639] chore(release): Starting v0.12.0-SNAPSHOT --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 7bef972490..204fa64ec1 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "author": "https://github.com/angular-ui/bootstrap/graphs/contributors", "name": "angular-ui-bootstrap", - "version": "0.11.0", + "version": "0.12.0-SNAPSHOT", "homepage": "http://angular-ui.github.io/bootstrap/", "dependencies": {}, "devDependencies": { From 5dc57927e85adb3f9522be8b0760d613b17cb034 Mon Sep 17 00:00:00 2001 From: Michal Wesolowski Date: Wed, 16 Apr 2014 18:24:11 +0200 Subject: [PATCH 0240/1639] fix(typeahead): timeout cancellation when deleting characters Closes #2074 --- src/typeahead/test/typeahead.spec.js | 15 +++++++++++++++ src/typeahead/typeahead.js | 21 +++++++++++++++------ 2 files changed, 30 insertions(+), 6 deletions(-) diff --git a/src/typeahead/test/typeahead.spec.js b/src/typeahead/test/typeahead.spec.js index 790f7ee535..6efd0f465c 100644 --- a/src/typeahead/test/typeahead.spec.js +++ b/src/typeahead/test/typeahead.spec.js @@ -555,6 +555,21 @@ describe('typeahead tests', function () { expect($scope.isLoading).toBeFalsy(); }); + it('should cancel old timeout when deleting characters', inject(function ($timeout) { + var values = []; + $scope.loadMatches = function(viewValue) { + values.push(viewValue); + return $scope.source; + }; + var element = prepareInputEl('
        '); + changeInputValueTo(element, 'match'); + changeInputValueTo(element, 'm'); + + $timeout.flush(); + + expect(values).not.toContain('match'); + })); + it('does not close matches popup on click in input', function () { var element = prepareInputEl('
        '); var inputEl = findInput(element); diff --git a/src/typeahead/typeahead.js b/src/typeahead/typeahead.js index 8795ef6fe0..832d88e71f 100644 --- a/src/typeahead/typeahead.js +++ b/src/typeahead/typeahead.js @@ -173,6 +173,18 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap //Declare the timeout promise var outside the function scope so that stacked calls can be cancelled later var timeoutPromise; + var scheduleSearchWithTimeout = function(inputValue) { + timeoutPromise = $timeout(function () { + getMatchesAsync(inputValue); + }, waitTime); + }; + + var cancelPreviousTimeout = function() { + if (timeoutPromise) { + $timeout.cancel(timeoutPromise); + } + }; + //plug into $parsers pipeline to open a typeahead on view changes initiated from DOM //$parsers kick-in on all the changes coming from the view as well as manually triggered by $setViewValue modelCtrl.$parsers.unshift(function (inputValue) { @@ -181,17 +193,14 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap if (inputValue && inputValue.length >= minSearch) { if (waitTime > 0) { - if (timeoutPromise) { - $timeout.cancel(timeoutPromise);//cancel previous timeout - } - timeoutPromise = $timeout(function () { - getMatchesAsync(inputValue); - }, waitTime); + cancelPreviousTimeout(); + scheduleSearchWithTimeout(inputValue); } else { getMatchesAsync(inputValue); } } else { isLoadingSetter(originalScope, false); + cancelPreviousTimeout(); resetMatches(); } From a316e3ee07821b83b39c29343f41ac128c562c9d Mon Sep 17 00:00:00 2001 From: Pawel Kozlowski Date: Sat, 3 May 2014 19:27:07 +0200 Subject: [PATCH 0241/1639] chore(ngVersion): bump up AngularJS version to 1.2.16 --- Gruntfile.js | 2 +- misc/test-lib/angular-mocks.js | 426 ++- misc/test-lib/angular.js | 4886 +++++++++++++++++++------------- 3 files changed, 3091 insertions(+), 2223 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 9544cb5276..8944dcc55a 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -16,7 +16,7 @@ module.exports = function(grunt) { grunt.util.linefeed = '\n'; grunt.initConfig({ - ngversion: '1.2.10', + ngversion: '1.2.16', bsversion: '3.1.1', modules: [],//to be filled in by build task pkg: grunt.file.readJSON('package.json'), diff --git a/misc/test-lib/angular-mocks.js b/misc/test-lib/angular-mocks.js index b367f3d60b..da804b4aa1 100644 --- a/misc/test-lib/angular-mocks.js +++ b/misc/test-lib/angular-mocks.js @@ -1,5 +1,5 @@ /** - * @license AngularJS v1.2.10 + * @license AngularJS v1.2.16 * (c) 2010-2014 Google, Inc. http://angularjs.org * License: MIT */ @@ -8,7 +8,7 @@ 'use strict'; /** - * @ngdoc overview + * @ngdoc object * @name angular.mock * @description * @@ -19,7 +19,7 @@ angular.mock = {}; /** * ! This is a private undocumented service ! * - * @name ngMock.$browser + * @name $browser * * @description * This service is a mock implementation of {@link ng.$browser}. It provides fake @@ -77,8 +77,7 @@ angular.mock.$Browser = function() { /** - * @name ngMock.$browser#defer.now - * @propertyOf ngMock.$browser + * @name $browser#defer.now * * @description * Current milliseconds mock time. @@ -103,8 +102,7 @@ angular.mock.$Browser = function() { /** - * @name ngMock.$browser#defer.flush - * @methodOf ngMock.$browser + * @name $browser#defer.flush * * @description * Flushes all pending requests and executes the defer callbacks. @@ -135,8 +133,7 @@ angular.mock.$Browser = function() { angular.mock.$Browser.prototype = { /** - * @name ngMock.$browser#poll - * @methodOf ngMock.$browser + * @name $browser#poll * * @description * run all fns in pollFns @@ -187,8 +184,8 @@ angular.mock.$Browser.prototype = { /** - * @ngdoc object - * @name ngMock.$exceptionHandlerProvider + * @ngdoc provider + * @name $exceptionHandlerProvider * * @description * Configures the mock implementation of {@link ng.$exceptionHandler} to rethrow or to log errors @@ -196,8 +193,8 @@ angular.mock.$Browser.prototype = { */ /** - * @ngdoc object - * @name ngMock.$exceptionHandler + * @ngdoc service + * @name $exceptionHandler * * @description * Mock implementation of {@link ng.$exceptionHandler} that rethrows or logs errors passed @@ -205,7 +202,7 @@ angular.mock.$Browser.prototype = { * information. * * - * 
        + * ```js
  *   describe('$exceptionHandlerProvider', function() {
  *
  *     it('should capture log messages and exceptions', function() {
@@ -226,7 +223,7 @@ angular.mock.$Browser.prototype = {
  *       });
  *     });
  *   });
- *
        + * ``` */ angular.mock.$ExceptionHandlerProvider = function() { @@ -234,8 +231,7 @@ angular.mock.$ExceptionHandlerProvider = function() { /** * @ngdoc method - * @name ngMock.$exceptionHandlerProvider#mode - * @methodOf ngMock.$exceptionHandlerProvider + * @name $exceptionHandlerProvider#mode * * @description * Sets the logging mode. @@ -285,7 +281,7 @@ angular.mock.$ExceptionHandlerProvider = function() { /** * @ngdoc service - * @name ngMock.$log + * @name $log * * @description * Mock implementation of {@link ng.$log} that gathers all logged messages in arrays @@ -324,8 +320,7 @@ angular.mock.$LogProvider = function() { /** * @ngdoc method - * @name ngMock.$log#reset - * @methodOf ngMock.$log + * @name $log#reset * * @description * Reset all of the logging arrays to empty. @@ -333,85 +328,79 @@ angular.mock.$LogProvider = function() { $log.reset = function () { /** * @ngdoc property - * @name ngMock.$log#log.logs - * @propertyOf ngMock.$log + * @name $log#log.logs * * @description * Array of messages logged using {@link ngMock.$log#log}. * * @example - * 
        +       * ```js
        * $log.log('Some Log');
        * var first = $log.log.logs.unshift();
-       *
        + * ``` */ $log.log.logs = []; /** * @ngdoc property - * @name ngMock.$log#info.logs - * @propertyOf ngMock.$log + * @name $log#info.logs * * @description * Array of messages logged using {@link ngMock.$log#info}. * * @example - * 
        +       * ```js
        * $log.info('Some Info');
        * var first = $log.info.logs.unshift();
-       *
        + * ``` */ $log.info.logs = []; /** * @ngdoc property - * @name ngMock.$log#warn.logs - * @propertyOf ngMock.$log + * @name $log#warn.logs * * @description * Array of messages logged using {@link ngMock.$log#warn}. * * @example - * 
        +       * ```js
        * $log.warn('Some Warning');
        * var first = $log.warn.logs.unshift();
-       *
        + * ``` */ $log.warn.logs = []; /** * @ngdoc property - * @name ngMock.$log#error.logs - * @propertyOf ngMock.$log + * @name $log#error.logs * * @description * Array of messages logged using {@link ngMock.$log#error}. * * @example - * 
        +       * ```js
        * $log.error('Some Error');
        * var first = $log.error.logs.unshift();
-       *
        + * ``` */ $log.error.logs = []; /** * @ngdoc property - * @name ngMock.$log#debug.logs - * @propertyOf ngMock.$log + * @name $log#debug.logs * * @description * Array of messages logged using {@link ngMock.$log#debug}. * * @example - * 
        +       * ```js
        * $log.debug('Some Error');
        * var first = $log.debug.logs.unshift();
-       *
        + * ``` */ $log.debug.logs = []; }; /** * @ngdoc method - * @name ngMock.$log#assertEmpty - * @methodOf ngMock.$log + * @name $log#assertEmpty * * @description * Assert that the all of the logging methods have no logged messages. If messages present, an @@ -443,12 +432,12 @@ angular.mock.$LogProvider = function() { /** * @ngdoc service - * @name ngMock.$interval + * @name $interval * * @description * Mock implementation of the $interval service. * - * Use {@link ngMock.$interval#methods_flush `$interval.flush(millis)`} to + * Use {@link ngMock.$interval#flush `$interval.flush(millis)`} to * move forward by `millis` milliseconds and trigger any functions scheduled to run in that * time. * @@ -457,7 +446,7 @@ angular.mock.$LogProvider = function() { * @param {number=} [count=0] Number of times to repeat. If not set, or 0, will repeat * indefinitely. * @param {boolean=} [invokeApply=true] If set to `false` skips model dirty checking, otherwise - * will invoke `fn` within the {@link ng.$rootScope.Scope#methods_$apply $apply} block. + * will invoke `fn` within the {@link ng.$rootScope.Scope#$apply $apply} block. * @returns {promise} A promise which will be notified on each iteration. */ angular.mock.$IntervalProvider = function() { @@ -509,8 +498,18 @@ angular.mock.$IntervalProvider = function() { nextRepeatId++; return promise; }; - + /** + * @ngdoc method + * @name $interval#cancel + * + * @description + * Cancels a task associated with the `promise`. + * + * @param {promise} promise A promise from calling the `$interval` function. + * @returns {boolean} Returns `true` if the task was successfully cancelled. + */ $interval.cancel = function(promise) { + if(!promise) return false; var fnIndex; angular.forEach(repeatFns, function(fn, index) { @@ -528,8 +527,7 @@ angular.mock.$IntervalProvider = function() { /** * @ngdoc method - * @name ngMock.$interval#flush - * @methodOf ngMock.$interval + * @name $interval#flush * @description * * Runs interval tasks scheduled to be run in the next `millis` milliseconds. @@ -600,7 +598,7 @@ function padNumber(num, digits, trim) { /** - * @ngdoc object + * @ngdoc type * @name angular.mock.TzDate * @description * @@ -624,7 +622,7 @@ function padNumber(num, digits, trim) { * incomplete we might be missing some non-standard methods. This can result in errors like: * "Date.prototype.foo called on incompatible Object". * - * 
        + * ```js
  * var newYearInBratislava = new TzDate(-1, '2009-12-31T23:00:00Z');
  * newYearInBratislava.getTimezoneOffset() => -60;
  * newYearInBratislava.getFullYear() => 2010;
@@ -633,7 +631,7 @@ function padNumber(num, digits, trim) {
  * newYearInBratislava.getHours() => 0;
  * newYearInBratislava.getMinutes() => 0;
  * newYearInBratislava.getSeconds() => 0;
- *
        + * ``` * */ angular.mock.TzDate = function (offset, timestamp) { @@ -763,70 +761,43 @@ angular.mock.TzDate = function (offset, timestamp) { angular.mock.TzDate.prototype = Date.prototype; /* jshint +W101 */ -// TODO(matias): remove this IMMEDIATELY once we can properly detect the -// presence of a registered module -var animateLoaded; -try { - angular.module('ngAnimate'); - animateLoaded = true; -} catch(e) {} +angular.mock.animate = angular.module('ngAnimateMock', ['ng']) + + .config(['$provide', function($provide) { -if(animateLoaded) { - angular.module('ngAnimate').config(['$provide', function($provide) { var reflowQueue = []; $provide.value('$$animateReflow', function(fn) { + var index = reflowQueue.length; reflowQueue.push(fn); - return angular.noop; - }); - $provide.decorator('$animate', function($delegate) { - $delegate.triggerReflow = function() { - if(reflowQueue.length === 0) { - throw new Error('No animation reflows present'); - } - angular.forEach(reflowQueue, function(fn) { - fn(); - }); - reflowQueue = []; + return function cancel() { + reflowQueue.splice(index, 1); }; - return $delegate; }); - }]); -} - -angular.mock.animate = angular.module('mock.animate', ['ng']) - .config(['$provide', function($provide) { - - $provide.decorator('$animate', function($delegate) { + $provide.decorator('$animate', function($delegate, $$asyncCallback) { var animate = { queue : [], enabled : $delegate.enabled, - flushNext : function(name) { - var tick = animate.queue.shift(); - - if (!tick) throw new Error('No animation to be flushed'); - if(tick.method !== name) { - throw new Error('The next animation is not "' + name + - '", but is "' + tick.method + '"'); - } - tick.fn(); - return tick; + triggerCallbacks : function() { + $$asyncCallback.flush(); + }, + triggerReflow : function() { + angular.forEach(reflowQueue, function(fn) { + fn(); + }); + reflowQueue = []; } }; - angular.forEach(['enter','leave','move','addClass','removeClass'], function(method) { + angular.forEach( + ['enter','leave','move','addClass','removeClass','setClass'], function(method) { animate[method] = function() { - var params = arguments; animate.queue.push({ - method : method, - params : params, - element : angular.isElement(params[0]) && params[0], - parent : angular.isElement(params[1]) && params[1], - after : angular.isElement(params[2]) && params[2], - fn : function() { - $delegate[method].apply($delegate, params); - } + event : method, + element : arguments[0], + args : arguments }); + $delegate[method].apply($delegate, arguments); }; }); @@ -907,8 +878,8 @@ angular.mock.dump = function(object) { }; /** - * @ngdoc object - * @name ngMock.$httpBackend + * @ngdoc service + * @name $httpBackend * @description * Fake HTTP backend implementation suitable for unit testing applications that use the * {@link ng.$http $http service}. @@ -917,8 +888,8 @@ angular.mock.dump = function(object) { * development please see {@link ngMockE2E.$httpBackend e2e $httpBackend mock}. * * During unit testing, we want our unit tests to run quickly and have no external dependencies so - * we don’t want to send {@link https://developer.mozilla.org/en/xmlhttprequest XHR} or - * {@link http://en.wikipedia.org/wiki/JSONP JSONP} requests to a real server. All we really need is + * we don’t want to send [XHR](https://developer.mozilla.org/en/xmlhttprequest) or + * [JSONP](http://en.wikipedia.org/wiki/JSONP) requests to a real server. All we really need is * to verify whether a certain request has been sent or not, or alternatively just let the * application make requests, respond with pre-trained responses and assert that the end result is * what we expect it to be. @@ -996,20 +967,19 @@ angular.mock.dump = function(object) { * * # Flushing HTTP requests * - * The $httpBackend used in production, always responds to requests with responses asynchronously. - * If we preserved this behavior in unit testing, we'd have to create async unit tests, which are - * hard to write, follow and maintain. At the same time the testing mock, can't respond - * synchronously because that would change the execution of the code under test. For this reason the - * mock $httpBackend has a `flush()` method, which allows the test to explicitly flush pending - * requests and thus preserving the async api of the backend, while allowing the test to execute - * synchronously. + * The $httpBackend used in production always responds to requests asynchronously. If we preserved + * this behavior in unit testing, we'd have to create async unit tests, which are hard to write, + * to follow and to maintain. But neither can the testing mock respond synchronously; that would + * change the execution of the code under test. For this reason, the mock $httpBackend has a + * `flush()` method, which allows the test to explicitly flush pending requests. This preserves + * the async api of the backend, while allowing the test to execute synchronously. * * * # Unit testing with mock $httpBackend - * The following code shows how to setup and use the mock backend in unit testing a controller. - * First we create the controller under test + * The following code shows how to setup and use the mock backend when unit testing a controller. + * First we create the controller under test: * - 
        +  ```js
   // The controller code
   function MyController($scope, $http) {
     var authToken;
@@ -1030,11 +1000,11 @@ angular.mock.dump = function(object) {
       });
     };
   }
-
        + ``` * - * Now we setup the mock backend and create the test specs. + * Now we setup the mock backend and create the test specs: * - 
        +  ```js
     // testing controller
     describe('MyController', function() {
        var $httpBackend, $rootScope, createController;
@@ -1100,7 +1070,7 @@ angular.mock.dump = function(object) {
          $httpBackend.flush();
        });
     });
-
        + ``` */ angular.mock.$HttpBackendProvider = function() { this.$get = ['$rootScope', createHttpBackendMock]; @@ -1127,12 +1097,12 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { responsesPush = angular.bind(responses, responses.push), copy = angular.copy; - function createResponse(status, data, headers) { + function createResponse(status, data, headers, statusText) { if (angular.isFunction(status)) return status; return function() { return angular.isNumber(status) - ? [status, data, headers] + ? [status, data, headers, statusText] : [200, status, data]; }; } @@ -1157,7 +1127,8 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { function handleResponse() { var response = wrapped.response(method, url, data, headers); xhr.$$respHeaders = response[2]; - callback(copy(response[0]), copy(response[1]), xhr.getAllResponseHeaders()); + callback(copy(response[0]), copy(response[1]), xhr.getAllResponseHeaders(), + copy(response[3] || '')); } function handleTimeout() { @@ -1210,8 +1181,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#when - * @methodOf ngMock.$httpBackend + * @name $httpBackend#when * @description * Creates a new backend definition. * @@ -1225,16 +1195,17 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { * request is handled. * * - respond – - * `{function([status,] data[, headers])|function(function(method, url, data, headers)}` - * – The respond method takes a set of static data to be returned or a function that can return - * an array containing response status (number), response data (string) and response headers - * (Object). + * `{function([status,] data[, headers, statusText]) + * | function(function(method, url, data, headers)}` + * – The respond method takes a set of static data to be returned or a function that can + * return an array containing response status (number), response data (string), response + * headers (Object), and the text for the status (string). */ $httpBackend.when = function(method, url, data, headers) { var definition = new MockHttpExpectation(method, url, data, headers), chain = { - respond: function(status, data, headers) { - definition.response = createResponse(status, data, headers); + respond: function(status, data, headers, statusText) { + definition.response = createResponse(status, data, headers, statusText); } }; @@ -1250,8 +1221,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#whenGET - * @methodOf ngMock.$httpBackend + * @name $httpBackend#whenGET * @description * Creates a new backend definition for GET requests. For more info see `when()`. * @@ -1263,8 +1233,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#whenHEAD - * @methodOf ngMock.$httpBackend + * @name $httpBackend#whenHEAD * @description * Creates a new backend definition for HEAD requests. For more info see `when()`. * @@ -1276,8 +1245,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#whenDELETE - * @methodOf ngMock.$httpBackend + * @name $httpBackend#whenDELETE * @description * Creates a new backend definition for DELETE requests. For more info see `when()`. * @@ -1289,8 +1257,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#whenPOST - * @methodOf ngMock.$httpBackend + * @name $httpBackend#whenPOST * @description * Creates a new backend definition for POST requests. For more info see `when()`. * @@ -1304,8 +1271,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#whenPUT - * @methodOf ngMock.$httpBackend + * @name $httpBackend#whenPUT * @description * Creates a new backend definition for PUT requests. For more info see `when()`. * @@ -1319,8 +1285,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#whenJSONP - * @methodOf ngMock.$httpBackend + * @name $httpBackend#whenJSONP * @description * Creates a new backend definition for JSONP requests. For more info see `when()`. * @@ -1333,8 +1298,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expect - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expect * @description * Creates a new request expectation. * @@ -1349,17 +1313,18 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { * request is handled. * * - respond – - * `{function([status,] data[, headers])|function(function(method, url, data, headers)}` - * – The respond method takes a set of static data to be returned or a function that can return - * an array containing response status (number), response data (string) and response headers - * (Object). + * `{function([status,] data[, headers, statusText]) + * | function(function(method, url, data, headers)}` + * – The respond method takes a set of static data to be returned or a function that can + * return an array containing response status (number), response data (string), response + * headers (Object), and the text for the status (string). */ $httpBackend.expect = function(method, url, data, headers) { var expectation = new MockHttpExpectation(method, url, data, headers); expectations.push(expectation); return { - respond: function(status, data, headers) { - expectation.response = createResponse(status, data, headers); + respond: function (status, data, headers, statusText) { + expectation.response = createResponse(status, data, headers, statusText); } }; }; @@ -1367,8 +1332,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expectGET - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expectGET * @description * Creates a new request expectation for GET requests. For more info see `expect()`. * @@ -1380,8 +1344,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expectHEAD - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expectHEAD * @description * Creates a new request expectation for HEAD requests. For more info see `expect()`. * @@ -1393,8 +1356,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expectDELETE - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expectDELETE * @description * Creates a new request expectation for DELETE requests. For more info see `expect()`. * @@ -1406,8 +1368,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expectPOST - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expectPOST * @description * Creates a new request expectation for POST requests. For more info see `expect()`. * @@ -1422,8 +1383,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expectPUT - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expectPUT * @description * Creates a new request expectation for PUT requests. For more info see `expect()`. * @@ -1438,8 +1398,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expectPATCH - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expectPATCH * @description * Creates a new request expectation for PATCH requests. For more info see `expect()`. * @@ -1454,8 +1413,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#expectJSONP - * @methodOf ngMock.$httpBackend + * @name $httpBackend#expectJSONP * @description * Creates a new request expectation for JSONP requests. For more info see `expect()`. * @@ -1468,8 +1426,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#flush - * @methodOf ngMock.$httpBackend + * @name $httpBackend#flush * @description * Flushes all pending requests using the trained responses. * @@ -1497,8 +1454,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#verifyNoOutstandingExpectation - * @methodOf ngMock.$httpBackend + * @name $httpBackend#verifyNoOutstandingExpectation * @description * Verifies that all of the requests defined via the `expect` api were made. If any of the * requests were not made, verifyNoOutstandingExpectation throws an exception. @@ -1506,9 +1462,9 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { * Typically, you would call this method following each test case that asserts requests using an * "afterEach" clause. * - * 
        +   * ```js
    *   afterEach($httpBackend.verifyNoOutstandingExpectation);
-   *
        + * ``` */ $httpBackend.verifyNoOutstandingExpectation = function() { $rootScope.$digest(); @@ -1520,17 +1476,16 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#verifyNoOutstandingRequest - * @methodOf ngMock.$httpBackend + * @name $httpBackend#verifyNoOutstandingRequest * @description * Verifies that there are no outstanding requests that need to be flushed. * * Typically, you would call this method following each test case that asserts requests using an * "afterEach" clause. * - * 
        +   * ```js
    *   afterEach($httpBackend.verifyNoOutstandingRequest);
-   *
        + * ``` */ $httpBackend.verifyNoOutstandingRequest = function() { if (responses.length) { @@ -1541,8 +1496,7 @@ function createHttpBackendMock($rootScope, $delegate, $browser) { /** * @ngdoc method - * @name ngMock.$httpBackend#resetExpectations - * @methodOf ngMock.$httpBackend + * @name $httpBackend#resetExpectations * @description * Resets all request expectations, but preserves all backend definitions. Typically, you would * call resetExpectations during a multiple-phase test when you want to reuse the same instance of @@ -1665,8 +1619,8 @@ function MockXhr() { /** - * @ngdoc function - * @name ngMock.$timeout + * @ngdoc service + * @name $timeout * @description * * This service is just a simple decorator for {@link ng.$timeout $timeout} service @@ -1677,8 +1631,7 @@ angular.mock.$TimeoutDecorator = function($delegate, $browser) { /** * @ngdoc method - * @name ngMock.$timeout#flush - * @methodOf ngMock.$timeout + * @name $timeout#flush * @description * * Flushes the queue of pending tasks. @@ -1691,8 +1644,7 @@ angular.mock.$TimeoutDecorator = function($delegate, $browser) { /** * @ngdoc method - * @name ngMock.$timeout#verifyNoPendingTasks - * @methodOf ngMock.$timeout + * @name $timeout#verifyNoPendingTasks * @description * * Verifies that there are no pending tasks that need to be flushed. @@ -1716,6 +1668,48 @@ angular.mock.$TimeoutDecorator = function($delegate, $browser) { return $delegate; }; +angular.mock.$RAFDecorator = function($delegate) { + var queue = []; + var rafFn = function(fn) { + var index = queue.length; + queue.push(fn); + return function() { + queue.splice(index, 1); + }; + }; + + rafFn.supported = $delegate.supported; + + rafFn.flush = function() { + if(queue.length === 0) { + throw new Error('No rAF callbacks present'); + } + + var length = queue.length; + for(var i=0;i
        * @@ -1750,11 +1743,14 @@ angular.module('ngMock', ['ng']).provider({ $rootElement: angular.mock.$RootElementProvider }).config(['$provide', function($provide) { $provide.decorator('$timeout', angular.mock.$TimeoutDecorator); + $provide.decorator('$$rAF', angular.mock.$RAFDecorator); + $provide.decorator('$$asyncCallback', angular.mock.$AsyncCallbackDecorator); }]); /** - * @ngdoc overview + * @ngdoc module * @name ngMockE2E + * @module ngMockE2E * @description * * The `ngMockE2E` is an angular module which contains mocks suitable for end-to-end testing. @@ -1766,8 +1762,9 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { }]); /** - * @ngdoc object - * @name ngMockE2E.$httpBackend + * @ngdoc service + * @name $httpBackend + * @module ngMockE2E * @description * Fake HTTP backend implementation suitable for end-to-end testing or backend-less development of * applications that use the {@link ng.$http $http service}. @@ -1793,7 +1790,7 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { * To setup the application to run with this http backend, you have to create a module that depends * on the `ngMockE2E` and your application modules and defines the fake backend: * - * 
        + * ```js
  *   myAppDev = angular.module('myAppDev', ['myApp', 'ngMockE2E']);
  *   myAppDev.run(function($httpBackend) {
  *     phones = [{name: 'phone1'}, {name: 'phone2'}];
@@ -1808,15 +1805,15 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) {
  *     $httpBackend.whenGET(/^\/templates\//).passThrough();
  *     //...
  *   });
- *
        + * ``` * * Afterwards, bootstrap your app with this new module. */ /** * @ngdoc method - * @name ngMockE2E.$httpBackend#when - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#when + * @module ngMockE2E * @description * Creates a new backend definition. * @@ -1829,19 +1826,20 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { * control how a matched request is handled. * * - respond – - * `{function([status,] data[, headers])|function(function(method, url, data, headers)}` + * `{function([status,] data[, headers, statusText]) + * | function(function(method, url, data, headers)}` * – The respond method takes a set of static data to be returned or a function that can return - * an array containing response status (number), response data (string) and response headers - * (Object). - * - passThrough – `{function()}` – Any request matching a backend definition with `passThrough` - * handler, will be pass through to the real backend (an XHR request will be made to the - * server. + * an array containing response status (number), response data (string), response headers + * (Object), and the text for the status (string). + * - passThrough – `{function()}` – Any request matching a backend definition with + * `passThrough` handler will be passed through to the real backend (an XHR request will be made + * to the server.) */ /** * @ngdoc method - * @name ngMockE2E.$httpBackend#whenGET - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#whenGET + * @module ngMockE2E * @description * Creates a new backend definition for GET requests. For more info see `when()`. * @@ -1853,8 +1851,8 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { /** * @ngdoc method - * @name ngMockE2E.$httpBackend#whenHEAD - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#whenHEAD + * @module ngMockE2E * @description * Creates a new backend definition for HEAD requests. For more info see `when()`. * @@ -1866,8 +1864,8 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { /** * @ngdoc method - * @name ngMockE2E.$httpBackend#whenDELETE - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#whenDELETE + * @module ngMockE2E * @description * Creates a new backend definition for DELETE requests. For more info see `when()`. * @@ -1879,8 +1877,8 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { /** * @ngdoc method - * @name ngMockE2E.$httpBackend#whenPOST - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#whenPOST + * @module ngMockE2E * @description * Creates a new backend definition for POST requests. For more info see `when()`. * @@ -1893,8 +1891,8 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { /** * @ngdoc method - * @name ngMockE2E.$httpBackend#whenPUT - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#whenPUT + * @module ngMockE2E * @description * Creates a new backend definition for PUT requests. For more info see `when()`. * @@ -1907,8 +1905,8 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { /** * @ngdoc method - * @name ngMockE2E.$httpBackend#whenPATCH - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#whenPATCH + * @module ngMockE2E * @description * Creates a new backend definition for PATCH requests. For more info see `when()`. * @@ -1921,8 +1919,8 @@ angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) { /** * @ngdoc method - * @name ngMockE2E.$httpBackend#whenJSONP - * @methodOf ngMockE2E.$httpBackend + * @name $httpBackend#whenJSONP + * @module ngMockE2E * @description * Creates a new backend definition for JSONP requests. For more info see `when()`. * @@ -1954,7 +1952,7 @@ if(window.jasmine || window.mocha) { var currentSpec = null, isSpecRunning = function() { - return currentSpec && (window.mocha || currentSpec.queue.running); + return !!currentSpec; }; @@ -2039,7 +2037,7 @@ if(window.jasmine || window.mocha) { * *NOTE*: This function is also published on window for easy access.
        * * The inject function wraps a function into an injectable function. The inject() creates new - * instance of {@link AUTO.$injector $injector} per test, which is then used for + * instance of {@link auto.$injector $injector} per test, which is then used for * resolving references. * * @@ -2077,7 +2075,7 @@ if(window.jasmine || window.mocha) { * * ## Example * Example of what a typical jasmine tests looks like with the inject method. - * 
        +   * ```js
    *
    *   angular.module('myApplicationModule', [])
    *       .value('mode', 'app')
@@ -2111,7 +2109,7 @@ if(window.jasmine || window.mocha) {
    *     });
    *   });
    *
-   *
        + * ``` * * @param {...Function} fns any number of functions which will be injected using the injector. */ @@ -2132,7 +2130,7 @@ if(window.jasmine || window.mocha) { window.inject = angular.mock.inject = function() { var blockFns = Array.prototype.slice.call(arguments, 0); var errorForStack = new Error('Declaration Location'); - return isSpecRunning() ? workFn() : workFn; + return isSpecRunning() ? workFn.call(currentSpec) : workFn; ///////////////////// function workFn() { var modules = currentSpec.$modules || []; diff --git a/misc/test-lib/angular.js b/misc/test-lib/angular.js index b8621a9a2d..2f26beed69 100644 --- a/misc/test-lib/angular.js +++ b/misc/test-lib/angular.js @@ -1,5 +1,5 @@ /** - * @license AngularJS v1.2.10 + * @license AngularJS v1.2.16 * (c) 2010-2014 Google, Inc. http://angularjs.org * License: MIT */ @@ -30,7 +30,7 @@ * should all be static strings, not variables or general expressions. * * @param {string} module The namespace to use for the new minErr instance. - * @returns {function(string, string, ...): Error} instance + * @returns {function(code:string, template:string, ...templateArgs): Error} minErr instance */ function minErr(module) { @@ -68,7 +68,7 @@ function minErr(module) { return match; }); - message = message + '\nhttp://errors.angularjs.org/1.2.10/' + + message = message + '\nhttp://errors.angularjs.org/1.2.16/' + (module ? module + '/' : '') + code; for (i = 2; i < arguments.length; i++) { message = message + (i == 2 ? '?' : '&') + 'p' + (i-2) + '=' + @@ -124,6 +124,7 @@ function minErr(module) { -isWindow, -isScope, -isFile, + -isBlob, -isBoolean, -trim, -isElement, @@ -160,14 +161,31 @@ function minErr(module) { -assertNotHasOwnProperty, -getter, -getBlockElements, + -hasOwnProperty, */ //////////////////////////////////// +/** + * @ngdoc module + * @name ng + * @module ng + * @description + * + * # ng (core module) + * The ng module is loaded by default when an AngularJS application is started. The module itself + * contains the essential components for an AngularJS application to function. The table below + * lists a high level breakdown of each of the services/factories, filters, directives and testing + * components available within this core module. + * + *
        + */ + /** * @ngdoc function * @name angular.lowercase + * @module ng * @function * * @description Converts the specified string to lowercase. @@ -175,11 +193,12 @@ function minErr(module) { * @returns {string} Lowercased string. */ var lowercase = function(string){return isString(string) ? string.toLowerCase() : string;}; - +var hasOwnProperty = Object.prototype.hasOwnProperty; /** * @ngdoc function * @name angular.uppercase + * @module ng * @function * * @description Converts the specified string to uppercase. @@ -263,6 +282,7 @@ function isArrayLike(obj) { /** * @ngdoc function * @name angular.forEach + * @module ng * @function * * @description @@ -271,17 +291,17 @@ function isArrayLike(obj) { * is the value of an object property or an array element and `key` is the object property key or * array element index. Specifying a `context` for the function is optional. * - * It is worth nothing that `.forEach` does not iterate over inherited properties because it filters + * It is worth noting that `.forEach` does not iterate over inherited properties because it filters * using the `hasOwnProperty` method. * - 
        +   ```js
      var values = {name: 'misko', gender: 'male'};
      var log = [];
      angular.forEach(values, function(value, key){
        this.push(key + ': ' + value);
      }, log);
-     expect(log).toEqual(['name: misko', 'gender:male']);
-
        + expect(log).toEqual(['name: misko', 'gender: male']); + ``` * * @param {Object|Array} obj Object to iterate over. * @param {Function} iterator Iterator function. @@ -349,7 +369,7 @@ function reverseParams(iteratorFn) { * the number string gets longer over time, and it can also overflow, where as the nextId * will grow much slower, it is a string, and it will never overflow. * - * @returns an unique alpha-numeric string + * @returns {string} an unique alpha-numeric string */ function nextUid() { var index = uid.length; @@ -391,6 +411,7 @@ function setHashKey(obj, h) { /** * @ngdoc function * @name angular.extend + * @module ng * @function * * @description @@ -427,17 +448,18 @@ function inherit(parent, extra) { /** * @ngdoc function * @name angular.noop + * @module ng * @function * * @description * A function that performs no operations. This function can be useful when writing code in the * functional style. - 
        +   ```js
      function foo(callback) {
        var result = calculateResult();
        (callback || angular.noop)(result);
      }
-
        + ``` */ function noop() {} noop.$inject = []; @@ -446,17 +468,18 @@ noop.$inject = []; /** * @ngdoc function * @name angular.identity + * @module ng * @function * * @description * A function that returns its first argument. This function is useful when writing code in the * functional style. * - 
        +   ```js
      function transformer(transformationFn, value) {
        return (transformationFn || angular.identity)(value);
      };
-
        + ``` */ function identity($) {return $;} identity.$inject = []; @@ -467,6 +490,7 @@ function valueFn(value) {return function() {return value;};} /** * @ngdoc function * @name angular.isUndefined + * @module ng * @function * * @description @@ -481,6 +505,7 @@ function isUndefined(value){return typeof value === 'undefined';} /** * @ngdoc function * @name angular.isDefined + * @module ng * @function * * @description @@ -495,11 +520,12 @@ function isDefined(value){return typeof value !== 'undefined';} /** * @ngdoc function * @name angular.isObject + * @module ng * @function * * @description * Determines if a reference is an `Object`. Unlike `typeof` in JavaScript, `null`s are not - * considered to be objects. + * considered to be objects. Note that JavaScript arrays are objects. * * @param {*} value Reference to check. * @returns {boolean} True if `value` is an `Object` but not `null`. @@ -510,6 +536,7 @@ function isObject(value){return value != null && typeof value === 'object';} /** * @ngdoc function * @name angular.isString + * @module ng * @function * * @description @@ -524,6 +551,7 @@ function isString(value){return typeof value === 'string';} /** * @ngdoc function * @name angular.isNumber + * @module ng * @function * * @description @@ -538,6 +566,7 @@ function isNumber(value){return typeof value === 'number';} /** * @ngdoc function * @name angular.isDate + * @module ng * @function * * @description @@ -554,6 +583,7 @@ function isDate(value){ /** * @ngdoc function * @name angular.isArray + * @module ng * @function * * @description @@ -570,6 +600,7 @@ function isArray(value) { /** * @ngdoc function * @name angular.isFunction + * @module ng * @function * * @description @@ -615,6 +646,11 @@ function isFile(obj) { } +function isBlob(obj) { + return toString.call(obj) === '[object Blob]'; +} + + function isBoolean(value) { return typeof value === 'boolean'; } @@ -638,6 +674,7 @@ var trim = (function() { /** * @ngdoc function * @name angular.isElement + * @module ng * @function * * @description @@ -649,7 +686,7 @@ var trim = (function() { function isElement(node) { return !!(node && (node.nodeName // we are a direct element - || (node.on && node.find))); // we have an on and find method part of jQuery API + || (node.prop && node.attr && node.find))); // we have an on and find method part of jQuery API } /** @@ -748,6 +785,7 @@ function isLeafNode (node) { /** * @ngdoc function * @name angular.copy + * @module ng * @function * * @description @@ -766,8 +804,8 @@ function isLeafNode (node) { * @returns {*} The copy or updated `destination`, if `destination` was specified. * * @example - - + +
        Name:
        @@ -798,8 +836,8 @@ function isLeafNode (node) { $scope.reset(); } - - + + */ function copy(source, destination){ if (isWindow(source) || isScope(source)) { @@ -851,7 +889,7 @@ function shallowCopy(src, dst) { for(var key in src) { // shallowCopy is only ever called by $compile nodeLinkFn, which has control over src // so we don't need to worry about using our custom hasOwnProperty here - if (src.hasOwnProperty(key) && key.charAt(0) !== '$' && key.charAt(1) !== '$') { + if (src.hasOwnProperty(key) && !(key.charAt(0) === '$' && key.charAt(1) === '$')) { dst[key] = src[key]; } } @@ -863,6 +901,7 @@ function shallowCopy(src, dst) { /** * @ngdoc function * @name angular.equals + * @module ng * @function * * @description @@ -949,6 +988,7 @@ function sliceArgs(args, startIndex) { /** * @ngdoc function * @name angular.bind + * @module ng * @function * * @description @@ -1004,6 +1044,7 @@ function toJsonReplacer(key, value) { /** * @ngdoc function * @name angular.toJson + * @module ng * @function * * @description @@ -1023,13 +1064,14 @@ function toJson(obj, pretty) { /** * @ngdoc function * @name angular.fromJson + * @module ng * @function * * @description * Deserializes a JSON string. * * @param {string} json JSON string to deserialize. - * @returns {Object|Array|Date|string|number} Deserialized thingy. + * @returns {Object|Array|string|number} Deserialized thingy. */ function fromJson(json) { return isString(json) @@ -1096,7 +1138,7 @@ function tryDecodeURIComponent(value) { /** * Parses an escaped url query string into key-value pairs. - * @returns Object.<(string|boolean)> + * @returns {Object.} */ function parseKeyValue(/**string*/keyValue) { var obj = {}, key_value, key; @@ -1178,7 +1220,8 @@ function encodeUriQuery(val, pctEncodeSpaces) { /** * @ngdoc directive - * @name ng.directive:ngApp + * @name ngApp + * @module ng * * @element ANY * @param {angular.Module} ngApp an optional application @@ -1196,7 +1239,7 @@ function encodeUriQuery(val, pctEncodeSpaces) { * {@link angular.bootstrap} instead. AngularJS applications cannot be nested within each other. * * You can specify an **AngularJS module** to be used as the root module for the application. This - * module will be loaded into the {@link AUTO.$injector} when the application is bootstrapped and + * module will be loaded into the {@link auto.$injector} when the application is bootstrapped and * should contain the application code needed or have dependencies on other modules that will * contain the code. See {@link angular.module} for more information. * @@ -1210,6 +1253,7 @@ function encodeUriQuery(val, pctEncodeSpaces) {
        I can add: {{a}} + {{b}} = {{ a+b }} +
        angular.module('ngAppDemo', []).controller('ngAppDemoController', function($scope) { @@ -1267,20 +1311,56 @@ function angularInit(element, bootstrap) { /** * @ngdoc function * @name angular.bootstrap + * @module ng * @description * Use this function to manually start up angular application. * * See: {@link guide/bootstrap Bootstrap} * * Note that ngScenario-based end-to-end tests cannot use this function to bootstrap manually. - * They must use {@link api/ng.directive:ngApp ngApp}. + * They must use {@link ng.directive:ngApp ngApp}. + * + * Angular will detect if it has been loaded into the browser more than once and only allow the + * first loaded script to be bootstrapped and will report a warning to the browser console for + * each of the subsequent scripts. This prevents strange results in applications, where otherwise + * multiple instances of Angular try to work on the DOM. + * + * + * + * + *
        + *

      - + +
      + * + * + * + * + * + * + *
      {{heading}}
      {{fill}}
      + *
      + * + * + * var app = angular.module('multi-bootstrap', []) + * + * .controller('BrokenTable', function($scope) { + * $scope.headings = ['One', 'Two', 'Three']; + * $scope.fillings = [[1, 2, 3], ['A', 'B', 'C'], [7, 8, 9]]; + * }); + * + * + * it('should only insert one table cell for each item in $scope.fillings', function() { + * expect(element.all(by.css('td')).count()) + * .toBe(9); + * }); + * + * * - * @param {Element} element DOM element which is the root of angular application. + * @param {DOMElement} element DOM element which is the root of angular application. * @param {Array=} modules an array of modules to load into the application. * Each item in the array should be the name of a predefined module or a (DI annotated) * function that will be invoked by the injector as a run block. * See: {@link angular.module modules} - * @returns {AUTO.$injector} Returns the newly created injector for this app. + * @returns {auto.$injector} Returns the newly created injector for this app. */ function bootstrap(element, modules) { var doBootstrap = function() { @@ -1389,9 +1469,9 @@ function assertNotHasOwnProperty(name, context) { /** * Return the value accessible from the object by path. Any undefined traversals are ignored * @param {Object} obj starting object - * @param {string} path path to traverse - * @param {boolean=true} bindFnToScope - * @returns value as accessible by path + * @param {String} path path to traverse + * @param {boolean} [bindFnToScope=true] + * @returns {Object} value as accessible by path */ //TODO(misko): this function needs to be removed function getter(obj, path, bindFnToScope) { @@ -1416,7 +1496,7 @@ function getter(obj, path, bindFnToScope) { /** * Return the DOM siblings between the first and last node in the given array. * @param {Array} array like object - * @returns jQlite object containing the elements + * @returns {DOMElement} object containing the elements */ function getBlockElements(nodes) { var startNode = nodes[0], @@ -1438,8 +1518,9 @@ function getBlockElements(nodes) { } /** - * @ngdoc interface + * @ngdoc type * @name angular.Module + * @module ng * @description * * Interface for configuring angular {@link angular.module modules}. @@ -1466,6 +1547,7 @@ function setupModuleLoader(window) { /** * @ngdoc function * @name angular.module + * @module ng * @description * * The `angular.module` is a global place for creating, registering and retrieving Angular @@ -1480,9 +1562,9 @@ function setupModuleLoader(window) { * # Module * * A module is a collection of services, directives, filters, and configuration information. - * `angular.module` is used to configure the {@link AUTO.$injector $injector}. + * `angular.module` is used to configure the {@link auto.$injector $injector}. * - * 
      +     * ```js
      * // Create a new module
      * var myModule = angular.module('myModule', []);
      *
@@ -1490,27 +1572,27 @@ function setupModuleLoader(window) {
      * myModule.value('appName', 'MyCoolApp');
      *
      * // configure existing services inside initialization blocks.
-     * myModule.config(function($locationProvider) {
+     * myModule.config(['$locationProvider', function($locationProvider) {
      *   // Configure existing providers
      *   $locationProvider.hashPrefix('!');
-     * });
-     *
      + * }]); + * ``` * * Then you can create an injector and load your modules like this: * - * 
      -     * var injector = angular.injector(['ng', 'MyModule'])
-     *
      + * ```js + * var injector = angular.injector(['ng', 'myModule']) + * ``` * * However it's more likely that you'll just use * {@link ng.directive:ngApp ngApp} or * {@link angular.bootstrap} to simplify this process for you. * * @param {!string} name The name of the module to create or retrieve. - * @param {Array.=} requires If specified then new module is being created. If - * unspecified then the the module is being retrieved for further configuration. +<<<<<* @param {!Array.=} requires If specified then new module is being created. If +>>>>>* unspecified then the module is being retrieved for further configuration. * @param {Function} configFn Optional configuration function for the module. Same as - * {@link angular.Module#methods_config Module#config()}. + * {@link angular.Module#config Module#config()}. * @returns {module} new module with the {@link angular.Module} api. */ return function module(name, requires, configFn) { @@ -1548,7 +1630,7 @@ function setupModuleLoader(window) { /** * @ngdoc property * @name angular.Module#requires - * @propertyOf angular.Module + * @module ng * @returns {Array.} List of module names which must be loaded before this module. * @description * Holds the list of modules which the injector will load before the current module is @@ -1559,7 +1641,7 @@ function setupModuleLoader(window) { /** * @ngdoc property * @name angular.Module#name - * @propertyOf angular.Module + * @module ng * @returns {string} Name of the module. * @description */ @@ -1569,64 +1651,64 @@ function setupModuleLoader(window) { /** * @ngdoc method * @name angular.Module#provider - * @methodOf angular.Module + * @module ng * @param {string} name service name * @param {Function} providerType Construction function for creating new instance of the * service. * @description - * See {@link AUTO.$provide#provider $provide.provider()}. + * See {@link auto.$provide#provider $provide.provider()}. */ provider: invokeLater('$provide', 'provider'), /** * @ngdoc method * @name angular.Module#factory - * @methodOf angular.Module + * @module ng * @param {string} name service name * @param {Function} providerFunction Function for creating new instance of the service. * @description - * See {@link AUTO.$provide#factory $provide.factory()}. + * See {@link auto.$provide#factory $provide.factory()}. */ factory: invokeLater('$provide', 'factory'), /** * @ngdoc method * @name angular.Module#service - * @methodOf angular.Module + * @module ng * @param {string} name service name * @param {Function} constructor A constructor function that will be instantiated. * @description - * See {@link AUTO.$provide#service $provide.service()}. + * See {@link auto.$provide#service $provide.service()}. */ service: invokeLater('$provide', 'service'), /** * @ngdoc method * @name angular.Module#value - * @methodOf angular.Module + * @module ng * @param {string} name service name * @param {*} object Service instance object. * @description - * See {@link AUTO.$provide#value $provide.value()}. + * See {@link auto.$provide#value $provide.value()}. */ value: invokeLater('$provide', 'value'), /** * @ngdoc method * @name angular.Module#constant - * @methodOf angular.Module + * @module ng * @param {string} name constant name * @param {*} object Constant value. * @description * Because the constant are fixed, they get applied before other provide methods. - * See {@link AUTO.$provide#constant $provide.constant()}. + * See {@link auto.$provide#constant $provide.constant()}. */ constant: invokeLater('$provide', 'constant', 'unshift'), /** * @ngdoc method * @name angular.Module#animation - * @methodOf angular.Module + * @module ng * @param {string} name animation name * @param {Function} animationFactory Factory function for creating new instance of an * animation. @@ -1638,7 +1720,7 @@ function setupModuleLoader(window) { * Defines an animation hook that can be later used with * {@link ngAnimate.$animate $animate} service and directives that use this service. * - * 
      +           * ```js
            * module.animation('.animation-name', function($inject1, $inject2) {
            *   return {
            *     eventName : function(element, done) {
@@ -1650,7 +1732,7 @@ function setupModuleLoader(window) {
            *     }
            *   }
            * })
-           *
      + * ``` * * See {@link ngAnimate.$animateProvider#register $animateProvider.register()} and * {@link ngAnimate ngAnimate module} for more information. @@ -1660,7 +1742,7 @@ function setupModuleLoader(window) { /** * @ngdoc method * @name angular.Module#filter - * @methodOf angular.Module + * @module ng * @param {string} name Filter name. * @param {Function} filterFactory Factory function for creating new instance of filter. * @description @@ -1671,7 +1753,7 @@ function setupModuleLoader(window) { /** * @ngdoc method * @name angular.Module#controller - * @methodOf angular.Module + * @module ng * @param {string|Object} name Controller name, or an object map of controllers where the * keys are the names and the values are the constructors. * @param {Function} constructor Controller constructor function. @@ -1683,20 +1765,20 @@ function setupModuleLoader(window) { /** * @ngdoc method * @name angular.Module#directive - * @methodOf angular.Module + * @module ng * @param {string|Object} name Directive name, or an object map of directives where the * keys are the names and the values are the factories. * @param {Function} directiveFactory Factory function for creating new instance of * directives. * @description - * See {@link ng.$compileProvider#methods_directive $compileProvider.directive()}. + * See {@link ng.$compileProvider#directive $compileProvider.directive()}. */ directive: invokeLater('$compileProvider', 'directive'), /** * @ngdoc method * @name angular.Module#config - * @methodOf angular.Module + * @module ng * @param {Function} configFn Execute this function on module load. Useful for service * configuration. * @description @@ -1707,7 +1789,7 @@ function setupModuleLoader(window) { /** * @ngdoc method * @name angular.Module#run - * @methodOf angular.Module + * @module ng * @param {Function} initializationFn Execute this function after injector creation. * Useful for application initialization. * @description @@ -1747,10 +1829,10 @@ function setupModuleLoader(window) { /* global angularModule: true, version: true, - + $LocaleProvider, $CompileProvider, - + htmlAnchorDirective, inputDirective, inputDirective, @@ -1816,13 +1898,16 @@ function setupModuleLoader(window) { $SnifferProvider, $TemplateCacheProvider, $TimeoutProvider, + $$RAFProvider, + $$AsyncCallbackProvider, $WindowProvider */ /** - * @ngdoc property + * @ngdoc object * @name angular.version + * @module ng * @description * An object that contains information about the current AngularJS version. This object has the * following properties: @@ -1834,11 +1919,11 @@ function setupModuleLoader(window) { * - `codeName` – `{string}` – Code name of the release, such as "jiggling-armfat". */ var version = { - full: '1.2.10', // all of these placeholder strings will be replaced by grunt's + full: '1.2.16', // all of these placeholder strings will be replaced by grunt's major: 1, // package task minor: 2, - dot: 10, - codeName: 'augmented-serendipity' + dot: 16, + codeName: 'badger-enumeration' }; @@ -1954,7 +2039,9 @@ function publishExternalAPI(angular){ $sniffer: $SnifferProvider, $templateCache: $TemplateCacheProvider, $timeout: $TimeoutProvider, - $window: $WindowProvider + $window: $WindowProvider, + $$rAF: $$RAFProvider, + $$asyncCallback : $$AsyncCallbackProvider }); } ]); @@ -1975,6 +2062,7 @@ function publishExternalAPI(angular){ /** * @ngdoc function * @name angular.element + * @module ng * @function * * @description @@ -2000,7 +2088,7 @@ function publishExternalAPI(angular){ * - [`after()`](http://api.jquery.com/after/) * - [`append()`](http://api.jquery.com/append/) * - [`attr()`](http://api.jquery.com/attr/) - * - [`bind()`](http://api.jquery.com/on/) - Does not support namespaces, selectors or eventData + * - [`bind()`](http://api.jquery.com/bind/) - Does not support namespaces, selectors or eventData * - [`children()`](http://api.jquery.com/children/) - Does not support selectors * - [`clone()`](http://api.jquery.com/clone/) * - [`contents()`](http://api.jquery.com/contents/) @@ -2027,7 +2115,7 @@ function publishExternalAPI(angular){ * - [`text()`](http://api.jquery.com/text/) * - [`toggleClass()`](http://api.jquery.com/toggleClass/) * - [`triggerHandler()`](http://api.jquery.com/triggerHandler/) - Passes a dummy event object to handlers. - * - [`unbind()`](http://api.jquery.com/off/) - Does not support namespaces + * - [`unbind()`](http://api.jquery.com/unbind/) - Does not support namespaces * - [`val()`](http://api.jquery.com/val/) * - [`wrap()`](http://api.jquery.com/wrap/) * @@ -2045,9 +2133,9 @@ function publishExternalAPI(angular){ * camelCase directive name, then the controller for this directive will be retrieved (e.g. * `'ngModel'`). * - `injector()` - retrieves the injector of the current element or its parent. - * - `scope()` - retrieves the {@link api/ng.$rootScope.Scope scope} of the current + * - `scope()` - retrieves the {@link ng.$rootScope.Scope scope} of the current * element or its parent. - * - `isolateScope()` - retrieves an isolate {@link api/ng.$rootScope.Scope scope} if one is attached directly to the + * - `isolateScope()` - retrieves an isolate {@link ng.$rootScope.Scope scope} if one is attached directly to the * current element. This getter should be used only on elements that contain a directive which starts a new isolate * scope. Calling `scope()` on this element always returns the original non-isolate scope. * - `inheritedData()` - same as `data()`, but walks up the DOM until a value is found or the top @@ -2067,6 +2155,14 @@ var jqCache = JQLite.cache = {}, ? function(element, type, fn) {element.removeEventListener(type, fn, false); } : function(element, type, fn) {element.detachEvent('on' + type, fn); }); +/* + * !!! This is an undocumented "private" function !!! + */ +var jqData = JQLite._data = function(node) { + //jQuery always returns an object on cache miss + return this.cache[node[this.expando]] || {}; +}; + function jqNextId() { return ++jqId; } @@ -2130,11 +2226,83 @@ function jqLitePatchJQueryRemove(name, dispatchThis, filterElems, getterIfNoArgu } } +var SINGLE_TAG_REGEXP = /^<(\w+)\s*\/?>(?:<\/\1>|)$/; +var HTML_REGEXP = /<|&#?\w+;/; +var TAG_NAME_REGEXP = /<([\w:]+)/; +var XHTML_TAG_REGEXP = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi; + +var wrapMap = { + 'option': [1, ''], + + 'thead': [1, '', '
      '], + 'col': [2, '', '
      '], + 'tr': [2, '', '
      '], + 'td': [3, '', '
      '], + '_default': [0, "", ""] +}; + +wrapMap.optgroup = wrapMap.option; +wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; +wrapMap.th = wrapMap.td; + +function jqLiteIsTextNode(html) { + return !HTML_REGEXP.test(html); +} + +function jqLiteBuildFragment(html, context) { + var elem, tmp, tag, wrap, + fragment = context.createDocumentFragment(), + nodes = [], i, j, jj; + + if (jqLiteIsTextNode(html)) { + // Convert non-html into a text node + nodes.push(context.createTextNode(html)); + } else { + tmp = fragment.appendChild(context.createElement('div')); + // Convert html into DOM nodes + tag = (TAG_NAME_REGEXP.exec(html) || ["", ""])[1].toLowerCase(); + wrap = wrapMap[tag] || wrapMap._default; + tmp.innerHTML = '
       
      ' + + wrap[1] + html.replace(XHTML_TAG_REGEXP, "<$1>") + wrap[2]; + tmp.removeChild(tmp.firstChild); + + // Descend through wrappers to the right content + i = wrap[0]; + while (i--) { + tmp = tmp.lastChild; + } + + for (j=0, jj=tmp.childNodes.length; j} modules A list of module functions or their aliases. See * {@link angular.module}. The `ng` module must be explicitly added. - * @returns {function()} Injector function. See {@link AUTO.$injector $injector}. + * @returns {function()} Injector function. See {@link auto.$injector $injector}. * * @example * Typical usage - * 
      + * ```js
  *   // create an injector
  *   var $injector = angular.injector(['ng']);
  *
@@ -2952,7 +3125,7 @@ HashMap.prototype = {
  *     $compile($document)($rootScope);
  *     $rootScope.$digest();
  *   });
- *
      + * ``` * * Sometimes you want to get access to the injector of a currently running Angular app * from outside Angular. Perhaps, you want to inject and compile some markup after the @@ -2966,7 +3139,7 @@ HashMap.prototype = { * directive is added to the end of the document body by JQuery. We then compile and link * it into the current AngularJS scope. * - * 
      + * ```js
  * var $div = $('
      {{content.label}}
      ');
  * $(document.body).append($div);
  *
@@ -2974,16 +3147,16 @@ HashMap.prototype = {
  *   var scope = angular.element($div).scope();
  *   $compile($div)(scope);
  * });
- *
      + * ``` */ /** - * @ngdoc overview - * @name AUTO + * @ngdoc module + * @name auto * @description * - * Implicit module which gets automatically added to each {@link AUTO.$injector $injector}. + * Implicit module which gets automatically added to each {@link auto.$injector $injector}. */ var FN_ARGS = /^function\s*[^\(]*\(\s*([^\)]*)\)/m; @@ -3024,32 +3197,32 @@ function annotate(fn) { /////////////////////////////////////// /** - * @ngdoc object - * @name AUTO.$injector + * @ngdoc service + * @name $injector * @function * * @description * * `$injector` is used to retrieve object instances as defined by - * {@link AUTO.$provide provider}, instantiate types, invoke methods, + * {@link auto.$provide provider}, instantiate types, invoke methods, * and load modules. * * The following always holds true: * - * 
      + * ```js
  *   var $injector = angular.injector();
  *   expect($injector.get('$injector')).toBe($injector);
  *   expect($injector.invoke(function($injector){
  *     return $injector;
  *   }).toBe($injector);
- *
      + * ``` * * # Injection Function Annotation * * JavaScript does not have annotations, and annotations are needed for dependency injection. The * following are all valid ways of annotating function with injection arguments and are equivalent. * - * 
      + * ```js
  *   // inferred (only works if code not minified/obfuscated)
  *   $injector.invoke(function(serviceA){});
  *
@@ -3060,7 +3233,7 @@ function annotate(fn) {
  *
  *   // inline
  *   $injector.invoke(['serviceA', function(serviceA){}]);
- *
      + * ``` * * ## Inference * @@ -3077,8 +3250,7 @@ function annotate(fn) { /** * @ngdoc method - * @name AUTO.$injector#get - * @methodOf AUTO.$injector + * @name $injector#get * * @description * Return an instance of the service. @@ -3089,13 +3261,12 @@ function annotate(fn) { /** * @ngdoc method - * @name AUTO.$injector#invoke - * @methodOf AUTO.$injector + * @name $injector#invoke * * @description * Invoke the method and supply the method arguments from the `$injector`. * - * @param {!function} fn The function to invoke. Function parameters are injected according to the + * @param {!Function} fn The function to invoke. Function parameters are injected according to the * {@link guide/di $inject Annotation} rules. * @param {Object=} self The `this` for the invoked method. * @param {Object=} locals Optional object. If preset then any argument names are read from this @@ -3105,8 +3276,7 @@ function annotate(fn) { /** * @ngdoc method - * @name AUTO.$injector#has - * @methodOf AUTO.$injector + * @name $injector#has * * @description * Allows the user to query if the particular service exist. @@ -3117,14 +3287,13 @@ function annotate(fn) { /** * @ngdoc method - * @name AUTO.$injector#instantiate - * @methodOf AUTO.$injector + * @name $injector#instantiate * @description * Create a new instance of JS type. The method takes a constructor function invokes the new * operator and supplies all of the arguments to the constructor function as specified by the * constructor annotation. * - * @param {function} Type Annotated constructor function. + * @param {Function} Type Annotated constructor function. * @param {Object=} locals Optional object. If preset then any argument names are read from this * object first, before the `$injector` is consulted. * @returns {Object} new instance of `Type`. @@ -3132,8 +3301,7 @@ function annotate(fn) { /** * @ngdoc method - * @name AUTO.$injector#annotate - * @methodOf AUTO.$injector + * @name $injector#annotate * * @description * Returns an array of service names which the function is requesting for injection. This API is @@ -3146,7 +3314,7 @@ function annotate(fn) { * The simplest form is to extract the dependencies from the arguments of the function. This is done * by converting the function into a string using `toString()` method and extracting the argument * names. - * 
      + * ```js
  *   // Given
  *   function MyController($scope, $route) {
  *     // ...
@@ -3154,7 +3322,7 @@ function annotate(fn) {
  *
  *   // Then
  *   expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);
- *
      + * ``` * * This method does not work with code minification / obfuscation. For this reason the following * annotation strategies are supported. @@ -3163,7 +3331,7 @@ function annotate(fn) { * * If a function has an `$inject` property and its value is an array of strings, then the strings * represent names of services to be injected into the function. - * 
      + * ```js
  *   // Given
  *   var MyController = function(obfuscatedScope, obfuscatedRoute) {
  *     // ...
@@ -3173,7 +3341,7 @@ function annotate(fn) {
  *
  *   // Then
  *   expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);
- *
      + * ``` * * # The array notation * @@ -3181,7 +3349,7 @@ function annotate(fn) { * is very inconvenient. In these situations using the array notation to specify the dependencies in * a way that survives minification is a better choice: * - * 
      + * ```js
  *   // We wish to write this (not minification / obfuscation safe)
  *   injector.invoke(function($compile, $rootScope) {
  *     // ...
@@ -3203,9 +3371,9 @@ function annotate(fn) {
  *   expect(injector.annotate(
  *      ['$compile', '$rootScope', function(obfus_$compile, obfus_$rootScope) {}])
  *    ).toEqual(['$compile', '$rootScope']);
- *
      + * ``` * - * @param {function|Array.} fn Function for which dependent service names need to + * @param {Function|Array.} fn Function for which dependent service names need to * be retrieved as described above. * * @returns {Array.} The names of the services which the function requires. @@ -3216,12 +3384,12 @@ function annotate(fn) { /** * @ngdoc object - * @name AUTO.$provide + * @name $provide * * @description * - * The {@link AUTO.$provide $provide} service has a number of methods for registering components - * with the {@link AUTO.$injector $injector}. Many of these functions are also exposed on + * The {@link auto.$provide $provide} service has a number of methods for registering components + * with the {@link auto.$injector $injector}. Many of these functions are also exposed on * {@link angular.Module}. * * An Angular **service** is a singleton object created by a **service factory**. These **service @@ -3229,25 +3397,25 @@ function annotate(fn) { * The **service providers** are constructor functions. When instantiated they must contain a * property called `$get`, which holds the **service factory** function. * - * When you request a service, the {@link AUTO.$injector $injector} is responsible for finding the + * When you request a service, the {@link auto.$injector $injector} is responsible for finding the * correct **service provider**, instantiating it and then calling its `$get` **service factory** * function to get the instance of the **service**. * * Often services have no configuration options and there is no need to add methods to the service * provider. The provider will be no more than a constructor function with a `$get` property. For - * these cases the {@link AUTO.$provide $provide} service has additional helper methods to register + * these cases the {@link auto.$provide $provide} service has additional helper methods to register * services without specifying a provider. * - * * {@link AUTO.$provide#methods_provider provider(provider)} - registers a **service provider** with the - * {@link AUTO.$injector $injector} - * * {@link AUTO.$provide#methods_constant constant(obj)} - registers a value/object that can be accessed by + * * {@link auto.$provide#provider provider(provider)} - registers a **service provider** with the + * {@link auto.$injector $injector} + * * {@link auto.$provide#constant constant(obj)} - registers a value/object that can be accessed by * providers and services. - * * {@link AUTO.$provide#methods_value value(obj)} - registers a value/object that can only be accessed by + * * {@link auto.$provide#value value(obj)} - registers a value/object that can only be accessed by * services, not providers. - * * {@link AUTO.$provide#methods_factory factory(fn)} - registers a service **factory function**, `fn`, + * * {@link auto.$provide#factory factory(fn)} - registers a service **factory function**, `fn`, * that will be wrapped in a **service provider** object, whose `$get` property will contain the * given factory function. - * * {@link AUTO.$provide#methods_service service(class)} - registers a **constructor function**, `class` that + * * {@link auto.$provide#service service(class)} - registers a **constructor function**, `class` * that will be wrapped in a **service provider** object, whose `$get` property will instantiate * a new object using the given constructor function. * @@ -3256,11 +3424,10 @@ function annotate(fn) { /** * @ngdoc method - * @name AUTO.$provide#provider - * @methodOf AUTO.$provide + * @name $provide#provider * @description * - * Register a **provider function** with the {@link AUTO.$injector $injector}. Provider functions + * Register a **provider function** with the {@link auto.$injector $injector}. Provider functions * are constructor functions, whose instances are responsible for "providing" a factory for a * service. * @@ -3280,18 +3447,18 @@ function annotate(fn) { * @param {(Object|function())} provider If the provider is: * * - `Object`: then it should have a `$get` method. The `$get` method will be invoked using - * {@link AUTO.$injector#invoke $injector.invoke()} when an instance needs to be created. - * - `Constructor`: a new instance of the provider will be created using - * {@link AUTO.$injector#instantiate $injector.instantiate()}, then treated as `object`. + * {@link auto.$injector#invoke $injector.invoke()} when an instance needs to be created. + * - `Constructor`: a new instance of the provider will be created using + * {@link auto.$injector#instantiate $injector.instantiate()}, then treated as `object`. * * @returns {Object} registered provider instance * @example * * The following example shows how to create a simple event tracking service and register it using - * {@link AUTO.$provide#methods_provider $provide.provider()}. + * {@link auto.$provide#provider $provide.provider()}. * - * 
      + * ```js
  *  // Define the eventTracker provider
  *  function EventTrackerProvider() {
  *    var trackingUrl = '/track';
@@ -3348,19 +3515,18 @@ function annotate(fn) {
  *      expect(postSpy.mostRecentCall.args[1]).toEqual({ 'login': 1 });
  *    }));
  *  });
- *
      + * ``` */ /** * @ngdoc method - * @name AUTO.$provide#factory - * @methodOf AUTO.$provide + * @name $provide#factory * @description * * Register a **service factory**, which will be called to return the service instance. * This is short for registering a service where its provider consists of only a `$get` property, * which is the given service factory function. - * You should use {@link AUTO.$provide#factory $provide.factory(getFn)} if you do not need to + * You should use {@link auto.$provide#factory $provide.factory(getFn)} if you do not need to * configure your service in a provider. * * @param {string} name The name of the instance. @@ -3370,26 +3536,25 @@ function annotate(fn) { * * @example * Here is an example of registering a service - * 
      + * ```js
  *   $provide.factory('ping', ['$http', function($http) {
  *     return function ping() {
  *       return $http.send('/ping');
  *     };
  *   }]);
- *
      + * ``` * You would then inject and use this service like this: - * 
      + * ```js
  *   someModule.controller('Ctrl', ['ping', function(ping) {
  *     ping();
  *   }]);
- *
      + * ``` */ /** * @ngdoc method - * @name AUTO.$provide#service - * @methodOf AUTO.$provide + * @name $provide#service * @description * * Register a **service constructor**, which will be invoked with `new` to create the service @@ -3397,7 +3562,7 @@ function annotate(fn) { * This is short for registering a service where its provider's `$get` property is the service * constructor function that will be used to instantiate the service instance. * - * You should use {@link AUTO.$provide#methods_service $provide.service(class)} if you define your service + * You should use {@link auto.$provide#service $provide.service(class)} if you define your service * as a type/class. * * @param {string} name The name of the instance. @@ -3406,36 +3571,34 @@ function annotate(fn) { * * @example * Here is an example of registering a service using - * {@link AUTO.$provide#methods_service $provide.service(class)}. - * 
      - *   $provide.service('ping', ['$http', function($http) {
- *     var Ping = function() {
- *       this.$http = $http;
- *     };
- *   
- *     Ping.prototype.send = function() {
- *       return this.$http.get('/ping');
- *     }; 
- *   
- *     return Ping;
- *   }]);
- *
      + * {@link auto.$provide#service $provide.service(class)}. + * ```js + * var Ping = function($http) { + * this.$http = $http; + * }; + * + * Ping.$inject = ['$http']; + * + * Ping.prototype.send = function() { + * return this.$http.get('/ping'); + * }; + * $provide.service('ping', Ping); + * ``` * You would then inject and use this service like this: - * 
      + * ```js
  *   someModule.controller('Ctrl', ['ping', function(ping) {
  *     ping.send();
  *   }]);
- *
      + * ``` */ /** * @ngdoc method - * @name AUTO.$provide#value - * @methodOf AUTO.$provide + * @name $provide#value * @description * - * Register a **value service** with the {@link AUTO.$injector $injector}, such as a string, a + * Register a **value service** with the {@link auto.$injector $injector}, such as a string, a * number, an array, an object or a function. This is short for registering a service where its * provider's `$get` property is a factory function that takes no arguments and returns the **value * service**. @@ -3443,7 +3606,7 @@ function annotate(fn) { * Value services are similar to constant services, except that they cannot be injected into a * module configuration function (see {@link angular.Module#config}) but they can be overridden by * an Angular - * {@link AUTO.$provide#decorator decorator}. + * {@link auto.$provide#decorator decorator}. * * @param {string} name The name of the instance. * @param {*} value The value. @@ -3451,7 +3614,7 @@ function annotate(fn) { * * @example * Here are some examples of creating value services. - * 
      + * ```js
  *   $provide.value('ADMIN_USER', 'admin');
  *
  *   $provide.value('RoleLookup', { admin: 0, writer: 1, reader: 2 });
@@ -3459,20 +3622,19 @@ function annotate(fn) {
  *   $provide.value('halfOf', function(value) {
  *     return value / 2;
  *   });
- *
      + * ``` */ /** * @ngdoc method - * @name AUTO.$provide#constant - * @methodOf AUTO.$provide + * @name $provide#constant * @description * * Register a **constant service**, such as a string, a number, an array, an object or a function, - * with the {@link AUTO.$injector $injector}. Unlike {@link AUTO.$provide#value value} it can be + * with the {@link auto.$injector $injector}. Unlike {@link auto.$provide#value value} it can be * injected into a module configuration function (see {@link angular.Module#config}) and it cannot - * be overridden by an Angular {@link AUTO.$provide#decorator decorator}. + * be overridden by an Angular {@link auto.$provide#decorator decorator}. * * @param {string} name The name of the constant. * @param {*} value The constant value. @@ -3480,7 +3642,7 @@ function annotate(fn) { * * @example * Here a some examples of creating constants: - * 
      + * ```js
  *   $provide.constant('SHARD_HEIGHT', 306);
  *
  *   $provide.constant('MY_COLOURS', ['red', 'blue', 'grey']);
@@ -3488,17 +3650,16 @@ function annotate(fn) {
  *   $provide.constant('double', function(value) {
  *     return value * 2;
  *   });
- *
      + * ``` */ /** * @ngdoc method - * @name AUTO.$provide#decorator - * @methodOf AUTO.$provide + * @name $provide#decorator * @description * - * Register a **service decorator** with the {@link AUTO.$injector $injector}. A service decorator + * Register a **service decorator** with the {@link auto.$injector $injector}. A service decorator * intercepts the creation of a service, allowing it to override or modify the behaviour of the * service. The object returned by the decorator may be the original service, or a new service * object which replaces or wraps and delegates to the original service. @@ -3506,7 +3667,7 @@ function annotate(fn) { * @param {string} name The name of the service to decorate. * @param {function()} decorator This function will be invoked when the service needs to be * instantiated and should return the decorated service instance. The function is called using - * the {@link AUTO.$injector#invoke injector.invoke} method and is therefore fully injectable. + * the {@link auto.$injector#invoke injector.invoke} method and is therefore fully injectable. * Local injection arguments: * * * `$delegate` - The original service instance, which can be monkey patched, configured, @@ -3515,12 +3676,12 @@ function annotate(fn) { * @example * Here we decorate the {@link ng.$log $log} service to convert warnings to errors by intercepting * calls to {@link ng.$log#error $log.warn()}. - * 
      - *   $provider.decorator('$log', ['$delegate', function($delegate) {
+ * ```js
+ *   $provide.decorator('$log', ['$delegate', function($delegate) {
  *     $delegate.warn = $delegate.error;
  *     return $delegate;
  *   }]);
- *
      + * ``` */ @@ -3734,8 +3895,9 @@ function createInjector(modulesToLoad) { } /** - * @ngdoc function - * @name ng.$anchorScroll + * @ngdoc service + * @name $anchorScroll + * @kind function * @requires $window * @requires $location * @requires $rootScope @@ -3743,11 +3905,11 @@ function createInjector(modulesToLoad) { * @description * When called, it checks current value of `$location.hash()` and scroll to related element, * according to rules specified in - * {@link http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document Html5 spec}. + * [Html5 spec](http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document). * * It also watches the `$location.hash()` and scrolls whenever it changes to match any anchor. * This can be disabled by calling `$anchorScrollProvider.disableAutoScrolling()`. - * + * * @example @@ -3762,10 +3924,10 @@ function createInjector(modulesToLoad) { // set the location.hash to the id of // the element you wish to scroll to. $location.hash('bottom'); - + // call $anchorScroll() $anchorScroll(); - } + }; } @@ -3836,8 +3998,8 @@ function $AnchorScrollProvider() { var $animateMinErr = minErr('$animate'); /** - * @ngdoc object - * @name ng.$animateProvider + * @ngdoc provider + * @name $animateProvider * * @description * Default implementation of $animate that doesn't perform any animations, instead just @@ -3850,14 +4012,13 @@ var $animateMinErr = minErr('$animate'); */ var $AnimateProvider = ['$provide', function($provide) { - + this.$$selectors = {}; /** - * @ngdoc function - * @name ng.$animateProvider#register - * @methodOf ng.$animateProvider + * @ngdoc method + * @name $animateProvider#register * * @description * Registers a new injectable animation factory function. The factory function produces the @@ -3870,7 +4031,7 @@ var $AnimateProvider = ['$provide', function($provide) { * triggered. * * - *
      +   * ```js
    *   return {
      *     eventFn : function(element, done) {
      *       //code to run the animation
@@ -3880,10 +4041,10 @@ var $AnimateProvider = ['$provide', function($provide) {
      *       }
      *     }
      *   }
-   *
      + * ``` * * @param {string} name The name of the animation. - * @param {function} factory The factory function that will be executed to return the animation + * @param {Function} factory The factory function that will be executed to return the animation * object. */ this.register = function(name, factory) { @@ -3895,9 +4056,8 @@ var $AnimateProvider = ['$provide', function($provide) { }; /** - * @ngdoc function - * @name ng.$animateProvider#classNameFilter - * @methodOf ng.$animateProvider + * @ngdoc method + * @name $animateProvider#classNameFilter * * @description * Sets and/or returns the CSS class regular expression that is checked when performing @@ -3916,12 +4076,16 @@ var $AnimateProvider = ['$provide', function($provide) { return this.$$classNameFilter; }; - this.$get = ['$timeout', function($timeout) { + this.$get = ['$timeout', '$$asyncCallback', function($timeout, $$asyncCallback) { + + function async(fn) { + fn && $$asyncCallback(fn); + } /** * - * @ngdoc object - * @name ng.$animate + * @ngdoc service + * @name $animate * @description The $animate service provides rudimentary DOM manipulation functions to * insert, remove and move elements within the DOM, as well as adding and removing classes. * This service is the core service used by the ngAnimate $animator service which provides @@ -3939,18 +4103,17 @@ var $AnimateProvider = ['$provide', function($provide) { /** * - * @ngdoc function - * @name ng.$animate#enter - * @methodOf ng.$animate + * @ngdoc method + * @name $animate#enter * @function * @description Inserts the element into the DOM either after the `after` element or within * the `parent` element. Once complete, the done() callback will be fired (if provided). - * @param {jQuery/jqLite element} element the element which will be inserted into the DOM - * @param {jQuery/jqLite element} parent the parent element which will append the element as + * @param {DOMElement} element the element which will be inserted into the DOM + * @param {DOMElement} parent the parent element which will append the element as * a child (if the after element is not present) - * @param {jQuery/jqLite element} after the sibling element which will append the element + * @param {DOMElement} after the sibling element which will append the element * after itself - * @param {function=} done callback function that will be called after the element has been + * @param {Function=} done callback function that will be called after the element has been * inserted into the DOM */ enter : function(element, parent, after, done) { @@ -3962,43 +4125,41 @@ var $AnimateProvider = ['$provide', function($provide) { } parent.append(element); } - done && $timeout(done, 0, false); + async(done); }, /** * - * @ngdoc function - * @name ng.$animate#leave - * @methodOf ng.$animate + * @ngdoc method + * @name $animate#leave * @function * @description Removes the element from the DOM. Once complete, the done() callback will be * fired (if provided). - * @param {jQuery/jqLite element} element the element which will be removed from the DOM - * @param {function=} done callback function that will be called after the element has been + * @param {DOMElement} element the element which will be removed from the DOM + * @param {Function=} done callback function that will be called after the element has been * removed from the DOM */ leave : function(element, done) { element.remove(); - done && $timeout(done, 0, false); + async(done); }, /** * - * @ngdoc function - * @name ng.$animate#move - * @methodOf ng.$animate + * @ngdoc method + * @name $animate#move * @function * @description Moves the position of the provided element within the DOM to be placed * either after the `after` element or inside of the `parent` element. Once complete, the * done() callback will be fired (if provided). - * - * @param {jQuery/jqLite element} element the element which will be moved around within the + * + * @param {DOMElement} element the element which will be moved around within the * DOM - * @param {jQuery/jqLite element} parent the parent element where the element will be + * @param {DOMElement} parent the parent element where the element will be * inserted into (if the after element is not present) - * @param {jQuery/jqLite element} after the sibling element where the element will be + * @param {DOMElement} after the sibling element where the element will be * positioned next to - * @param {function=} done the callback function (if provided) that will be fired after the + * @param {Function=} done the callback function (if provided) that will be fired after the * element has been moved to its new position */ move : function(element, parent, after, done) { @@ -4009,16 +4170,15 @@ var $AnimateProvider = ['$provide', function($provide) { /** * - * @ngdoc function - * @name ng.$animate#addClass - * @methodOf ng.$animate + * @ngdoc method + * @name $animate#addClass * @function * @description Adds the provided className CSS class value to the provided element. Once * complete, the done() callback will be fired (if provided). - * @param {jQuery/jqLite element} element the element which will have the className value + * @param {DOMElement} element the element which will have the className value * added to it * @param {string} className the CSS class which will be added to the element - * @param {function=} done the callback function (if provided) that will be fired after the + * @param {Function=} done the callback function (if provided) that will be fired after the * className value has been added to the element */ addClass : function(element, className, done) { @@ -4028,21 +4188,20 @@ var $AnimateProvider = ['$provide', function($provide) { forEach(element, function (element) { jqLiteAddClass(element, className); }); - done && $timeout(done, 0, false); + async(done); }, /** * - * @ngdoc function - * @name ng.$animate#removeClass - * @methodOf ng.$animate + * @ngdoc method + * @name $animate#removeClass * @function * @description Removes the provided className CSS class value from the provided element. * Once complete, the done() callback will be fired (if provided). - * @param {jQuery/jqLite element} element the element which will have the className value + * @param {DOMElement} element the element which will have the className value * removed from it * @param {string} className the CSS class which will be removed from the element - * @param {function=} done the callback function (if provided) that will be fired after the + * @param {Function=} done the callback function (if provided) that will be fired after the * className value has been removed from the element */ removeClass : function(element, className, done) { @@ -4052,7 +4211,29 @@ var $AnimateProvider = ['$provide', function($provide) { forEach(element, function (element) { jqLiteRemoveClass(element, className); }); - done && $timeout(done, 0, false); + async(done); + }, + + /** + * + * @ngdoc method + * @name $animate#setClass + * @function + * @description Adds and/or removes the given CSS classes to and from the element. + * Once complete, the done() callback will be fired (if provided). + * @param {DOMElement} element the element which will it's CSS classes changed + * removed from it + * @param {string} add the CSS classes which will be added to the element + * @param {string} remove the CSS class which will be removed from the element + * @param {Function=} done the callback function (if provided) that will be fired after the + * CSS classes have been set on the element + */ + setClass : function(element, add, remove, done) { + forEach(element, function (element) { + jqLiteAddClass(element, add); + jqLiteRemoveClass(element, remove); + }); + async(done); }, enabled : noop @@ -4060,10 +4241,20 @@ var $AnimateProvider = ['$provide', function($provide) { }]; }]; +function $$AsyncCallbackProvider(){ + this.$get = ['$$rAF', '$timeout', function($$rAF, $timeout) { + return $$rAF.supported + ? function(fn) { return $$rAF(fn); } + : function(fn) { + return $timeout(fn, 0, false); + }; + }]; +} + /** * ! This is a private undocumented service ! * - * @name ng.$browser + * @name $browser * @requires $log * @description * This object has two goals: @@ -4147,8 +4338,7 @@ function Browser(window, document, $log, $sniffer) { pollTimeout; /** - * @name ng.$browser#addPollFn - * @methodOf ng.$browser + * @name $browser#addPollFn * * @param {function()} fn Poll function to add * @@ -4188,8 +4378,7 @@ function Browser(window, document, $log, $sniffer) { newLocation = null; /** - * @name ng.$browser#url - * @methodOf ng.$browser + * @name $browser#url * * @description * GETTER: @@ -4255,9 +4444,7 @@ function Browser(window, document, $log, $sniffer) { } /** - * @name ng.$browser#onUrlChange - * @methodOf ng.$browser - * @TODO(vojta): refactor to use node's syntax for events + * @name $browser#onUrlChange * * @description * Register callback function that will be called, when url changes. @@ -4278,6 +4465,7 @@ function Browser(window, document, $log, $sniffer) { * @return {function(string)} Returns the registered listener fn - handy if the fn is anonymous. */ self.onUrlChange = function(callback) { + // TODO(vojta): refactor to use node's syntax for events if (!urlChangeInit) { // We listen on both (hashchange/popstate) when available, as some browsers (e.g. Opera) // don't fire popstate when user change the address bar and don't fire hashchange when url @@ -4302,14 +4490,13 @@ function Browser(window, document, $log, $sniffer) { ////////////////////////////////////////////////////////////// /** - * @name ng.$browser#baseHref - * @methodOf ng.$browser + * @name $browser#baseHref * * @description * Returns current * (always relative - without domain) * - * @returns {string=} current + * @returns {string} The current base href */ self.baseHref = function() { var href = baseElement.attr('href'); @@ -4324,8 +4511,7 @@ function Browser(window, document, $log, $sniffer) { var cookiePath = self.baseHref(); /** - * @name ng.$browser#cookies - * @methodOf ng.$browser + * @name $browser#cookies * * @param {string=} name Cookie name * @param {string=} value Cookie value @@ -4394,8 +4580,7 @@ function Browser(window, document, $log, $sniffer) { /** - * @name ng.$browser#defer - * @methodOf ng.$browser + * @name $browser#defer * @param {function()} fn A function, who's execution should be deferred. * @param {number=} [delay=0] of milliseconds to defer the function execution. * @returns {*} DeferId that can be used to cancel the task via `$browser.defer.cancel()`. @@ -4421,8 +4606,7 @@ function Browser(window, document, $log, $sniffer) { /** - * @name ng.$browser#defer.cancel - * @methodOf ng.$browser.defer + * @name $browser#defer.cancel * * @description * Cancels a deferred task identified with `deferId`. @@ -4451,14 +4635,15 @@ function $BrowserProvider(){ } /** - * @ngdoc object - * @name ng.$cacheFactory + * @ngdoc service + * @name $cacheFactory * * @description - * Factory that constructs cache objects and gives access to them. - * - * 
      - * 
+ * Factory that constructs {@link $cacheFactory.Cache Cache} objects and gives access to
+ * them.
+ *
+ * ```js
+ *
  *  var cache = $cacheFactory('cacheId');
  *  expect($cacheFactory.get('cacheId')).toBe(cache);
  *  expect($cacheFactory.get('noSuchCacheId')).not.toBeDefined();
@@ -4467,9 +4652,9 @@ function $BrowserProvider(){
  *  cache.put("another key", "another value");
  *
  *  // We've specified no options on creation
- *  expect(cache.info()).toEqual({id: 'cacheId', size: 2}); 
- * 
- *
      + * expect(cache.info()).toEqual({id: 'cacheId', size: 2}); + * + * ``` * * * @param {string} cacheId Name or id of the newly created cache. @@ -4487,6 +4672,46 @@ function $BrowserProvider(){ * - `{void}` `removeAll()` — Removes all cached values. * - `{void}` `destroy()` — Removes references to this cache from $cacheFactory. * + * @example + + +
      + + + + +

      Cached Values

      +
      + + : + +
      + +

      Cache Info

      +
      + + : + +
      +
      +       + + angular.module('cacheExampleApp', []). + controller('CacheController', ['$scope', '$cacheFactory', function($scope, $cacheFactory) { + $scope.keys = []; + $scope.cache = $cacheFactory('cacheId'); + $scope.put = function(key, value) { + $scope.cache.put(key, value); + $scope.keys.push(key); + }; + }]); + + + p { + margin: 10px 0 3px; + } + +       */ function $CacheFactoryProvider() { @@ -4506,12 +4731,71 @@ function $CacheFactoryProvider() { freshEnd = null, staleEnd = null; + /** + * @ngdoc type + * @name $cacheFactory.Cache + * + * @description + * A cache object used to store and retrieve data, primarily used by + * {@link $http $http} and the {@link ng.directive:script script} directive to cache + * templates and other data. + * + * ```js + * angular.module('superCache') + * .factory('superCache', ['$cacheFactory', function($cacheFactory) { + * return $cacheFactory('super-cache'); + * }]); + * ``` + * + * Example test: + * + * ```js + * it('should behave like a cache', inject(function(superCache) { + * superCache.put('key', 'value'); + * superCache.put('another key', 'another value'); + * + * expect(superCache.info()).toEqual({ + * id: 'super-cache', + * size: 2 + * }); + * + * superCache.remove('another key'); + * expect(superCache.get('another key')).toBeUndefined(); + * + * superCache.removeAll(); + * expect(superCache.info()).toEqual({ + * id: 'super-cache', + * size: 0 + * }); + * })); + * ``` + */ return caches[cacheId] = { + /** + * @ngdoc method + * @name $cacheFactory.Cache#put + * @function + * + * @description + * Inserts a named entry into the {@link $cacheFactory.Cache Cache} object to be + * retrieved later, and incrementing the size of the cache if the key was not already + * present in the cache. If behaving like an LRU cache, it will also remove stale + * entries from the set. + * + * It will not insert undefined values into the cache. + * + * @param {string} key the key under which the cached data is stored. + * @param {*} value the value to store alongside the key. If it is undefined, the key + * will not be stored. + * @returns {*} the value stored. + */ put: function(key, value) { - var lruEntry = lruHash[key] || (lruHash[key] = {key: key}); + if (capacity < Number.MAX_VALUE) { + var lruEntry = lruHash[key] || (lruHash[key] = {key: key}); - refresh(lruEntry); + refresh(lruEntry); + } if (isUndefined(value)) return; if (!(key in data)) size++; @@ -4524,33 +4808,66 @@ function $CacheFactoryProvider() { return value; }, - + /** + * @ngdoc method + * @name $cacheFactory.Cache#get + * @function + * + * @description + * Retrieves named data stored in the {@link $cacheFactory.Cache Cache} object. + * + * @param {string} key the key of the data to be retrieved + * @returns {*} the value stored. + */ get: function(key) { - var lruEntry = lruHash[key]; + if (capacity < Number.MAX_VALUE) { + var lruEntry = lruHash[key]; - if (!lruEntry) return; + if (!lruEntry) return; - refresh(lruEntry); + refresh(lruEntry); + } return data[key]; }, + /** + * @ngdoc method + * @name $cacheFactory.Cache#remove + * @function + * + * @description + * Removes an entry from the {@link $cacheFactory.Cache Cache} object. + * + * @param {string} key the key of the entry to be removed + */ remove: function(key) { - var lruEntry = lruHash[key]; + if (capacity < Number.MAX_VALUE) { + var lruEntry = lruHash[key]; - if (!lruEntry) return; + if (!lruEntry) return; - if (lruEntry == freshEnd) freshEnd = lruEntry.p; - if (lruEntry == staleEnd) staleEnd = lruEntry.n; - link(lruEntry.n,lruEntry.p); + if (lruEntry == freshEnd) freshEnd = lruEntry.p; + if (lruEntry == staleEnd) staleEnd = lruEntry.n; + link(lruEntry.n,lruEntry.p); + + delete lruHash[key]; + } - delete lruHash[key]; delete data[key]; size--; }, + /** + * @ngdoc method + * @name $cacheFactory.Cache#removeAll + * @function + * + * @description + * Clears the cache object of any entries. + */ removeAll: function() { data = {}; size = 0; @@ -4559,6 +4876,15 @@ function $CacheFactoryProvider() { }, + /** + * @ngdoc method + * @name $cacheFactory.Cache#destroy + * @function + * + * @description + * Destroys the {@link $cacheFactory.Cache Cache} object entirely, + * removing it from the {@link $cacheFactory $cacheFactory} set. + */ destroy: function() { data = null; stats = null; @@ -4567,6 +4893,22 @@ function $CacheFactoryProvider() { }, + /** + * @ngdoc method + * @name $cacheFactory.Cache#info + * @function + * + * @description + * Retrieve information regarding a particular {@link $cacheFactory.Cache Cache}. + * + * @returns {object} an object with the following properties: + *
        + *
      • **id**: the id of the cache instance
        • + *
      • **size**: the number of entries kept in the cache instance
        • + *
      • **...**: any additional properties from the options object when creating the + * cache.
        • + *
      + */ info: function() { return extend({}, stats, {size: size}); } @@ -4606,8 +4948,7 @@ function $CacheFactoryProvider() { /** * @ngdoc method - * @name ng.$cacheFactory#info - * @methodOf ng.$cacheFactory + * @name $cacheFactory#info * * @description * Get information about all the of the caches that have been created @@ -4625,8 +4966,7 @@ function $CacheFactoryProvider() { /** * @ngdoc method - * @name ng.$cacheFactory#get - * @methodOf ng.$cacheFactory + * @name $cacheFactory#get * * @description * Get access to a cache object by the `cacheId` used when it was created. @@ -4644,48 +4984,44 @@ function $CacheFactoryProvider() { } /** - * @ngdoc object - * @name ng.$templateCache + * @ngdoc service + * @name $templateCache * * @description * The first time a template is used, it is loaded in the template cache for quick retrieval. You * can load templates directly into the cache in a `script` tag, or by consuming the * `$templateCache` service directly. - * + * * Adding via the `script` tag: - * 
      - * 
- * 
- * 
- * 
- *   ...
- * 
- *
      - * + * + * ```html + * + * ``` + * * **Note:** the `script` tag containing the template does not need to be included in the `head` of * the document, but it must be below the `ng-app` definition. - * + * * Adding via the $templateCache service: - * - * 
      + *
+ * ```js
  * var myApp = angular.module('myApp', []);
  * myApp.run(function($templateCache) {
  *   $templateCache.put('templateId.html', 'This is the content of the template');
  * });
- *
      - * + * ``` + * * To retrieve the template later, simply use it in your HTML: - * 
      + * ```html
  * 
      
- *
      - * + * ``` + * * or get it via Javascript: - * 
      + * ```js
  * $templateCache.get('templateId.html')
- *
      - * + * ``` + * * See {@link ng.$cacheFactory $cacheFactory}. * */ @@ -4714,8 +5050,8 @@ function $TemplateCacheProvider() { /** - * @ngdoc function - * @name ng.$compile + * @ngdoc service + * @name $compile * @function * * @description @@ -4723,7 +5059,7 @@ function $TemplateCacheProvider() { * can then be used to link {@link ng.$rootScope.Scope `scope`} and the template together. * * The compilation is a process of walking the DOM tree and matching DOM elements to - * {@link ng.$compileProvider#methods_directive directives}. + * {@link ng.$compileProvider#directive directives}. * *
      * **Note:** This document is an in-depth reference of all directive options. @@ -4745,7 +5081,7 @@ function $TemplateCacheProvider() { * * Here's an example directive declared with a Directive Definition Object: * - * 
      + * ```js
  *   var myModule = angular.module(...);
  *
  *   myModule.directive('directiveName', function factory(injectables) {
@@ -4759,6 +5095,7 @@ function $TemplateCacheProvider() {
  *       restrict: 'A',
  *       scope: false,
  *       controller: function($scope, $element, $attrs, $transclude, otherInjectables) { ... },
+ *       controllerAs: 'stringAlias',
  *       require: 'siblingDirectiveName', // or // ['^parentDirectiveName', '?optionalDirectiveName', '?^optionalParent'],
  *       compile: function compile(tElement, tAttrs, transclude) {
  *         return {
@@ -4778,7 +5115,7 @@ function $TemplateCacheProvider() {
  *     };
  *     return directiveDefinitionObject;
  *   });
- *
      + * ``` * *
      * **Note:** Any unspecified options will use the default value. You can see the default values below. @@ -4786,7 +5123,7 @@ function $TemplateCacheProvider() { * * Therefore the above can be simplified as: * - * 
      + * ```js
  *   var myModule = angular.module(...);
  *
  *   myModule.directive('directiveName', function factory(injectables) {
@@ -4797,13 +5134,13 @@ function $TemplateCacheProvider() {
  *     // or
  *     // return function postLink(scope, iElement, iAttrs) { ... }
  *   });
- *
      + * ``` * * * * ### Directive Definition Object * - * The directive definition object provides instructions to the {@link api/ng.$compile + * The directive definition object provides instructions to the {@link ng.$compile * compiler}. The attributes are: * * #### `priority` @@ -4926,7 +5263,7 @@ function $TemplateCacheProvider() { * You can specify `templateUrl` as a string representing the URL or as a function which takes two * arguments `tElement` and `tAttrs` (described in the `compile` function api below) and returns * a string value representing the url. In either case, the template URL is passed through {@link - * api/ng.$sce#methods_getTrustedResourceUrl $sce.getTrustedResourceUrl}. + * api/ng.$sce#getTrustedResourceUrl $sce.getTrustedResourceUrl}. * * * #### `replace` @@ -4938,7 +5275,7 @@ function $TemplateCacheProvider() { * * #### `transclude` * compile the content of the element and make it available to the directive. - * Typically used with {@link api/ng.directive:ngTransclude + * Typically used with {@link ng.directive:ngTransclude * ngTransclude}. The advantage of transclusion is that the linking function receives a * transclusion function which is pre-bound to the correct scope. In a typical setup the widget * creates an `isolate` scope, but the transclusion is not a child, but a sibling of the `isolate` @@ -4951,15 +5288,15 @@ function $TemplateCacheProvider() { * * #### `compile` * - * 
      + * ```js
  *   function compile(tElement, tAttrs, transclude) { ... }
- *
      + * ``` * * The compile function deals with transforming the template DOM. Since most directives do not do * template transformation, it is not used often. Examples that require compile functions are * directives that transform template DOM, such as {@link * api/ng.directive:ngRepeat ngRepeat}, or load the contents - * asynchronously, such as {@link api/ngRoute.directive:ngView ngView}. The + * asynchronously, such as {@link ngRoute.directive:ngView ngView}. The * compile function takes the following arguments. * * * `tElement` - template element - The element where the directive has been declared. It is @@ -4976,6 +5313,16 @@ function $TemplateCacheProvider() { * apply to all cloned DOM nodes within the compile function. Specifically, DOM listener registration * should be done in a linking function rather than in a compile function. *
      + + *
      + * **Note:** The compile function cannot handle directives that recursively use themselves in their + * own templates or compile functions. Compiling these directives results in an infinite loop and a + * stack overflow errors. + * + * This can be avoided by manually using $compile in the postLink function to imperatively compile + * a directive's template instead of relying on automatic template compilation via `template` or + * `templateUrl` declaration or manual compilation inside the compile function. + *
      * *
      * **Note:** The `transclude` function that is passed to the compile function is deprecated, as it @@ -4996,16 +5343,16 @@ function $TemplateCacheProvider() { * #### `link` * This property is used only if the `compile` property is not defined. * - * 
      + * ```js
  *   function link(scope, iElement, iAttrs, controller, transcludeFn) { ... }
- *
      + * ``` * * The link function is responsible for registering DOM listeners as well as updating the DOM. It is * executed after the template has been cloned. This is where most of the directive logic will be * put. * - * * `scope` - {@link api/ng.$rootScope.Scope Scope} - The scope to be used by the - * directive for registering {@link api/ng.$rootScope.Scope#methods_$watch watches}. + * * `scope` - {@link ng.$rootScope.Scope Scope} - The scope to be used by the + * directive for registering {@link ng.$rootScope.Scope#$watch watches}. * * * `iElement` - instance element - The element where the directive is to be used. It is safe to * manipulate the children of the element only in `postLink` function since the children have @@ -5036,7 +5383,7 @@ function $TemplateCacheProvider() { * * ### Attributes * - * The {@link api/ng.$compile.directive.Attributes Attributes} object - passed as a parameter in the + * The {@link ng.$compile.directive.Attributes Attributes} object - passed as a parameter in the * `link()` or `compile()` functions. It has a variety of uses. * * accessing *Normalized attribute names:* @@ -5056,7 +5403,7 @@ function $TemplateCacheProvider() { * the only way to easily get the actual value because during the linking phase the interpolation * hasn't been evaluated yet and so the value is at this time set to `undefined`. * - * 
      + * ```js
  * function linkingFn(scope, elm, attrs, ctrl) {
  *   // get the attribute value
  *   console.log(attrs.ngModel);
@@ -5069,7 +5416,7 @@ function $TemplateCacheProvider() {
  *     console.log('ngModel has changed value to ' + value);
  *   });
  * }
- *
      + * ``` * * Below is an example using `$compileProvider`. * @@ -5078,8 +5425,8 @@ function $TemplateCacheProvider() { * to illustrate how `$compile` works. *
      * - - + + - -
      -
      - Date format:
      - Current time is: -
      - Blood 1 : {{blood_1}} - Blood 2 : {{blood_2}} - - - -
      -
      - -       -       + * + * + * + * + *
      + *
      + * Date format:
      + * Current time is: + *
      + * Blood 1 : {{blood_1}} + * Blood 2 : {{blood_2}} + * + * + * + *
      + *
      + * + *       + *       */ function interval(fn, delay, count, invokeApply) { var setInterval = $window.setInterval, @@ -8441,14 +8842,13 @@ function $IntervalProvider() { /** - * @ngdoc function - * @name ng.$interval#cancel - * @methodOf ng.$interval + * @ngdoc method + * @name $interval#cancel * * @description * Cancels a task associated with the `promise`. * - * @param {number} promise Promise returned by the `$interval` function. + * @param {promise} promise returned by the `$interval` function. * @returns {boolean} Returns `true` if the task was successfully canceled. */ interval.cancel = function(promise) { @@ -8466,8 +8866,8 @@ function $IntervalProvider() { } /** - * @ngdoc object - * @name ng.$locale + * @ngdoc service + * @name $locale * * @description * $locale service provides localization rules for various Angular components. As of right now the @@ -8826,14 +9226,13 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#absUrl - * @methodOf ng.$location + * @name $location#absUrl * * @description * This method is getter only. * * Return full url representation with all segments encoded according to rules specified in - * {@link http://www.ietf.org/rfc/rfc3986.txt RFC 3986}. + * [RFC 3986](http://www.ietf.org/rfc/rfc3986.txt). * * @return {string} full url */ @@ -8841,8 +9240,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#url - * @methodOf ng.$location + * @name $location#url * * @description * This method is getter / setter. @@ -8869,8 +9267,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#protocol - * @methodOf ng.$location + * @name $location#protocol * * @description * This method is getter only. @@ -8883,8 +9280,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#host - * @methodOf ng.$location + * @name $location#host * * @description * This method is getter only. @@ -8897,8 +9293,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#port - * @methodOf ng.$location + * @name $location#port * * @description * This method is getter only. @@ -8911,8 +9306,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#path - * @methodOf ng.$location + * @name $location#path * * @description * This method is getter / setter. @@ -8933,8 +9327,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#search - * @methodOf ng.$location + * @name $location#search * * @description * This method is getter / setter. @@ -8981,8 +9374,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#hash - * @methodOf ng.$location + * @name $location#hash * * @description * This method is getter / setter. @@ -8998,8 +9390,7 @@ LocationHashbangInHtml5Url.prototype = /** * @ngdoc method - * @name ng.$location#replace - * @methodOf ng.$location + * @name $location#replace * * @description * If called, all changes to $location during current `$digest` will be replacing current history @@ -9032,16 +9423,14 @@ function locationGetterSetter(property, preprocess) { /** - * @ngdoc object - * @name ng.$location + * @ngdoc service + * @name $location * - * @requires $browser - * @requires $sniffer * @requires $rootElement * * @description * The $location service parses the URL in the browser address bar (based on the - * {@link https://developer.mozilla.org/en/window.location window.location}) and makes the URL + * [window.location](https://developer.mozilla.org/en/window.location)) and makes the URL * available to your application. Changes to the URL in the address bar are reflected into * $location service and changes to $location are reflected into the browser address bar. * @@ -9056,13 +9445,12 @@ function locationGetterSetter(property, preprocess) { * - Clicks on a link. * - Represents the URL object as a set of methods (protocol, host, port, path, search, hash). * - * For more information see {@link guide/dev_guide.services.$location Developer Guide: Angular - * Services: Using $location} + * For more information see {@link guide/$location Developer Guide: Using $location} */ /** - * @ngdoc object - * @name ng.$locationProvider + * @ngdoc provider + * @name $locationProvider * @description * Use the `$locationProvider` to configure how the application deep linking paths are stored. */ @@ -9072,8 +9460,7 @@ function $LocationProvider(){ /** * @ngdoc property - * @name ng.$locationProvider#hashPrefix - * @methodOf ng.$locationProvider + * @name $locationProvider#hashPrefix * @description * @param {string=} prefix Prefix for hash part (containing path and search) * @returns {*} current value if used as getter or itself (chaining) if used as setter @@ -9089,8 +9476,7 @@ function $LocationProvider(){ /** * @ngdoc property - * @name ng.$locationProvider#html5Mode - * @methodOf ng.$locationProvider + * @name $locationProvider#html5Mode * @description * @param {boolean=} mode Use HTML5 strategy if available. * @returns {*} current value if used as getter or itself (chaining) if used as setter @@ -9106,8 +9492,7 @@ function $LocationProvider(){ /** * @ngdoc event - * @name ng.$location#$locationChangeStart - * @eventOf ng.$location + * @name $location#$locationChangeStart * @eventType broadcast on root scope * @description * Broadcasted before a URL will change. This change can be prevented by calling @@ -9122,8 +9507,7 @@ function $LocationProvider(){ /** * @ngdoc event - * @name ng.$location#$locationChangeSuccess - * @eventOf ng.$location + * @name $location#$locationChangeSuccess * @eventType broadcast on root scope * @description * Broadcasted after a URL was changed. @@ -9244,14 +9628,14 @@ function $LocationProvider(){ } /** - * @ngdoc object - * @name ng.$log + * @ngdoc service + * @name $log * @requires $window * * @description * Simple service for logging. Default implementation safely writes the message * into the browser's console (if present). - * + * * The main purpose of this service is to simplify debugging and troubleshooting. * * The default is to log `debug` messages. You can use @@ -9280,21 +9664,20 @@ function $LocationProvider(){ */ /** - * @ngdoc object - * @name ng.$logProvider + * @ngdoc provider + * @name $logProvider * @description * Use the `$logProvider` to configure how the application logs messages */ function $LogProvider(){ var debug = true, self = this; - + /** * @ngdoc property - * @name ng.$logProvider#debugEnabled - * @methodOf ng.$logProvider + * @name $logProvider#debugEnabled * @description - * @param {string=} flag enable or disable debug level messages + * @param {boolean=} flag enable or disable debug level messages * @returns {*} current value if used as getter or itself (chaining) if used as setter */ this.debugEnabled = function(flag) { @@ -9305,13 +9688,12 @@ function $LogProvider(){ return debug; } }; - + this.$get = ['$window', function($window){ return { /** * @ngdoc method - * @name ng.$log#log - * @methodOf ng.$log + * @name $log#log * * @description * Write a log message @@ -9320,8 +9702,7 @@ function $LogProvider(){ /** * @ngdoc method - * @name ng.$log#info - * @methodOf ng.$log + * @name $log#info * * @description * Write an information message @@ -9330,8 +9711,7 @@ function $LogProvider(){ /** * @ngdoc method - * @name ng.$log#warn - * @methodOf ng.$log + * @name $log#warn * * @description * Write a warning message @@ -9340,19 +9720,17 @@ function $LogProvider(){ /** * @ngdoc method - * @name ng.$log#error - * @methodOf ng.$log + * @name $log#error * * @description * Write an error message */ error: consoleLog('error'), - + /** * @ngdoc method - * @name ng.$log#debug - * @methodOf ng.$log - * + * @name $log#debug + * * @description * Write a debug message */ @@ -9388,7 +9766,7 @@ function $LogProvider(){ // Note: reading logFn.apply throws an error in IE11 in IE8 document mode. // The reason behind this is that console.log has type "object" in IE8... try { - hasApply = !! logFn.apply; + hasApply = !!logFn.apply; } catch (e) {} if (hasApply) { @@ -9465,7 +9843,7 @@ function ensureSafeObject(obj, fullExpression) { 'Referencing the Window in Angular expressions is disallowed! Expression: {0}', fullExpression); } else if (// isElement(obj) - obj.children && (obj.nodeName || (obj.on && obj.find))) { + obj.children && (obj.nodeName || (obj.prop && obj.attr && obj.find))) { throw $parseMinErr('isecdom', 'Referencing DOM nodes in Angular expressions is disallowed! Expression: {0}', fullExpression); @@ -9803,7 +10181,11 @@ var Parser = function (lexer, $filter, options) { this.options = options; }; -Parser.ZERO = function () { return 0; }; +Parser.ZERO = extend(function () { + return 0; +}, { + constant: true +}); Parser.prototype = { constructor: Parser, @@ -10195,6 +10577,10 @@ Parser.prototype = { var allConstant = true; if (this.peekToken().text !== ']') { do { + if (this.peek(']')) { + // Support trailing commas per ES5.1. + break; + } var elementFn = this.expression(); elementFns.push(elementFn); if (!elementFn.constant) { @@ -10221,6 +10607,10 @@ Parser.prototype = { var allConstant = true; if (this.peekToken().text !== '}') { do { + if (this.peek('}')) { + // Support trailing commas per ES5.1. + break; + } var token = this.expect(), key = token.string || token.text; this.consume(':'); @@ -10493,15 +10883,15 @@ function getterFn(path, options, fullExp) { /////////////////////////////////// /** - * @ngdoc function - * @name ng.$parse - * @function + * @ngdoc service + * @name $parse + * @kind function * * @description * * Converts Angular {@link guide/expression expression} into a function. * - * 
      + * ```js
  *   var getter = $parse('user.name');
  *   var setter = getter.assign;
  *   var context = {user:{name:'angular'}};
@@ -10511,7 +10901,7 @@ function getterFn(path, options, fullExp) {
  *   setter(context, 'newValue');
  *   expect(context.user.name).toEqual('newValue');
  *   expect(getter(context, locals)).toEqual('local');
- *
      + * ``` * * * @param {string} expression String expression to compile. @@ -10534,8 +10924,8 @@ function getterFn(path, options, fullExp) { /** - * @ngdoc object - * @name ng.$parseProvider + * @ngdoc provider + * @name $parseProvider * @function * * @description @@ -10556,8 +10946,7 @@ function $ParseProvider() { * @deprecated Promise unwrapping via $parse is deprecated and will be removed in the future. * * @ngdoc method - * @name ng.$parseProvider#unwrapPromises - * @methodOf ng.$parseProvider + * @name $parseProvider#unwrapPromises * @description * * **This feature is deprecated, see deprecation notes below for more info** @@ -10611,8 +11000,7 @@ function $ParseProvider() { * @deprecated Promise unwrapping via $parse is deprecated and will be removed in the future. * * @ngdoc method - * @name ng.$parseProvider#logPromiseWarnings - * @methodOf ng.$parseProvider + * @name $parseProvider#logPromiseWarnings * @description * * Controls whether Angular should log a warning on any encounter of a promise in an expression. @@ -10679,7 +11067,7 @@ function $ParseProvider() { /** * @ngdoc service - * @name ng.$q + * @name $q * @requires $rootScope * * @description @@ -10692,10 +11080,10 @@ function $ParseProvider() { * From the perspective of dealing with error handling, deferred and promise APIs are to * asynchronous programming what `try`, `catch` and `throw` keywords are to synchronous programming. * - * 
      + * ```js
  *   // for the purpose of this example let's assume that variables `$q`, `scope` and `okToGreet`
  *   // are available in the current lexical scope (they could have been injected or passed in).
- * 
+ *
  *   function asyncGreet(name) {
  *     var deferred = $q.defer();
  *
@@ -10724,7 +11112,7 @@ function $ParseProvider() {
  *   }, function(update) {
  *     alert('Got notification: ' + update);
  *   });
- *
      + * ``` * * At first it might not be obvious why this extra complexity is worth the trouble. The payoff * comes in the way of guarantees that promise and deferred APIs make, see @@ -10750,7 +11138,7 @@ function $ParseProvider() { * constructed via `$q.reject`, the promise will be rejected instead. * - `reject(reason)` – rejects the derived promise with the `reason`. This is equivalent to * resolving it with a rejection constructed via `$q.reject`. - * - `notify(value)` - provides updates on the status of the promises execution. This may be called + * - `notify(value)` - provides updates on the status of the promise's execution. This may be called * multiple times before the promise is either resolved or rejected. * * **Properties** @@ -10789,21 +11177,21 @@ function $ParseProvider() { * * Because `finally` is a reserved word in JavaScript and reserved keywords are not supported as * property names by ES3, you'll need to invoke the method like `promise['finally'](callback)` to - * make your code IE8 compatible. + * make your code IE8 and Android 2.x compatible. * * # Chaining promises * * Because calling the `then` method of a promise returns a new derived promise, it is easily * possible to create a chain of promises: * - * 
      + * ```js
  *   promiseB = promiseA.then(function(result) {
  *     return result + 1;
  *   });
  *
  *   // promiseB will be resolved immediately after promiseA is resolved and its value
  *   // will be the result of promiseA incremented by 1
- *
      + * ``` * * It is possible to create chains of any length and since a promise can be resolved with another * promise (which will defer its resolution further), it is possible to pause/defer resolution of @@ -10823,7 +11211,7 @@ function $ParseProvider() { * * # Testing * - * 
      + *  ```js
  *    it('should simulate promise', inject(function($q, $rootScope) {
  *      var deferred = $q.defer();
  *      var promise = deferred.promise;
@@ -10843,7 +11231,7 @@ function $ParseProvider() {
  *      $rootScope.$apply();
  *      expect(resolvedValue).toEqual(123);
  *    }));
- *
      + * ``` */ function $QProvider() { @@ -10858,7 +11246,7 @@ function $QProvider() { /** * Constructs a promise manager. * - * @param {function(function)} nextTick Function for executing functions in the next turn. + * @param {function(Function)} nextTick Function for executing functions in the next turn. * @param {function(...*)} exceptionHandler Function into which unexpected exceptions are passed for * debugging purposes. * @returns {object} Promise manager. @@ -10866,9 +11254,10 @@ function $QProvider() { function qFactory(nextTick, exceptionHandler) { /** - * @ngdoc - * @name ng.$q#defer - * @methodOf ng.$q + * @ngdoc method + * @name $q#defer + * @function + * * @description * Creates a `Deferred` object which represents a task which will finish in the future. * @@ -10900,7 +11289,7 @@ function qFactory(nextTick, exceptionHandler) { reject: function(reason) { - deferred.resolve(reject(reason)); + deferred.resolve(createInternalRejectedPromise(reason)); }, @@ -11022,9 +11411,10 @@ function qFactory(nextTick, exceptionHandler) { /** - * @ngdoc - * @name ng.$q#reject - * @methodOf ng.$q + * @ngdoc method + * @name $q#reject + * @function + * * @description * Creates a promise that is resolved as rejected with the specified `reason`. This api should be * used to forward rejection in a chain of promises. If you are dealing with the last promise in @@ -11036,7 +11426,7 @@ function qFactory(nextTick, exceptionHandler) { * current promise, you have to "rethrow" the error by returning a rejection constructed via * `reject`. * - * 
      +   * ```js
    *   promiseB = promiseA.then(function(result) {
    *     // success: do something and resolve promiseB
    *     //          with the old or a new result
@@ -11051,12 +11441,18 @@ function qFactory(nextTick, exceptionHandler) {
    *     }
    *     return $q.reject(reason);
    *   });
-   *
      + * ``` * * @param {*} reason Constant, message, exception or an object representing the rejection reason. * @returns {Promise} Returns a promise that was already resolved as rejected with the `reason`. */ var reject = function(reason) { + var result = defer(); + result.reject(reason); + return result.promise; + }; + + var createInternalRejectedPromise = function(reason) { return { then: function(callback, errback) { var result = defer(); @@ -11075,9 +11471,10 @@ function qFactory(nextTick, exceptionHandler) { /** - * @ngdoc - * @name ng.$q#when - * @methodOf ng.$q + * @ngdoc method + * @name $q#when + * @function + * * @description * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise. * This is useful when you are dealing with an object that might or might not be a promise, or if @@ -11146,9 +11543,10 @@ function qFactory(nextTick, exceptionHandler) { /** - * @ngdoc - * @name ng.$q#all - * @methodOf ng.$q + * @ngdoc method + * @name $q#all + * @function + * * @description * Combines multiple promises into a single promise that is resolved when all of the input * promises are resolved. @@ -11191,6 +11589,38 @@ function qFactory(nextTick, exceptionHandler) { }; } +function $$RAFProvider(){ //rAF + this.$get = ['$window', '$timeout', function($window, $timeout) { + var requestAnimationFrame = $window.requestAnimationFrame || + $window.webkitRequestAnimationFrame || + $window.mozRequestAnimationFrame; + + var cancelAnimationFrame = $window.cancelAnimationFrame || + $window.webkitCancelAnimationFrame || + $window.mozCancelAnimationFrame || + $window.webkitCancelRequestAnimationFrame; + + var rafSupported = !!requestAnimationFrame; + var raf = rafSupported + ? function(fn) { + var id = requestAnimationFrame(fn); + return function() { + cancelAnimationFrame(id); + }; + } + : function(fn) { + var timer = $timeout(fn, 16.66, false); // 1000 / 60 = 16.666 + return function() { + $timeout.cancel(timer); + }; + }; + + raf.supported = rafSupported; + + return raf; + }]; +} + /** * DESIGN NOTES * @@ -11218,17 +11648,16 @@ function qFactory(nextTick, exceptionHandler) { /** - * @ngdoc object - * @name ng.$rootScopeProvider + * @ngdoc provider + * @name $rootScopeProvider * @description * * Provider for the $rootScope service. */ /** - * @ngdoc function - * @name ng.$rootScopeProvider#digestTtl - * @methodOf ng.$rootScopeProvider + * @ngdoc method + * @name $rootScopeProvider#digestTtl * @description * * Sets the number of `$digest` iterations the scope should attempt to execute before giving up and @@ -11249,8 +11678,8 @@ function qFactory(nextTick, exceptionHandler) { /** - * @ngdoc object - * @name ng.$rootScope + * @ngdoc service + * @name $rootScope * @description * * Every application has a single root {@link ng.$rootScope.Scope scope}. @@ -11275,23 +11704,23 @@ function $RootScopeProvider(){ function( $injector, $exceptionHandler, $parse, $browser) { /** - * @ngdoc function - * @name ng.$rootScope.Scope + * @ngdoc type + * @name $rootScope.Scope * * @description * A root scope can be retrieved using the {@link ng.$rootScope $rootScope} key from the - * {@link AUTO.$injector $injector}. Child scopes are created using the - * {@link ng.$rootScope.Scope#methods_$new $new()} method. (Most scopes are created automatically when + * {@link auto.$injector $injector}. Child scopes are created using the + * {@link ng.$rootScope.Scope#$new $new()} method. (Most scopes are created automatically when * compiled HTML template is executed.) * * Here is a simple scope snippet to show how you can interact with the scope. - * 
      +     * ```html
      * 
-     *
      + * ``` * * # Inheritance * A scope can inherit from a parent scope, as in this example: - * 
      +     * ```js
          var parent = $rootScope;
          var child = parent.$new();
 
@@ -11302,7 +11731,7 @@ function $RootScopeProvider(){
          child.salutation = "Welcome";
          expect(child.salutation).toEqual('Welcome');
          expect(parent.salutation).toEqual('Hello');
-     *
      + * ``` * * * @param {Object.=} providers Map of service factory which need to be @@ -11330,8 +11759,7 @@ function $RootScopeProvider(){ /** * @ngdoc property - * @name ng.$rootScope.Scope#$id - * @propertyOf ng.$rootScope.Scope + * @name $rootScope.Scope#$id * @returns {number} Unique scope ID (monotonically increasing alphanumeric sequence) useful for * debugging. */ @@ -11340,19 +11768,18 @@ function $RootScopeProvider(){ Scope.prototype = { constructor: Scope, /** - * @ngdoc function - * @name ng.$rootScope.Scope#$new - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$new * @function * * @description * Creates a new child {@link ng.$rootScope.Scope scope}. * - * The parent scope will propagate the {@link ng.$rootScope.Scope#methods_$digest $digest()} and - * {@link ng.$rootScope.Scope#methods_$digest $digest()} events. The scope can be removed from the - * scope hierarchy using {@link ng.$rootScope.Scope#methods_$destroy $destroy()}. + * The parent scope will propagate the {@link ng.$rootScope.Scope#$digest $digest()} and + * {@link ng.$rootScope.Scope#$digest $digest()} events. The scope can be removed from the + * scope hierarchy using {@link ng.$rootScope.Scope#$destroy $destroy()}. * - * {@link ng.$rootScope.Scope#methods_$destroy $destroy()} must be called on a scope when it is + * {@link ng.$rootScope.Scope#$destroy $destroy()} must be called on a scope when it is * desired for the scope and its child scopes to be permanently detached from the parent and * thus stop participating in model change detection and listener notification by invoking. * @@ -11398,19 +11825,18 @@ function $RootScopeProvider(){ }, /** - * @ngdoc function - * @name ng.$rootScope.Scope#$watch - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$watch * @function * * @description * Registers a `listener` callback to be executed whenever the `watchExpression` changes. * - * - The `watchExpression` is called on every call to {@link ng.$rootScope.Scope#methods_$digest + * - The `watchExpression` is called on every call to {@link ng.$rootScope.Scope#$digest * $digest()} and should return the value that will be watched. (Since - * {@link ng.$rootScope.Scope#methods_$digest $digest()} reruns when it detects changes the + * {@link ng.$rootScope.Scope#$digest $digest()} reruns when it detects changes the * `watchExpression` can execute multiple times per - * {@link ng.$rootScope.Scope#methods_$digest $digest()} and should be idempotent.) + * {@link ng.$rootScope.Scope#$digest $digest()} and should be idempotent.) * - The `listener` is called only when the value from the current `watchExpression` and the * previous call to `watchExpression` are not equal (with the exception of the initial run, * see below). The inequality is determined according to @@ -11422,13 +11848,13 @@ function $RootScopeProvider(){ * iteration limit is 10 to prevent an infinite loop deadlock. * * - * If you want to be notified whenever {@link ng.$rootScope.Scope#methods_$digest $digest} is called, + * If you want to be notified whenever {@link ng.$rootScope.Scope#$digest $digest} is called, * you can register a `watchExpression` function with no `listener`. (Since `watchExpression` - * can execute multiple times per {@link ng.$rootScope.Scope#methods_$digest $digest} cycle when a + * can execute multiple times per {@link ng.$rootScope.Scope#$digest $digest} cycle when a * change is detected, be prepared for multiple calls to your listener.) * * After a watcher is registered with the scope, the `listener` fn is called asynchronously - * (via {@link ng.$rootScope.Scope#methods_$evalAsync $evalAsync}) to initialize the + * (via {@link ng.$rootScope.Scope#$evalAsync $evalAsync}) to initialize the * watcher. In rare cases, this is undesirable because the listener is called when the result * of `watchExpression` didn't change. To detect this scenario within the `listener` fn, you * can compare the `newVal` and `oldVal`. If these two values are identical (`===`) then the @@ -11438,7 +11864,7 @@ function $RootScopeProvider(){ * * * # Example - * 
      +       * ```js
            // let's assume that scope was dependency injected as the $rootScope
            var scope = $rootScope;
            scope.name = 'misko';
@@ -11487,12 +11913,12 @@ function $RootScopeProvider(){
            scope.$digest();
            expect(scope.foodCounter).toEqual(1);
 
-       *
      + * ``` * * * * @param {(function()|string)} watchExpression Expression that is evaluated on each - * {@link ng.$rootScope.Scope#methods_$digest $digest} cycle. A change in the return value triggers + * {@link ng.$rootScope.Scope#$digest $digest} cycle. A change in the return value triggers * a call to the `listener`. * * - `string`: Evaluated as {@link guide/expression expression} @@ -11504,7 +11930,8 @@ function $RootScopeProvider(){ * - `function(newValue, oldValue, scope)`: called with current and previous values as * parameters. * - * @param {boolean=} objectEquality Compare object for equality rather than for reference. + * @param {boolean=} objectEquality Compare for object equality using {@link angular.equals} instead of + * comparing for reference equality. * @returns {function()} Returns a deregistration function for this listener. */ $watch: function(watchExp, listener, objectEquality) { @@ -11550,9 +11977,8 @@ function $RootScopeProvider(){ /** - * @ngdoc function - * @name ng.$rootScope.Scope#$watchCollection - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$watchCollection * @function * * @description @@ -11567,7 +11993,7 @@ function $RootScopeProvider(){ * * * # Example - * 
      +       * ```js
           $scope.names = ['igor', 'matias', 'misko', 'james'];
           $scope.dataCount = 4;
 
@@ -11586,38 +12012,48 @@ function $RootScopeProvider(){
 
           //now there's been a change
           expect($scope.dataCount).toEqual(3);
-       *
      + * ``` * * - * @param {string|Function(scope)} obj Evaluated as {@link guide/expression expression}. The + * @param {string|function(scope)} obj Evaluated as {@link guide/expression expression}. The * expression value should evaluate to an object or an array which is observed on each - * {@link ng.$rootScope.Scope#methods_$digest $digest} cycle. Any shallow change within the + * {@link ng.$rootScope.Scope#$digest $digest} cycle. Any shallow change within the * collection will trigger a call to the `listener`. * - * @param {function(newCollection, oldCollection, scope)} listener a callback function that is - * fired with both the `newCollection` and `oldCollection` as parameters. - * The `newCollection` object is the newly modified data obtained from the `obj` expression - * and the `oldCollection` object is a copy of the former collection data. - * The `scope` refers to the current scope. + * @param {function(newCollection, oldCollection, scope)} listener a callback function called + * when a change is detected. + * - The `newCollection` object is the newly modified data obtained from the `obj` expression + * - The `oldCollection` object is a copy of the former collection data. + * Due to performance considerations, the`oldCollection` value is computed only if the + * `listener` function declares two or more arguments. + * - The `scope` argument refers to the current scope. * * @returns {function()} Returns a de-registration function for this listener. When the * de-registration function is executed, the internal watch operation is terminated. */ $watchCollection: function(obj, listener) { var self = this; - var oldValue; + // the current value, updated on each dirty-check run var newValue; + // a shallow copy of the newValue from the last dirty-check run, + // updated to match newValue during dirty-check run + var oldValue; + // a shallow copy of the newValue from when the last change happened + var veryOldValue; + // only track veryOldValue if the listener is asking for it + var trackVeryOldValue = (listener.length > 1); var changeDetected = 0; var objGetter = $parse(obj); var internalArray = []; var internalObject = {}; + var initRun = true; var oldLength = 0; function $watchCollectionWatch() { newValue = objGetter(self); var newLength, key; - if (!isObject(newValue)) { + if (!isObject(newValue)) { // if primitive if (oldValue !== newValue) { oldValue = newValue; changeDetected++; @@ -11639,7 +12075,9 @@ function $RootScopeProvider(){ } // copy the items to oldValue and look for changes. for (var i = 0; i < newLength; i++) { - if (oldValue[i] !== newValue[i]) { + var bothNaN = (oldValue[i] !== oldValue[i]) && + (newValue[i] !== newValue[i]); + if (!bothNaN && (oldValue[i] !== newValue[i])) { changeDetected++; oldValue[i] = newValue[i]; } @@ -11683,40 +12121,64 @@ function $RootScopeProvider(){ } function $watchCollectionAction() { - listener(newValue, oldValue, self); + if (initRun) { + initRun = false; + listener(newValue, newValue, self); + } else { + listener(newValue, veryOldValue, self); + } + + // make a copy for the next time a collection is changed + if (trackVeryOldValue) { + if (!isObject(newValue)) { + //primitive + veryOldValue = newValue; + } else if (isArrayLike(newValue)) { + veryOldValue = new Array(newValue.length); + for (var i = 0; i < newValue.length; i++) { + veryOldValue[i] = newValue[i]; + } + } else { // if object + veryOldValue = {}; + for (var key in newValue) { + if (hasOwnProperty.call(newValue, key)) { + veryOldValue[key] = newValue[key]; + } + } + } + } } return this.$watch($watchCollectionWatch, $watchCollectionAction); }, /** - * @ngdoc function - * @name ng.$rootScope.Scope#$digest - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$digest * @function * * @description - * Processes all of the {@link ng.$rootScope.Scope#methods_$watch watchers} of the current scope and - * its children. Because a {@link ng.$rootScope.Scope#methods_$watch watcher}'s listener can change - * the model, the `$digest()` keeps calling the {@link ng.$rootScope.Scope#methods_$watch watchers} + * Processes all of the {@link ng.$rootScope.Scope#$watch watchers} of the current scope and + * its children. Because a {@link ng.$rootScope.Scope#$watch watcher}'s listener can change + * the model, the `$digest()` keeps calling the {@link ng.$rootScope.Scope#$watch watchers} * until no more listeners are firing. This means that it is possible to get into an infinite * loop. This function will throw `'Maximum iteration limit exceeded.'` if the number of * iterations exceeds 10. * * Usually, you don't call `$digest()` directly in * {@link ng.directive:ngController controllers} or in - * {@link ng.$compileProvider#methods_directive directives}. - * Instead, you should call {@link ng.$rootScope.Scope#methods_$apply $apply()} (typically from within - * a {@link ng.$compileProvider#methods_directive directives}), which will force a `$digest()`. + * {@link ng.$compileProvider#directive directives}. + * Instead, you should call {@link ng.$rootScope.Scope#$apply $apply()} (typically from within + * a {@link ng.$compileProvider#directive directives}), which will force a `$digest()`. * * If you want to be notified whenever `$digest()` is called, * you can register a `watchExpression` function with - * {@link ng.$rootScope.Scope#methods_$watch $watch()} with no `listener`. + * {@link ng.$rootScope.Scope#$watch $watch()} with no `listener`. * * In unit tests, you may need to call `$digest()` to simulate the scope life cycle. * * # Example - * 
      +       * ```js
            var scope = ...;
            scope.name = 'misko';
            scope.counter = 0;
@@ -11734,7 +12196,7 @@ function $RootScopeProvider(){
            scope.name = 'adam';
            scope.$digest();
            expect(scope.counter).toEqual(1);
-       *
      + * ``` * */ $digest: function() { @@ -11847,8 +12309,7 @@ function $RootScopeProvider(){ /** * @ngdoc event - * @name ng.$rootScope.Scope#$destroy - * @eventOf ng.$rootScope.Scope + * @name $rootScope.Scope#$destroy * @eventType broadcast on scope being destroyed * * @description @@ -11859,14 +12320,13 @@ function $RootScopeProvider(){ */ /** - * @ngdoc function - * @name ng.$rootScope.Scope#$destroy - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$destroy * @function * * @description * Removes the current scope (and all of its children) from the parent scope. Removal implies - * that calls to {@link ng.$rootScope.Scope#methods_$digest $digest()} will no longer + * that calls to {@link ng.$rootScope.Scope#$digest $digest()} will no longer * propagate to the current scope and its children. Removal also implies that the current * scope is eligible for garbage collection. * @@ -11892,21 +12352,37 @@ function $RootScopeProvider(){ forEach(this.$$listenerCount, bind(null, decrementListenerCount, this)); + // sever all the references to parent scopes (after this cleanup, the current scope should + // not be retained by any of our references and should be eligible for garbage collection) if (parent.$$childHead == this) parent.$$childHead = this.$$nextSibling; if (parent.$$childTail == this) parent.$$childTail = this.$$prevSibling; if (this.$$prevSibling) this.$$prevSibling.$$nextSibling = this.$$nextSibling; if (this.$$nextSibling) this.$$nextSibling.$$prevSibling = this.$$prevSibling; - // This is bogus code that works around Chrome's GC leak - // see: https://github.com/angular/angular.js/issues/1313#issuecomment-10378451 + + // All of the code below is bogus code that works around V8's memory leak via optimized code + // and inline caches. + // + // see: + // - https://code.google.com/p/v8/issues/detail?id=2073#c26 + // - https://github.com/angular/angular.js/issues/6794#issuecomment-38648909 + // - https://github.com/angular/angular.js/issues/1313#issuecomment-10378451 + this.$parent = this.$$nextSibling = this.$$prevSibling = this.$$childHead = - this.$$childTail = null; + this.$$childTail = this.$root = null; + + // don't reset these to null in case some async task tries to register a listener/watch/task + this.$$listeners = {}; + this.$$watchers = this.$$asyncQueue = this.$$postDigestQueue = []; + + // prevent NPEs since these methods have references to properties we nulled out + this.$destroy = this.$digest = this.$apply = noop; + this.$on = this.$watch = function() { return noop; }; }, /** - * @ngdoc function - * @name ng.$rootScope.Scope#$eval - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$eval * @function * * @description @@ -11915,14 +12391,14 @@ function $RootScopeProvider(){ * expressions. * * # Example - * 
      +       * ```js
            var scope = ng.$rootScope.Scope();
            scope.a = 1;
            scope.b = 2;
 
            expect(scope.$eval('a+b')).toEqual(3);
            expect(scope.$eval(function(scope){ return scope.a + scope.b; })).toEqual(3);
-       *
      + * ``` * * @param {(string|function())=} expression An angular expression to be executed. * @@ -11937,9 +12413,8 @@ function $RootScopeProvider(){ }, /** - * @ngdoc function - * @name ng.$rootScope.Scope#$evalAsync - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$evalAsync * @function * * @description @@ -11950,7 +12425,7 @@ function $RootScopeProvider(){ * * - it will execute after the function that scheduled the evaluation (preferably before DOM * rendering). - * - at least one {@link ng.$rootScope.Scope#methods_$digest $digest cycle} will be performed after + * - at least one {@link ng.$rootScope.Scope#$digest $digest cycle} will be performed after * `expression` execution. * * Any exceptions from the execution of the expression are forwarded to the @@ -11985,9 +12460,8 @@ function $RootScopeProvider(){ }, /** - * @ngdoc function - * @name ng.$rootScope.Scope#$apply - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$apply * @function * * @description @@ -11995,12 +12469,12 @@ function $RootScopeProvider(){ * framework. (For example from browser DOM events, setTimeout, XHR or third party libraries). * Because we are calling into the angular framework we need to perform proper scope life * cycle of {@link ng.$exceptionHandler exception handling}, - * {@link ng.$rootScope.Scope#methods_$digest executing watches}. + * {@link ng.$rootScope.Scope#$digest executing watches}. * * ## Life cycle * * # Pseudo-Code of `$apply()` - * 
      +       * ```js
            function $apply(expr) {
              try {
                return $eval(expr);
@@ -12010,17 +12484,17 @@ function $RootScopeProvider(){
                $root.$digest();
              }
            }
-       *
      + * ``` * * * Scope's `$apply()` method transitions through the following stages: * * 1. The {@link guide/expression expression} is executed using the - * {@link ng.$rootScope.Scope#methods_$eval $eval()} method. + * {@link ng.$rootScope.Scope#$eval $eval()} method. * 2. Any exceptions from the execution of the expression are forwarded to the * {@link ng.$exceptionHandler $exceptionHandler} service. - * 3. The {@link ng.$rootScope.Scope#methods_$watch watch} listeners are fired immediately after the - * expression was executed using the {@link ng.$rootScope.Scope#methods_$digest $digest()} method. + * 3. The {@link ng.$rootScope.Scope#$watch watch} listeners are fired immediately after the + * expression was executed using the {@link ng.$rootScope.Scope#$digest $digest()} method. * * * @param {(string|function())=} exp An angular expression to be executed. @@ -12048,13 +12522,12 @@ function $RootScopeProvider(){ }, /** - * @ngdoc function - * @name ng.$rootScope.Scope#$on - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$on * @function * * @description - * Listens on events of a given type. See {@link ng.$rootScope.Scope#methods_$emit $emit} for + * Listens on events of a given type. See {@link ng.$rootScope.Scope#$emit $emit} for * discussion of event life cycle. * * The event listener function format is: `function(event, args...)`. The `event` object @@ -12071,7 +12544,7 @@ function $RootScopeProvider(){ * - `defaultPrevented` - `{boolean}`: true if `preventDefault` was called. * * @param {string} name Event name to listen on. - * @param {function(event, args...)} listener Function to call when the event is emitted. + * @param {function(event, ...args)} listener Function to call when the event is emitted. * @returns {function()} Returns a deregistration function for this listener. */ $on: function(name, listener) { @@ -12098,27 +12571,26 @@ function $RootScopeProvider(){ /** - * @ngdoc function - * @name ng.$rootScope.Scope#$emit - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$emit * @function * * @description * Dispatches an event `name` upwards through the scope hierarchy notifying the - * registered {@link ng.$rootScope.Scope#methods_$on} listeners. + * registered {@link ng.$rootScope.Scope#$on} listeners. * * The event life cycle starts at the scope on which `$emit` was called. All - * {@link ng.$rootScope.Scope#methods_$on listeners} listening for `name` event on this scope get + * {@link ng.$rootScope.Scope#$on listeners} listening for `name` event on this scope get * notified. Afterwards, the event traverses upwards toward the root scope and calls all * registered listeners along the way. The event will stop propagating if one of the listeners * cancels it. * - * Any exception emitted from the {@link ng.$rootScope.Scope#methods_$on listeners} will be passed + * Any exception emitted from the {@link ng.$rootScope.Scope#$on listeners} will be passed * onto the {@link ng.$exceptionHandler $exceptionHandler} service. * * @param {string} name Event name to emit. - * @param {...*} args Optional set of arguments which will be passed onto the event listeners. - * @return {Object} Event object (see {@link ng.$rootScope.Scope#methods_$on}). + * @param {...*} args Optional one or more arguments which will be passed onto the event listeners. + * @return {Object} Event object (see {@link ng.$rootScope.Scope#$on}). */ $emit: function(name, args) { var empty = [], @@ -12167,26 +12639,25 @@ function $RootScopeProvider(){ /** - * @ngdoc function - * @name ng.$rootScope.Scope#$broadcast - * @methodOf ng.$rootScope.Scope + * @ngdoc method + * @name $rootScope.Scope#$broadcast * @function * * @description * Dispatches an event `name` downwards to all child scopes (and their children) notifying the - * registered {@link ng.$rootScope.Scope#methods_$on} listeners. + * registered {@link ng.$rootScope.Scope#$on} listeners. * * The event life cycle starts at the scope on which `$broadcast` was called. All - * {@link ng.$rootScope.Scope#methods_$on listeners} listening for `name` event on this scope get + * {@link ng.$rootScope.Scope#$on listeners} listening for `name` event on this scope get * notified. Afterwards, the event propagates to all direct and indirect scopes of the current * scope and calls all registered listeners along the way. The event cannot be canceled. * - * Any exception emitted from the {@link ng.$rootScope.Scope#methods_$on listeners} will be passed + * Any exception emitted from the {@link ng.$rootScope.Scope#$on listeners} will be passed * onto the {@link ng.$exceptionHandler $exceptionHandler} service. * * @param {string} name Event name to broadcast. - * @param {...*} args Optional set of arguments which will be passed onto the event listeners. - * @return {Object} Event object, see {@link ng.$rootScope.Scope#methods_$on} + * @param {...*} args Optional one or more arguments which will be passed onto the event listeners. + * @return {Object} Event object, see {@link ng.$rootScope.Scope#$on} */ $broadcast: function(name, args) { var target = this, @@ -12417,7 +12888,7 @@ function adjustMatchers(matchers) { /** * @ngdoc service - * @name ng.$sceDelegate + * @name $sceDelegate * @function * * @description @@ -12437,21 +12908,21 @@ function adjustMatchers(matchers) { * can override it completely to change the behavior of `$sce`, the common case would * involve configuring the {@link ng.$sceDelegateProvider $sceDelegateProvider} instead by setting * your own whitelists and blacklists for trusting URLs used for loading AngularJS resources such as - * templates. Refer {@link ng.$sceDelegateProvider#methods_resourceUrlWhitelist + * templates. Refer {@link ng.$sceDelegateProvider#resourceUrlWhitelist * $sceDelegateProvider.resourceUrlWhitelist} and {@link - * ng.$sceDelegateProvider#methods_resourceUrlBlacklist $sceDelegateProvider.resourceUrlBlacklist} + * ng.$sceDelegateProvider#resourceUrlBlacklist $sceDelegateProvider.resourceUrlBlacklist} */ /** - * @ngdoc object - * @name ng.$sceDelegateProvider + * @ngdoc provider + * @name $sceDelegateProvider * @description * * The `$sceDelegateProvider` provider allows developers to configure the {@link ng.$sceDelegate * $sceDelegate} service. This allows one to get/set the whitelists and blacklists used to ensure * that the URLs used for sourcing Angular templates are safe. Refer {@link - * ng.$sceDelegateProvider#methods_resourceUrlWhitelist $sceDelegateProvider.resourceUrlWhitelist} and - * {@link ng.$sceDelegateProvider#methods_resourceUrlBlacklist $sceDelegateProvider.resourceUrlBlacklist} + * ng.$sceDelegateProvider#resourceUrlWhitelist $sceDelegateProvider.resourceUrlWhitelist} and + * {@link ng.$sceDelegateProvider#resourceUrlBlacklist $sceDelegateProvider.resourceUrlBlacklist} * * For the general details about this service in Angular, read the main page for {@link ng.$sce * Strict Contextual Escaping (SCE)}. @@ -12488,9 +12959,8 @@ function $SceDelegateProvider() { resourceUrlBlacklist = []; /** - * @ngdoc function - * @name ng.sceDelegateProvider#resourceUrlWhitelist - * @methodOf ng.$sceDelegateProvider + * @ngdoc method + * @name $sceDelegateProvider#resourceUrlWhitelist * @function * * @param {Array=} whitelist When provided, replaces the resourceUrlWhitelist with the value @@ -12518,9 +12988,8 @@ function $SceDelegateProvider() { }; /** - * @ngdoc function - * @name ng.sceDelegateProvider#resourceUrlBlacklist - * @methodOf ng.$sceDelegateProvider + * @ngdoc method + * @name $sceDelegateProvider#resourceUrlBlacklist * @function * * @param {Array=} blacklist When provided, replaces the resourceUrlBlacklist with the value @@ -12623,8 +13092,7 @@ function $SceDelegateProvider() { /** * @ngdoc method - * @name ng.$sceDelegate#trustAs - * @methodOf ng.$sceDelegate + * @name $sceDelegate#trustAs * * @description * Returns an object that is trusted by angular for use in specified strict @@ -12661,20 +13129,19 @@ function $SceDelegateProvider() { /** * @ngdoc method - * @name ng.$sceDelegate#valueOf - * @methodOf ng.$sceDelegate + * @name $sceDelegate#valueOf * * @description - * If the passed parameter had been returned by a prior call to {@link ng.$sceDelegate#methods_trustAs + * If the passed parameter had been returned by a prior call to {@link ng.$sceDelegate#trustAs * `$sceDelegate.trustAs`}, returns the value that had been passed to {@link - * ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`}. + * ng.$sceDelegate#trustAs `$sceDelegate.trustAs`}. * * If the passed parameter is not a value that had been returned by {@link - * ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`}, returns it as-is. + * ng.$sceDelegate#trustAs `$sceDelegate.trustAs`}, returns it as-is. * - * @param {*} value The result of a prior {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`} + * @param {*} value The result of a prior {@link ng.$sceDelegate#trustAs `$sceDelegate.trustAs`} * call or anything else. - * @returns {*} The `value` that was originally provided to {@link ng.$sceDelegate#methods_trustAs + * @returns {*} The `value` that was originally provided to {@link ng.$sceDelegate#trustAs * `$sceDelegate.trustAs`} if `value` is the result of such a call. Otherwise, returns * `value` unchanged. */ @@ -12688,18 +13155,17 @@ function $SceDelegateProvider() { /** * @ngdoc method - * @name ng.$sceDelegate#getTrusted - * @methodOf ng.$sceDelegate + * @name $sceDelegate#getTrusted * * @description - * Takes the result of a {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`} call and + * Takes the result of a {@link ng.$sceDelegate#trustAs `$sceDelegate.trustAs`} call and * returns the originally supplied value if the queried context type is a supertype of the * created type. If this condition isn't satisfied, throws an exception. * * @param {string} type The kind of context in which this value is to be used. - * @param {*} maybeTrusted The result of a prior {@link ng.$sceDelegate#methods_trustAs + * @param {*} maybeTrusted The result of a prior {@link ng.$sceDelegate#trustAs * `$sceDelegate.trustAs`} call. - * @returns {*} The value the was originally provided to {@link ng.$sceDelegate#methods_trustAs + * @returns {*} The value the was originally provided to {@link ng.$sceDelegate#trustAs * `$sceDelegate.trustAs`} if valid in this context. Otherwise, throws an exception. */ function getTrusted(type, maybeTrusted) { @@ -12735,8 +13201,8 @@ function $SceDelegateProvider() { /** - * @ngdoc object - * @name ng.$sceProvider + * @ngdoc provider + * @name $sceProvider * @description * * The $sceProvider provider allows developers to configure the {@link ng.$sce $sce} service. @@ -12750,7 +13216,7 @@ function $SceDelegateProvider() { /** * @ngdoc service - * @name ng.$sce + * @name $sce * @function * * @description @@ -12804,20 +13270,20 @@ function $SceDelegateProvider() { * allowing only the files in a specific directory to do this. Ensuring that the internal API * exposed by that code doesn't markup arbitrary values as safe then becomes a more manageable task. * - * In the case of AngularJS' SCE service, one uses {@link ng.$sce#methods_trustAs $sce.trustAs} - * (and shorthand methods such as {@link ng.$sce#methods_trustAsHtml $sce.trustAsHtml}, etc.) to + * In the case of AngularJS' SCE service, one uses {@link ng.$sce#trustAs $sce.trustAs} + * (and shorthand methods such as {@link ng.$sce#trustAsHtml $sce.trustAsHtml}, etc.) to * obtain values that will be accepted by SCE / privileged contexts. * * * ## How does it work? * - * In privileged contexts, directives and code will bind to the result of {@link ng.$sce#methods_getTrusted + * In privileged contexts, directives and code will bind to the result of {@link ng.$sce#getTrusted * $sce.getTrusted(context, value)} rather than to the value directly. Directives use {@link - * ng.$sce#methods_parse $sce.parseAs} rather than `$parse` to watch attribute bindings, which performs the - * {@link ng.$sce#methods_getTrusted $sce.getTrusted} behind the scenes on non-constant literals. + * ng.$sce#parse $sce.parseAs} rather than `$parse` to watch attribute bindings, which performs the + * {@link ng.$sce#getTrusted $sce.getTrusted} behind the scenes on non-constant literals. * * As an example, {@link ng.directive:ngBindHtml ngBindHtml} uses {@link - * ng.$sce#methods_parseAsHtml $sce.parseAsHtml(binding expression)}. Here's the actual code (slightly + * ng.$sce#parseAsHtml $sce.parseAsHtml(binding expression)}. Here's the actual code (slightly * simplified): * * 
      @@ -12836,15 +13302,15 @@ function $SceDelegateProvider() {
  * `templateUrl`'s specified by {@link guide/directive directives}.
  *
  * By default, Angular only loads templates from the same domain and protocol as the application
- * document.  This is done by calling {@link ng.$sce#methods_getTrustedResourceUrl
+ * document.  This is done by calling {@link ng.$sce#getTrustedResourceUrl
  * $sce.getTrustedResourceUrl} on the template URL.  To load templates from other domains and/or
- * protocols, you may either either {@link ng.$sceDelegateProvider#methods_resourceUrlWhitelist whitelist
- * them} or {@link ng.$sce#methods_trustAsResourceUrl wrap it} into a trusted value.
+ * protocols, you may either either {@link ng.$sceDelegateProvider#resourceUrlWhitelist whitelist
+ * them} or {@link ng.$sce#trustAsResourceUrl wrap it} into a trusted value.
  *
  * *Please note*:
  * The browser's
- * {@link https://code.google.com/p/browsersec/wiki/Part2#Same-origin_policy_for_XMLHttpRequest
- * Same Origin Policy} and {@link http://www.w3.org/TR/cors/ Cross-Origin Resource Sharing (CORS)}
+ * [Same Origin Policy](https://code.google.com/p/browsersec/wiki/Part2#Same-origin_policy_for_XMLHttpRequest)
+ * and [Cross-Origin Resource Sharing (CORS)](http://www.w3.org/TR/cors/)
  * policy apply in addition to this and may further restrict whether the template is successfully
  * loaded.  This means that without the right CORS policy, loading templates from a different domain
  * won't work on all browsers.  Also, loading templates from `file://` URL does not work on some
@@ -12859,14 +13325,14 @@ function $SceDelegateProvider() {
  * `
      `) just works.
  *
  * Additionally, `a[href]` and `img[src]` automatically sanitize their URLs and do not pass them
- * through {@link ng.$sce#methods_getTrusted $sce.getTrusted}.  SCE doesn't play a role here.
+ * through {@link ng.$sce#getTrusted $sce.getTrusted}.  SCE doesn't play a role here.
  *
  * The included {@link ng.$sceDelegate $sceDelegate} comes with sane defaults to allow you to load
  * templates in `ng-include` from your application's domain without having to even know about SCE.
  * It blocks loading templates from other domains or loading templates over http from an https
  * served document.  You can change these by setting your own custom {@link
- * ng.$sceDelegateProvider#methods_resourceUrlWhitelist whitelists} and {@link
- * ng.$sceDelegateProvider#methods_resourceUrlBlacklist blacklists} for matching such URLs.
+ * ng.$sceDelegateProvider#resourceUrlWhitelist whitelists} and {@link
+ * ng.$sceDelegateProvider#resourceUrlBlacklist blacklists} for matching such URLs.
  *
  * This significantly reduces the overhead.  It is far easier to pay the small overhead and have an
  * application that's secure and can be audited to verify that with much more ease than bolting
@@ -12879,11 +13345,11 @@ function $SceDelegateProvider() {
  * |---------------------|----------------|
  * | `$sce.HTML`         | For HTML that's safe to source into the application.  The {@link ng.directive:ngBindHtml ngBindHtml} directive uses this context for bindings. |
  * | `$sce.CSS`          | For CSS that's safe to source into the application.  Currently unused.  Feel free to use it in your own directives. |
- * | `$sce.URL`          | For URLs that are safe to follow as links.  Currently unused (`
      Note that `$sce.RESOURCE_URL` makes a stronger statement about the URL than `$sce.URL` does and therefore contexts requiring values trusted for `$sce.RESOURCE_URL` can be used anywhere that values trusted for `$sce.URL` are required. |
+ * | `$sce.URL`          | For URLs that are safe to follow as links.  Currently unused (`
      Note that `$sce.RESOURCE_URL` makes a stronger statement about the URL than `$sce.URL` does and therefore contexts requiring values trusted for `$sce.RESOURCE_URL` can be used anywhere that values trusted for `$sce.URL` are required. |
  * | `$sce.JS`           | For JavaScript that is safe to execute in your application's context.  Currently unused.  Feel free to use it in your own directives. |
  *
- * ## Format of items in {@link ng.$sceDelegateProvider#methods_resourceUrlWhitelist resourceUrlWhitelist}/{@link ng.$sceDelegateProvider#methods_resourceUrlBlacklist Blacklist}       
+ * ## Format of items in {@link ng.$sceDelegateProvider#resourceUrlWhitelist resourceUrlWhitelist}/{@link ng.$sceDelegateProvider#resourceUrlBlacklist Blacklist} 
  *
  *  Each element in these arrays must be one of the following:
  *
@@ -12895,10 +13361,10 @@ function $SceDelegateProvider() {
  *      being tested (substring matches are not good enough.)
  *    - There are exactly **two wildcard sequences** - `*` and `**`.  All other characters
  *      match themselves.
- *    - `*`: matches zero or more occurances of any character other than one of the following 6
+ *    - `*`: matches zero or more occurrences of any character other than one of the following 6
  *      characters: '`:`', '`/`', '`.`', '`?`', '`&`' and ';'.  It's a useful wildcard for use
  *      in a whitelist.
- *    - `**`: matches zero or more occurances of *any* character.  As such, it's not
+ *    - `**`: matches zero or more occurrences of *any* character.  As such, it's not
  *      not appropriate to use in for a scheme, domain, etc. as it would match too much.  (e.g.
  *      http://**.example.com/ would match http://evil.com/?ignore=.example.com/ and that might
  *      not have been the intention.)  It's usage at the very end of the path is ok.  (e.g.
@@ -12977,13 +13443,15 @@ function $SceDelegateProvider() {
 ]
 
 
-
+
   describe('SCE doc demo', function() {
     it('should sanitize untrusted values', function() {
-      expect(element('.htmlComment').html()).toBe('Is anyone reading this?');
+      expect(element(by.css('.htmlComment')).getInnerHtml())
+          .toBe('Is anyone reading this?');
     });
+
     it('should NOT sanitize explicitly trusted values', function() {
-      expect(element('#explicitlyTrustedHtml').html()).toBe(
+      expect(element(by.id('explicitlyTrustedHtml')).getInnerHtml()).toBe(
           'Hover over this text.');
     });
@@ -13018,9 +13486,8 @@ function $SceProvider() {
   var enabled = true;
 
   /**
-   * @ngdoc function
-   * @name ng.sceProvider#enabled
-   * @methodOf ng.$sceProvider
+   * @ngdoc method
+   * @name $sceProvider#enabled
    * @function
    *
    * @param {boolean=} value If provided, then enables/disables SCE.
@@ -13097,9 +13564,8 @@ function $SceProvider() {
     var sce = copy(SCE_CONTEXTS);
 
     /**
-     * @ngdoc function
-     * @name ng.sce#isEnabled
-     * @methodOf ng.$sce
+     * @ngdoc method
+     * @name $sce#isEnabled
      * @function
      *
      * @return {Boolean} true if SCE is enabled, false otherwise.  If you want to set the value, you
@@ -13122,13 +13588,12 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#parse
-     * @methodOf ng.$sce
+     * @name $sce#parse
      *
      * @description
      * Converts Angular {@link guide/expression expression} into a function.  This is like {@link
      * ng.$parse $parse} and is identical when the expression is a literal constant.  Otherwise, it
-     * wraps the expression in a call to {@link ng.$sce#methods_getTrusted $sce.getTrusted(*type*,
+     * wraps the expression in a call to {@link ng.$sce#getTrusted $sce.getTrusted(*type*,
      * *result*)}
      *
      * @param {string} type The kind of SCE context in which this result will be used.
@@ -13153,11 +13618,10 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#trustAs
-     * @methodOf ng.$sce
+     * @name $sce#trustAs
      *
      * @description
-     * Delegates to {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`}.  As such,
+     * Delegates to {@link ng.$sceDelegate#trustAs `$sceDelegate.trustAs`}.  As such,
      * returns an object that is trusted by angular for use in specified strict contextual
      * escaping contexts (such as ng-bind-html, ng-include, any src attribute
      * interpolation, any dom event binding attribute interpolation such as for onclick,  etc.)
@@ -13173,95 +13637,89 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#trustAsHtml
-     * @methodOf ng.$sce
+     * @name $sce#trustAsHtml
      *
      * @description
      * Shorthand method.  `$sce.trustAsHtml(value)` →
-     *     {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.HTML, value)`}
+     *     {@link ng.$sceDelegate#trustAs `$sceDelegate.trustAs($sce.HTML, value)`}
      *
      * @param {*} value The value to trustAs.
-     * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedHtml
+     * @returns {*} An object that can be passed to {@link ng.$sce#getTrustedHtml
      *     $sce.getTrustedHtml(value)} to obtain the original value.  (privileged directives
      *     only accept expressions that are either literal constants or are the
-     *     return value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)
+     *     return value of {@link ng.$sce#trustAs $sce.trustAs}.)
      */
 
     /**
      * @ngdoc method
-     * @name ng.$sce#trustAsUrl
-     * @methodOf ng.$sce
+     * @name $sce#trustAsUrl
      *
      * @description
      * Shorthand method.  `$sce.trustAsUrl(value)` →
-     *     {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.URL, value)`}
+     *     {@link ng.$sceDelegate#trustAs `$sceDelegate.trustAs($sce.URL, value)`}
      *
      * @param {*} value The value to trustAs.
-     * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedUrl
+     * @returns {*} An object that can be passed to {@link ng.$sce#getTrustedUrl
      *     $sce.getTrustedUrl(value)} to obtain the original value.  (privileged directives
      *     only accept expressions that are either literal constants or are the
-     *     return value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)
+     *     return value of {@link ng.$sce#trustAs $sce.trustAs}.)
      */
 
     /**
      * @ngdoc method
-     * @name ng.$sce#trustAsResourceUrl
-     * @methodOf ng.$sce
+     * @name $sce#trustAsResourceUrl
      *
      * @description
      * Shorthand method.  `$sce.trustAsResourceUrl(value)` →
-     *     {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.RESOURCE_URL, value)`}
+     *     {@link ng.$sceDelegate#trustAs `$sceDelegate.trustAs($sce.RESOURCE_URL, value)`}
      *
      * @param {*} value The value to trustAs.
-     * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedResourceUrl
+     * @returns {*} An object that can be passed to {@link ng.$sce#getTrustedResourceUrl
      *     $sce.getTrustedResourceUrl(value)} to obtain the original value.  (privileged directives
      *     only accept expressions that are either literal constants or are the return
-     *     value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)
+     *     value of {@link ng.$sce#trustAs $sce.trustAs}.)
      */
 
     /**
      * @ngdoc method
-     * @name ng.$sce#trustAsJs
-     * @methodOf ng.$sce
+     * @name $sce#trustAsJs
      *
      * @description
      * Shorthand method.  `$sce.trustAsJs(value)` →
-     *     {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.JS, value)`}
+     *     {@link ng.$sceDelegate#trustAs `$sceDelegate.trustAs($sce.JS, value)`}
      *
      * @param {*} value The value to trustAs.
-     * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedJs
+     * @returns {*} An object that can be passed to {@link ng.$sce#getTrustedJs
      *     $sce.getTrustedJs(value)} to obtain the original value.  (privileged directives
      *     only accept expressions that are either literal constants or are the
-     *     return value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)
+     *     return value of {@link ng.$sce#trustAs $sce.trustAs}.)
      */
 
     /**
      * @ngdoc method
-     * @name ng.$sce#getTrusted
-     * @methodOf ng.$sce
+     * @name $sce#getTrusted
      *
      * @description
-     * Delegates to {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted`}.  As such,
-     * takes the result of a {@link ng.$sce#methods_trustAs `$sce.trustAs`}() call and returns the
+     * Delegates to {@link ng.$sceDelegate#getTrusted `$sceDelegate.getTrusted`}.  As such,
+     * takes the result of a {@link ng.$sce#trustAs `$sce.trustAs`}() call and returns the
      * originally supplied value if the queried context type is a supertype of the created type.
      * If this condition isn't satisfied, throws an exception.
      *
      * @param {string} type The kind of context in which this value is to be used.
-     * @param {*} maybeTrusted The result of a prior {@link ng.$sce#methods_trustAs `$sce.trustAs`}
+     * @param {*} maybeTrusted The result of a prior {@link ng.$sce#trustAs `$sce.trustAs`}
      *                         call.
      * @returns {*} The value the was originally provided to
-     *              {@link ng.$sce#methods_trustAs `$sce.trustAs`} if valid in this context.
+     *              {@link ng.$sce#trustAs `$sce.trustAs`} if valid in this context.
      *              Otherwise, throws an exception.
      */
 
     /**
      * @ngdoc method
-     * @name ng.$sce#getTrustedHtml
-     * @methodOf ng.$sce
+     * @name $sce#getTrustedHtml
      *
      * @description
      * Shorthand method.  `$sce.getTrustedHtml(value)` →
-     *     {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.HTML, value)`}
+     *     {@link ng.$sceDelegate#getTrusted `$sceDelegate.getTrusted($sce.HTML, value)`}
      *
      * @param {*} value The value to pass to `$sce.getTrusted`.
      * @returns {*} The return value of `$sce.getTrusted($sce.HTML, value)`
@@ -13269,12 +13727,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#getTrustedCss
-     * @methodOf ng.$sce
+     * @name $sce#getTrustedCss
      *
      * @description
      * Shorthand method.  `$sce.getTrustedCss(value)` →
-     *     {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.CSS, value)`}
+     *     {@link ng.$sceDelegate#getTrusted `$sceDelegate.getTrusted($sce.CSS, value)`}
      *
      * @param {*} value The value to pass to `$sce.getTrusted`.
      * @returns {*} The return value of `$sce.getTrusted($sce.CSS, value)`
@@ -13282,12 +13739,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#getTrustedUrl
-     * @methodOf ng.$sce
+     * @name $sce#getTrustedUrl
      *
      * @description
      * Shorthand method.  `$sce.getTrustedUrl(value)` →
-     *     {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.URL, value)`}
+     *     {@link ng.$sceDelegate#getTrusted `$sceDelegate.getTrusted($sce.URL, value)`}
      *
      * @param {*} value The value to pass to `$sce.getTrusted`.
      * @returns {*} The return value of `$sce.getTrusted($sce.URL, value)`
@@ -13295,12 +13751,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#getTrustedResourceUrl
-     * @methodOf ng.$sce
+     * @name $sce#getTrustedResourceUrl
      *
      * @description
      * Shorthand method.  `$sce.getTrustedResourceUrl(value)` →
-     *     {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.RESOURCE_URL, value)`}
+     *     {@link ng.$sceDelegate#getTrusted `$sceDelegate.getTrusted($sce.RESOURCE_URL, value)`}
      *
      * @param {*} value The value to pass to `$sceDelegate.getTrusted`.
      * @returns {*} The return value of `$sce.getTrusted($sce.RESOURCE_URL, value)`
@@ -13308,12 +13763,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#getTrustedJs
-     * @methodOf ng.$sce
+     * @name $sce#getTrustedJs
      *
      * @description
      * Shorthand method.  `$sce.getTrustedJs(value)` →
-     *     {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.JS, value)`}
+     *     {@link ng.$sceDelegate#getTrusted `$sceDelegate.getTrusted($sce.JS, value)`}
      *
      * @param {*} value The value to pass to `$sce.getTrusted`.
      * @returns {*} The return value of `$sce.getTrusted($sce.JS, value)`
@@ -13321,12 +13775,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#parseAsHtml
-     * @methodOf ng.$sce
+     * @name $sce#parseAsHtml
      *
      * @description
      * Shorthand method.  `$sce.parseAsHtml(expression string)` →
-     *     {@link ng.$sce#methods_parse `$sce.parseAs($sce.HTML, value)`}
+     *     {@link ng.$sce#parse `$sce.parseAs($sce.HTML, value)`}
      *
      * @param {string} expression String expression to compile.
      * @returns {function(context, locals)} a function which represents the compiled expression:
@@ -13339,12 +13792,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#parseAsCss
-     * @methodOf ng.$sce
+     * @name $sce#parseAsCss
      *
      * @description
      * Shorthand method.  `$sce.parseAsCss(value)` →
-     *     {@link ng.$sce#methods_parse `$sce.parseAs($sce.CSS, value)`}
+     *     {@link ng.$sce#parse `$sce.parseAs($sce.CSS, value)`}
      *
      * @param {string} expression String expression to compile.
      * @returns {function(context, locals)} a function which represents the compiled expression:
@@ -13357,12 +13809,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#parseAsUrl
-     * @methodOf ng.$sce
+     * @name $sce#parseAsUrl
      *
      * @description
      * Shorthand method.  `$sce.parseAsUrl(value)` →
-     *     {@link ng.$sce#methods_parse `$sce.parseAs($sce.URL, value)`}
+     *     {@link ng.$sce#parse `$sce.parseAs($sce.URL, value)`}
      *
      * @param {string} expression String expression to compile.
      * @returns {function(context, locals)} a function which represents the compiled expression:
@@ -13375,12 +13826,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#parseAsResourceUrl
-     * @methodOf ng.$sce
+     * @name $sce#parseAsResourceUrl
      *
      * @description
      * Shorthand method.  `$sce.parseAsResourceUrl(value)` →
-     *     {@link ng.$sce#methods_parse `$sce.parseAs($sce.RESOURCE_URL, value)`}
+     *     {@link ng.$sce#parse `$sce.parseAs($sce.RESOURCE_URL, value)`}
      *
      * @param {string} expression String expression to compile.
      * @returns {function(context, locals)} a function which represents the compiled expression:
@@ -13393,12 +13843,11 @@ function $SceProvider() {
 
     /**
      * @ngdoc method
-     * @name ng.$sce#parseAsJs
-     * @methodOf ng.$sce
+     * @name $sce#parseAsJs
      *
      * @description
      * Shorthand method.  `$sce.parseAsJs(value)` →
-     *     {@link ng.$sce#methods_parse `$sce.parseAs($sce.JS, value)`}
+     *     {@link ng.$sce#parse `$sce.parseAs($sce.JS, value)`}
      *
      * @param {string} expression String expression to compile.
      * @returns {function(context, locals)} a function which represents the compiled expression:
@@ -13434,7 +13883,7 @@ function $SceProvider() {
 /**
  * !!! This is an undocumented "private" service !!!
  *
- * @name ng.$sniffer
+ * @name $sniffer
  * @requires $window
  * @requires $document
  *
@@ -13530,9 +13979,8 @@ function $TimeoutProvider() {
 
 
      /**
-      * @ngdoc function
-      * @name ng.$timeout
-      * @requires $browser
+      * @ngdoc service
+      * @name $timeout
       *
       * @description
       * Angular's wrapper for `window.setTimeout`. The `fn` function is wrapped into a try/catch
@@ -13550,10 +13998,10 @@ function $TimeoutProvider() {
       * @param {function()} fn A function, whose execution should be delayed.
       * @param {number=} [delay=0] Delay in milliseconds.
       * @param {boolean=} [invokeApply=true] If set to `false` skips model dirty checking, otherwise
-      *   will invoke `fn` within the {@link ng.$rootScope.Scope#methods_$apply $apply} block.
+      *   will invoke `fn` within the {@link ng.$rootScope.Scope#$apply $apply} block.
       * @returns {Promise} Promise that will be resolved when the timeout is reached. The value this
       *   promise will be resolved with is the return value of the `fn` function.
-      * 
+      *
       */
     function timeout(fn, delay, invokeApply) {
       var deferred = $q.defer(),
@@ -13583,9 +14031,8 @@ function $TimeoutProvider() {
 
 
      /**
-      * @ngdoc function
-      * @name ng.$timeout#cancel
-      * @methodOf ng.$timeout
+      * @ngdoc method
+      * @name $timeout#cancel
       *
       * @description
       * Cancels a task associated with the `promise`. As a result of this, the promise will be
@@ -13712,8 +14159,8 @@ function urlIsSameOrigin(requestUrl) {
 }
 
 /**
- * @ngdoc object
- * @name ng.$window
+ * @ngdoc service
+ * @name $window
  *
  * @description
  * A reference to the browser's `window` object. While `window`
@@ -13727,8 +14174,8 @@ function urlIsSameOrigin(requestUrl) {
  * expression.
  *
  * @example
-   
-     
+   
+     
        
        
      
           
      
-         default currency symbol ($): {{amount | currency}}
      
-         custom currency identifier (USD$): {{amount | currency:"USD$"}}
+         default currency symbol ($): {{amount | currency}}
      
+         custom currency identifier (USD$): {{amount | currency:"USD$"}}
        
      
-           
-     
+           
+     
        it('should init with 1234.56', function() {
-         expect(binding('amount | currency')).toBe('$1,234.56');
-         expect(binding('amount | currency:"USD$"')).toBe('USD$1,234.56');
+         expect(element(by.id('currency-default')).getText()).toBe('$1,234.56');
+         expect(element(by.binding('amount | currency:"USD$"')).getText()).toBe('USD$1,234.56');
        });
        it('should update', function() {
-         input('amount').enter('-1234');
-         expect(binding('amount | currency')).toBe('($1,234.00)');
-         expect(binding('amount | currency:"USD$"')).toBe('(USD$1,234.00)');
+         if (browser.params.browser == 'safari') {
+           // Safari does not understand the minus key. See
+           // https://github.com/angular/protractor/issues/481
+           return;
+         }
+         element(by.model('amount')).clear();
+         element(by.model('amount')).sendKeys('-1234');
+         expect(element(by.id('currency-default')).getText()).toBe('($1,234.00)');
+         expect(element(by.binding('amount | currency:"USD$"')).getText()).toBe('(USD$1,234.00)');
        });
-     
-   
+     
+   
  */
 currencyFilter.$inject = ['$locale'];
 function currencyFilter($locale) {
@@ -14138,7 +14610,7 @@ function currencyFilter($locale) {
 
 /**
  * @ngdoc filter
- * @name ng.filter:number
+ * @name number
  * @function
  *
  * @description
@@ -14153,8 +14625,8 @@ function currencyFilter($locale) {
  * @returns {string} Number rounded to decimalPlaces and places a “,” after each third digit.
  *
  * @example
-   
-     
+   
+     
        
        
      
          Enter number: 
      
-         Default formatting: {{val | number}}
      
-         No fractions: {{val | number:0}}
      
-         Negative number: {{-val | number:4}}
+         Default formatting: {{val | number}}
      
+         No fractions: {{val | number:0}}
      
+         Negative number: {{-val | number:4}}
        
      
-           
-     
+           
+     
        it('should format numbers', function() {
-         expect(binding('val | number')).toBe('1,234.568');
-         expect(binding('val | number:0')).toBe('1,235');
-         expect(binding('-val | number:4')).toBe('-1,234.5679');
+         expect(element(by.id('number-default')).getText()).toBe('1,234.568');
+         expect(element(by.binding('val | number:0')).getText()).toBe('1,235');
+         expect(element(by.binding('-val | number:4')).getText()).toBe('-1,234.5679');
        });
 
        it('should update', function() {
-         input('val').enter('3374.333');
-         expect(binding('val | number')).toBe('3,374.333');
-         expect(binding('val | number:0')).toBe('3,374');
-         expect(binding('-val | number:4')).toBe('-3,374.3330');
-       });
-     
-   
+         element(by.model('val')).clear();
+         element(by.model('val')).sendKeys('3374.333');
+         expect(element(by.id('number-default')).getText()).toBe('3,374.333');
+         expect(element(by.binding('val | number:0')).getText()).toBe('3,374');
+         expect(element(by.binding('-val | number:4')).getText()).toBe('-3,374.3330');
+      });
+     
+   
  */
 
 
@@ -14196,7 +14669,7 @@ function numberFilter($locale) {
 
 var DECIMAL_SEP = '.';
 function formatNumber(number, pattern, groupSep, decimalSep, fractionSize) {
-  if (isNaN(number) || !isFinite(number)) return '';
+  if (number == null || !isFinite(number) || isObject(number)) return '';
 
   var isNegative = number < 0;
   number = Math.abs(number);
@@ -14349,7 +14822,7 @@ var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+
 
 /**
  * @ngdoc filter
- * @name ng.filter:date
+ * @name date
  * @function
  *
  * @description
@@ -14407,26 +14880,26 @@ var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+
  * @returns {string} Formatted string or the input if input is not recognized as date/millis.
  *
  * @example
-   
-     
+   
+     
        {{1288323623006 | date:'medium'}}:
-           {{1288323623006 | date:'medium'}}
      
+           {{1288323623006 | date:'medium'}}
      
        {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}:
-          {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}
      
+          {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}
      
        {{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}:
-          {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}
      
-           
-     
+          {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}
      
+     
+     
        it('should format date', function() {
-         expect(binding("1288323623006 | date:'medium'")).
+         expect(element(by.binding("1288323623006 | date:'medium'")).getText()).
             toMatch(/Oct 2\d, 2010 \d{1,2}:\d{2}:\d{2} (AM|PM)/);
-         expect(binding("1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'")).
+         expect(element(by.binding("1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'")).getText()).
             toMatch(/2010\-10\-2\d \d{2}:\d{2}:\d{2} (\-|\+)?\d{4}/);
-         expect(binding("'1288323623006' | date:'MM/dd/yyyy @ h:mma'")).
+         expect(element(by.binding("'1288323623006' | date:'MM/dd/yyyy @ h:mma'")).getText()).
             toMatch(/10\/2\d\/2010 @ \d{1,2}:\d{2}(AM|PM)/);
        });
-           
-         
+     
+   
  */
 dateFilter.$inject = ['$locale'];
 function dateFilter($locale) {
@@ -14506,7 +14979,7 @@ function dateFilter($locale) {
 
 /**
  * @ngdoc filter
- * @name ng.filter:json
+ * @name json
  * @function
  *
  * @description
@@ -14519,17 +14992,17 @@ function dateFilter($locale) {
  * @returns {string} JSON string.
  *
  *
- * @example:
-   
-     
+ * @example
+   
+     
        
      {{ {'name':'value'} | json }}
      
-           
-     
+     
+     
        it('should jsonify filtered objects', function() {
-         expect(binding("{'name':'value'}")).toMatch(/\{\n  "name": ?"value"\n}/);
+         expect(element(by.binding("{'name':'value'}")).getText()).toMatch(/\{\n  "name": ?"value"\n}/);
        });
-     
-         
+     
+   
  *
  */
 function jsonFilter() {
@@ -14541,7 +15014,7 @@ function jsonFilter() {
 
 /**
  * @ngdoc filter
- * @name ng.filter:lowercase
+ * @name lowercase
  * @function
  * @description
  * Converts string to lowercase.
@@ -14552,7 +15025,7 @@ var lowercaseFilter = valueFn(lowercase);
 
 /**
  * @ngdoc filter
- * @name ng.filter:uppercase
+ * @name uppercase
  * @function
  * @description
  * Converts string to uppercase.
@@ -14561,8 +15034,8 @@ var lowercaseFilter = valueFn(lowercase);
 var uppercaseFilter = valueFn(uppercase);
 
 /**
- * @ngdoc function
- * @name ng.filter:limitTo
+ * @ngdoc filter
+ * @name limitTo
  * @function
  *
  * @description
@@ -14571,16 +15044,16 @@ var uppercaseFilter = valueFn(uppercase);
  * the value and sign (positive or negative) of `limit`.
  *
  * @param {Array|string} input Source array or string to be limited.
- * @param {string|number} limit The length of the returned array or string. If the `limit` number 
+ * @param {string|number} limit The length of the returned array or string. If the `limit` number
  *     is positive, `limit` number of items from the beginning of the source array/string are copied.
- *     If the number is negative, `limit` number  of items from the end of the source array/string 
+ *     If the number is negative, `limit` number  of items from the end of the source array/string
  *     are copied. The `limit` will be trimmed if it exceeds `array.length`
  * @returns {Array|string} A new sub-array or substring of length `limit` or less if input array
  *     had less than `limit` elements.
  *
  * @example
-   
-     
+   
+     
        
-       
+       
+       
          userType: 
          Required!
      
          userType = {{userType}}
      
@@ -15527,20 +16054,30 @@ function FormController(element, attrs) {
          myForm.$valid = {{myForm.$valid}}
      
          myForm.$error.required = {{!!myForm.$error.required}}
      
         
-            
-      
+      
+      
         it('should initialize to model', function() {
-         expect(binding('userType')).toEqual('guest');
-         expect(binding('myForm.input.$valid')).toEqual('true');
+          var userType = element(by.binding('userType'));
+          var valid = element(by.binding('myForm.input.$valid'));
+
+          expect(userType.getText()).toContain('guest');
+          expect(valid.getText()).toContain('true');
         });
 
         it('should be invalid if empty', function() {
-         input('userType').enter('');
-         expect(binding('userType')).toEqual('');
-         expect(binding('myForm.input.$valid')).toEqual('false');
+          var userType = element(by.binding('userType'));
+          var valid = element(by.binding('myForm.input.$valid'));
+          var userInput = element(by.model('userType'));
+
+          userInput.clear();
+          userInput.sendKeys('');
+
+          expect(userType.getText()).toEqual('userType =');
+          expect(valid.getText()).toContain('false');
         });
-      
-          
+      
+    
+ *
  */
 var formDirectiveFactory = function(isNgForm) {
   return ['$timeout', function($timeout) {
@@ -15617,8 +16154,8 @@ var NUMBER_REGEXP = /^\s*(\-|\+)?(\d+|(\d*(\.\d*)))\s*$/;
 var inputType = {
 
   /**
-   * @ngdoc inputType
-   * @name ng.directive:input.text
+   * @ngdoc input
+   * @name input[text]
    *
    * @description
    * Standard HTML text input with angular data binding.
@@ -15641,8 +16178,8 @@ var inputType = {
    * @param {boolean=} [ngTrim=true] If set to false Angular will not automatically trim the input.
    *
    * @example
-      
-        
+      
+        
          
+       
+       Update input to see transitions when valid/invalid.
+       Integer is a valid value.
+       
      
+         
+       
      
+           
+ *       
  */
 var ngModelDirective = function() {
   return {
@@ -16794,7 +17472,7 @@ var ngModelDirective = function() {
 
 /**
  * @ngdoc directive
- * @name ng.directive:ngChange
+ * @name ngChange
  *
  * @description
  * Evaluate the given expression when the user changes the input.
@@ -16810,8 +17488,8 @@ var ngModelDirective = function() {
  * in input value.
  *
  * @example
- * 
- *   
+ * 
+ *   
  *     
 
       Load inlined template
       
      
-          
-    
+    
+    
       it('should load template defined inside script tag', function() {
-        element('#tpl-link').click();
-        expect(element('#tpl-content').text()).toMatch(/Content of the template/);
+        element(by.css('#tpl-link')).click();
+        expect(element(by.css('#tpl-content')).getText()).toMatch(/Content of the template/);
       });
-    
-        
+    
+  
  */
 var scriptDirective = ['$templateCache', function($templateCache) {
   return {
@@ -19949,7 +20805,7 @@ var scriptDirective = ['$templateCache', function($templateCache) {
 var ngOptionsMinErr = minErr('ngOptions');
 /**
  * @ngdoc directive
- * @name ng.directive:select
+ * @name select
  * @restrict E
  *
  * @description
@@ -19967,7 +20823,7 @@ var ngOptionsMinErr = minErr('ngOptions');
  *
  * 
      
  * **Note:** `ngModel` compares by reference, not value. This is important when binding to an
- * array of objects. See an example {@link http://jsfiddle.net/qWzTb/ in this jsfiddle}.
+ * array of objects. See an example [in this jsfiddle](http://jsfiddle.net/qWzTb/).
  * 
      
  *
  * Optionally, a single hard-coded `
      + * ``` + * angular.module('myApp', []).config(function($sceDelegateProvider) { + * $sceDelegateProvider.resourceUrlWhitelist([ + * // Allow same origin resource loads. + * 'self', + * // Allow loading from our assets domain. Notice the difference between * and **. + * 'http://srv*.assets.example.com/**' + * ]); + * + * // The blacklist overrides the whitelist so the open redirect here is blocked. + * $sceDelegateProvider.resourceUrlBlacklist([ + * 'http://myapp.example.com/clickThru**' + * ]); + * }); + * ``` */ function $SceDelegateProvider() { @@ -12961,7 +15000,7 @@ function $SceDelegateProvider() { /** * @ngdoc method * @name $sceDelegateProvider#resourceUrlWhitelist - * @function + * @kind function * * @param {Array=} whitelist When provided, replaces the resourceUrlWhitelist with the value * provided. This must be an array or null. A snapshot of this array is used so further @@ -12980,7 +15019,7 @@ function $SceDelegateProvider() { * @description * Sets/Gets the whitelist of trusted resource URLs. */ - this.resourceUrlWhitelist = function (value) { + this.resourceUrlWhitelist = function(value) { if (arguments.length) { resourceUrlWhitelist = adjustMatchers(value); } @@ -12990,7 +15029,7 @@ function $SceDelegateProvider() { /** * @ngdoc method * @name $sceDelegateProvider#resourceUrlBlacklist - * @function + * @kind function * * @param {Array=} blacklist When provided, replaces the resourceUrlBlacklist with the value * provided. This must be an array or null. A snapshot of this array is used so further @@ -13014,7 +15053,7 @@ function $SceDelegateProvider() { * Sets/Gets the blacklist of trusted resource URLs. */ - this.resourceUrlBlacklist = function (value) { + this.resourceUrlBlacklist = function(value) { if (arguments.length) { resourceUrlBlacklist = adjustMatchers(value); } @@ -13217,7 +15256,7 @@ function $SceDelegateProvider() { /** * @ngdoc service * @name $sce - * @function + * @kind function * * @description * @@ -13232,7 +15271,7 @@ function $SceDelegateProvider() { * * As of version 1.2, Angular ships with SCE enabled by default. * - * Note: When enabled (the default), IE8 in quirks mode is not supported. In this mode, IE8 allows + * Note: When enabled (the default), IE<11 in quirks mode is not supported. In this mode, IE<11 allow * one to execute arbitrary javascript by the use of the expression() syntax. Refer * to learn more about them. * You can ensure your document is in standards mode and not quirks mode by adding `` @@ -13243,10 +15282,10 @@ function $SceDelegateProvider() { * * Here's an example of a binding in a privileged context: * - * 
      - *     
- *     
      
- *
      + * ``` + * + *
      + * ``` * * Notice that `ng-bind-html` is bound to `userHtml` controlled by the user. With SCE * disabled, this application allows the user to render arbitrary HTML into the DIV. @@ -13279,22 +15318,22 @@ function $SceDelegateProvider() { * * In privileged contexts, directives and code will bind to the result of {@link ng.$sce#getTrusted * $sce.getTrusted(context, value)} rather than to the value directly. Directives use {@link - * ng.$sce#parse $sce.parseAs} rather than `$parse` to watch attribute bindings, which performs the + * ng.$sce#parseAs $sce.parseAs} rather than `$parse` to watch attribute bindings, which performs the * {@link ng.$sce#getTrusted $sce.getTrusted} behind the scenes on non-constant literals. * * As an example, {@link ng.directive:ngBindHtml ngBindHtml} uses {@link * ng.$sce#parseAsHtml $sce.parseAsHtml(binding expression)}. Here's the actual code (slightly * simplified): * - * 
      - *   var ngBindHtmlDirective = ['$sce', function($sce) {
- *     return function(scope, element, attr) {
- *       scope.$watch($sce.parseAsHtml(attr.ngBindHtml), function(value) {
- *         element.html(value || '');
- *       });
- *     };
- *   }];
- *
      + * ``` + * var ngBindHtmlDirective = ['$sce', function($sce) { + * return function(scope, element, attr) { + * scope.$watch($sce.parseAsHtml(attr.ngBindHtml), function(value) { + * element.html(value || ''); + * }); + * }; + * }]; + * ``` * * ## Impact on loading templates * @@ -13316,7 +15355,7 @@ function $SceDelegateProvider() { * won't work on all browsers. Also, loading templates from `file://` URL does not work on some * browsers. * - * ## This feels like too much overhead for the developer? + * ## This feels like too much overhead * * It's important to remember that SCE only applies to interpolation expressions. * @@ -13343,7 +15382,7 @@ function $SceDelegateProvider() { * * | Context | Notes | * |---------------------|----------------| - * | `$sce.HTML` | For HTML that's safe to source into the application. The {@link ng.directive:ngBindHtml ngBindHtml} directive uses this context for bindings. | + * | `$sce.HTML` | For HTML that's safe to source into the application. The {@link ng.directive:ngBindHtml ngBindHtml} directive uses this context for bindings. If an unsafe value is encountered and the {@link ngSanitize $sanitize} module is present this will sanitize the value instead of throwing an error. | * | `$sce.CSS` | For CSS that's safe to source into the application. Currently unused. Feel free to use it in your own directives. | * | `$sce.URL` | For URLs that are safe to follow as links. Currently unused (`
      Note that `$sce.RESOURCE_URL` makes a stronger statement about the URL than `$sce.URL` does and therefore contexts requiring values trusted for `$sce.RESOURCE_URL` can be used anywhere that values trusted for `$sce.URL` are required. | @@ -13367,7 +15406,7 @@ function $SceDelegateProvider() { * - `**`: matches zero or more occurrences of *any* character. As such, it's not * not appropriate to use in for a scheme, domain, etc. as it would match too much. (e.g. * http://**.example.com/ would match http://evil.com/?ignore=.example.com/ and that might - * not have been the intention.) It's usage at the very end of the path is ok. (e.g. + * not have been the intention.) Its usage at the very end of the path is ok. (e.g. * http://foo.example.com/templates/**). * - **RegExp** (*see caveat below*) * - *Caveat*: While regular expressions are powerful and offer great flexibility, their syntax @@ -13398,86 +15437,85 @@ function $SceDelegateProvider() { * * ## Show me an example using SCE. * - * @example - - -
      -

      - User comments
      - By default, HTML that isn't explicitly trusted (e.g. Alice's comment) is sanitized when - $sanitize is available. If $sanitize isn't available, this results in an error instead of an - exploit. -
      -
      - {{userComment.name}}: - -
      -
      -
      -
      -       - - - var mySceApp = angular.module('mySceApp', ['ngSanitize']); - - mySceApp.controller("myAppController", function myAppController($http, $templateCache, $sce) { - var self = this; - $http.get("test_data.json", {cache: $templateCache}).success(function(userComments) { - self.userComments = userComments; - }); - self.explicitlyTrustedHtml = $sce.trustAsHtml( - 'Hover over this text.'); - }); - - - -[ - { "name": "Alice", - "htmlComment": - "Is anyone reading this?" - }, - { "name": "Bob", - "htmlComment": "Yes! Am I the only other one?" - } -] - - - - describe('SCE doc demo', function() { - it('should sanitize untrusted values', function() { - expect(element(by.css('.htmlComment')).getInnerHtml()) - .toBe('Is anyone reading this?'); - }); - - it('should NOT sanitize explicitly trusted values', function() { - expect(element(by.id('explicitlyTrustedHtml')).getInnerHtml()).toBe( - 'Hover over this text.'); - }); - }); - -       + * + * + *
      + *

      + * User comments
      + * By default, HTML that isn't explicitly trusted (e.g. Alice's comment) is sanitized when + * $sanitize is available. If $sanitize isn't available, this results in an error instead of an + * exploit. + *
      + *
      + * {{userComment.name}}: + * + *
      + *
      + *
      + *
      + *       * + * + * angular.module('mySceApp', ['ngSanitize']) + * .controller('AppController', ['$http', '$templateCache', '$sce', + * function($http, $templateCache, $sce) { + * var self = this; + * $http.get("test_data.json", {cache: $templateCache}).success(function(userComments) { + * self.userComments = userComments; + * }); + * self.explicitlyTrustedHtml = $sce.trustAsHtml( + * 'Hover over this text.'); + * }]); + * * + * + * [ + * { "name": "Alice", + * "htmlComment": + * "Is anyone reading this?" + * }, + * { "name": "Bob", + * "htmlComment": "Yes! Am I the only other one?" + * } + * ] + * * - * ## Can I disable SCE completely? + * + * describe('SCE doc demo', function() { + * it('should sanitize untrusted values', function() { + * expect(element.all(by.css('.htmlComment')).first().getInnerHtml()) + * .toBe('Is anyone reading this?'); + * }); * - * Yes, you can. However, this is strongly discouraged. SCE gives you a lot of security benefits - * for little coding overhead. It will be much harder to take an SCE disabled application and - * either secure it on your own or enable SCE at a later stage. It might make sense to disable SCE - * for cases where you have a lot of existing code that was written before SCE was introduced and - * you're migrating them a module at a time. + * it('should NOT sanitize explicitly trusted values', function() { + * expect(element(by.id('explicitlyTrustedHtml')).getInnerHtml()).toBe( + * 'Hover over this text.'); + * }); + * }); + * + *       + * + * + * + * ## Can I disable SCE completely? + * + * Yes, you can. However, this is strongly discouraged. SCE gives you a lot of security benefits + * for little coding overhead. It will be much harder to take an SCE disabled application and + * either secure it on your own or enable SCE at a later stage. It might make sense to disable SCE + * for cases where you have a lot of existing code that was written before SCE was introduced and + * you're migrating them a module at a time. * * That said, here's how you can completely disable SCE: * - * 
      - *   angular.module('myAppWithSceDisabledmyApp', []).config(function($sceProvider) {
- *     // Completely disable SCE.  For demonstration purposes only!
- *     // Do not use in new projects.
- *     $sceProvider.enabled(false);
- *   });
- *
      + * ``` + * angular.module('myAppWithSceDisabledmyApp', []).config(function($sceProvider) { + * // Completely disable SCE. For demonstration purposes only! + * // Do not use in new projects. + * $sceProvider.enabled(false); + * }); + * ``` * */ /* jshint maxlen: 100 */ @@ -13488,7 +15526,7 @@ function $SceProvider() { /** * @ngdoc method * @name $sceProvider#enabled - * @function + * @kind function * * @param {boolean=} value If provided, then enables/disables SCE. * @return {boolean} true if SCE is enabled, false otherwise. @@ -13496,7 +15534,7 @@ function $SceProvider() { * @description * Enables/disables SCE and returns the current value. */ - this.enabled = function (value) { + this.enabled = function(value) { if (arguments.length) { enabled = !!value; } @@ -13550,23 +15588,23 @@ function $SceProvider() { * sce.js and sceSpecs.js would need to be aware of this detail. */ - this.$get = ['$parse', '$sniffer', '$sceDelegate', function( - $parse, $sniffer, $sceDelegate) { - // Prereq: Ensure that we're not running in IE8 quirks mode. In that mode, IE allows + this.$get = ['$parse', '$sceDelegate', function( + $parse, $sceDelegate) { + // Prereq: Ensure that we're not running in IE<11 quirks mode. In that mode, IE < 11 allow // the "expression(javascript expression)" syntax which is insecure. - if (enabled && $sniffer.msie && $sniffer.msieDocumentMode < 8) { + if (enabled && msie < 8) { throw $sceMinErr('iequirks', - 'Strict Contextual Escaping does not support Internet Explorer version < 9 in quirks ' + + 'Strict Contextual Escaping does not support Internet Explorer version < 11 in quirks ' + 'mode. You can fix this by adding the text to the top of your HTML ' + 'document. See http://docs.angularjs.org/api/ng.$sce for more information.'); } - var sce = copy(SCE_CONTEXTS); + var sce = shallowCopy(SCE_CONTEXTS); /** * @ngdoc method * @name $sce#isEnabled - * @function + * @kind function * * @return {Boolean} true if SCE is enabled, false otherwise. If you want to set the value, you * have to do it at module config time on {@link ng.$sceProvider $sceProvider}. @@ -13574,7 +15612,7 @@ function $SceProvider() { * @description * Returns a boolean indicating if SCE is enabled. */ - sce.isEnabled = function () { + sce.isEnabled = function() { return enabled; }; sce.trustAs = $sceDelegate.trustAs; @@ -13588,7 +15626,7 @@ function $SceProvider() { /** * @ngdoc method - * @name $sce#parse + * @name $sce#parseAs * * @description * Converts Angular {@link guide/expression expression} into a function. This is like {@link @@ -13610,9 +15648,9 @@ function $SceProvider() { if (parsed.literal && parsed.constant) { return parsed; } else { - return function sceParseAsTrusted(self, locals) { - return sce.getTrusted(type, parsed(self, locals)); - }; + return $parse(expr, function(value) { + return sce.getTrusted(type, value); + }); } }; @@ -13779,7 +15817,7 @@ function $SceProvider() { * * @description * Shorthand method. `$sce.parseAsHtml(expression string)` → - * {@link ng.$sce#parse `$sce.parseAs($sce.HTML, value)`} + * {@link ng.$sce#parseAs `$sce.parseAs($sce.HTML, value)`} * * @param {string} expression String expression to compile. * @returns {function(context, locals)} a function which represents the compiled expression: @@ -13796,7 +15834,7 @@ function $SceProvider() { * * @description * Shorthand method. `$sce.parseAsCss(value)` → - * {@link ng.$sce#parse `$sce.parseAs($sce.CSS, value)`} + * {@link ng.$sce#parseAs `$sce.parseAs($sce.CSS, value)`} * * @param {string} expression String expression to compile. * @returns {function(context, locals)} a function which represents the compiled expression: @@ -13813,7 +15851,7 @@ function $SceProvider() { * * @description * Shorthand method. `$sce.parseAsUrl(value)` → - * {@link ng.$sce#parse `$sce.parseAs($sce.URL, value)`} + * {@link ng.$sce#parseAs `$sce.parseAs($sce.URL, value)`} * * @param {string} expression String expression to compile. * @returns {function(context, locals)} a function which represents the compiled expression: @@ -13830,7 +15868,7 @@ function $SceProvider() { * * @description * Shorthand method. `$sce.parseAsResourceUrl(value)` → - * {@link ng.$sce#parse `$sce.parseAs($sce.RESOURCE_URL, value)`} + * {@link ng.$sce#parseAs `$sce.parseAs($sce.RESOURCE_URL, value)`} * * @param {string} expression String expression to compile. * @returns {function(context, locals)} a function which represents the compiled expression: @@ -13847,7 +15885,7 @@ function $SceProvider() { * * @description * Shorthand method. `$sce.parseAsJs(value)` → - * {@link ng.$sce#parse `$sce.parseAs($sce.JS, value)`} + * {@link ng.$sce#parseAs `$sce.parseAs($sce.JS, value)`} * * @param {string} expression String expression to compile. * @returns {function(context, locals)} a function which represents the compiled expression: @@ -13863,15 +15901,15 @@ function $SceProvider() { getTrusted = sce.getTrusted, trustAs = sce.trustAs; - forEach(SCE_CONTEXTS, function (enumValue, name) { + forEach(SCE_CONTEXTS, function(enumValue, name) { var lName = lowercase(name); - sce[camelCase("parse_as_" + lName)] = function (expr) { + sce[camelCase("parse_as_" + lName)] = function(expr) { return parse(enumValue, expr); }; - sce[camelCase("get_trusted_" + lName)] = function (value) { + sce[camelCase("get_trusted_" + lName)] = function(value) { return getTrusted(enumValue, value); }; - sce[camelCase("trust_as_" + lName)] = function (value) { + sce[camelCase("trust_as_" + lName)] = function(value) { return trustAs(enumValue, value); }; }); @@ -13888,7 +15926,6 @@ function $SceProvider() { * @requires $document * * @property {boolean} history Does the browser support html5 history api ? - * @property {boolean} hashchange Does the browser support hashchange event ? * @property {boolean} transitions Does the browser support CSS transition events ? * @property {boolean} animations Does the browser support CSS animation events ? * @@ -13902,31 +15939,30 @@ function $SnifferProvider() { int((/android (\d+)/.exec(lowercase(($window.navigator || {}).userAgent)) || [])[1]), boxee = /Boxee/i.test(($window.navigator || {}).userAgent), document = $document[0] || {}, - documentMode = document.documentMode, vendorPrefix, - vendorRegex = /^(Moz|webkit|O|ms)(?=[A-Z])/, + vendorRegex = /^(Moz|webkit|ms)(?=[A-Z])/, bodyStyle = document.body && document.body.style, transitions = false, animations = false, match; if (bodyStyle) { - for(var prop in bodyStyle) { - if(match = vendorRegex.exec(prop)) { + for (var prop in bodyStyle) { + if (match = vendorRegex.exec(prop)) { vendorPrefix = match[0]; vendorPrefix = vendorPrefix.substr(0, 1).toUpperCase() + vendorPrefix.substr(1); break; } } - if(!vendorPrefix) { + if (!vendorPrefix) { vendorPrefix = ('WebkitOpacity' in bodyStyle) && 'webkit'; } transitions = !!(('transition' in bodyStyle) || (vendorPrefix + 'Transition' in bodyStyle)); animations = !!(('animation' in bodyStyle) || (vendorPrefix + 'Animation' in bodyStyle)); - if (android && (!transitions||!animations)) { + if (android && (!transitions || !animations)) { transitions = isString(document.body.style.webkitTransition); animations = isString(document.body.style.webkitAnimation); } @@ -13945,14 +15981,13 @@ function $SnifferProvider() { // jshint -W018 history: !!($window.history && $window.history.pushState && !(android < 4) && !boxee), // jshint +W018 - hashchange: 'onhashchange' in $window && - // IE8 compatible mode lies - (!documentMode || documentMode > 7), hasEvent: function(event) { // IE9 implements 'input' event it's so fubared that we rather pretend that it doesn't have // it. In particular the event is not fired when backspace or delete key are pressed or // when cut operation is performed. - if (event == 'input' && msie == 9) return false; + // IE10+ implements 'input' event but it erroneously fires under various situations, + // e.g. when placeholder changes, or a form is focused. + if (event === 'input' && msie <= 11) return false; if (isUndefined(eventSupport[event])) { var divElm = document.createElement('div'); @@ -13963,18 +15998,192 @@ function $SnifferProvider() { }, csp: csp(), vendorPrefix: vendorPrefix, - transitions : transitions, - animations : animations, - android: android, - msie : msie, - msieDocumentMode: documentMode + transitions: transitions, + animations: animations, + android: android + }; + }]; +} + +var $compileMinErr = minErr('$compile'); + +/** + * @ngdoc service + * @name $templateRequest + * + * @description + * The `$templateRequest` service downloads the provided template using `$http` and, upon success, + * stores the contents inside of `$templateCache`. If the HTTP request fails or the response data + * of the HTTP request is empty, a `$compile` error will be thrown (the exception can be thwarted + * by setting the 2nd parameter of the function to true). + * + * @param {string} tpl The HTTP request template URL + * @param {boolean=} ignoreRequestError Whether or not to ignore the exception when the request fails or the template is empty + * + * @return {Promise} the HTTP Promise for the given. + * + * @property {number} totalPendingRequests total amount of pending template requests being downloaded. + */ +function $TemplateRequestProvider() { + this.$get = ['$templateCache', '$http', '$q', function($templateCache, $http, $q) { + function handleRequestFn(tpl, ignoreRequestError) { + handleRequestFn.totalPendingRequests++; + + var transformResponse = $http.defaults && $http.defaults.transformResponse; + + if (isArray(transformResponse)) { + transformResponse = transformResponse.filter(function(transformer) { + return transformer !== defaultHttpResponseTransform; + }); + } else if (transformResponse === defaultHttpResponseTransform) { + transformResponse = null; + } + + var httpOptions = { + cache: $templateCache, + transformResponse: transformResponse + }; + + return $http.get(tpl, httpOptions) + .finally(function() { + handleRequestFn.totalPendingRequests--; + }) + .then(function(response) { + return response.data; + }, handleError); + + function handleError(resp) { + if (!ignoreRequestError) { + throw $compileMinErr('tpload', 'Failed to load template: {0}', tpl); + } + return $q.reject(resp); + } + } + + handleRequestFn.totalPendingRequests = 0; + + return handleRequestFn; + }]; +} + +function $$TestabilityProvider() { + this.$get = ['$rootScope', '$browser', '$location', + function($rootScope, $browser, $location) { + + /** + * @name $testability + * + * @description + * The private $$testability service provides a collection of methods for use when debugging + * or by automated test and debugging tools. + */ + var testability = {}; + + /** + * @name $$testability#findBindings + * + * @description + * Returns an array of elements that are bound (via ng-bind or {{}}) + * to expressions matching the input. + * + * @param {Element} element The element root to search from. + * @param {string} expression The binding expression to match. + * @param {boolean} opt_exactMatch If true, only returns exact matches + * for the expression. Filters and whitespace are ignored. + */ + testability.findBindings = function(element, expression, opt_exactMatch) { + var bindings = element.getElementsByClassName('ng-binding'); + var matches = []; + forEach(bindings, function(binding) { + var dataBinding = angular.element(binding).data('$binding'); + if (dataBinding) { + forEach(dataBinding, function(bindingName) { + if (opt_exactMatch) { + var matcher = new RegExp('(^|\\s)' + escapeForRegexp(expression) + '(\\s|\\||$)'); + if (matcher.test(bindingName)) { + matches.push(binding); + } + } else { + if (bindingName.indexOf(expression) != -1) { + matches.push(binding); + } + } + }); + } + }); + return matches; + }; + + /** + * @name $$testability#findModels + * + * @description + * Returns an array of elements that are two-way found via ng-model to + * expressions matching the input. + * + * @param {Element} element The element root to search from. + * @param {string} expression The model expression to match. + * @param {boolean} opt_exactMatch If true, only returns exact matches + * for the expression. + */ + testability.findModels = function(element, expression, opt_exactMatch) { + var prefixes = ['ng-', 'data-ng-', 'ng\\:']; + for (var p = 0; p < prefixes.length; ++p) { + var attributeEquals = opt_exactMatch ? '=' : '*='; + var selector = '[' + prefixes[p] + 'model' + attributeEquals + '"' + expression + '"]'; + var elements = element.querySelectorAll(selector); + if (elements.length) { + return elements; + } + } + }; + + /** + * @name $$testability#getLocation + * + * @description + * Shortcut for getting the location in a browser agnostic way. Returns + * the path, search, and hash. (e.g. /path?a=b#hash) + */ + testability.getLocation = function() { + return $location.url(); + }; + + /** + * @name $$testability#setLocation + * + * @description + * Shortcut for navigating to a location without doing a full page reload. + * + * @param {string} url The location url (path, search and hash, + * e.g. /path?a=b#hash) to go to. + */ + testability.setLocation = function(url) { + if (url !== $location.url()) { + $location.url(url); + $rootScope.$digest(); + } + }; + + /** + * @name $$testability#whenStable + * + * @description + * Calls the callback when $timeout and $http requests are completed. + * + * @param {function} callback + */ + testability.whenStable = function(callback) { + $browser.notifyWhenNoOutstandingRequests(callback); }; + + return testability; }]; } function $TimeoutProvider() { - this.$get = ['$rootScope', '$browser', '$q', '$exceptionHandler', - function($rootScope, $browser, $q, $exceptionHandler) { + this.$get = ['$rootScope', '$browser', '$q', '$$q', '$exceptionHandler', + function($rootScope, $browser, $q, $$q, $exceptionHandler) { var deferreds = {}; @@ -14004,15 +16213,15 @@ function $TimeoutProvider() { * */ function timeout(fn, delay, invokeApply) { - var deferred = $q.defer(), + var skipApply = (isDefined(invokeApply) && !invokeApply), + deferred = (skipApply ? $$q : $q).defer(), promise = deferred.promise, - skipApply = (isDefined(invokeApply) && !invokeApply), timeoutId; timeoutId = $browser.defer(function() { try { deferred.resolve(fn()); - } catch(e) { + } catch (e) { deferred.reject(e); $exceptionHandler(e); } @@ -14063,7 +16272,7 @@ function $TimeoutProvider() { // exactly the behavior needed here. There is little value is mocking these out for this // service. var urlParsingNode = document.createElement("a"); -var originUrl = urlResolve(window.location.href, true); +var originUrl = urlResolve(window.location.href); /** @@ -14101,7 +16310,7 @@ var originUrl = urlResolve(window.location.href, true); * https://github.com/angular/angular.js/pull/2902 * http://james.padolsey.com/javascript/parsing-urls-with-the-dom/ * - * @function + * @kind function * @param {string} url The URL to be parsed. * @description Normalizes and parses a URL. * @returns {object} Returns the normalized URL as a dictionary. @@ -14118,7 +16327,7 @@ var originUrl = urlResolve(window.location.href, true); * | pathname | The pathname, beginning with "/" * */ -function urlResolve(url, base) { +function urlResolve(url) { var href = url; if (msie) { @@ -14174,17 +16383,18 @@ function urlIsSameOrigin(requestUrl) { * expression. * * @example - + -
      +
      @@ -14198,10 +16408,21 @@ function urlIsSameOrigin(requestUrl) { */ -function $WindowProvider(){ +function $WindowProvider() { this.$get = valueFn(window); } +/* global currencyFilter: true, + dateFilter: true, + filterFilter: true, + jsonFilter: true, + limitToFilter: true, + lowercaseFilter: true, + numberFilter: true, + orderByFilter: true, + uppercaseFilter: true, + */ + /** * @ngdoc provider * @name $filterProvider @@ -14251,21 +16472,11 @@ function $WindowProvider(){ * For more information about how angular filters work, and how to create your own filters, see * {@link guide/filter Filters} in the Angular Developer Guide. */ -/** - * @ngdoc method - * @name $filterProvider#register - * @description - * Register filter factory function. - * - * @param {String} name Name of the filter. - * @param {Function} fn The filter factory function which is injectable. - */ - /** * @ngdoc service * @name $filter - * @function + * @kind function * @description * Filters are used for formatting data displayed to the user. * @@ -14275,21 +16486,38 @@ function $WindowProvider(){ * * @param {String} name Name of the filter function to retrieve * @return {Function} the filter function - */ + * @example + + +
      +

      {{ originalText }}

      +

      {{ filteredText }}

      +
      +       + + + angular.module('filterExample', []) + .controller('MainCtrl', function($scope, $filter) { + $scope.originalText = 'hello'; + $scope.filteredText = $filter('uppercase')($scope.originalText); + }); + +       + */ $FilterProvider.$inject = ['$provide']; function $FilterProvider($provide) { var suffix = 'Filter'; /** * @ngdoc method - * @name $controllerProvider#register + * @name $filterProvider#register * @param {string|Object} name Name of the filter function, or an object map of filters where * the keys are the filter names and the values are the filter factories. * @returns {Object} Registered filter instance, or if a map of filters was provided then a map * of the registered filter instances. */ function register(name, factory) { - if(isObject(name)) { + if (isObject(name)) { var filters = {}; forEach(name, function(filter, key) { filters[key] = register(key, filter); @@ -14335,7 +16563,7 @@ function $FilterProvider($provide) { /** * @ngdoc filter * @name filter - * @function + * @kind function * * @description * Selects a subset of items from `array` and returns it as a new array. @@ -14346,20 +16574,29 @@ function $FilterProvider($provide) { * * Can be one of: * - * - `string`: The string is evaluated as an expression and the resulting value is used for substring match against - * the contents of the `array`. All strings or objects with string properties in `array` that contain this string - * will be returned. The predicate can be negated by prefixing the string with `!`. + * - `string`: The string is used for matching against the contents of the `array`. All strings or + * objects with string properties in `array` that match this string will be returned. This also + * applies to nested object properties. + * The predicate can be negated by prefixing the string with `!`. * * - `Object`: A pattern object can be used to filter specific properties on objects contained * by `array`. For example `{name:"M", phone:"1"}` predicate will return an array of items * which have property `name` containing "M" and property `phone` containing "1". A special * property name `$` can be used (as in `{$:"text"}`) to accept a match against any - * property of the object. That's equivalent to the simple substring match with a `string` - * as described above. + * property of the object or its nested object properties. That's equivalent to the simple + * substring match with a `string` as described above. The predicate can be negated by prefixing + * the string with `!`. + * For example `{name: "!M"}` predicate will return an array of items which have property `name` + * not containing "M". + * + * Note that a named property will match properties on the same level only, while the special + * `$` property will match properties on the same level or deeper. E.g. an array item like + * `{name: {first: 'John', last: 'Doe'}}` will **not** be matched by `{name: 'John'}`, but + * **will** be matched by `{$: 'John'}`. * - * - `function(value)`: A predicate function can be used to write arbitrary filters. The function is - * called for each element of `array`. The final result is an array of those elements that - * the predicate returned true for. + * - `function(value, index)`: A predicate function can be used to write arbitrary filters. The + * function is called for each element of `array`. The final result is an array of those + * elements that the predicate returned true for. * * @param {function(actual, expected)|true|undefined} comparator Comparator which is used in * determining if the expected value (from the filter expression) and actual value (from @@ -14367,15 +16604,15 @@ function $FilterProvider($provide) { * * Can be one of: * - * - `function(actual, expected)`: - * The function will be given the object value and the predicate value to compare and - * should return true if the item should be included in filtered result. + * - `function(actual, expected)`: + * The function will be given the object value and the predicate value to compare and + * should return true if both values should be considered equal. * - * - `true`: A shorthand for `function(actual, expected) { return angular.equals(expected, actual)}`. - * this is essentially strict comparison of expected and actual. + * - `true`: A shorthand for `function(actual, expected) { return angular.equals(actual, expected)}`. + * This is essentially strict comparison of expected and actual. * - * - `false|undefined`: A short hand for a function which will look for a substring match in case - * insensitive way. + * - `false|undefined`: A short hand for a function which will look for a substring match in case + * insensitive way. * * @example @@ -14449,112 +16686,113 @@ function filterFilter() { return function(array, expression, comparator) { if (!isArray(array)) return array; - var comparatorType = typeof(comparator), - predicates = []; - - predicates.check = function(value) { - for (var j = 0; j < predicates.length; j++) { - if(!predicates[j](value)) { - return false; - } - } - return true; - }; - - if (comparatorType !== 'function') { - if (comparatorType === 'boolean' && comparator) { - comparator = function(obj, text) { - return angular.equals(obj, text); - }; - } else { - comparator = function(obj, text) { - if (obj && text && typeof obj === 'object' && typeof text === 'object') { - for (var objKey in obj) { - if (objKey.charAt(0) !== '$' && hasOwnProperty.call(obj, objKey) && - comparator(obj[objKey], text[objKey])) { - return true; - } - } - return false; - } - text = (''+text).toLowerCase(); - return (''+obj).toLowerCase().indexOf(text) > -1; - }; - } - } + var predicateFn; + var matchAgainstAnyProp; - var search = function(obj, text){ - if (typeof text == 'string' && text.charAt(0) === '!') { - return !search(obj, text.substr(1)); - } - switch (typeof obj) { - case "boolean": - case "number": - case "string": - return comparator(obj, text); - case "object": - switch (typeof text) { - case "object": - return comparator(obj, text); - default: - for ( var objKey in obj) { - if (objKey.charAt(0) !== '$' && search(obj[objKey], text)) { - return true; - } - } - break; - } - return false; - case "array": - for ( var i = 0; i < obj.length; i++) { - if (search(obj[i], text)) { - return true; - } - } - return false; - default: - return false; - } - }; switch (typeof expression) { - case "boolean": - case "number": - case "string": - // Set up expression object and fall through - expression = {$:expression}; - // jshint -W086 - case "object": - // jshint +W086 - for (var key in expression) { - (function(path) { - if (typeof expression[path] == 'undefined') return; - predicates.push(function(value) { - return search(path == '$' ? value : (value && value[path]), expression[path]); - }); - })(key); - } - break; case 'function': - predicates.push(expression); + predicateFn = expression; + break; + case 'boolean': + case 'number': + case 'string': + matchAgainstAnyProp = true; + //jshint -W086 + case 'object': + //jshint +W086 + predicateFn = createPredicateFn(expression, comparator, matchAgainstAnyProp); break; default: return array; } - var filtered = []; - for ( var j = 0; j < array.length; j++) { - var value = array[j]; - if (predicates.check(value)) { - filtered.push(value); + + return array.filter(predicateFn); + }; +} + +// Helper functions for `filterFilter` +function createPredicateFn(expression, comparator, matchAgainstAnyProp) { + var shouldMatchPrimitives = isObject(expression) && ('$' in expression); + var predicateFn; + + if (comparator === true) { + comparator = equals; + } else if (!isFunction(comparator)) { + comparator = function(actual, expected) { + if (isObject(actual) || isObject(expected)) { + // Prevent an object to be considered equal to a string like `'[object'` + return false; } + + actual = lowercase('' + actual); + expected = lowercase('' + expected); + return actual.indexOf(expected) !== -1; + }; + } + + predicateFn = function(item) { + if (shouldMatchPrimitives && !isObject(item)) { + return deepCompare(item, expression.$, comparator, false); } - return filtered; + return deepCompare(item, expression, comparator, matchAgainstAnyProp); }; + + return predicateFn; +} + +function deepCompare(actual, expected, comparator, matchAgainstAnyProp, dontMatchWholeObject) { + var actualType = typeof actual; + var expectedType = typeof expected; + + if ((expectedType === 'string') && (expected.charAt(0) === '!')) { + return !deepCompare(actual, expected.substring(1), comparator, matchAgainstAnyProp); + } else if (isArray(actual)) { + // In case `actual` is an array, consider it a match + // if ANY of it's items matches `expected` + return actual.some(function(item) { + return deepCompare(item, expected, comparator, matchAgainstAnyProp); + }); + } + + switch (actualType) { + case 'object': + var key; + if (matchAgainstAnyProp) { + for (key in actual) { + if ((key.charAt(0) !== '$') && deepCompare(actual[key], expected, comparator, true)) { + return true; + } + } + return dontMatchWholeObject ? false : deepCompare(actual, expected, comparator, false); + } else if (expectedType === 'object') { + for (key in expected) { + var expectedVal = expected[key]; + if (isFunction(expectedVal)) { + continue; + } + + var matchAnyProperty = key === '$'; + var actualVal = matchAnyProperty ? actual : actual[key]; + if (!deepCompare(actualVal, expectedVal, comparator, matchAnyProperty, matchAnyProperty)) { + return false; + } + } + return true; + } else { + return comparator(actual, expected); + } + break; + case 'function': + return false; + default: + return comparator(actual, expected); + } } /** * @ngdoc filter * @name currency - * @function + * @kind function * * @description * Formats a number as a currency (ie $1,234.56). When no currency symbol is provided, default @@ -14562,27 +16800,31 @@ function filterFilter() { * * @param {number} amount Input to filter. * @param {string=} symbol Currency symbol or identifier to be displayed. + * @param {number=} fractionSize Number of decimal places to round the amount to, defaults to default max fraction size for current locale * @returns {string} Formatted number. * * * @example - + -
      +

      default currency symbol ($): {{amount | currency}}
      - custom currency identifier (USD$): {{amount | currency:"USD$"}} + custom currency identifier (USD$): {{amount | currency:"USD$"}} + no fractions (0): {{amount | currency:"USD$":0}}
      it('should init with 1234.56', function() { expect(element(by.id('currency-default')).getText()).toBe('$1,234.56'); - expect(element(by.binding('amount | currency:"USD$"')).getText()).toBe('USD$1,234.56'); + expect(element(by.id('currency-custom')).getText()).toBe('USD$1,234.56'); + expect(element(by.id('currency-no-fractions')).getText()).toBe('USD$1,235'); }); it('should update', function() { if (browser.params.browser == 'safari') { @@ -14593,7 +16835,8 @@ function filterFilter() { element(by.model('amount')).clear(); element(by.model('amount')).sendKeys('-1234'); expect(element(by.id('currency-default')).getText()).toBe('($1,234.00)'); - expect(element(by.binding('amount | currency:"USD$"')).getText()).toBe('(USD$1,234.00)'); + expect(element(by.id('currency-custom')).getText()).toBe('(USD$1,234.00)'); + expect(element(by.id('currency-no-fractions')).getText()).toBe('(USD$1,234)'); }); @@ -14601,17 +16844,27 @@ function filterFilter() { currencyFilter.$inject = ['$locale']; function currencyFilter($locale) { var formats = $locale.NUMBER_FORMATS; - return function(amount, currencySymbol){ - if (isUndefined(currencySymbol)) currencySymbol = formats.CURRENCY_SYM; - return formatNumber(amount, formats.PATTERNS[1], formats.GROUP_SEP, formats.DECIMAL_SEP, 2). - replace(/\u00A4/g, currencySymbol); + return function(amount, currencySymbol, fractionSize) { + if (isUndefined(currencySymbol)) { + currencySymbol = formats.CURRENCY_SYM; + } + + if (isUndefined(fractionSize)) { + fractionSize = formats.PATTERNS[1].maxFrac; + } + + // if null or undefined pass it through + return (amount == null) + ? amount + : formatNumber(amount, formats.PATTERNS[1], formats.GROUP_SEP, formats.DECIMAL_SEP, fractionSize). + replace(/\u00A4/g, currencySymbol); }; } /** * @ngdoc filter * @name number - * @function + * @kind function * * @description * Formats a number as text. @@ -14625,14 +16878,15 @@ function currencyFilter($locale) { * @returns {string} Number rounded to decimalPlaces and places a “,” after each third digit. * * @example - + -
      +
      Enter number:
      Default formatting: {{val | number}}
      No fractions: {{val | number:0}}
      @@ -14662,14 +16916,18 @@ numberFilter.$inject = ['$locale']; function numberFilter($locale) { var formats = $locale.NUMBER_FORMATS; return function(number, fractionSize) { - return formatNumber(number, formats.PATTERNS[0], formats.GROUP_SEP, formats.DECIMAL_SEP, - fractionSize); + + // if null or undefined pass it through + return (number == null) + ? number + : formatNumber(number, formats.PATTERNS[0], formats.GROUP_SEP, formats.DECIMAL_SEP, + fractionSize); }; } var DECIMAL_SEP = '.'; function formatNumber(number, pattern, groupSep, decimalSep, fractionSize) { - if (number == null || !isFinite(number) || isObject(number)) return ''; + if (!isFinite(number) || isObject(number)) return ''; var isNegative = number < 0; number = Math.abs(number); @@ -14681,7 +16939,7 @@ function formatNumber(number, pattern, groupSep, decimalSep, fractionSize) { if (numStr.indexOf('e') !== -1) { var match = numStr.match(/([\d\.]+)e(-?)(\d+)/); if (match && match[2] == '-' && match[3] > fractionSize + 1) { - numStr = '0'; + number = 0; } else { formatedText = numStr; hasExponent = true; @@ -14696,8 +16954,11 @@ function formatNumber(number, pattern, groupSep, decimalSep, fractionSize) { fractionSize = Math.min(Math.max(pattern.minFrac, fractionLen), pattern.maxFrac); } - var pow = Math.pow(10, fractionSize); - number = Math.round(number * pow) / pow; + // safely round numbers in JS without hitting imprecisions of floating-point arithmetics + // inspired by: + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round + number = +(Math.round(+(number.toString() + 'e' + fractionSize)).toString() + 'e' + -fractionSize); + var fraction = ('' + number).split(DECIMAL_SEP); var whole = fraction[0]; fraction = fraction[1] || ''; @@ -14709,7 +16970,7 @@ function formatNumber(number, pattern, groupSep, decimalSep, fractionSize) { if (whole.length >= (lgroup + group)) { pos = whole.length - lgroup; for (i = 0; i < pos; i++) { - if ((pos - i)%group === 0 && i !== 0) { + if ((pos - i) % group === 0 && i !== 0) { formatedText += groupSep; } formatedText += whole.charAt(i); @@ -14717,28 +16978,32 @@ function formatNumber(number, pattern, groupSep, decimalSep, fractionSize) { } for (i = pos; i < whole.length; i++) { - if ((whole.length - i)%lgroup === 0 && i !== 0) { + if ((whole.length - i) % lgroup === 0 && i !== 0) { formatedText += groupSep; } formatedText += whole.charAt(i); } // format fraction part. - while(fraction.length < fractionSize) { + while (fraction.length < fractionSize) { fraction += '0'; } if (fractionSize && fractionSize !== "0") formatedText += decimalSep + fraction.substr(0, fractionSize); } else { - - if (fractionSize > 0 && number > -1 && number < 1) { + if (fractionSize > 0 && number < 1) { formatedText = number.toFixed(fractionSize); + number = parseFloat(formatedText); } } - parts.push(isNegative ? pattern.negPre : pattern.posPre); - parts.push(formatedText); - parts.push(isNegative ? pattern.negSuf : pattern.posSuf); + if (number === 0) { + isNegative = false; + } + + parts.push(isNegative ? pattern.negPre : pattern.posPre, + formatedText, + isNegative ? pattern.negSuf : pattern.posSuf); return parts.join(''); } @@ -14749,7 +17014,7 @@ function padNumber(num, digits, trim) { num = -num; } num = '' + num; - while(num.length < digits) num = '0' + num; + while (num.length < digits) num = '0' + num; if (trim) num = num.substr(num.length - digits); return neg + num; @@ -14762,7 +17027,7 @@ function dateGetter(name, size, offset, trim) { var value = date['get' + name](); if (offset > 0 || value > -offset) value += offset; - if (value === 0 && offset == -12 ) value = 12; + if (value === 0 && offset == -12) value = 12; return padNumber(value, size, trim); }; } @@ -14786,6 +17051,32 @@ function timeZoneGetter(date) { return paddedZone; } +function getFirstThursdayOfYear(year) { + // 0 = index of January + var dayOfWeekOnFirst = (new Date(year, 0, 1)).getDay(); + // 4 = index of Thursday (+1 to account for 1st = 5) + // 11 = index of *next* Thursday (+1 account for 1st = 12) + return new Date(year, 0, ((dayOfWeekOnFirst <= 4) ? 5 : 12) - dayOfWeekOnFirst); +} + +function getThursdayThisWeek(datetime) { + return new Date(datetime.getFullYear(), datetime.getMonth(), + // 4 = index of Thursday + datetime.getDate() + (4 - datetime.getDay())); +} + +function weekGetter(size) { + return function(date) { + var firstThurs = getFirstThursdayOfYear(date.getFullYear()), + thisThurs = getThursdayThisWeek(date); + + var diff = +thisThurs - +firstThurs, + result = 1 + Math.round(diff / 6.048e8); // 6.048e8 ms per week + + return padNumber(result, size); + }; +} + function ampmGetter(date, formats) { return date.getHours() < 12 ? formats.AMPMS[0] : formats.AMPMS[1]; } @@ -14814,16 +17105,18 @@ var DATE_FORMATS = { EEEE: dateStrGetter('Day'), EEE: dateStrGetter('Day', true), a: ampmGetter, - Z: timeZoneGetter + Z: timeZoneGetter, + ww: weekGetter(2), + w: weekGetter(1) }; -var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/, +var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZEw']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z|w+))(.*)/, NUMBER_STRING = /^\-?\d+$/; /** * @ngdoc filter * @name date - * @function + * @kind function * * @description * Formats `date` to a string based on the requested `format`. @@ -14843,40 +17136,44 @@ var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+ * * `'EEE'`: Day in Week, (Sun-Sat) * * `'HH'`: Hour in day, padded (00-23) * * `'H'`: Hour in day (0-23) - * * `'hh'`: Hour in am/pm, padded (01-12) - * * `'h'`: Hour in am/pm, (1-12) + * * `'hh'`: Hour in AM/PM, padded (01-12) + * * `'h'`: Hour in AM/PM, (1-12) * * `'mm'`: Minute in hour, padded (00-59) * * `'m'`: Minute in hour (0-59) * * `'ss'`: Second in minute, padded (00-59) * * `'s'`: Second in minute (0-59) - * * `'.sss' or ',sss'`: Millisecond in second, padded (000-999) - * * `'a'`: am/pm marker + * * `'sss'`: Millisecond in second, padded (000-999) + * * `'a'`: AM/PM marker * * `'Z'`: 4 digit (+sign) representation of the timezone offset (-1200-+1200) + * * `'ww'`: Week of year, padded (00-53). Week 01 is the week with the first Thursday of the year + * * `'w'`: Week of year (0-53). Week 1 is the week with the first Thursday of the year * * `format` string can also be one of the following predefined * {@link guide/i18n localizable formats}: * * * `'medium'`: equivalent to `'MMM d, y h:mm:ss a'` for en_US locale - * (e.g. Sep 3, 2010 12:05:08 pm) - * * `'short'`: equivalent to `'M/d/yy h:mm a'` for en_US locale (e.g. 9/3/10 12:05 pm) - * * `'fullDate'`: equivalent to `'EEEE, MMMM d,y'` for en_US locale + * (e.g. Sep 3, 2010 12:05:08 PM) + * * `'short'`: equivalent to `'M/d/yy h:mm a'` for en_US locale (e.g. 9/3/10 12:05 PM) + * * `'fullDate'`: equivalent to `'EEEE, MMMM d, y'` for en_US locale * (e.g. Friday, September 3, 2010) * * `'longDate'`: equivalent to `'MMMM d, y'` for en_US locale (e.g. September 3, 2010) * * `'mediumDate'`: equivalent to `'MMM d, y'` for en_US locale (e.g. Sep 3, 2010) * * `'shortDate'`: equivalent to `'M/d/yy'` for en_US locale (e.g. 9/3/10) - * * `'mediumTime'`: equivalent to `'h:mm:ss a'` for en_US locale (e.g. 12:05:08 pm) - * * `'shortTime'`: equivalent to `'h:mm a'` for en_US locale (e.g. 12:05 pm) + * * `'mediumTime'`: equivalent to `'h:mm:ss a'` for en_US locale (e.g. 12:05:08 PM) + * * `'shortTime'`: equivalent to `'h:mm a'` for en_US locale (e.g. 12:05 PM) * - * `format` string can contain literal values. These need to be quoted with single quotes (e.g. - * `"h 'in the morning'"`). In order to output single quote, use two single quotes in a sequence + * `format` string can contain literal values. These need to be escaped by surrounding with single quotes (e.g. + * `"h 'in the morning'"`). In order to output a single quote, escape it - i.e., two single quotes in a sequence * (e.g. `"h 'o''clock'"`). * * @param {(Date|number|string)} date Date to format either as Date object, milliseconds (string or - * number) or various ISO 8601 datetime string formats (e.g. yyyy-MM-ddTHH:mm:ss.SSSZ and its + * number) or various ISO 8601 datetime string formats (e.g. yyyy-MM-ddTHH:mm:ss.sssZ and its * shorter versions like yyyy-MM-ddTHH:mmZ, yyyy-MM-dd or yyyyMMddTHHmmssZ). If no timezone is * specified in the string input, the time is considered to be in the local timezone. * @param {string=} format Formatting rules (see Description). If not specified, * `mediumDate` is used. + * @param {string=} timezone Timezone to be used for formatting. Right now, only `'UTC'` is supported. + * If not specified, the timezone of the browser will be used. * @returns {string} Formatted string or the input if input is not recognized as date/millis. * * @example @@ -14888,6 +17185,8 @@ var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+ {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}
      {{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}: {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}
      + {{1288323623006 | date:"MM/dd/yyyy 'at' h:mma"}}: + {{'1288323623006' | date:"MM/dd/yyyy 'at' h:mma"}}
      it('should format date', function() { @@ -14897,6 +17196,8 @@ var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+ toMatch(/2010\-10\-2\d \d{2}:\d{2}:\d{2} (\-|\+)?\d{4}/); expect(element(by.binding("'1288323623006' | date:'MM/dd/yyyy @ h:mma'")).getText()). toMatch(/10\/2\d\/2010 @ \d{1,2}:\d{2}(AM|PM)/); + expect(element(by.binding("'1288323623006' | date:\"MM/dd/yyyy 'at' h:mma\"")).getText()). + toMatch(/10\/2\d\/2010 at \d{1,2}:\d{2}(AM|PM)/); }); @@ -14921,10 +17222,10 @@ function dateFilter($locale) { tzMin = int(match[9] + match[11]); } dateSetter.call(date, int(match[1]), int(match[2]) - 1, int(match[3])); - var h = int(match[4]||0) - tzHour; - var m = int(match[5]||0) - tzMin; - var s = int(match[6]||0); - var ms = Math.round(parseFloat('0.' + (match[7]||0)) * 1000); + var h = int(match[4] || 0) - tzHour; + var m = int(match[5] || 0) - tzMin; + var s = int(match[6] || 0); + var ms = Math.round(parseFloat('0.' + (match[7] || 0)) * 1000); timeSetter.call(date, h, m, s, ms); return date; } @@ -14932,7 +17233,7 @@ function dateFilter($locale) { } - return function(date, format) { + return function(date, format, timezone) { var text = '', parts = [], fn, match; @@ -14940,11 +17241,7 @@ function dateFilter($locale) { format = format || 'mediumDate'; format = $locale.DATETIME_FORMATS[format] || format; if (isString(date)) { - if (NUMBER_STRING.test(date)) { - date = int(date); - } else { - date = jsonStringToDate(date); - } + date = NUMBER_STRING.test(date) ? int(date) : jsonStringToDate(date); } if (isNumber(date)) { @@ -14955,7 +17252,7 @@ function dateFilter($locale) { return date; } - while(format) { + while (format) { match = DATE_FORMATS_SPLIT.exec(format); if (match) { parts = concat(parts, match, 1); @@ -14966,7 +17263,11 @@ function dateFilter($locale) { } } - forEach(parts, function(value){ + if (timezone && timezone === 'UTC') { + date = new Date(date.getTime()); + date.setMinutes(date.getMinutes() + date.getTimezoneOffset()); + } + forEach(parts, function(value) { fn = DATE_FORMATS[value]; text += fn ? fn(date, $locale.DATETIME_FORMATS) : value.replace(/(^'|'$)/g, '').replace(/''/g, "'"); @@ -14980,7 +17281,7 @@ function dateFilter($locale) { /** * @ngdoc filter * @name json - * @function + * @kind function * * @description * Allows you to convert a JavaScript object into JSON string. @@ -14989,25 +17290,31 @@ function dateFilter($locale) { * the binding is automatically converted to JSON. * * @param {*} object Any JavaScript object (including arrays and primitive types) to filter. + * @param {number=} spacing The number of spaces to use per indentation, defaults to 2. * @returns {string} JSON string. * * * @example - 
      {{ {'name':'value'} | json }}
      + 
      {{ {'name':'value'} | json }}
      + 
      {{ {'name':'value'} | json:4 }}
       it('should jsonify filtered objects', function() { - expect(element(by.binding("{'name':'value'}")).getText()).toMatch(/\{\n "name": ?"value"\n}/); + expect(element(by.id('default-spacing')).getText()).toMatch(/\{\n "name": ?"value"\n}/); + expect(element(by.id('custom-spacing')).getText()).toMatch(/\{\n "name": ?"value"\n}/); });       * */ function jsonFilter() { - return function(object) { - return toJson(object, true); + return function(object, spacing) { + if (isUndefined(spacing)) { + spacing = 2; + } + return toJson(object, spacing); }; } @@ -15015,7 +17322,7 @@ function jsonFilter() { /** * @ngdoc filter * @name lowercase - * @function + * @kind function * @description * Converts string to lowercase. * @see angular.lowercase @@ -15026,7 +17333,7 @@ var lowercaseFilter = valueFn(lowercase); /** * @ngdoc filter * @name uppercase - * @function + * @kind function * @description * Converts string to uppercase. * @see angular.uppercase @@ -15036,14 +17343,15 @@ var uppercaseFilter = valueFn(uppercase); /** * @ngdoc filter * @name limitTo - * @function + * @kind function * * @description * Creates a new array or string containing only a specified number of elements. The elements - * are taken from either the beginning or the end of the source array or string, as specified by - * the value and sign (positive or negative) of `limit`. + * are taken from either the beginning or the end of the source array, string or number, as specified by + * the value and sign (positive or negative) of `limit`. If a number is used as input, it is + * converted to a string. * - * @param {Array|string} input Source array or string to be limited. + * @param {Array|string|number} input Source array, string or number to be limited. * @param {string|number} limit The length of the returned array or string. If the `limit` number * is positive, `limit` number of items from the beginning of the source array/string are copied. * If the number is negative, `limit` number of items from the end of the source array/string @@ -15052,136 +17360,142 @@ var uppercaseFilter = valueFn(uppercase); * had less than `limit` elements. * * @example - + -
      - Limit {{numbers}} to: +
      + Limit {{numbers}} to:

      Output numbers: {{ numbers | limitTo:numLimit }}

      - Limit {{letters}} to: + Limit {{letters}} to:

      Output letters: {{ letters | limitTo:letterLimit }}

      + Limit {{longNumber}} to: +

      Output long number: {{ longNumber | limitTo:longNumberLimit }}

      var numLimitInput = element(by.model('numLimit')); var letterLimitInput = element(by.model('letterLimit')); + var longNumberLimitInput = element(by.model('longNumberLimit')); var limitedNumbers = element(by.binding('numbers | limitTo:numLimit')); var limitedLetters = element(by.binding('letters | limitTo:letterLimit')); + var limitedLongNumber = element(by.binding('longNumber | limitTo:longNumberLimit')); it('should limit the number array to first three items', function() { expect(numLimitInput.getAttribute('value')).toBe('3'); expect(letterLimitInput.getAttribute('value')).toBe('3'); + expect(longNumberLimitInput.getAttribute('value')).toBe('3'); expect(limitedNumbers.getText()).toEqual('Output numbers: [1,2,3]'); expect(limitedLetters.getText()).toEqual('Output letters: abc'); + expect(limitedLongNumber.getText()).toEqual('Output long number: 234'); }); - it('should update the output when -3 is entered', function() { - numLimitInput.clear(); - numLimitInput.sendKeys('-3'); - letterLimitInput.clear(); - letterLimitInput.sendKeys('-3'); - expect(limitedNumbers.getText()).toEqual('Output numbers: [7,8,9]'); - expect(limitedLetters.getText()).toEqual('Output letters: ghi'); - }); + // There is a bug in safari and protractor that doesn't like the minus key + // it('should update the output when -3 is entered', function() { + // numLimitInput.clear(); + // numLimitInput.sendKeys('-3'); + // letterLimitInput.clear(); + // letterLimitInput.sendKeys('-3'); + // longNumberLimitInput.clear(); + // longNumberLimitInput.sendKeys('-3'); + // expect(limitedNumbers.getText()).toEqual('Output numbers: [7,8,9]'); + // expect(limitedLetters.getText()).toEqual('Output letters: ghi'); + // expect(limitedLongNumber.getText()).toEqual('Output long number: 342'); + // }); it('should not exceed the maximum size of input array', function() { numLimitInput.clear(); numLimitInput.sendKeys('100'); letterLimitInput.clear(); letterLimitInput.sendKeys('100'); + longNumberLimitInput.clear(); + longNumberLimitInput.sendKeys('100'); expect(limitedNumbers.getText()).toEqual('Output numbers: [1,2,3,4,5,6,7,8,9]'); expect(limitedLetters.getText()).toEqual('Output letters: abcdefghi'); + expect(limitedLongNumber.getText()).toEqual('Output long number: 2345432342'); }); - */ -function limitToFilter(){ +*/ +function limitToFilter() { return function(input, limit) { + if (isNumber(input)) input = input.toString(); if (!isArray(input) && !isString(input)) return input; - limit = int(limit); - - if (isString(input)) { - //NaN check on limit - if (limit) { - return limit >= 0 ? input.slice(0, limit) : input.slice(limit, input.length); - } else { - return ""; - } - } - - var out = [], - i, n; - - // if abs(limit) exceeds maximum length, trim it - if (limit > input.length) - limit = input.length; - else if (limit < -input.length) - limit = -input.length; - - if (limit > 0) { - i = 0; - n = limit; + if (Math.abs(Number(limit)) === Infinity) { + limit = Number(limit); } else { - i = input.length + limit; - n = input.length; + limit = int(limit); } - for (; i 0 ? input.slice(0, limit) : input.slice(limit); + } else { + return isString(input) ? "" : []; } - - return out; }; } /** * @ngdoc filter * @name orderBy - * @function + * @kind function * * @description - * Orders a specified `array` by the `expression` predicate. + * Orders a specified `array` by the `expression` predicate. It is ordered alphabetically + * for strings and numerically for numbers. Note: if you notice numbers are not being sorted + * correctly, make sure they are actually being saved as numbers and not strings. * * @param {Array} array The array to sort. - * @param {function(*)|string|Array.<(function(*)|string)>} expression A predicate to be + * @param {function(*)|string|Array.<(function(*)|string)>=} expression A predicate to be * used by the comparator to determine the order of elements. * * Can be one of: * * - `function`: Getter function. The result of this function will be sorted using the * `<`, `=`, `>` operator. - * - `string`: An Angular expression which evaluates to an object to order by, such as 'name' - * to sort by a property called 'name'. Optionally prefixed with `+` or `-` to control - * ascending or descending sort order (for example, +name or -name). + * - `string`: An Angular expression. The result of this expression is used to compare elements + * (for example `name` to sort by a property called `name` or `name.substr(0, 3)` to sort by + * 3 first characters of a property called `name`). The result of a constant expression + * is interpreted as a property name to be used in comparisons (for example `"special name"` + * to sort object by the value of their `special name` property). An expression can be + * optionally prefixed with `+` or `-` to control ascending or descending sort order + * (for example, `+name` or `-name`). If no property is provided, (e.g. `'+'`) then the array + * element itself is used to compare where sorting. * - `Array`: An array of function or string predicates. The first predicate in the array * is used for sorting, but when two items are equivalent, the next predicate is used. * + * If the predicate is missing or empty then it defaults to `'+'`. + * * @param {boolean=} reverse Reverse the order of the array. * @returns {Array} Sorted copy of the source array. * * @example - + -
      + 
      Sorting predicate = {{predicate}}; reverse = {{reverse}}
      [       unsorted ] @@ -15201,53 +17515,129 @@ function limitToFilter(){
      - */ -orderByFilter.$inject = ['$parse']; -function orderByFilter($parse){ - return function(array, sortPredicate, reverseOrder) { - if (!isArray(array)) return array; - if (!sortPredicate) return array; - sortPredicate = isArray(sortPredicate) ? sortPredicate: [sortPredicate]; - sortPredicate = map(sortPredicate, function(predicate){ - var descending = false, get = predicate || identity; - if (isString(predicate)) { - if ((predicate.charAt(0) == '+' || predicate.charAt(0) == '-')) { + * + * It's also possible to call the orderBy filter manually, by injecting `$filter`, retrieving the + * filter routine with `$filter('orderBy')`, and calling the returned filter routine with the + * desired parameters. + * + * Example: + * + * @example + + +
      + + + + + + + + + + + +
      Name + (^)Phone NumberAge
      {{friend.name}}{{friend.phone}}{{friend.age}}
      +
      +       + + + angular.module('orderByExample', []) + .controller('ExampleController', ['$scope', '$filter', function($scope, $filter) { + var orderBy = $filter('orderBy'); + $scope.friends = [ + { name: 'John', phone: '555-1212', age: 10 }, + { name: 'Mary', phone: '555-9876', age: 19 }, + { name: 'Mike', phone: '555-4321', age: 21 }, + { name: 'Adam', phone: '555-5678', age: 35 }, + { name: 'Julie', phone: '555-8765', age: 29 } + ]; + $scope.order = function(predicate, reverse) { + $scope.friends = orderBy($scope.friends, predicate, reverse); + }; + $scope.order('-age',false); + }]); + +       + */ +orderByFilter.$inject = ['$parse']; +function orderByFilter($parse) { + return function(array, sortPredicate, reverseOrder) { + if (!(isArrayLike(array))) return array; + sortPredicate = isArray(sortPredicate) ? sortPredicate : [sortPredicate]; + if (sortPredicate.length === 0) { sortPredicate = ['+']; } + sortPredicate = sortPredicate.map(function(predicate) { + var descending = false, get = predicate || identity; + if (isString(predicate)) { + if ((predicate.charAt(0) == '+' || predicate.charAt(0) == '-')) { descending = predicate.charAt(0) == '-'; predicate = predicate.substring(1); } + if (predicate === '') { + // Effectively no predicate was passed so we compare identity + return reverseComparator(compare, descending); + } get = $parse(predicate); if (get.constant) { var key = get(); - return reverseComparator(function(a,b) { + return reverseComparator(function(a, b) { return compare(a[key], b[key]); }, descending); } } - return reverseComparator(function(a,b){ + return reverseComparator(function(a, b) { return compare(get(a),get(b)); }, descending); }); - var arrayCopy = []; - for ( var i = 0; i < array.length; i++) { arrayCopy.push(array[i]); } - return arrayCopy.sort(reverseComparator(comparator, reverseOrder)); + return slice.call(array).sort(reverseComparator(comparator, reverseOrder)); - function comparator(o1, o2){ - for ( var i = 0; i < sortPredicate.length; i++) { + function comparator(o1, o2) { + for (var i = 0; i < sortPredicate.length; i++) { var comp = sortPredicate[i](o1, o2); if (comp !== 0) return comp; } return 0; } function reverseComparator(comp, descending) { - return toBoolean(descending) - ? function(a,b){return comp(b,a);} + return descending + ? function(a, b) {return comp(b,a);} : comp; } - function compare(v1, v2){ + + function isPrimitive(value) { + switch (typeof value) { + case 'number': /* falls through */ + case 'boolean': /* falls through */ + case 'string': + return true; + default: + return false; + } + } + + function objectToString(value) { + if (value === null) return 'null'; + if (typeof value.valueOf === 'function') { + value = value.valueOf(); + if (isPrimitive(value)) return value; + } + if (typeof value.toString === 'function') { + value = value.toString(); + if (isPrimitive(value)) return value; + } + return ''; + } + + function compare(v1, v2) { var t1 = typeof v1; var t2 = typeof v2; - if (t1 == t2) { - if (t1 == "string") { + if (t1 === t2 && t1 === "object") { + v1 = objectToString(v1); + v2 = objectToString(v2); + } + if (t1 === t2) { + if (t1 === "string") { v1 = v1.toLowerCase(); v2 = v2.toLowerCase(); } @@ -15286,28 +17676,15 @@ function ngDirective(directive) { var htmlAnchorDirective = valueFn({ restrict: 'E', compile: function(element, attr) { - - if (msie <= 8) { - - // turn link into a stylable link in IE - // but only if it doesn't have name attribute, in which case it's an anchor - if (!attr.href && !attr.name) { - attr.$set('href', ''); - } - - // add a comment node to anchors to workaround IE bug that causes element content to be reset - // to new attribute content if attribute is updated with value containing @ and element also - // contains value with @ - // see issue #1949 - element.append(document.createComment('IE fix')); - } - if (!attr.href && !attr.xlinkHref && !attr.name) { return function(scope, element) { + // If the linked element is not an anchor tag anymore, do nothing + if (element[0].nodeName.toLowerCase() !== 'a') return; + // SVGAElement does not use the href attribute, but rather the 'xlinkHref' attribute. var href = toString.call(element.prop('href')) === '[object SVGAnimatedString]' ? 'xlink:href' : 'href'; - element.on('click', function(event){ + element.on('click', function(event) { // if we have no href url, then don't navigate anywhere. if (!element.attr(href)) { event.preventDefault(); @@ -15329,18 +17706,17 @@ var htmlAnchorDirective = valueFn({ * make the link go to the wrong URL if the user clicks it before * Angular has a chance to replace the `{{hash}}` markup with its * value. Until Angular replaces the markup the link will be broken - * and will most likely return a 404 error. - * - * The `ngHref` directive solves this problem. + * and will most likely return a 404 error. The `ngHref` directive + * solves this problem. * * The wrong way to write it: * ```html - * + * link1 * ``` * * The correct way to write it: * ```html - * + * link1 * ``` * * @element A @@ -15384,7 +17760,7 @@ var htmlAnchorDirective = valueFn({ return browser.driver.getCurrentUrl().then(function(url) { return url.match(/\/123$/); }); - }, 1000, 'page should navigate to /123'); + }, 5000, 'page should navigate to /123'); }); xit('should execute ng-click but not reload when href empty string and name specified', function() { @@ -15412,7 +17788,7 @@ var htmlAnchorDirective = valueFn({ return browser.driver.getCurrentUrl().then(function(url) { return url.match(/\/6$/); }); - }, 1000, 'page should navigate to /6'); + }, 5000, 'page should navigate to /6'); }); @@ -15478,7 +17854,7 @@ var htmlAnchorDirective = valueFn({ * * @description * - * The following markup will make the button enabled on Chrome/Firefox but not on IE8 and older IEs: + * We shouldn't do this, because it will make the button enabled on Chrome/Firefox but not on IE8 and older IEs: * ```html *
      * @@ -15669,6 +18045,7 @@ forEach(BOOLEAN_ATTR, function(propName, attrName) { var normalized = directiveNormalize('ng-' + attrName); ngAttributeAliasDirectives[normalized] = function() { return { + restrict: 'A', priority: 100, link: function(scope, element, attr) { scope.$watch(attr[normalized], function ngBooleanAttrWatchAction(value) { @@ -15679,6 +18056,29 @@ forEach(BOOLEAN_ATTR, function(propName, attrName) { }; }); +// aliased input attrs are evaluated +forEach(ALIASED_ATTR, function(htmlAttr, ngAttr) { + ngAttributeAliasDirectives[ngAttr] = function() { + return { + priority: 100, + link: function(scope, element, attr) { + //special case ngPattern when a literal regular expression value + //is used as the expression (this way we don't have to watch anything). + if (ngAttr === "ngPattern" && attr.ngPattern.charAt(0) == "/") { + var match = attr.ngPattern.match(REGEX_STRING_REGEXP); + if (match) { + attr.$set("ngPattern", new RegExp(match[1], match[2])); + return; + } + } + + scope.$watch(attr[ngAttr], function ngAttrAliasWatchAction(value) { + attr.$set(ngAttr, value); + }); + } + }; + }; +}); // ng-src, ng-srcset, ng-href are interpolated forEach(['src', 'srcset', 'href'], function(attrName) { @@ -15698,8 +18098,12 @@ forEach(['src', 'srcset', 'href'], function(attrName) { } attr.$observe(normalized, function(value) { - if (!value) - return; + if (!value) { + if (attrName === 'href') { + attr.$set(name, null); + } + return; + } attr.$set(name, value); @@ -15714,14 +18118,22 @@ forEach(['src', 'srcset', 'href'], function(attrName) { }; }); -/* global -nullFormCtrl */ +/* global -nullFormCtrl, -SUBMITTED_CLASS, addSetValidityMethod: true + */ var nullFormCtrl = { $addControl: noop, + $$renameControl: nullFormRenameControl, $removeControl: noop, $setValidity: noop, $setDirty: noop, - $setPristine: noop -}; + $setPristine: noop, + $setSubmitted: noop +}, +SUBMITTED_CLASS = 'ng-submitted'; + +function nullFormRenameControl(control, name) { + control.$name = name; +} /** * @ngdoc type @@ -15731,13 +18143,13 @@ var nullFormCtrl = { * @property {boolean} $dirty True if user has already interacted with the form. * @property {boolean} $valid True if all of the containing forms and controls are valid. * @property {boolean} $invalid True if at least one containing control or form is invalid. + * @property {boolean} $submitted True if user has submitted the form even if its invalid. * - * @property {Object} $error Is an object hash, containing references to all invalid controls or - * forms, where: + * @property {Object} $error Is an object hash, containing references to controls or + * forms with failing validators, where: * * - keys are validation tokens (error names), - * - values are arrays of controls or forms that are invalid for given error name. - * + * - values are arrays of controls or forms that have a failing validator for given error name. * * Built-in validation tokens: * @@ -15750,9 +18162,14 @@ var nullFormCtrl = { * - `pattern` * - `required` * - `url` + * - `date` + * - `datetimelocal` + * - `time` + * - `week` + * - `month` * * @description - * `FormController` keeps track of all its controls and nested forms as well as state of them, + * `FormController` keeps track of all its controls and nested forms as well as the state of them, * such as being valid/invalid or dirty/pristine. * * Each {@link ng.directive:form form} directive creates an instance @@ -15760,33 +18177,59 @@ var nullFormCtrl = { * */ //asks for $scope to fool the BC controller module -FormController.$inject = ['$element', '$attrs', '$scope', '$animate']; -function FormController(element, attrs, $scope, $animate) { +FormController.$inject = ['$element', '$attrs', '$scope', '$animate', '$interpolate']; +function FormController(element, attrs, $scope, $animate, $interpolate) { var form = this, - parentForm = element.parent().controller('form') || nullFormCtrl, - invalidCount = 0, // used to easily determine if we are valid - errors = form.$error = {}, controls = []; + var parentForm = form.$$parentForm = element.parent().controller('form') || nullFormCtrl; + // init state - form.$name = attrs.name || attrs.ngForm; + form.$error = {}; + form.$$success = {}; + form.$pending = undefined; + form.$name = $interpolate(attrs.name || attrs.ngForm || '')($scope); form.$dirty = false; form.$pristine = true; form.$valid = true; form.$invalid = false; + form.$submitted = false; parentForm.$addControl(form); - // Setup initial state of the control - element.addClass(PRISTINE_CLASS); - toggleValidCss(true); + /** + * @ngdoc method + * @name form.FormController#$rollbackViewValue + * + * @description + * Rollback all form controls pending updates to the `$modelValue`. + * + * Updates may be pending by a debounced event or because the input is waiting for a some future + * event defined in `ng-model-options`. This method is typically needed by the reset button of + * a form that uses `ng-model-options` to pend updates. + */ + form.$rollbackViewValue = function() { + forEach(controls, function(control) { + control.$rollbackViewValue(); + }); + }; - // convenience method for easy toggling of classes - function toggleValidCss(isValid, validationErrorKey) { - validationErrorKey = validationErrorKey ? '-' + snake_case(validationErrorKey, '-') : ''; - $animate.removeClass(element, (isValid ? INVALID_CLASS : VALID_CLASS) + validationErrorKey); - $animate.addClass(element, (isValid ? VALID_CLASS : INVALID_CLASS) + validationErrorKey); - } + /** + * @ngdoc method + * @name form.FormController#$commitViewValue + * + * @description + * Commit all form controls pending updates to the `$modelValue`. + * + * Updates may be pending by a debounced event or because the input is waiting for a some future + * event defined in `ng-model-options`. This method is rarely needed as `NgModelController` + * usually handles calling this in response to input events. + */ + form.$commitViewValue = function() { + forEach(controls, function(control) { + control.$commitViewValue(); + }); + }; /** * @ngdoc method @@ -15808,6 +18251,17 @@ function FormController(element, attrs, $scope, $animate) { } }; + // Private API: rename a form control + form.$$renameControl = function(control, newName) { + var oldName = control.$name; + + if (form[oldName] === control) { + delete form[oldName]; + } + form[newName] = control; + control.$name = newName; + }; + /** * @ngdoc method * @name form.FormController#$removeControl @@ -15821,13 +18275,20 @@ function FormController(element, attrs, $scope, $animate) { if (control.$name && form[control.$name] === control) { delete form[control.$name]; } - forEach(errors, function(queue, validationToken) { - form.$setValidity(validationToken, true, control); + forEach(form.$pending, function(value, name) { + form.$setValidity(name, null, control); + }); + forEach(form.$error, function(value, name) { + form.$setValidity(name, null, control); + }); + forEach(form.$$success, function(value, name) { + form.$setValidity(name, null, control); }); arrayRemove(controls, control); }; + /** * @ngdoc method * @name form.FormController#$setValidity @@ -15837,43 +18298,33 @@ function FormController(element, attrs, $scope, $animate) { * * This method will also propagate to parent forms. */ - form.$setValidity = function(validationToken, isValid, control) { - var queue = errors[validationToken]; - - if (isValid) { - if (queue) { - arrayRemove(queue, control); - if (!queue.length) { - invalidCount--; - if (!invalidCount) { - toggleValidCss(isValid); - form.$valid = true; - form.$invalid = false; - } - errors[validationToken] = false; - toggleValidCss(true, validationToken); - parentForm.$setValidity(validationToken, true, form); + addSetValidityMethod({ + ctrl: this, + $element: element, + set: function(object, property, controller) { + var list = object[property]; + if (!list) { + object[property] = [controller]; + } else { + var index = list.indexOf(controller); + if (index === -1) { + list.push(controller); } } - - } else { - if (!invalidCount) { - toggleValidCss(isValid); + }, + unset: function(object, property, controller) { + var list = object[property]; + if (!list) { + return; } - if (queue) { - if (includes(queue, control)) return; - } else { - errors[validationToken] = queue = []; - invalidCount++; - toggleValidCss(false, validationToken); - parentForm.$setValidity(validationToken, false, form); + arrayRemove(list, controller); + if (list.length === 0) { + delete object[property]; } - queue.push(control); - - form.$valid = false; - form.$invalid = true; - } - }; + }, + parentForm: parentForm, + $animate: $animate + }); /** * @ngdoc method @@ -15907,17 +18358,48 @@ function FormController(element, attrs, $scope, $animate) { * Setting a form back to a pristine state is often useful when we want to 'reuse' a form after * saving or resetting it. */ - form.$setPristine = function () { - $animate.removeClass(element, DIRTY_CLASS); - $animate.addClass(element, PRISTINE_CLASS); + form.$setPristine = function() { + $animate.setClass(element, PRISTINE_CLASS, DIRTY_CLASS + ' ' + SUBMITTED_CLASS); form.$dirty = false; form.$pristine = true; + form.$submitted = false; forEach(controls, function(control) { control.$setPristine(); }); }; -} + /** + * @ngdoc method + * @name form.FormController#$setUntouched + * + * @description + * Sets the form to its untouched state. + * + * This method can be called to remove the 'ng-touched' class and set the form controls to their + * untouched state (ng-untouched class). + * + * Setting a form controls back to their untouched state is often useful when setting the form + * back to its pristine state. + */ + form.$setUntouched = function() { + forEach(controls, function(control) { + control.$setUntouched(); + }); + }; + + /** + * @ngdoc method + * @name form.FormController#$setSubmitted + * + * @description + * Sets the form to its submitted state. + */ + form.$setSubmitted = function() { + $animate.addClass(element, SUBMITTED_CLASS); + form.$submitted = true; + parentForm.$setSubmitted(); + }; +} /** * @ngdoc directive @@ -15967,6 +18449,7 @@ function FormController(element, attrs, $scope, $animate) { * - `ng-invalid` is set if the form is invalid. * - `ng-pristine` is set if the form is pristine. * - `ng-dirty` is set if the form is dirty. + * - `ng-submitted` is set if the form was submitted. * * Keep in mind that ngAnimate can detect each of these classes when added and removed. * @@ -16000,8 +18483,9 @@ function FormController(element, attrs, $scope, $animate) { * hitting enter in any of the input fields will trigger the click handler on the *first* button or * input[type=submit] (`ngClick`) *and* a submit handler on the enclosing form (`ngSubmit`) * - * @param {string=} name Name of the form. If specified, the form controller will be published into - * related scope, under this name. + * Any pending `ngModelOptions` changes will take place immediately when an enclosing form is + * submitted. Note that `ngClick` events will occur before the model is updated. Use `ngSubmit` + * to have access to the updated model. * * ## Animation Hooks * @@ -16028,12 +18512,13 @@ function FormController(element, attrs, $scope, $animate) { * * * @example - + - + userType: Required!
      userType = {{userType}}
      @@ -16078,6 +18563,8 @@ function FormController(element, attrs, $scope, $animate) {       * + * @param {string=} name Name of the form. If specified, the form controller will be published into + * related scope, under this name. */ var formDirectiveFactory = function(isNgForm) { return ['$timeout', function($timeout) { @@ -16085,48 +18572,60 @@ var formDirectiveFactory = function(isNgForm) { name: 'form', restrict: isNgForm ? 'EAC' : 'E', controller: FormController, - compile: function() { + compile: function ngFormCompile(formElement) { + // Setup initial state of the control + formElement.addClass(PRISTINE_CLASS).addClass(VALID_CLASS); + return { - pre: function(scope, formElement, attr, controller) { - if (!attr.action) { + pre: function ngFormPreLink(scope, formElement, attr, controller) { + // if `action` attr is not present on the form, prevent the default action (submission) + if (!('action' in attr)) { // we can't use jq events because if a form is destroyed during submission the default // action is not prevented. see #1238 // // IE 9 is not affected because it doesn't fire a submit event and try to do a full // page reload if the form was destroyed by submission of the form via a click handler // on a button in the form. Looks like an IE9 specific bug. - var preventDefaultListener = function(event) { - event.preventDefault - ? event.preventDefault() - : event.returnValue = false; // IE + var handleFormSubmission = function(event) { + scope.$apply(function() { + controller.$commitViewValue(); + controller.$setSubmitted(); + }); + + event.preventDefault(); }; - addEventListenerFn(formElement[0], 'submit', preventDefaultListener); + addEventListenerFn(formElement[0], 'submit', handleFormSubmission); // unregister the preventDefault listener so that we don't not leak memory but in a // way that will achieve the prevention of the default action. formElement.on('$destroy', function() { $timeout(function() { - removeEventListenerFn(formElement[0], 'submit', preventDefaultListener); + removeEventListenerFn(formElement[0], 'submit', handleFormSubmission); }, 0, false); }); } - var parentFormCtrl = formElement.parent().controller('form'), - alias = attr.name || attr.ngForm; + var parentFormCtrl = controller.$$parentForm, + alias = controller.$name; if (alias) { - setter(scope, alias, controller, alias); - } - if (parentFormCtrl) { - formElement.on('$destroy', function() { - parentFormCtrl.$removeControl(controller); - if (alias) { - setter(scope, alias, undefined, alias); - } - extend(controller, nullFormCtrl); //stop propagating child destruction handlers upwards + setter(scope, null, alias, controller, alias); + attr.$observe(attr.name ? 'name' : 'ngForm', function(newValue) { + if (alias === newValue) return; + setter(scope, null, alias, undefined, alias); + alias = newValue; + setter(scope, null, alias, controller, alias); + parentFormCtrl.$$renameControl(controller, alias); }); } + formElement.on('$destroy', function() { + parentFormCtrl.$removeControl(controller); + if (alias) { + setter(scope, null, alias, undefined, alias); + } + extend(controller, nullFormCtrl); //stop propagating child destruction handlers upwards + }); } }; } @@ -16139,17 +18638,25 @@ var formDirectiveFactory = function(isNgForm) { var formDirective = formDirectiveFactory(); var ngFormDirective = formDirectiveFactory(true); -/* global - - -VALID_CLASS, - -INVALID_CLASS, - -PRISTINE_CLASS, - -DIRTY_CLASS +/* global VALID_CLASS: false, + INVALID_CLASS: false, + PRISTINE_CLASS: false, + DIRTY_CLASS: false, + UNTOUCHED_CLASS: false, + TOUCHED_CLASS: false, + $ngModelMinErr: false, */ +// Regex code is obtained from SO: https://stackoverflow.com/questions/3143070/javascript-regex-iso-datetime#answer-3143231 +var ISO_DATE_REGEXP = /\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z)/; var URL_REGEXP = /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/; -var EMAIL_REGEXP = /^[a-z0-9!#$%&'*+/=?^_`{|}~.-]+@[a-z0-9-]+(\.[a-z0-9-]+)*$/i; +var EMAIL_REGEXP = /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i; var NUMBER_REGEXP = /^\s*(\-|\+)?(\d+|(\d*(\.\d*)))\s*$/; +var DATE_REGEXP = /^(\d{4})-(\d{2})-(\d{2})$/; +var DATETIMELOCAL_REGEXP = /^(\d{4})-(\d\d)-(\d\d)T(\d\d):(\d\d)(?::(\d\d)(\.\d{1,3})?)?$/; +var WEEK_REGEXP = /^(\d{4})-W(\d\d)$/; +var MONTH_REGEXP = /^(\d{4})-(\d\d)$/; +var TIME_REGEXP = /^(\d\d):(\d\d)(?::(\d\d)(\.\d{1,3})?)?$/; var inputType = { @@ -16158,7 +18665,8 @@ var inputType = { * @name input[text] * * @description - * Standard HTML text input with angular data binding. + * Standard HTML text input with angular data binding, inherited by most of the `input` elements. + * * * @param {string} ngModel Assignable angular expression to data-bind to. * @param {string=} name Property name of the form under which the control is published. @@ -16169,32 +18677,43 @@ var inputType = { * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than * minlength. * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than - * maxlength. - * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the - * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for - * patterns defined as scope expressions. + * maxlength. Setting the attribute to a negative or non-numeric value, allows view values of + * any length. + * @param {string=} pattern Similar to `ngPattern` except that the attribute value is the actual string + * that contains the regular expression body that will be converted to a regular expression + * as in the ngPattern directive. + * @param {string=} ngPattern Sets `pattern` validation error key if the ngModel value does not match + * a RegExp found by evaluating the Angular expression given in the attribute value. + * If the expression evaluates to a RegExp object then this is used directly. + * If the expression is a string then it will be converted to a RegExp after wrapping it in `^` and `$` + * characters. For instance, `"abc"` will be converted to `new RegExp('^abc$')`. * @param {string=} ngChange Angular expression to be executed when input changes due to user * interaction with the input element. * @param {boolean=} [ngTrim=true] If set to false Angular will not automatically trim the input. + * This parameter is ignored for input[type=password] controls, which will never trim the + * input. * * @example - + - - Single word: + + Single word: Required! Single word only! - text = {{text}}
      + text = {{example.text}}
      myForm.input.$valid = {{myForm.input.$valid}}
      myForm.input.$error = {{myForm.input.$error}}
      myForm.$valid = {{myForm.$valid}}
      @@ -16202,9 +18721,9 @@ var inputType = {       - var text = element(by.binding('text')); + var text = element(by.binding('example.text')); var valid = element(by.binding('myForm.input.$valid')); - var input = element(by.model('text')); + var input = element(by.model('example.text')); it('should initialize to model', function() { expect(text.getText()).toContain('guest'); @@ -16230,94 +18749,488 @@ var inputType = { */ 'text': textInputType, + /** + * @ngdoc input + * @name input[date] + * + * @description + * Input with date validation and transformation. In browsers that do not yet support + * the HTML5 date input, a text element will be used. In that case, text must be entered in a valid ISO-8601 + * date format (yyyy-MM-dd), for example: `2009-01-06`. Since many + * modern browsers do not yet support this input type, it is important to provide cues to users on the + * expected input format via a placeholder or label. + * + * The model must always be a Date object, otherwise Angular will throw an error. + * Invalid `Date` objects (dates whose `getTime()` is `NaN`) will be rendered as an empty string. + * + * The timezone to be used to read/write the `Date` instance in the model can be defined using + * {@link ng.directive:ngModelOptions ngModelOptions}. By default, this is the timezone of the browser. + * + * @param {string} ngModel Assignable angular expression to data-bind to. + * @param {string=} name Property name of the form under which the control is published. + * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`. This must be a + * valid ISO date string (yyyy-MM-dd). + * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`. This must be + * a valid ISO date string (yyyy-MM-dd). + * @param {string=} required Sets `required` validation error key if the value is not entered. + * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to + * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of + * `required` when you want to data-bind to the `required` attribute. + * @param {string=} ngChange Angular expression to be executed when input changes due to user + * interaction with the input element. + * + * @example + + + +
      + Pick a date in 2013: + + + Required! + + Not a valid date! + value = {{example.value | date: "yyyy-MM-dd"}}
      + myForm.input.$valid = {{myForm.input.$valid}}
      + myForm.input.$error = {{myForm.input.$error}}
      + myForm.$valid = {{myForm.$valid}}
      + myForm.$error.required = {{!!myForm.$error.required}}
      +
      +       + + var value = element(by.binding('example.value | date: "yyyy-MM-dd"')); + var valid = element(by.binding('myForm.input.$valid')); + var input = element(by.model('example.value')); + + // currently protractor/webdriver does not support + // sending keys to all known HTML5 input controls + // for various browsers (see https://github.com/angular/protractor/issues/562). + function setInput(val) { + // set the value of the element and force validation. + var scr = "var ipt = document.getElementById('exampleInput'); " + + "ipt.value = '" + val + "';" + + "angular.element(ipt).scope().$apply(function(s) { s.myForm[ipt.name].$setViewValue('" + val + "'); });"; + browser.executeScript(scr); + } + + it('should initialize to model', function() { + expect(value.getText()).toContain('2013-10-22'); + expect(valid.getText()).toContain('myForm.input.$valid = true'); + }); + + it('should be invalid if empty', function() { + setInput(''); + expect(value.getText()).toEqual('value ='); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + + it('should be invalid if over max', function() { + setInput('2015-01-01'); + expect(value.getText()).toContain(''); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + +       + */ + 'date': createDateInputType('date', DATE_REGEXP, + createDateParser(DATE_REGEXP, ['yyyy', 'MM', 'dd']), + 'yyyy-MM-dd'), + + /** + * @ngdoc input + * @name input[datetime-local] + * + * @description + * Input with datetime validation and transformation. In browsers that do not yet support + * the HTML5 date input, a text element will be used. In that case, the text must be entered in a valid ISO-8601 + * local datetime format (yyyy-MM-ddTHH:mm:ss), for example: `2010-12-28T14:57:00`. + * + * The model must always be a Date object, otherwise Angular will throw an error. + * Invalid `Date` objects (dates whose `getTime()` is `NaN`) will be rendered as an empty string. + * + * The timezone to be used to read/write the `Date` instance in the model can be defined using + * {@link ng.directive:ngModelOptions ngModelOptions}. By default, this is the timezone of the browser. + * + * @param {string} ngModel Assignable angular expression to data-bind to. + * @param {string=} name Property name of the form under which the control is published. + * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`. This must be a + * valid ISO datetime format (yyyy-MM-ddTHH:mm:ss). + * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`. This must be + * a valid ISO datetime format (yyyy-MM-ddTHH:mm:ss). + * @param {string=} required Sets `required` validation error key if the value is not entered. + * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to + * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of + * `required` when you want to data-bind to the `required` attribute. + * @param {string=} ngChange Angular expression to be executed when input changes due to user + * interaction with the input element. + * + * @example + + + +
      + Pick a date between in 2013: + + + Required! + + Not a valid date! + value = {{example.value | date: "yyyy-MM-ddTHH:mm:ss"}}
      + myForm.input.$valid = {{myForm.input.$valid}}
      + myForm.input.$error = {{myForm.input.$error}}
      + myForm.$valid = {{myForm.$valid}}
      + myForm.$error.required = {{!!myForm.$error.required}}
      +
      +       + + var value = element(by.binding('example.value | date: "yyyy-MM-ddTHH:mm:ss"')); + var valid = element(by.binding('myForm.input.$valid')); + var input = element(by.model('example.value')); + + // currently protractor/webdriver does not support + // sending keys to all known HTML5 input controls + // for various browsers (https://github.com/angular/protractor/issues/562). + function setInput(val) { + // set the value of the element and force validation. + var scr = "var ipt = document.getElementById('exampleInput'); " + + "ipt.value = '" + val + "';" + + "angular.element(ipt).scope().$apply(function(s) { s.myForm[ipt.name].$setViewValue('" + val + "'); });"; + browser.executeScript(scr); + } + + it('should initialize to model', function() { + expect(value.getText()).toContain('2010-12-28T14:57:00'); + expect(valid.getText()).toContain('myForm.input.$valid = true'); + }); + + it('should be invalid if empty', function() { + setInput(''); + expect(value.getText()).toEqual('value ='); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + + it('should be invalid if over max', function() { + setInput('2015-01-01T23:59:00'); + expect(value.getText()).toContain(''); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + +       + */ + 'datetime-local': createDateInputType('datetimelocal', DATETIMELOCAL_REGEXP, + createDateParser(DATETIMELOCAL_REGEXP, ['yyyy', 'MM', 'dd', 'HH', 'mm', 'ss', 'sss']), + 'yyyy-MM-ddTHH:mm:ss.sss'), /** * @ngdoc input - * @name input[number] + * @name input[time] * * @description - * Text input with number validation and transformation. Sets the `number` validation - * error if not a valid number. + * Input with time validation and transformation. In browsers that do not yet support + * the HTML5 date input, a text element will be used. In that case, the text must be entered in a valid ISO-8601 + * local time format (HH:mm:ss), for example: `14:57:00`. Model must be a Date object. This binding will always output a + * Date object to the model of January 1, 1970, or local date `new Date(1970, 0, 1, HH, mm, ss)`. + * + * The model must always be a Date object, otherwise Angular will throw an error. + * Invalid `Date` objects (dates whose `getTime()` is `NaN`) will be rendered as an empty string. + * + * The timezone to be used to read/write the `Date` instance in the model can be defined using + * {@link ng.directive:ngModelOptions ngModelOptions}. By default, this is the timezone of the browser. * * @param {string} ngModel Assignable angular expression to data-bind to. * @param {string=} name Property name of the form under which the control is published. - * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`. - * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`. + * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`. This must be a + * valid ISO time format (HH:mm:ss). + * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`. This must be a + * valid ISO time format (HH:mm:ss). * @param {string=} required Sets `required` validation error key if the value is not entered. * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of * `required` when you want to data-bind to the `required` attribute. - * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than - * minlength. - * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than - * maxlength. - * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the - * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for - * patterns defined as scope expressions. * @param {string=} ngChange Angular expression to be executed when input changes due to user * interaction with the input element. * * @example - - - -
      - Number: - - Required! - - Not valid number! - value = {{value}}
      - myForm.input.$valid = {{myForm.input.$valid}}
      - myForm.input.$error = {{myForm.input.$error}}
      - myForm.$valid = {{myForm.$valid}}
      - myForm.$error.required = {{!!myForm.$error.required}}
      -
      -       - - var value = element(by.binding('value')); - var valid = element(by.binding('myForm.input.$valid')); - var input = element(by.model('value')); + + + +
      + Pick a between 8am and 5pm: + + + Required! + + Not a valid date! + value = {{example.value | date: "HH:mm:ss"}}
      + myForm.input.$valid = {{myForm.input.$valid}}
      + myForm.input.$error = {{myForm.input.$error}}
      + myForm.$valid = {{myForm.$valid}}
      + myForm.$error.required = {{!!myForm.$error.required}}
      +
      +       + + var value = element(by.binding('example.value | date: "HH:mm:ss"')); + var valid = element(by.binding('myForm.input.$valid')); + var input = element(by.model('example.value')); + + // currently protractor/webdriver does not support + // sending keys to all known HTML5 input controls + // for various browsers (https://github.com/angular/protractor/issues/562). + function setInput(val) { + // set the value of the element and force validation. + var scr = "var ipt = document.getElementById('exampleInput'); " + + "ipt.value = '" + val + "';" + + "angular.element(ipt).scope().$apply(function(s) { s.myForm[ipt.name].$setViewValue('" + val + "'); });"; + browser.executeScript(scr); + } - it('should initialize to model', function() { - expect(value.getText()).toContain('12'); - expect(valid.getText()).toContain('true'); - }); + it('should initialize to model', function() { + expect(value.getText()).toContain('14:57:00'); + expect(valid.getText()).toContain('myForm.input.$valid = true'); + }); - it('should be invalid if empty', function() { - input.clear(); - input.sendKeys(''); - expect(value.getText()).toEqual('value ='); - expect(valid.getText()).toContain('false'); - }); + it('should be invalid if empty', function() { + setInput(''); + expect(value.getText()).toEqual('value ='); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); - it('should be invalid if over max', function() { - input.clear(); - input.sendKeys('123'); - expect(value.getText()).toEqual('value ='); - expect(valid.getText()).toContain('false'); - }); - -       + it('should be invalid if over max', function() { + setInput('23:59:00'); + expect(value.getText()).toContain(''); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); +       +       */ - 'number': numberInputType, + 'time': createDateInputType('time', TIME_REGEXP, + createDateParser(TIME_REGEXP, ['HH', 'mm', 'ss', 'sss']), + 'HH:mm:ss.sss'), + + /** + * @ngdoc input + * @name input[week] + * + * @description + * Input with week-of-the-year validation and transformation to Date. In browsers that do not yet support + * the HTML5 week input, a text element will be used. In that case, the text must be entered in a valid ISO-8601 + * week format (yyyy-W##), for example: `2013-W02`. + * + * The model must always be a Date object, otherwise Angular will throw an error. + * Invalid `Date` objects (dates whose `getTime()` is `NaN`) will be rendered as an empty string. + * + * The timezone to be used to read/write the `Date` instance in the model can be defined using + * {@link ng.directive:ngModelOptions ngModelOptions}. By default, this is the timezone of the browser. + * + * @param {string} ngModel Assignable angular expression to data-bind to. + * @param {string=} name Property name of the form under which the control is published. + * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`. This must be a + * valid ISO week format (yyyy-W##). + * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`. This must be + * a valid ISO week format (yyyy-W##). + * @param {string=} required Sets `required` validation error key if the value is not entered. + * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to + * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of + * `required` when you want to data-bind to the `required` attribute. + * @param {string=} ngChange Angular expression to be executed when input changes due to user + * interaction with the input element. + * + * @example + + + +
      + Pick a date between in 2013: + + + Required! + + Not a valid date! + value = {{example.value | date: "yyyy-Www"}}
      + myForm.input.$valid = {{myForm.input.$valid}}
      + myForm.input.$error = {{myForm.input.$error}}
      + myForm.$valid = {{myForm.$valid}}
      + myForm.$error.required = {{!!myForm.$error.required}}
      +
      +       + + var value = element(by.binding('example.value | date: "yyyy-Www"')); + var valid = element(by.binding('myForm.input.$valid')); + var input = element(by.model('example.value')); + + // currently protractor/webdriver does not support + // sending keys to all known HTML5 input controls + // for various browsers (https://github.com/angular/protractor/issues/562). + function setInput(val) { + // set the value of the element and force validation. + var scr = "var ipt = document.getElementById('exampleInput'); " + + "ipt.value = '" + val + "';" + + "angular.element(ipt).scope().$apply(function(s) { s.myForm[ipt.name].$setViewValue('" + val + "'); });"; + browser.executeScript(scr); + } + + it('should initialize to model', function() { + expect(value.getText()).toContain('2013-W01'); + expect(valid.getText()).toContain('myForm.input.$valid = true'); + }); + it('should be invalid if empty', function() { + setInput(''); + expect(value.getText()).toEqual('value ='); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + + it('should be invalid if over max', function() { + setInput('2015-W01'); + expect(value.getText()).toContain(''); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + +       + */ + 'week': createDateInputType('week', WEEK_REGEXP, weekParser, 'yyyy-Www'), /** * @ngdoc input - * @name input[url] + * @name input[month] * * @description - * Text input with URL validation. Sets the `url` validation error key if the content is not a - * valid URL. + * Input with month validation and transformation. In browsers that do not yet support + * the HTML5 month input, a text element will be used. In that case, the text must be entered in a valid ISO-8601 + * month format (yyyy-MM), for example: `2009-01`. + * + * The model must always be a Date object, otherwise Angular will throw an error. + * Invalid `Date` objects (dates whose `getTime()` is `NaN`) will be rendered as an empty string. + * If the model is not set to the first of the month, the next view to model update will set it + * to the first of the month. + * + * The timezone to be used to read/write the `Date` instance in the model can be defined using + * {@link ng.directive:ngModelOptions ngModelOptions}. By default, this is the timezone of the browser. + * + * @param {string} ngModel Assignable angular expression to data-bind to. + * @param {string=} name Property name of the form under which the control is published. + * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`. This must be + * a valid ISO month format (yyyy-MM). + * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`. This must + * be a valid ISO month format (yyyy-MM). + * @param {string=} required Sets `required` validation error key if the value is not entered. + * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to + * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of + * `required` when you want to data-bind to the `required` attribute. + * @param {string=} ngChange Angular expression to be executed when input changes due to user + * interaction with the input element. + * + * @example + + + +
      + Pick a month in 2013: + + + Required! + + Not a valid month! + value = {{example.value | date: "yyyy-MM"}}
      + myForm.input.$valid = {{myForm.input.$valid}}
      + myForm.input.$error = {{myForm.input.$error}}
      + myForm.$valid = {{myForm.$valid}}
      + myForm.$error.required = {{!!myForm.$error.required}}
      +
      +       + + var value = element(by.binding('example.value | date: "yyyy-MM"')); + var valid = element(by.binding('myForm.input.$valid')); + var input = element(by.model('example.value')); + + // currently protractor/webdriver does not support + // sending keys to all known HTML5 input controls + // for various browsers (https://github.com/angular/protractor/issues/562). + function setInput(val) { + // set the value of the element and force validation. + var scr = "var ipt = document.getElementById('exampleInput'); " + + "ipt.value = '" + val + "';" + + "angular.element(ipt).scope().$apply(function(s) { s.myForm[ipt.name].$setViewValue('" + val + "'); });"; + browser.executeScript(scr); + } + + it('should initialize to model', function() { + expect(value.getText()).toContain('2013-10'); + expect(valid.getText()).toContain('myForm.input.$valid = true'); + }); + + it('should be invalid if empty', function() { + setInput(''); + expect(value.getText()).toEqual('value ='); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + + it('should be invalid if over max', function() { + setInput('2015-01'); + expect(value.getText()).toContain(''); + expect(valid.getText()).toContain('myForm.input.$valid = false'); + }); + +       + */ + 'month': createDateInputType('month', MONTH_REGEXP, + createDateParser(MONTH_REGEXP, ['yyyy', 'MM']), + 'yyyy-MM'), + + /** + * @ngdoc input + * @name input[number] + * + * @description + * Text input with number validation and transformation. Sets the `number` validation + * error if not a valid number. + * + * The model must always be a number, otherwise Angular will throw an error. * * @param {string} ngModel Assignable angular expression to data-bind to. * @param {string=} name Property name of the form under which the control is published. + * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`. + * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`. * @param {string=} required Sets `required` validation error key if the value is not entered. * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of @@ -16325,28 +19238,127 @@ var inputType = { * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than * minlength. * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than - * maxlength. - * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the - * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for - * patterns defined as scope expressions. + * maxlength. Setting the attribute to a negative or non-numeric value, allows view values of + * any length. + * @param {string=} pattern Similar to `ngPattern` except that the attribute value is the actual string + * that contains the regular expression body that will be converted to a regular expression + * as in the ngPattern directive. + * @param {string=} ngPattern Sets `pattern` validation error key if the ngModel value does not match + * a RegExp found by evaluating the Angular expression given in the attribute value. + * If the expression evaluates to a RegExp object then this is used directly. + * If the expression is a string then it will be converted to a RegExp after wrapping it in `^` and `$` + * characters. For instance, `"abc"` will be converted to `new RegExp('^abc$')`. * @param {string=} ngChange Angular expression to be executed when input changes due to user * interaction with the input element. * * @example - + +
      + Number: + + Required! + + Not valid number! + value = {{example.value}}
      + myForm.input.$valid = {{myForm.input.$valid}}
      + myForm.input.$error = {{myForm.input.$error}}
      + myForm.$valid = {{myForm.$valid}}
      + myForm.$error.required = {{!!myForm.$error.required}}
      +
      +       + + var value = element(by.binding('example.value')); + var valid = element(by.binding('myForm.input.$valid')); + var input = element(by.model('example.value')); + + it('should initialize to model', function() { + expect(value.getText()).toContain('12'); + expect(valid.getText()).toContain('true'); + }); + + it('should be invalid if empty', function() { + input.clear(); + input.sendKeys(''); + expect(value.getText()).toEqual('value ='); + expect(valid.getText()).toContain('false'); + }); + + it('should be invalid if over max', function() { + input.clear(); + input.sendKeys('123'); + expect(value.getText()).toEqual('value ='); + expect(valid.getText()).toContain('false'); + }); + +       + */ + 'number': numberInputType, + + + /** + * @ngdoc input + * @name input[url] + * + * @description + * Text input with URL validation. Sets the `url` validation error key if the content is not a + * valid URL. + * + *
      + * **Note:** `input[url]` uses a regex to validate urls that is derived from the regex + * used in Chromium. If you need stricter validation, you can use `ng-pattern` or modify + * the built-in validators (see the {@link guide/forms Forms guide}) + *
      + * + * @param {string} ngModel Assignable angular expression to data-bind to. + * @param {string=} name Property name of the form under which the control is published. + * @param {string=} required Sets `required` validation error key if the value is not entered. + * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to + * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of + * `required` when you want to data-bind to the `required` attribute. + * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than + * minlength. + * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than + * maxlength. Setting the attribute to a negative or non-numeric value, allows view values of + * any length. + * @param {string=} pattern Similar to `ngPattern` except that the attribute value is the actual string + * that contains the regular expression body that will be converted to a regular expression + * as in the ngPattern directive. + * @param {string=} ngPattern Sets `pattern` validation error key if the ngModel value does not match + * a RegExp found by evaluating the Angular expression given in the attribute value. + * If the expression evaluates to a RegExp object then this is used directly. + * If the expression is a string then it will be converted to a RegExp after wrapping it in `^` and `$` + * characters. For instance, `"abc"` will be converted to `new RegExp('^abc$')`. + * @param {string=} ngChange Angular expression to be executed when input changes due to user + * interaction with the input element. + * + * @example + + + -
      - URL: + + URL: Required! Not valid url! - text = {{text}}
      + text = {{url.text}}
      myForm.input.$valid = {{myForm.input.$valid}}
      myForm.input.$error = {{myForm.input.$error}}
      myForm.$valid = {{myForm.$valid}}
      @@ -16355,9 +19367,9 @@ var inputType = {
      - var text = element(by.binding('text')); + var text = element(by.binding('url.text')); var valid = element(by.binding('myForm.input.$valid')); - var input = element(by.model('text')); + var input = element(by.model('url.text')); it('should initialize to model', function() { expect(text.getText()).toContain('http://google.com'); @@ -16392,6 +19404,12 @@ var inputType = { * Text input with email validation. Sets the `email` validation error key if not a valid email * address. * + *
      + * **Note:** `input[email]` uses a regex to validate email addresses that is derived from the regex + * used in Chromium. If you need stricter validation (e.g. requiring a top-level domain), you can + * use `ng-pattern` or modify the built-in validators (see the {@link guide/forms Forms guide}) + *
      + * * @param {string} ngModel Assignable angular expression to data-bind to. * @param {string=} name Property name of the form under which the control is published. * @param {string=} required Sets `required` validation error key if the value is not entered. @@ -16401,28 +19419,37 @@ var inputType = { * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than * minlength. * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than - * maxlength. - * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the - * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for - * patterns defined as scope expressions. + * maxlength. Setting the attribute to a negative or non-numeric value, allows view values of + * any length. + * @param {string=} pattern Similar to `ngPattern` except that the attribute value is the actual string + * that contains the regular expression body that will be converted to a regular expression + * as in the ngPattern directive. + * @param {string=} ngPattern Sets `pattern` validation error key if the ngModel value does not match + * a RegExp found by evaluating the Angular expression given in the attribute value. + * If the expression evaluates to a RegExp object then this is used directly. + * If the expression is a string then it will be converted to a RegExp after wrapping it in `^` and `$` + * characters. For instance, `"abc"` will be converted to `new RegExp('^abc$')`. * @param {string=} ngChange Angular expression to be executed when input changes due to user * interaction with the input element. * * @example - + -
      - Email: + + Email: Required! Not valid email! - text = {{text}}
      + text = {{email.text}}
      myForm.input.$valid = {{myForm.input.$valid}}
      myForm.input.$error = {{myForm.input.$error}}
      myForm.$valid = {{myForm.$valid}}
      @@ -16431,9 +19458,9 @@ var inputType = {
      - var text = element(by.binding('text')); + var text = element(by.binding('email.text')); var valid = element(by.binding('myForm.input.$valid')); - var input = element(by.model('text')); + var input = element(by.model('email.text')); it('should initialize to model', function() { expect(text.getText()).toContain('me@example.com'); @@ -16475,32 +19502,35 @@ var inputType = { * be set when selected. * * @example - + -
      - Red
      - Green
      - Blue
      - color = {{color | json}}
      + + Red
      + Green
      + Blue
      + color = {{color.name | json}}
      Note that `ng-value="specialValue"` sets radio item's value to be the value of `$scope.specialValue`.       it('should change state', function() { - var color = element(by.binding('color')); + var color = element(by.binding('color.name')); expect(color.getText()).toContain('blue'); - element.all(by.model('color')).get(0).click(); + element.all(by.model('color.name')).get(0).click(); expect(color.getText()).toContain('red'); }); @@ -16519,38 +19549,41 @@ var inputType = { * * @param {string} ngModel Assignable angular expression to data-bind to. * @param {string=} name Property name of the form under which the control is published. - * @param {string=} ngTrueValue The value to which the expression should be set when selected. - * @param {string=} ngFalseValue The value to which the expression should be set when not selected. + * @param {expression=} ngTrueValue The value to which the expression should be set when selected. + * @param {expression=} ngFalseValue The value to which the expression should be set when not selected. * @param {string=} ngChange Angular expression to be executed when input changes due to user * interaction with the input element. * * @example - + -
      - Value1:
      - Value2:
      - value1 = {{value1}}
      - value2 = {{value2}}
      + + Value1:
      + Value2:
      + value1 = {{checkboxModel.value1}}
      + value2 = {{checkboxModel.value2}}
       it('should change state', function() { - var value1 = element(by.binding('value1')); - var value2 = element(by.binding('value2')); + var value1 = element(by.binding('checkboxModel.value1')); + var value2 = element(by.binding('checkboxModel.value2')); expect(value1.getText()).toContain('true'); expect(value2.getText()).toContain('YES'); - element(by.model('value1')).click(); - element(by.model('value2')).click(); + element(by.model('checkboxModel.value1')).click(); + element(by.model('checkboxModel.value2')).click(); expect(value1.getText()).toContain('false'); expect(value2.getText()).toContain('NO'); @@ -16567,33 +19600,20 @@ var inputType = { 'file': noop }; -// A helper function to call $setValidity and return the value / undefined, -// a pattern that is repeated a lot in the input validation logic. -function validate(ctrl, validatorName, validity, value){ - ctrl.$setValidity(validatorName, validity); - return validity ? value : undefined; +function stringBasedInputType(ctrl) { + ctrl.$formatters.push(function(value) { + return ctrl.$isEmpty(value) ? value : value.toString(); + }); } - -function addNativeHtml5Validators(ctrl, validatorName, element) { - var validity = element.prop('validity'); - if (isObject(validity)) { - var validator = function(value) { - // Don't overwrite previous validation, don't consider valueMissing to apply (ng-required can - // perform the required validation) - if (!ctrl.$error[validatorName] && (validity.badInput || validity.customError || - validity.typeMismatch) && !validity.valueMissing) { - ctrl.$setValidity(validatorName, false); - return; - } - return value; - }; - ctrl.$parsers.push(validator); - } +function textInputType(scope, element, attr, ctrl, $sniffer, $browser) { + baseInputType(scope, element, attr, ctrl, $sniffer, $browser); + stringBasedInputType(ctrl); } -function textInputType(scope, element, attr, ctrl, $sniffer, $browser) { - var validity = element.prop('validity'); +function baseInputType(scope, element, attr, ctrl, $sniffer, $browser) { + var type = lowercase(element[0].type); + // In composition mode, users are still inputing intermediate text buffer, // hold the listener until composition is done. // More about composition events: https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent @@ -16610,29 +19630,27 @@ function textInputType(scope, element, attr, ctrl, $sniffer, $browser) { }); } - var listener = function() { + var listener = function(ev) { + if (timeout) { + $browser.defer.cancel(timeout); + timeout = null; + } if (composing) return; - var value = element.val(); + var value = element.val(), + event = ev && ev.type; // By default we will trim the value // If the attribute ng-trim exists we will avoid trimming - // e.g. - if (toBoolean(attr.ngTrim || 'T')) { + // If input type is 'password', the value is never trimmed + if (type !== 'password' && (!attr.ngTrim || attr.ngTrim !== 'false')) { value = trim(value); } - if (ctrl.$viewValue !== value || - // If the value is still empty/falsy, and there is no `required` error, run validators - // again. This enables HTML5 constraint validation errors to affect Angular validation - // even when the first character entered causes an error. - (validity && value === '' && !validity.valueMissing)) { - if (scope.$$phase) { - ctrl.$setViewValue(value); - } else { - scope.$apply(function() { - ctrl.$setViewValue(value); - }); - } + // If a control is suffering from bad input (due to native validators), browsers discard its + // value, so it may be necessary to revalidate (by calling $setViewValue again) even if the + // control's value is the same empty value twice in a row. + if (ctrl.$viewValue !== value || (value === '' && ctrl.$$hasNativeValidators)) { + ctrl.$setViewValue(value, event); } }; @@ -16643,11 +19661,13 @@ function textInputType(scope, element, attr, ctrl, $sniffer, $browser) { } else { var timeout; - var deferListener = function() { + var deferListener = function(ev, input, origValue) { if (!timeout) { timeout = $browser.defer(function() { - listener(); timeout = null; + if (!input || input.value !== origValue) { + listener(ev); + } }); } }; @@ -16659,7 +19679,7 @@ function textInputType(scope, element, attr, ctrl, $sniffer, $browser) { // command modifiers arrows if (key === 91 || (15 < key && key < 19) || (37 <= key && key <= 40)) return; - deferListener(); + deferListener(event, this, this.value); }); // if user modifies input value using context menu in IE, we need "paste" and "cut" events to catch it @@ -16675,127 +19695,256 @@ function textInputType(scope, element, attr, ctrl, $sniffer, $browser) { ctrl.$render = function() { element.val(ctrl.$isEmpty(ctrl.$viewValue) ? '' : ctrl.$viewValue); }; +} - // pattern validator - var pattern = attr.ngPattern, - patternValidator, - match; +function weekParser(isoWeek, existingDate) { + if (isDate(isoWeek)) { + return isoWeek; + } - if (pattern) { - var validateRegex = function(regexp, value) { - return validate(ctrl, 'pattern', ctrl.$isEmpty(value) || regexp.test(value), value); - }; - match = pattern.match(/^\/(.*)\/([gim]*)$/); - if (match) { - pattern = new RegExp(match[1], match[2]); - patternValidator = function(value) { - return validateRegex(pattern, value); - }; - } else { - patternValidator = function(value) { - var patternObj = scope.$eval(pattern); + if (isString(isoWeek)) { + WEEK_REGEXP.lastIndex = 0; + var parts = WEEK_REGEXP.exec(isoWeek); + if (parts) { + var year = +parts[1], + week = +parts[2], + hours = 0, + minutes = 0, + seconds = 0, + milliseconds = 0, + firstThurs = getFirstThursdayOfYear(year), + addDays = (week - 1) * 7; + + if (existingDate) { + hours = existingDate.getHours(); + minutes = existingDate.getMinutes(); + seconds = existingDate.getSeconds(); + milliseconds = existingDate.getMilliseconds(); + } - if (!patternObj || !patternObj.test) { - throw minErr('ngPattern')('noregexp', - 'Expected {0} to be a RegExp but was {1}. Element: {2}', pattern, - patternObj, startingTag(element)); + return new Date(year, 0, firstThurs.getDate() + addDays, hours, minutes, seconds, milliseconds); + } + } + + return NaN; +} + +function createDateParser(regexp, mapping) { + return function(iso, date) { + var parts, map; + + if (isDate(iso)) { + return iso; + } + + if (isString(iso)) { + // When a date is JSON'ified to wraps itself inside of an extra + // set of double quotes. This makes the date parsing code unable + // to match the date string and parse it as a date. + if (iso.charAt(0) == '"' && iso.charAt(iso.length - 1) == '"') { + iso = iso.substring(1, iso.length - 1); + } + if (ISO_DATE_REGEXP.test(iso)) { + return new Date(iso); + } + regexp.lastIndex = 0; + parts = regexp.exec(iso); + + if (parts) { + parts.shift(); + if (date) { + map = { + yyyy: date.getFullYear(), + MM: date.getMonth() + 1, + dd: date.getDate(), + HH: date.getHours(), + mm: date.getMinutes(), + ss: date.getSeconds(), + sss: date.getMilliseconds() / 1000 + }; + } else { + map = { yyyy: 1970, MM: 1, dd: 1, HH: 0, mm: 0, ss: 0, sss: 0 }; } - return validateRegex(patternObj, value); - }; + + forEach(parts, function(part, index) { + if (index < mapping.length) { + map[mapping[index]] = +part; + } + }); + return new Date(map.yyyy, map.MM - 1, map.dd, map.HH, map.mm, map.ss || 0, map.sss * 1000 || 0); + } } - ctrl.$formatters.push(patternValidator); - ctrl.$parsers.push(patternValidator); - } + return NaN; + }; +} - // min length validator - if (attr.ngMinlength) { - var minlength = int(attr.ngMinlength); - var minLengthValidator = function(value) { - return validate(ctrl, 'minlength', ctrl.$isEmpty(value) || value.length >= minlength, value); - }; +function createDateInputType(type, regexp, parseDate, format) { + return function dynamicDateInputType(scope, element, attr, ctrl, $sniffer, $browser, $filter) { + badInputChecker(scope, element, attr, ctrl); + baseInputType(scope, element, attr, ctrl, $sniffer, $browser); + var timezone = ctrl && ctrl.$options && ctrl.$options.timezone; + var previousDate; + + ctrl.$$parserName = type; + ctrl.$parsers.push(function(value) { + if (ctrl.$isEmpty(value)) return null; + if (regexp.test(value)) { + // Note: We cannot read ctrl.$modelValue, as there might be a different + // parser/formatter in the processing chain so that the model + // contains some different data format! + var parsedDate = parseDate(value, previousDate); + if (timezone === 'UTC') { + parsedDate.setMinutes(parsedDate.getMinutes() - parsedDate.getTimezoneOffset()); + } + return parsedDate; + } + return undefined; + }); - ctrl.$parsers.push(minLengthValidator); - ctrl.$formatters.push(minLengthValidator); - } + ctrl.$formatters.push(function(value) { + if (value && !isDate(value)) { + throw $ngModelMinErr('datefmt', 'Expected `{0}` to be a date', value); + } + if (isValidDate(value)) { + previousDate = value; + if (previousDate && timezone === 'UTC') { + var timezoneOffset = 60000 * previousDate.getTimezoneOffset(); + previousDate = new Date(previousDate.getTime() + timezoneOffset); + } + return $filter('date')(value, format, timezone); + } else { + previousDate = null; + return ''; + } + }); - // max length validator - if (attr.ngMaxlength) { - var maxlength = int(attr.ngMaxlength); - var maxLengthValidator = function(value) { - return validate(ctrl, 'maxlength', ctrl.$isEmpty(value) || value.length <= maxlength, value); - }; + if (isDefined(attr.min) || attr.ngMin) { + var minVal; + ctrl.$validators.min = function(value) { + return !isValidDate(value) || isUndefined(minVal) || parseDate(value) >= minVal; + }; + attr.$observe('min', function(val) { + minVal = parseObservedDateValue(val); + ctrl.$validate(); + }); + } + + if (isDefined(attr.max) || attr.ngMax) { + var maxVal; + ctrl.$validators.max = function(value) { + return !isValidDate(value) || isUndefined(maxVal) || parseDate(value) <= maxVal; + }; + attr.$observe('max', function(val) { + maxVal = parseObservedDateValue(val); + ctrl.$validate(); + }); + } + + function isValidDate(value) { + // Invalid Date: getTime() returns NaN + return value && !(value.getTime && value.getTime() !== value.getTime()); + } + + function parseObservedDateValue(val) { + return isDefined(val) ? (isDate(val) ? val : parseDate(val)) : undefined; + } + }; +} - ctrl.$parsers.push(maxLengthValidator); - ctrl.$formatters.push(maxLengthValidator); +function badInputChecker(scope, element, attr, ctrl) { + var node = element[0]; + var nativeValidation = ctrl.$$hasNativeValidators = isObject(node.validity); + if (nativeValidation) { + ctrl.$parsers.push(function(value) { + var validity = element.prop(VALIDITY_STATE_PROPERTY) || {}; + // Detect bug in FF35 for input[email] (https://bugzilla.mozilla.org/show_bug.cgi?id=1064430): + // - also sets validity.badInput (should only be validity.typeMismatch). + // - see http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#e-mail-state-(type=email) + // - can ignore this case as we can still read out the erroneous email... + return validity.badInput && !validity.typeMismatch ? undefined : value; + }); } } function numberInputType(scope, element, attr, ctrl, $sniffer, $browser) { - textInputType(scope, element, attr, ctrl, $sniffer, $browser); + badInputChecker(scope, element, attr, ctrl); + baseInputType(scope, element, attr, ctrl, $sniffer, $browser); + ctrl.$$parserName = 'number'; ctrl.$parsers.push(function(value) { - var empty = ctrl.$isEmpty(value); - if (empty || NUMBER_REGEXP.test(value)) { - ctrl.$setValidity('number', true); - return value === '' ? null : (empty ? value : parseFloat(value)); - } else { - ctrl.$setValidity('number', false); - return undefined; - } + if (ctrl.$isEmpty(value)) return null; + if (NUMBER_REGEXP.test(value)) return parseFloat(value); + return undefined; }); - addNativeHtml5Validators(ctrl, 'number', element); - ctrl.$formatters.push(function(value) { - return ctrl.$isEmpty(value) ? '' : '' + value; + if (!ctrl.$isEmpty(value)) { + if (!isNumber(value)) { + throw $ngModelMinErr('numfmt', 'Expected `{0}` to be a number', value); + } + value = value.toString(); + } + return value; }); - if (attr.min) { - var minValidator = function(value) { - var min = parseFloat(attr.min); - return validate(ctrl, 'min', ctrl.$isEmpty(value) || value >= min, value); + if (attr.min || attr.ngMin) { + var minVal; + ctrl.$validators.min = function(value) { + return ctrl.$isEmpty(value) || isUndefined(minVal) || value >= minVal; }; - ctrl.$parsers.push(minValidator); - ctrl.$formatters.push(minValidator); + attr.$observe('min', function(val) { + if (isDefined(val) && !isNumber(val)) { + val = parseFloat(val, 10); + } + minVal = isNumber(val) && !isNaN(val) ? val : undefined; + // TODO(matsko): implement validateLater to reduce number of validations + ctrl.$validate(); + }); } - if (attr.max) { - var maxValidator = function(value) { - var max = parseFloat(attr.max); - return validate(ctrl, 'max', ctrl.$isEmpty(value) || value <= max, value); + if (attr.max || attr.ngMax) { + var maxVal; + ctrl.$validators.max = function(value) { + return ctrl.$isEmpty(value) || isUndefined(maxVal) || value <= maxVal; }; - ctrl.$parsers.push(maxValidator); - ctrl.$formatters.push(maxValidator); + attr.$observe('max', function(val) { + if (isDefined(val) && !isNumber(val)) { + val = parseFloat(val, 10); + } + maxVal = isNumber(val) && !isNaN(val) ? val : undefined; + // TODO(matsko): implement validateLater to reduce number of validations + ctrl.$validate(); + }); } - - ctrl.$formatters.push(function(value) { - return validate(ctrl, 'number', ctrl.$isEmpty(value) || isNumber(value), value); - }); } function urlInputType(scope, element, attr, ctrl, $sniffer, $browser) { - textInputType(scope, element, attr, ctrl, $sniffer, $browser); - - var urlValidator = function(value) { - return validate(ctrl, 'url', ctrl.$isEmpty(value) || URL_REGEXP.test(value), value); + // Note: no badInputChecker here by purpose as `url` is only a validation + // in browsers, i.e. we can always read out input.value even if it is not valid! + baseInputType(scope, element, attr, ctrl, $sniffer, $browser); + stringBasedInputType(ctrl); + + ctrl.$$parserName = 'url'; + ctrl.$validators.url = function(modelValue, viewValue) { + var value = modelValue || viewValue; + return ctrl.$isEmpty(value) || URL_REGEXP.test(value); }; - - ctrl.$formatters.push(urlValidator); - ctrl.$parsers.push(urlValidator); } function emailInputType(scope, element, attr, ctrl, $sniffer, $browser) { - textInputType(scope, element, attr, ctrl, $sniffer, $browser); - - var emailValidator = function(value) { - return validate(ctrl, 'email', ctrl.$isEmpty(value) || EMAIL_REGEXP.test(value), value); + // Note: no badInputChecker here by purpose as `url` is only a validation + // in browsers, i.e. we can always read out input.value even if it is not valid! + baseInputType(scope, element, attr, ctrl, $sniffer, $browser); + stringBasedInputType(ctrl); + + ctrl.$$parserName = 'email'; + ctrl.$validators.email = function(modelValue, viewValue) { + var value = modelValue || viewValue; + return ctrl.$isEmpty(value) || EMAIL_REGEXP.test(value); }; - - ctrl.$formatters.push(emailValidator); - ctrl.$parsers.push(emailValidator); } function radioInputType(scope, element, attr, ctrl) { @@ -16804,13 +19953,13 @@ function radioInputType(scope, element, attr, ctrl) { element.attr('name', nextUid()); } - element.on('click', function() { + var listener = function(ev) { if (element[0].checked) { - scope.$apply(function() { - ctrl.$setViewValue(attr.value); - }); + ctrl.$setViewValue(attr.value, ev && ev.type); } - }); + }; + + element.on('click', listener); ctrl.$render = function() { var value = attr.value; @@ -16820,30 +19969,42 @@ function radioInputType(scope, element, attr, ctrl) { attr.$observe('value', ctrl.$render); } -function checkboxInputType(scope, element, attr, ctrl) { - var trueValue = attr.ngTrueValue, - falseValue = attr.ngFalseValue; +function parseConstantExpr($parse, context, name, expression, fallback) { + var parseFn; + if (isDefined(expression)) { + parseFn = $parse(expression); + if (!parseFn.constant) { + throw minErr('ngModel')('constexpr', 'Expected constant expression for `{0}`, but saw ' + + '`{1}`.', name, expression); + } + return parseFn(context); + } + return fallback; +} - if (!isString(trueValue)) trueValue = true; - if (!isString(falseValue)) falseValue = false; +function checkboxInputType(scope, element, attr, ctrl, $sniffer, $browser, $filter, $parse) { + var trueValue = parseConstantExpr($parse, scope, 'ngTrueValue', attr.ngTrueValue, true); + var falseValue = parseConstantExpr($parse, scope, 'ngFalseValue', attr.ngFalseValue, false); - element.on('click', function() { - scope.$apply(function() { - ctrl.$setViewValue(element[0].checked); - }); - }); + var listener = function(ev) { + ctrl.$setViewValue(element[0].checked, ev && ev.type); + }; + + element.on('click', listener); ctrl.$render = function() { element[0].checked = ctrl.$viewValue; }; - // Override the standard `$isEmpty` because a value of `false` means empty in a checkbox. + // Override the standard `$isEmpty` because the $viewValue of an empty checkbox is always set to `false` + // This is because of the parser below, which compares the `$modelValue` with `trueValue` to convert + // it to a boolean. ctrl.$isEmpty = function(value) { - return value !== trueValue; + return value === false; }; ctrl.$formatters.push(function(value) { - return value === trueValue; + return equals(value, trueValue); }); ctrl.$parsers.push(function(value) { @@ -16871,12 +20032,14 @@ function checkboxInputType(scope, element, attr, ctrl) { * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than * minlength. * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than - * maxlength. + * maxlength. Setting the attribute to a negative or non-numeric value, allows view values of any + * length. * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for * patterns defined as scope expressions. * @param {string=} ngChange Angular expression to be executed when input changes due to user * interaction with the input element. + * @param {boolean=} [ngTrim=true] If set to false Angular will not automatically trim the input. */ @@ -16886,8 +20049,14 @@ function checkboxInputType(scope, element, attr, ctrl) { * @restrict E * * @description - * HTML input element control with angular data-binding. Input control follows HTML5 input types - * and polyfills the HTML5 validation behavior for older browsers. + * HTML input element control. When used together with {@link ngModel `ngModel`}, it provides data-binding, + * input state control, and validation. + * Input control follows HTML5 input types and polyfills the HTML5 validation behavior for older browsers. + * + *
      + * **Note:** Not every feature offered is available for all input types. + * Specifically, data binding and event handling via `ng-model` is unsupported for `input[file]`. + *
      * * @param {string} ngModel Assignable angular expression to data-bind to. * @param {string=} name Property name of the form under which the control is published. @@ -16896,22 +20065,27 @@ function checkboxInputType(scope, element, attr, ctrl) { * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than * minlength. * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than - * maxlength. + * maxlength. Setting the attribute to a negative or non-numeric value, allows view values of any + * length. * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for * patterns defined as scope expressions. * @param {string=} ngChange Angular expression to be executed when input changes due to user * interaction with the input element. + * @param {boolean=} [ngTrim=true] If set to false Angular will not automatically trim the input. + * This parameter is ignored for input[type=password] controls, which will never trim the + * input. * * @example - + -
      +
      User name: @@ -16936,7 +20110,7 @@ function checkboxInputType(scope, element, attr, ctrl) {
      - var user = element(by.binding('{{user}}')); + var user = element(by.exactBinding('user')); var userNameValid = element(by.binding('myForm.userName.$valid')); var lastNameValid = element(by.binding('myForm.lastName.$valid')); var lastNameError = element(by.binding('myForm.lastName.$error')); @@ -16990,485 +20164,307 @@ function checkboxInputType(scope, element, attr, ctrl) { */ -var inputDirective = ['$browser', '$sniffer', function($browser, $sniffer) { +var inputDirective = ['$browser', '$sniffer', '$filter', '$parse', + function($browser, $sniffer, $filter, $parse) { return { restrict: 'E', - require: '?ngModel', - link: function(scope, element, attr, ctrl) { - if (ctrl) { - (inputType[lowercase(attr.type)] || inputType.text)(scope, element, attr, ctrl, $sniffer, - $browser); + require: ['?ngModel'], + link: { + pre: function(scope, element, attr, ctrls) { + if (ctrls[0]) { + (inputType[lowercase(attr.type)] || inputType.text)(scope, element, attr, ctrls[0], $sniffer, + $browser, $filter, $parse); + } } } }; }]; -var VALID_CLASS = 'ng-valid', - INVALID_CLASS = 'ng-invalid', - PRISTINE_CLASS = 'ng-pristine', - DIRTY_CLASS = 'ng-dirty'; -/** - * @ngdoc type - * @name ngModel.NgModelController - * - * @property {string} $viewValue Actual string value in the view. - * @property {*} $modelValue The value in the model, that the control is bound to. - * @property {Array.} $parsers Array of functions to execute, as a pipeline, whenever - the control reads value from the DOM. Each function is called, in turn, passing the value - through to the next. The last return value is used to populate the model. - Used to sanitize / convert the value as well as validation. For validation, - the parsers should update the validity state using - {@link ngModel.NgModelController#$setValidity $setValidity()}, - and return `undefined` for invalid values. - * - * @property {Array.} $formatters Array of functions to execute, as a pipeline, whenever - the model value changes. Each function is called, in turn, passing the value through to the - next. Used to format / convert values for display in the control and validation. - * ```js - * function formatter(value) { - * if (value) { - * return value.toUpperCase(); - * } - * } - * ngModel.$formatters.push(formatter); - * ``` - * - * @property {Array.} $viewChangeListeners Array of functions to execute whenever the - * view value has changed. It is called with no arguments, and its return value is ignored. - * This can be used in place of additional $watches against the model value. - * - * @property {Object} $error An object hash with all errors as keys. - * - * @property {boolean} $pristine True if user has not interacted with the control yet. - * @property {boolean} $dirty True if user has already interacted with the control. - * @property {boolean} $valid True if there is no error. - * @property {boolean} $invalid True if at least one error on the control. +var CONSTANT_VALUE_REGEXP = /^(true|false|\d+)$/; +/** + * @ngdoc directive + * @name ngValue * * @description + * Binds the given expression to the value of `

    Color (null not allowed): -
    +
    Color (null allowed): -
    Color grouped by shade: -
    - Select bogus.
    + Select bogus.
    - Currently selected: {{ {selected_color:color} }} + Currently selected: {{ {selected_color:myColor} }}
    + ng-style="{'background-color':myColor.name}">
    it('should check ng-options', function() { - expect(element(by.binding('{selected_color:color}')).getText()).toMatch('red'); - element.all(by.select('color')).first().click(); - element.all(by.css('select[ng-model="color"] option')).first().click(); - expect(element(by.binding('{selected_color:color}')).getText()).toMatch('black'); - element(by.css('.nullable select[ng-model="color"]')).click(); - element.all(by.css('.nullable select[ng-model="color"] option')).first().click(); - expect(element(by.binding('{selected_color:color}')).getText()).toMatch('null'); + expect(element(by.binding('{selected_color:myColor}')).getText()).toMatch('red'); + element.all(by.model('myColor')).first().click(); + element.all(by.css('select[ng-model="myColor"] option')).first().click(); + expect(element(by.binding('{selected_color:myColor}')).getText()).toMatch('black'); + element(by.css('.nullable select[ng-model="myColor"]')).click(); + element.all(by.css('.nullable select[ng-model="myColor"] option')).first().click(); + expect(element(by.binding('{selected_color:myColor}')).getText()).toMatch('null'); }); */ -var ngOptionsDirective = valueFn({ terminal: true }); +var ngOptionsDirective = valueFn({ + restrict: 'A', + terminal: true +}); + // jshint maxlen: false var selectDirective = ['$compile', '$parse', function($compile, $parse) { //000011111111110000000000022222222220000000000000000000003333333333000000000000004444444444444440000000005555555555555550000000666666666666666000000000000000777777777700000000000000000008888888888 @@ -20965,7 +25457,7 @@ var selectDirective = ['$compile', '$parse', function($compile, $parse) { }; - self.addOption = function(value) { + self.addOption = function(value, element) { assertNotHasOwnProperty(value, '"option value"'); optionsMap[value] = true; @@ -20973,13 +25465,19 @@ var selectDirective = ['$compile', '$parse', function($compile, $parse) { $element.val(value); if (unknownOption.parent()) unknownOption.remove(); } + // Workaround for https://code.google.com/p/chromium/issues/detail?id=381459 + // Adding an