MD Settings/Downloads: show file chooser after CHANGE button ripple completes

third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple-extracted.js

 (function() {
 
 var MAX_RADIUS_PX = 300;
 var MIN_DURATION_MS = 800;
 
 /**
  * @param {number} x1
  * @param {number} y1
  * @param {number} x2
  * @param {number} y2
@@ skipping 138 matching lines @@
   upAction: function(e) {
     if (!this.holdDown)
       this.debounce('hide ripple', function() { this.__hideRipple(); }, 1);
   },
 
   /**
    * @private
    * @suppress {checkTypes}
    */
   __hideRipple: function() {
-    this.ripples.forEach(function(ripple) {
-      var removeRipple = function() { ripple.remove(); };
-      // TODO(dbeam): should we be firing a transitionend event here? Does
-      // anybody actually use it? It's in the original paper-ripple.
-      var opacity = getComputedStyle(ripple).opacity;
-      if (!opacity.length) {
-        removeRipple();
-      } else {
-        var animation = ripple.animate({
-          opacity: [opacity, 0],
-        }, {
-          duration: 150,
-          fill: 'forwards',
-        });
-        animation.addEventListener('finish', removeRipple);
-        animation.addEventListener('cancel', removeRipple);
-      }
-    });
+    Promise.all(this.ripples.map(function(ripple) {
+      return new Promise(function(resolve) {
+        var removeRipple = function() {
+          ripple.remove();
+          resolve();
+        };
+        var opacity = getComputedStyle(ripple).opacity;
+        if (!opacity.length) {
+          removeRipple();
+        } else {
+          var animation = ripple.animate({
+            opacity: [opacity, 0],
+          }, {
+            duration: 150,
+            fill: 'forwards',
+          });
+          animation.addEventListener('finish', removeRipple);
+          animation.addEventListener('cancel', removeRipple);
+        }
+      });
+    })).then(function() { this.fire('transitionend'); }.bind(this));
     this.ripples = [];
   },
 
   /** @protected */
   _onEnterKeydown: function() {
     this.uiDownAction();
     this.async(this.uiUpAction, 1);
   },
 
   /** @protected */
@@ skipping 11 matching lines @@
     if (oldHoldDown === undefined)
       return;
     if (newHoldDown)
       this.downAction();
     else
       this.upAction();
   },
 });
 
 })();