Add CoreResizable support.

Author: kevinpschaaf

bower.json

@@ -8,6 +8,7 @@
     "core-media-query": "Polymer/core-media-query#master",
     "font-roboto": "Polymer/font-roboto#master",
     "paper-icon-button": "Polymer/paper-icon-button#master",
-    "paper-ripple": "Polymer/paper-ripple#master"
+    "paper-ripple": "Polymer/paper-ripple#master",
+    "core-resizable": "Polymer/core-resizable#master"
   }
 }

paper-tabs.html

@@ -82,6 +82,7 @@
 
 <link rel="import" href="../core-selector/core-selector.html">
 <link rel="import" href="../paper-icon-button/paper-icon-button.html">
+<link rel="import" href="../core-resizable/core-resizable.html">
 <link rel="import" href="paper-tab.html">
 
 <polymer-element name="paper-tabs" extends="core-selector" attributes="noink nobar noslide scrollable hideScrollButton" role="tablist" horizontal center layout>
@@ -109,7 +110,7 @@
 </template>
 <script>
 
-  Polymer('paper-tabs', {
+  Polymer(Polymer.mixin({
 
     /**
      * If true, ink ripple effect is disabled.
@@ -164,6 +165,10 @@
      * @default false
      */
     hideScrollButton: false,
+
+    eventDelegates: {
+      'core-resize': 'updateBar'
+    },
 
     activateEvent: 'tap',
 
@@ -182,10 +187,15 @@
       this.async('scroll');
       this._tabsObserver.observe(this, {childList: true, subtree: true, characterData: true});
     },
+
+    attached: function() {
+      this.resizeableAttachedHandler();
+    },
 
     detached: function() {
       Polymer.removeEventListener(this.$.tabsContainer, 'trackx', this._trackxHandler);
       this._tabsObserver.disconnect();
+      this.resizeableDetachedHandler();
     },
 
     trackStart: function(e) {
@@ -322,7 +332,7 @@
       }
     }
 
-  });
+  }, Polymer.CoreResizable));
 
 </script>
 </polymer-element>