Remove Polymer 0.5.

third_party/polymer/components-chromium/core-animated-pages/core-animated-pages-extracted.js

-
-
-  Polymer('core-animated-pages',Polymer.mixin({
-
-    eventDelegates: {
-      'core-transitionend': 'transitionEnd'
-    },
-
-    /**
-     * A space-delimited string of transitions to use when switching between pages in this element.
-     * The strings are `id`s of `core-transition-pages` elements included elsewhere. See the
-     * individual transition's document for specific details.
-     *
-     * @attribute transitions
-     * @type string
-     * @default ''
-     */
-    transitions: '',
-
-    selected: 0,
-
-    /**
-     * The last page selected. This property is useful to dynamically set transitions based
-     * on incoming and outgoing pages.
-     *
-     * @attribute lastSelected
-     * @type Object
-     * @default null
-     */
-    lastSelected: null,
-
-    registerCallback: function() {
-      this.tmeta = document.createElement('core-transition');
-    },
-
-    created: function() {
-      this._transitions = [];
-      this.transitioning = [];
-    },
-
-    attached: function() {
-      this.resizerAttachedHandler();
-    },
-
-    detached: function() {
-      this.resizerDetachedHandler();
-    },
-
-    transitionsChanged: function() {
-      this._transitions = this.transitions.split(' ');
-    },
-
-    _transitionsChanged: function(old) {
-      if (this._transitionElements) {
-        this._transitionElements.forEach(function(t) {
-          t.teardown(this);
-        }, this);
-      }
-      this._transitionElements = [];
-      this._transitions.forEach(function(transitionId) {
-        var t = this.getTransition(transitionId);
-        if (t) {
-          this._transitionElements.push(t);
-          t.setup(this);
-        }
-      }, this);
-    },
-
-    getTransition: function(transitionId) {
-      return this.tmeta.byId(transitionId);
-    },
-
-    selectionSelect: function(e, detail) {
-      this.updateSelectedItem();
-      // Wait to call applySelection when we run the transition
-    },
-
-    applyTransition: function(src, dst) {
-      if (this.animating) {
-        this.cancelAsync(this.animating);
-        this.animating = null;
-      }
-
-      Polymer.flush();
-
-      if (this.transitioning.indexOf(src) === -1) {
-        this.transitioning.push(src);
-      }
-      if (this.transitioning.indexOf(dst) === -1) {
-        this.transitioning.push(dst);
-      }
-      // force src, dst to display 
-      src.setAttribute('animate', '');
-      dst.setAttribute('animate', '');
-      //
-      var options = {
-        src: src,
-        dst: dst,
-        easing: 'cubic-bezier(0.4, 0, 0.2, 1)'
-      };
-
-      // fire an event so clients have a chance to do something when the
-      // new page becomes visible but before it draws.
-      this.fire('core-animated-pages-transition-prepare');
-
-      //
-      // prepare transition
-      this._transitionElements.forEach(function(transition) {
-        transition.prepare(this, options);
-      }, this);
-      //
-      // force layout!
-      src.offsetTop;
-
-      //
-      // apply selection
-      this.applySelection(dst, true);
-      this.applySelection(src, false);
-      //
-      // start transition
-      this._transitionElements.forEach(function(transition) {
-        transition.go(this, options);
-      }, this);
-
-      if (!this._transitionElements.length) {
-        this.complete();
-      } else {
-        this.animating = this.async(this.complete.bind(this), null, 5000);
-      }
-    },
-
-    complete: function() {
-      if (this.animating) {
-        this.cancelAsync(this.animating);
-        this.animating = null;
-      }
-
-      this.transitioning.forEach(function(t) {
-        t.removeAttribute('animate');
-      });
-      this.transitioning = [];
-
-      this._transitionElements.forEach(function(transition) {
-        transition.ensureComplete(this);
-      }, this);
-
-      this.fire('core-animated-pages-transition-end');
-    },
-    
-    transitionEnd: function(e) {
-      if (this.transitioning.length) {
-        var completed = true;
-        this._transitionElements.forEach(function(transition) {
-          if (!transition.completed) {
-            completed = false;
-          }
-        });
-        if (completed) {
-          this.job('transitionWatch', function() {
-            this.complete();
-          }, 100);
-        }
-      }
-    },
-
-    selectedChanged: function(old) {
-      this.lastSelected = old;
-      this.super(arguments);
-    },
-
-    selectedItemChanged: function(oldItem) {
-      this.super(arguments);
-
-      if (!oldItem) {
-        this.applySelection(this.selectedItem, true);
-        return;
-      }
-
-      if (this.hasAttribute('no-transition') || !this._transitionElements || !this._transitionElements.length) {
-        this.applySelection(oldItem, false);
-        this.applySelection(this.selectedItem, true);
-        this.notifyResize();
-        return;
-      }
-
-      if (oldItem && this.selectedItem) {
-        // TODO(sorvell): allow bindings to update first?
-        var self = this;
-        Polymer.flush();
-        Polymer.endOfMicrotask(function() {
-          self.applyTransition(oldItem, self.selectedItem);
-          self.notifyResize();
-        });
-      }
-    },
-
-    resizerShouldNotify: function(el) {
-      // Only notify descendents of selected item
-      while (el && (el != this)) {
-        if (el == this.selectedItem) {
-          return true;
-        }
-        el = el.parentElement || (el.parentNode && el.parentNode.host);
-      }
-    }
-
-  }, Polymer.CoreResizer));
-