Add CoreResizable support.

bower.json

@@ -3,6 +3,7 @@
   "private": true,
   "dependencies": {
     "polymer": "Polymer/polymer#master",
-    "core-transition": "Polymer/core-transition#master"
+    "core-transition": "Polymer/core-transition#master",
+    "core-resizable": "Polymer/core-resizable#master"
   }
 }

core-overlay.html

@@ -9,6 +9,7 @@
 
 <link rel="import" href="../polymer/polymer.html">
 <link rel="import" href="../core-transition/core-transition.html">
+<link rel="import" href="../core-resizable/core-resizable.html">
 <link rel="import" href="core-key-helper.html">
 <link rel="import" href="core-overlay-layer.html">
 
@@ -115,7 +116,7 @@ <h2>Dialog</h2>
 <script>
 (function() {
 
-  Polymer('core-overlay', {
+  Polymer(Polymer.mixin({
 
     publish: {
       /**
@@ -236,7 +237,19 @@ <h2>Dialog</h2>
       'keydown': 'keydownHandler',
       'core-transitionend': 'transitionend'
     },
-
+
+    attached: function() {
+      this.resizerAttachedHandler();
+    },
+
+    detached: function() {
+      this.resizerDetachedHandler();
+    },
+
+    resizerShouldNotify: function() {
+      return this.opened;
+    },
+
     registerCallback: function(element) {
       this.layer = document.createElement('core-overlay-layer');
       this.keyHelper = document.createElement('core-key-helper');
@@ -387,6 +400,7 @@ <h2>Dialog</h2>
     // tasks which cause the overlay to actually open; typically play an
     // animation
     renderOpened: function() {
+      this.notifyResize();
       var transition = this.getTransition();
       if (transition) {
         transition.go(this.target, {opened: this.opened});
@@ -675,8 +689,9 @@ <h2>Dialog</h2>
         };
       }
       return this[bound];
-    },
-  });
+    }
+
+  }, Polymer.CoreResizer));
 
   // TODO(sorvell): This should be an element with private state so it can
   // be independent of overlay.