Update Polymer components and re-run reproduce.sh

third_party/polymer/v1_0/components/paper-header-panel/paper-header-panel.html

 <!--
 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
 -->
 
 <link rel="import" href="../polymer/polymer.html">
@@ skipping 48 matching lines @@
 
 Mode | Description
 ----------------|-------------
 `standard` | The header is a step above the panel. The header will consume the panel at the point of entry, preventing it from passing through to the opposite side.
 `seamed` | The header is presented as seamed with the panel.
 `waterfall` | Similar to standard mode, but header is initially presented as seamed with panel, but then separates to form the step.
 `waterfall-tall` | The header is initially taller (`tall` class is added to the header). As the user scrolls, the header separates (forming an edge) while condensing (`tall` class is removed from the header).
 `scroll` | The header keeps its seam with the panel, and is pushed off screen.
 `cover` | The panel covers the whole `paper-header-panel` including the header. This allows user to style the panel in such a way that the panel is partially covering the header.
 
-Example: 
+Example:
 
     <paper-header-panel mode="waterfall">
       <div class="paper-header">standard</div>
       <div class="content fit">content fits 100% below the header</div>
     </paper-header-panel>
 
 
 Styling header panel:
 
 To change the shadow that shows up underneath the header:
@@ skipping 40 matching lines @@
       @apply(--layout-vertical);
 
       display: block;
       position: relative;
       height: 100%;
 
       /* Create a stack context, we will need it for the shadow*/
       z-index: 0;
     }
 
+    :root {
+      /**
+       * Default paper header panel shadow
+       */
+      --paper-header-panel-shadow: {
+        height: 6px;
+        bottom: -6px;
+        box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
+      };
+    }
+
     #mainContainer {
       @apply(--layout-flex);
 
       position: relative;
       overflow-y: auto;
       overflow-x: hidden;
       -webkit-overflow-scrolling: touch;
       flex-basis: 0.0001px;
     }
 
@@ skipping 83 matching lines @@
 
   <template>
     <content id="headerContent" select="paper-toolbar, .paper-header"></content>
     <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">
       <content id="mainContent" select="*"></content>
     </div>
   </template>
 
 </dom-module>
 
-<style is="custom-style">
-  :root {
-    /**
-     * Default paper header panel shadow
-     */
-    --paper-header-panel-shadow: {
-      height: 6px;
-      bottom: -6px;
-      box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
-    };
-  }
-</style>
-
 <script>
 
   (function() {
 
     'use strict';
 
     var SHADOW_WHEN_SCROLLING = 1;
     var SHADOW_ALWAYS = 2;
 
 
@@ skipping 195 matching lines @@
         var header = this.header;
         var animateDuration = 200;
 
         if (header) {
           // in tallMode it may add tallClass to the header; so do the cleanup
           // when mode is changed from tallMode to not tallMode
           if (configs.tallMode[oldMode] && !configs.tallMode[newMode]) {
             header.classList.remove(this.tallClass);
             this.async(function() {
               header.classList.remove('animate');
-            }, null, animateDuration);
+            }, animateDuration);
           } else {
             header.classList.toggle('animate', configs.tallMode[newMode]);
           }
         }
         this._keepScrollingState();
       },
 
       _keepScrollingState: function () {
         var main = this.scroller;
         var header = this.header;
 
         this._setAtTop(main.scrollTop === 0);
 
         if (header && MODE_CONFIGS.tallMode[this.mode]) {
           this.toggleClass(this.tallClass, this.atTop ||
               header.classList.contains(this.tallClass) &&
               main.scrollHeight < this.offsetHeight, header);
         }
       },
 
       _scroll: function(e) {
         this._keepScrollingState();
-        this.fire('content-scroll', {target: this.scroller}, this, false);
+        this.fire('content-scroll', {target: this.scroller}, {bubbles: false});
       },
 
       _getScrollerForMode: function(mode) {
         return MODE_CONFIGS.outerScroll[mode] ?
             this : this.$.mainContainer;
       }
 
     });
 
   })();
 
 </script>