npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

polymer_0.5.0/bower_components/core-animated-pages/core-animated-pages.html

 <!--
     @license
     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
 -->
 <link href="../core-selector/core-selector.html" rel="import">
+<link href="../core-resizable/core-resizable.html" rel="import">
 
 <link href="transitions/hero-transition.html" rel="import">
 <link href="transitions/cross-fade.html" rel="import">
 
 <!--
 
 `core-animated-pages` selects one of its children "pages" to show and runs a transition
 when switching between them. The transitions are designed to be pluggable, and can
 accept any object that is an instance of a `core-transition-pages`. Transitions to run
 are specified in the `transitions` attribute as a space-delimited string of `id`s of
@@ skipping 217 matching lines @@
 <template>
 
   <link href="core-animated-pages.css" rel="stylesheet">
 
   <shadow></shadow>
 
 </template>
 
 <script>
 
-  Polymer({
+  Polymer(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.
      *
@@ skipping 17 matching lines @@
 
     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);
       }
@@ skipping 15 matching lines @@
       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;
       }
 
-      Platform.flush();
+      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);
@@ skipping 61 matching lines @@
       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;
-        Platform.flush();
-        Platform.endOfMicrotask(function() {
+        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));
 
 </script>
 
 </polymer-element>