fix(dialog, menu, select, interimElement): use $animateCss

replace programmatic use of element.css for style changes and use of transitionEnd event listeners with use of ngAnimate's $animateCss; use polyfill for Angular <1.4.

$mdUtil.dom.animator.translate3d() uses $animateCss() instead of waitTransitionEnd()
use animateCss.js polyfill for 'material.animate' module
- add mock `createMockStyleSheet` for animateCss tests
refactors to menu-interim-element.js and select.js
- refactor logic and patterns used
- use $animateCss in place of waitTransitionEnd()
debounce Select and Menu window resize handlers
Dialog uses same showBackdrop/hideBackdrop pattern as Menu and Select
select async demo no longer clears users list when reloading
select demos use `md-input-container { margin-right: 10px;}`
hide Select Backdrop with zero duration
enable full click detection in select-value area by using background color (with zero alpa).

BREAKING-CHANGES:  select and backdrop styles added

*  select list text is not selectable,
*  select backdrop hide duration is 0ms
*  select text value background has zero alpha

```scss
.md-text {  @include not-selectable(); }

.md-select-value {
  background-color: rgba(0,0,0,0);
}

md-backdrop {
  &.md-select-backdrop {
      transition-duration: 0ms;
  }
}
```

Fixes #3919. Fixes #3837. Fixes #3773, Fixes #3640. Fixes #3527. Fixes #3653.

Author: ThomasBurleson

config/build.config.js

@@ -3,7 +3,7 @@ var fs = require('fs');
 var versionFile = __dirname + '/../dist/commit';
 
 module.exports = {
-  ngVersion: '1.4.3',
+  ngVersion: '1.3.15',
   version: pkg.version,
   repository: pkg.repository.url
     .replace(/^git/,'https')

package.json

@@ -5,12 +5,12 @@
     "url": "git://github.com/angular/material.git"
   },
   "devDependencies": {
-    "angular": "^1.4.0",
-    "angular-animate": "^1.4.0",
-    "angular-aria": "^1.4.0",
-    "angular-messages": "^1.4.0",
-    "angular-mocks": "^1.4.0",
-    "angular-route": "^1.4.0",
+    "angular": "^1.3.15",
+    "angular-animate": "^1.3.15",
+    "angular-aria": "^1.3.15",
+    "angular-messages": "^1.3.15",
+    "angular-mocks": "^1.3.15",
+    "angular-route": "^1.3.15",
     "angularytics": "^0.3.0",
     "canonical-path": "0.0.2",
     "cli-color": "^1.0.0",
@@ -64,4 +64,4 @@
     "merge-base": "git merge-base $(npm run -s current-branch) origin/master",
     "squash": "git rebase -i $(npm run -s merge-base)"
   }
-}
+}

src/components/select/demoOptionsWithAsyncSearch/script.js

@@ -1,18 +1,21 @@
 angular.module('selectDemoOptionsAsync', ['ngMaterial'])
 .controller('SelectAsyncController', function($timeout, $scope) {
-  $scope.user = "";
-  $scope.users = [];
+  $scope.user = null;
+  $scope.users = null;
 
   $scope.loadUsers = function() {
+
     // Use timeout to simulate a 650ms request.
     return $timeout(function() {
-      $scope.users = [
+
+      $scope.users =  $scope.users  || [
         { id: 1, name: 'Scooby Doo' },
         { id: 2, name: 'Shaggy Rodgers' },
         { id: 3, name: 'Fred Jones' },
         { id: 4, name: 'Daphne Blake' },
-        { id: 5, name: 'Velma Dinkley' },
+        { id: 5, name: 'Velma Dinkley' }
       ];
+
     }, 650);
   };
 });

src/components/select/select.js

@@ -980,7 +980,9 @@ function SelectProvider($$interimElementProvider) {
             .then(function () {
                 scope.$$loadingAsyncDone = true;
                 delete opts.loadingAsync;
-            });
+            }).then(function(){
+              $$rAF( positionAndFocusMenu );
+            })
         }
       }
 
@@ -1042,9 +1044,8 @@ function SelectProvider($$interimElementProvider) {
                   target: option
                 });
                 ev.preventDefault();
-              } else {
-                checkCloseMenu();
               }
+              checkCloseMenu();
               break;
             case $mdConstant.KEY_CODE.TAB:
             case $mdConstant.KEY_CODE.ESCAPE:
@@ -1092,7 +1093,7 @@ function SelectProvider($$interimElementProvider) {
         }
 
         function checkCloseMenu(ev) {
-          if (( ev.type == 'mouseup') && (ev.currentTarget != dropDown[0])) return;
+          if (ev && ( ev.type == 'mouseup') && (ev.currentTarget != dropDown[0])) return;
 
           if (!selectCtrl.isMultiple) {
             opts.restoreFocus = true;
@@ -1167,7 +1168,7 @@ function SelectProvider($$interimElementProvider) {
         optionNodes = selectNode.getElementsByTagName('md-option'),
         optgroupNodes = selectNode.getElementsByTagName('md-optgroup');
 
-      var loading = angular.isDefined(opts.loadingAsync);
+      var loading = isPromiseLike(opts.loadingAsync);
       var centeredNode;
       if ( !loading ) {
         // If a selected node, center around that
@@ -1277,10 +1278,17 @@ function SelectProvider($$interimElementProvider) {
           }
         }
       };
+
+
+
     }
 
   }
 
+  function isPromiseLike(obj) {
+    return obj && angular.isFunction(obj.then);
+  }
+
   function clamp(min, n, max) {
     return Math.max(min, Math.min(n, max));
   }

src/core/util/animation/animateCss.spec.js

@@ -3,7 +3,7 @@ describe('$animateCss', function() {
   var jqLite = angular.element;
   var forEach = angular.forEach;
 
-  beforeEach(module('material.animate','ngAnimate'));
+  beforeEach(module('ngAnimateMock','material.animate'));
 
   function assertHasClass(element, className, not) {
     expect(element.hasClass(className)).toBe(!not);