Add paper-menu-button and its dependencies to third_party/polymer

third_party/polymer/v1_0/components/paper-progress/paper-progress.html

 <!--
 @license
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
@@ skipping 40 matching lines @@
 
 Add the class `transiting` to a paper-progress to animate the progress bar when
 the value changed. You can also customize the transition:
 
     paper-progress {
       --paper-progress-transition-duration: 0.08s;
       --paper-progress-transition-timing-function: ease;
       --paper-progress-transition-transition-delay: 0s;
     }
     
+The following mixins are available for styling:
+
+
+
+Custom property | Description | Default
+----------------|-------------|----------
+`--paper-progress-container` | Mixin applied to container | `{}`
+
+
+
+
 @group Paper Elements
 @element paper-progress
 @hero hero.svg
 @demo demo/index.html
 -->
 
 <dom-module id="paper-progress">
   <style>
     :host {
       display: inline-block;
@@ skipping 15 matching lines @@
       transition-timing-function: var(--paper-progress-transition-timing-function, ease);
 
       /* Delay */
       -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
       transition-delay: var(--paper-progress-transition-delay, 0s);
     }
 
     #progressContainer {
       position: relative;
       height: 100%;
+      overflow: hidden;
+      @apply(--paper-progress-container);
+    }
+    
+    #progressContainer, #indeterminateSplitter {
       background-color: var(--paper-progress-container-color, --google-grey-300);
-      overflow: hidden;
     }
 
     #activeProgress,
     #secondaryProgress {
       -webkit-transform-origin: left center;
       transform-origin: left center;
       -webkit-transform: scaleX(0);
       transform: scaleX(0);
     }
 
     #activeProgress {
       background-color: var(--paper-progress-active-color, --google-green-500);
     }
 
     #secondaryProgress {
       background-color: var(--paper-progress-secondary-color, --google-green-100);
     }
+    
+    #indeterminateSplitter {
+      display: none;
+    }
 
     #activeProgress.indeterminate {
+      -webkit-transform-origin: right center;
+      transform-origin: right center;
+      -webkit-animation: indeterminate-bar 2s linear infinite;
+      animation: indeterminate-bar 2s linear infinite;
+    }
+
+    #indeterminateSplitter.indeterminate {
+      display: block;
       -webkit-transform-origin: center center;
       transform-origin: center center;
-      -webkit-animation: indeterminate-bar 1s linear infinite;
-      animation: indeterminate-bar 1s linear infinite;
+      -webkit-animation: indeterminate-splitter 2s linear infinite;
+      animation: indeterminate-splitter 2s linear infinite;
     }
 
     @-webkit-keyframes indeterminate-bar {
       0% {
-        -webkit-transform: translate(-50%) scaleX(0);
+        -webkit-transform: scaleX(1) translateX(-100%);
       }
       50% {
-        -webkit-transform: translate(0%) scaleX(0.3);
+        -webkit-transform: scaleX(1) translateX(0%);
+      }
+      75% {
+        -webkit-transform: scaleX(1) translateX(0%);
+        -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);
       }
       100% {
-        -webkit-transform: translate(50%) scaleX(0);
+        -webkit-transform: scaleX(0) translateX(0%);
+      }
+    }
+
+    @-webkit-keyframes indeterminate-splitter {
+      0% {
+        -webkit-transform: scaleX(.75) translateX(-125%);
+      }
+      30% {
+        -webkit-transform: scaleX(.75) translateX(-125%);
+        -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
+      }
+      90% {
+        -webkit-transform: scaleX(.75) translateX(125%);
+      }
+      100% {
+        -webkit-transform: scaleX(.75) translateX(125%);
       }
     }
 
     @keyframes indeterminate-bar {
       0% {
-        transform: translate(-50%) scaleX(0);
+        transform: scaleX(1) translateX(-100%);
       }
       50% {
-        transform: translate(0%) scaleX(0.3);
+        transform: scaleX(1) translateX(0%);
+      }
+      75% {
+        transform: scaleX(1) translateX(0%);
+        animation-timing-function: cubic-bezier(.28,.62,.37,.91);
       }
       100% {
-        transform: translate(50%) scaleX(0);
+        transform: scaleX(0) translateX(0%);
+      }
+    }
+
+    @keyframes indeterminate-splitter {
+      0% {
+        transform: scaleX(.75) translateX(-125%);
+      }
+      30% {
+        transform: scaleX(.75) translateX(-125%);
+        animation-timing-function: cubic-bezier(.42,0,.6,.8);
+      }
+      90% {
+        transform: scaleX(.75) translateX(125%);
+      }
+      100% {
+        transform: scaleX(.75) translateX(125%);
       }
     }
   </style>
   <template>
     <div id="progressContainer" role="progressbar" aria-valuenow$="{{value}}" aria-valuemin$="{{min}}" aria-valuemax$="{{max}}">
       <div id="secondaryProgress" class="fit"></div>
       <div id="activeProgress" class="fit"></div>
+      <div id="indeterminateSplitter" class="fit"></div>
     </div>
   </template>
 </dom-module>
 
 <script>
   Polymer({
 
     is: 'paper-progress',
 
     behaviors: [
@@ skipping 34 matching lines @@
 
     observers: [
       '_ratioChanged(ratio)',
       '_secondaryProgressChanged(secondaryProgress, min, max)'
     ],
 
     _toggleIndeterminate: function() {
       // If we use attribute/class binding, the animation sometimes doesn't translate properly
       // on Safari 7.1. So instead, we toggle the class here in the update method.
       this.toggleClass('indeterminate', this.indeterminate, this.$.activeProgress);
+      this.toggleClass('indeterminate', this.indeterminate, this.$.indeterminateSplitter);
     },
 
     _transformProgress: function(progress, ratio) {
       var transform = 'scaleX(' + (ratio / 100) + ')';
       progress.style.transform = progress.style.webkitTransform = transform;
     },
 
     _ratioChanged: function(ratio) {
       this._transformProgress(this.$.activeProgress, ratio);
     },
 
     _secondaryRatioChanged: function(secondaryRatio) {
       this._transformProgress(this.$.secondaryProgress, secondaryRatio);
     },
 
     _secondaryProgressChanged: function() {
       this.secondaryProgress = this._clampValue(this.secondaryProgress);
       this._setSecondaryRatio(this._calcRatio(this.secondaryProgress) * 100);
     }
 
   });
 
 </script>