npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

polymer_0.5.0/bower_components/core-scroll-header-panel/core-scroll-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 19 matching lines @@
 
     html, body {
       height: 100%;
       margin: 0;
     }
     core-scroll-header-panel {
       height: 100%;
     }
 
 `core-scroll-header-panel` works well with `core-toolbar` but can use any element 
-that represents a header by adding a `core-header` class to it.  Use the attribute 
-or class `content` to delineate the content section.
+that represents a header by adding a `core-header` class to it.
 
     <core-scroll-header-panel>
       <core-toolbar>Header</core-toolbar>
-      <div content>Content goes here...</div>
+      <div>Content goes here...</div>
     </core-scroll-header-panel>
 
 @group Polymer Core Elements
 @element core-scroll-header-panel
 @homepage github.io
 -->
 
 <link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../core-resizable/core-resizable.html">
 
 <polymer-element name="core-scroll-header-panel">
 <template>
 
   <link rel="stylesheet" href="core-scroll-header-panel.css">
 
   <div id="mainContainer">
   
-    <content id="mainContent" select="[content], .content"></content>
+    <content id="mainContent" select=":not(core-toolbar):not(.core-header)"></content>
     
   </div>
   
   <div id="headerContainer">
   
     <div class="bg-container">
       <div id="condensedHeaderBg"></div>
       <div id="headerBg"></div>
     </div>
     
     <content id="headerContent" select="core-toolbar, .core-header"></content>
     
   </div>
   
 </template>
 <script>
 (function() {
 
-  Polymer('core-scroll-header-panel', {
+  Polymer(Polymer.mixin({
     
     /**
      * Fired when the content has been scrolled.
      *
      * @event scroll
      */
      
     /**
      * Fired when the header is transformed.
      *
@@ skipping 86 matching lines @@
 
     prevScrollTop: 0,
     
     headerMargin: 0,
     
     y: 0,
     
     observe: {
       'headerMargin fixed': 'setup'
     },
-    
+
+    eventDelegates: {
+      'core-resize': 'measureHeaderHeight'
+    },
+
+    attached: function() {
+      this.resizableAttachedHandler();
+    },
+
     ready: function() {
       this._scrollHandler = this.scroll.bind(this);
       this.scroller.addEventListener('scroll', this._scrollHandler);
     },
     
     detached: function() {
       this.scroller.removeEventListener('scroll', this._scrollHandler);
+      this.resizableDetachedHandler();
     },
     
     domReady: function() {
       this.async('measureHeaderHeight');
     },
 
     get header() {
       return this.$.headerContent.getDistributedNodes()[0];
     },
     
@@ skipping 118 matching lines @@
       }
       
       this.prevScrollTop = Math.max(sTop, 0);
       this.y = y;
       
       if (event) {
         this.fire('scroll', {target: this.scroller}, this, false);
       }
     }
 
-  });
+  }, Polymer.CoreResizable));
   
   //determine proper transform mechanizm
   if (document.documentElement.style.transform !== undefined) {
     var setTransform = function(style, string) {
       style.transform = string;
     }
   } else {
     var setTransform = function(style, string) {
       style.webkitTransform = string;
     }
   }
 
 })();
 
 </script>
 </polymer-element>