Add CoreResizable support.

bower.json

@@ -5,6 +5,7 @@
     "polymer": "Polymer/polymer#master",
     "core-selector": "Polymer/core-selector#master",
     "core-style": "Polymer/core-style#master",
-    "core-transition": "Polymer/core-transition#master"
+    "core-transition": "Polymer/core-transition#master",
+    "core-resizable": "Polymer/core-resizable#master"
   }
 }

core-animated-pages.html

@@ -8,6 +8,7 @@
     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">
@@ -245,7 +246,7 @@
 
 <script>
 
-  Polymer({
+  Polymer(Polymer.mixin({
 
     eventDelegates: {
       'core-transitionend': 'transitionEnd'
@@ -283,6 +284,14 @@
       this.transitioning = [];
     },
 
+    attached: function() {
+      this.resizerAttachedHandler();
+    },
+
+    detached: function() {
+      this.resizerDetachedHandler();
+    },
+
     transitionsChanged: function() {
       this._transitions = this.transitions.split(' ');
     },
@@ -416,6 +425,7 @@
       if (this.hasAttribute('no-transition') || !this._transitionElements || !this._transitionElements.length) {
         this.applySelection(oldItem, false);
         this.applySelection(this.selectedItem, true);
+        this.notifyResize();
         return;
       }
 
@@ -425,11 +435,22 @@
         Polymer.flush();
         Polymer.endOfMicrotask(function() {
           self.applyTransition(oldItem, self.selectedItem);
+          self.notifyResize();
         });
       }
+    },
+
+    resizerShouldNotify: function(el) {
+      // Only notify descendents of selected item
+      while (el != this) {
+        if (el == this.selectedItem) {
+          return true;
+        }
+        el = el.parentElement;
+      }
     }
 
-  });
+  }, Polymer.CoreResizer));
 
 </script>