| Index: third_party/polymer/components-chromium/core-scroll-header-panel/core-scroll-header-panel-extracted.js
|
| diff --git a/third_party/polymer/components-chromium/core-scroll-header-panel/core-scroll-header-panel-extracted.js b/third_party/polymer/components-chromium/core-scroll-header-panel/core-scroll-header-panel-extracted.js
|
| deleted file mode 100644
|
| index deaf4992db2732d8b857920b39d37a52876f5d85..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/components-chromium/core-scroll-header-panel/core-scroll-header-panel-extracted.js
|
| +++ /dev/null
|
| @@ -1,280 +0,0 @@
|
| -
|
| -(function() {
|
| -
|
| - Polymer('core-scroll-header-panel',Polymer.mixin({
|
| -
|
| - /**
|
| - * Fired when the content has been scrolled.
|
| - *
|
| - * @event scroll
|
| - */
|
| -
|
| - /**
|
| - * Fired when the header is transformed.
|
| - *
|
| - * @event core-header-transform
|
| - */
|
| -
|
| - publish: {
|
| - /**
|
| - * If true, the header's height will condense to `_condensedHeaderHeight`
|
| - * as the user scrolls down from the top of the content area.
|
| - *
|
| - * @attribute condenses
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - condenses: false,
|
| -
|
| - /**
|
| - * If true, no cross-fade transition from one background to another.
|
| - *
|
| - * @attribute noDissolve
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - noDissolve: false,
|
| -
|
| - /**
|
| - * If true, the header doesn't slide back in when scrolling back up.
|
| - *
|
| - * @attribute noReveal
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - noReveal: false,
|
| -
|
| - /**
|
| - * If true, the header is fixed to the top and never moves away.
|
| - *
|
| - * @attribute fixed
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - fixed: false,
|
| -
|
| - /**
|
| - * If true, the condensed header is always shown and does not move away.
|
| - *
|
| - * @attribute keepCondensedHeader
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - keepCondensedHeader: false,
|
| -
|
| - /**
|
| - * The height of the header when it is at its full size.
|
| - *
|
| - * By default, the height will be measured when it is ready. If the height
|
| - * changes later the user needs to either set this value to reflect the
|
| - * new height or invoke `measureHeaderHeight()`.
|
| - *
|
| - * @attribute headerHeight
|
| - * @type number
|
| - * @default 0
|
| - */
|
| - headerHeight: 0,
|
| -
|
| - /**
|
| - * The height of the header when it is condensed.
|
| - *
|
| - * By default, `_condensedHeaderHeight` is 1/3 of `headerHeight` unless
|
| - * this is specified.
|
| - *
|
| - * @attribute condensedHeaderHeight
|
| - * @type number
|
| - * @default 0
|
| - */
|
| - condensedHeaderHeight: 0,
|
| -
|
| - /**
|
| - * By default, the top part of the header stays when the header is being
|
| - * condensed. Set this to true if you want the top part of the header
|
| - * to be scrolled away.
|
| - *
|
| - * @attribute scrollAwayTopbar
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - scrollAwayTopbar: false
|
| - },
|
| -
|
| - 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];
|
| - },
|
| -
|
| - /**
|
| - * Returns the scrollable element.
|
| - *
|
| - * @property scroller
|
| - * @type Object
|
| - */
|
| - get scroller() {
|
| - return this.$.mainContainer;
|
| - },
|
| -
|
| - /**
|
| - * Invoke this to tell `core-scroll-header-panel` to re-measure the header's
|
| - * height.
|
| - *
|
| - * @method measureHeaderHeight
|
| - */
|
| - measureHeaderHeight: function() {
|
| - var header = this.header;
|
| - if (header && header.offsetHeight) {
|
| - this.headerHeight = header.offsetHeight;
|
| - }
|
| - },
|
| -
|
| - headerHeightChanged: function() {
|
| - if (!this.condensedHeaderHeight) {
|
| - // assume _condensedHeaderHeight is 1/3 of the headerHeight
|
| - this._condensedHeaderHeight = this.headerHeight * 1 / 3;
|
| - }
|
| - this.condensedHeaderHeightChanged();
|
| - },
|
| -
|
| - condensedHeaderHeightChanged: function() {
|
| - if (this.condensedHeaderHeight) {
|
| - this._condensedHeaderHeight = this.condensedHeaderHeight;
|
| - }
|
| - if (this.headerHeight) {
|
| - this.headerMargin = this.headerHeight - this._condensedHeaderHeight;
|
| - }
|
| - },
|
| -
|
| - condensesChanged: function() {
|
| - if (this.condenses) {
|
| - this.scroll();
|
| - } else {
|
| - // reset transform/opacity set on the header
|
| - this.condenseHeader(null);
|
| - }
|
| - },
|
| -
|
| - setup: function() {
|
| - var s = this.scroller.style;
|
| - s.paddingTop = this.fixed ? '' : this.headerHeight + 'px';
|
| - s.top = this.fixed ? this.headerHeight + 'px' : '';
|
| - if (this.fixed) {
|
| - this.transformHeader(null);
|
| - } else {
|
| - this.scroll();
|
| - }
|
| - },
|
| -
|
| - transformHeader: function(y) {
|
| - var s = this.$.headerContainer.style;
|
| - this.translateY(s, -y);
|
| -
|
| - if (this.condenses) {
|
| - this.condenseHeader(y);
|
| - }
|
| -
|
| - this.fire('core-header-transform', {y: y, height: this.headerHeight,
|
| - condensedHeight: this._condensedHeaderHeight});
|
| - },
|
| -
|
| - condenseHeader: function(y) {
|
| - var reset = y == null;
|
| - // adjust top bar in core-header so the top bar stays at the top
|
| - if (!this.scrollAwayTopbar && this.header.$ && this.header.$.topBar) {
|
| - this.translateY(this.header.$.topBar.style,
|
| - reset ? null : Math.min(y, this.headerMargin));
|
| - }
|
| - // transition header bg
|
| - var hbg = this.$.headerBg.style;
|
| - if (!this.noDissolve) {
|
| - hbg.opacity = reset ? '' : (this.headerMargin - y) / this.headerMargin;
|
| - }
|
| - // adjust header bg so it stays at the center
|
| - this.translateY(hbg, reset ? null : y / 2);
|
| - // transition condensed header bg
|
| - var chbg = this.$.condensedHeaderBg.style;
|
| - if (!this.noDissolve) {
|
| - chbg = this.$.condensedHeaderBg.style;
|
| - chbg.opacity = reset ? '' : y / this.headerMargin;
|
| - // adjust condensed header bg so it stays at the center
|
| - this.translateY(chbg, reset ? null : y / 2);
|
| - }
|
| - },
|
| -
|
| - translateY: function(s, y) {
|
| - var t = y == null ? '' : 'translate3d(0, ' + y + 'px, 0)';
|
| - setTransform(s, t);
|
| - },
|
| -
|
| - scroll: function(event) {
|
| - if (!this.header) {
|
| - return;
|
| - }
|
| -
|
| - var sTop = this.scroller.scrollTop;
|
| -
|
| - var y = Math.min(this.keepCondensedHeader ?
|
| - this.headerMargin : this.headerHeight, Math.max(0,
|
| - (this.noReveal ? sTop : this.y + sTop - this.prevScrollTop)));
|
| -
|
| - if (this.condenses && this.prevScrollTop >= sTop && sTop > this.headerMargin) {
|
| - y = Math.max(y, this.headerMargin);
|
| - }
|
| -
|
| - if (!event || !this.fixed && y !== this.y) {
|
| - this.transformHeader(y);
|
| - }
|
| -
|
| - 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;
|
| - }
|
| - }
|
| -
|
| -})();
|
| -
|
|
|