Roll Polymer

third_party/polymer/v1_0/components-chromium/app-layout/app-header/app-header-extracted.js

 Polymer({
       is: 'app-header',
 
       behaviors: [
         Polymer.AppScrollEffectsBehavior,
         Polymer.IronResizableBehavior
       ],
 
       properties: {
         /**
@@ skipping 213 matching lines @@
         var dScrollTop = scrollTop - this._lastScrollTop;
         var absDScrollTop = Math.abs(dScrollTop);
         var isScrollingDown = scrollTop > this._lastScrollTop;
         var now = Date.now();
 
         if (this._mayMove()) {
           top = this._clamp(this.reveals ? lastTop + dScrollTop : scrollTop, 0, maxHeaderTop);
         }
 
         if (scrollTop >= this._dHeight) {
-          top = this.condenses ? Math.max(this._dHeight, top) : top;
+          top = this.condenses && !this.fixed ? Math.max(this._dHeight, top) : top;
           this.style.transitionDuration = '0ms';
         }
 
         if (this.reveals && !this.disabled && absDScrollTop < 100) {
           // set the initial scroll position
           if (now - this._initTimestamp > 300 || this._wasScrollingDown !== isScrollingDown) {
             this._initScrollTop = scrollTop;
             this._initTimestamp = now;
           }
 
           if (scrollTop >= maxHeaderTop) {
             // check if the header is allowed to snap
             if (Math.abs(this._initScrollTop - scrollTop) > 30 || absDScrollTop > 10) {
               if (isScrollingDown && scrollTop >= maxHeaderTop) {
                 top = maxHeaderTop;
               } else if (!isScrollingDown && scrollTop >= this._dHeight) {
-                top = this.condenses ? this._dHeight : 0;
+                top = this.condenses && !this.fixed ? this._dHeight : 0;
               }
-
               var scrollVelocity = dScrollTop / (now - this._lastTimestamp);
               this.style.transitionDuration = this._clamp((top - lastTop) / scrollVelocity, 0, 300) + 'ms';
             } else {
               top = this._top;
             }
           }
         }
 
         if (this._dHeight === 0) {
           progress = scrollTop > 0 ? 1 : 0;
@@ skipping 48 matching lines @@
       /**
        * Returns true if there's content below the current element.
        *
        * @method isContentBelow
        * @return {boolean}
        */
       isContentBelow: function() {
         if (this._top === 0) {
           return this._clampedScrollTop > 0;
         }
-
         return this._clampedScrollTop - this._maxHeaderTop >= 0;
       },
 
       /**
        * Transforms the header.
        *
        * @param {number} y
        */
       _transformHeader: function(y) {
         this.translate3d(0, (-y) + 'px', 0);
-
         if (this._primaryEl && this.condenses && y >= this._primaryElTop) {
           this.translate3d(0, (Math.min(y, this._dHeight) - this._primaryElTop) + 'px', 0,
               this._primaryEl);
         }
       },
 
       _resizeHandler: function() {
         this.resetLayout();
       },
 
       _clamp: function(v, min, max) {
         return Math.min(max, Math.max(min, v));
       },
 
+      _ensureBgContainers: function() {
+        if (!this._bgContainer) {
+          this._bgContainer = document.createElement('div');
+          this._bgContainer.id = 'background';
+
+          this._bgRear = document.createElement('div');
+          this._bgRear.id = 'backgroundRearLayer';
+          this._bgContainer.appendChild(this._bgRear);
+
+          this._bgFront = document.createElement('div');
+          this._bgFront.id = 'backgroundFrontLayer';
+          this._bgContainer.appendChild(this._bgFront);
+
+          Polymer.dom(this.root).insertBefore(this._bgContainer, this.$.contentContainer);
+        }
+      },
+
+      _getDOMRef: function(id) {
+        switch (id) {
+          case 'backgroundFrontLayer':
+            this._ensureBgContainers();
+            return this._bgFront;
+          case 'backgroundRearLayer':
+            this._ensureBgContainers();
+            return this._bgRear;
+          case 'background':
+            this._ensureBgContainers();
+            return this._bgContainer;
+          case 'title':
+            return Polymer.dom(this).querySelector('[title]');
+          case 'condensedTitle':
+            return Polymer.dom(this).querySelector('[condensed-title]');
+        }
+        return null;
+      },
+
       /**
        * Returns an object containing the progress value of the scroll effects
        * and the top position of the header.
        *
        * @method getScrollState
        * @return {Object}
        */
       getScrollState: function() {
         return { progress: this._progress, top: this._top };
       }
 
       /**
        * Fires when the layout of `app-header` changed.
        *
        * @event app-header-reset-layout
        */
     });