npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

polymer_0.5.0/bower_components/core-header-panel/core-header-panel.html

 <!--
 Copyright (c) 2014 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 74 matching lines @@
 
       <div id="dropShadow"></div>
 
     </div>
 
   </div>
 
 </template>
 <script>
 
-  Polymer('core-header-panel', {
+  Polymer({
 
     /**
      * Fired when the content has been scrolled.  `event.detail.target` returns
      * the scrollable element which you can use to access scroll info such as
      * `scrollTop`.
      *
      *     <core-header-panel on-scroll="{{scrollHandler}}">
      *       ...
      *     </core-header-panel>
      *
@@ skipping 34 matching lines @@
        *     <style>
        *       core-header-panel[mode=cover]::shadow #mainContainer {
        *         left: 80px;
        *       }
        *       .content {
        *         margin: 60px 60px 60px 0;
        *       }
        *     </style>
        *
        *     <core-header-panel mode="cover">
-       *       <core-appbar class="tall">
+       *       <core-toolbar class="tall">
        *         <core-icon-button icon="menu"></core-icon-button>
-       *       </core-appbar>
+       *       </core-toolbar>
        *       <div class="content"></div>
        *     </core-header-panel>
        *
        * @attribute mode
        * @type string
        * @default ''
        */
       mode: {value: '', reflect: true},
 
       /**
@@ skipping 41 matching lines @@
     removeListener: function(mode) {
       var s = this.getScrollerForMode(mode);
       s.removeEventListener('scroll', this.scrollHandler);
     },
 
     domReady: function() {
       this.async('scroll');
     },
 
     modeChanged: function(old) {
+      var configs = this.modeConfigs;
       var header = this.header;
       if (header) {
-        var configs = this.modeConfigs;
         // 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[old] && !configs.tallMode[this.mode]) {
           header.classList.remove(this.tallClass);
           this.async(function() {
             header.classList.remove('animate');
           }, null, this.animateDuration);
         } else {
           header.classList.toggle('animate', configs.tallMode[this.mode]);
         }
       }
-      if (configs.outerScroll[this.mode] || configs.outerScroll[old]) {
+      if (configs && (configs.outerScroll[this.mode] || configs.outerScroll[old])) {
         this.removeListener(old);
         this.addListener();
       }
       this.scroll();
     },
 
     get header() {
       return this.$.headerContent.getDistributedNodes()[0];
     },
     
@@ skipping 29 matching lines @@
             main.scrollHeight < this.$.outerContainer.offsetHeight);
       }
 
       this.fire('scroll', {target: this.scroller}, this, false);
     }
 
   });
 
 </script>
 </polymer-element>