npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

polymer_0.5.0/bower_components/paper-button/paper-button-base.html

 <!--
 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
 -->
 
 <!--
 @group Paper Elements
 
 `paper-button-base` is the base class for button-like elements with ripple and optional shadow.
 
 @element paper-button-base
-@extends paper-focusable
+@mixins Polymer.CoreFocusable
 @status unstable
 -->
 
 <link href="../polymer/polymer.html" rel="import">
-<link href="../paper-focusable/paper-focusable.html" rel="import">
+<link href="../core-focusable/core-focusable.html" rel="import">
+<link href="../paper-ripple/paper-ripple.html" rel="import">
 
-<polymer-element name="paper-button-base" extends="paper-focusable">
+<polymer-element name="paper-button-base" tabindex="0">
 
-  <script>
-    Polymer({
+<script>
 
-      z: 1,
+  (function() {
+
+    var p = {
+
+      eventDelegates: {
+        down: 'downAction'
+      },
 
       activeChanged: function() {
         this.super();
 
-        if (this.active) {
-          // FIXME: remove when paper-ripple can have a default 'down' state.
-          if (!this.lastEvent) {
-            var rect = this.getBoundingClientRect();
-            this.lastEvent = {
-              x: rect.left + rect.width / 2,
-              y: rect.top + rect.height / 2
+        if (this.$.ripple) {
+          if (this.active) {
+            // FIXME: remove when paper-ripple can have a default 'down' state.
+            if (!this.lastEvent) {
+              var rect = this.getBoundingClientRect();
+              this.lastEvent = {
+                x: rect.left + rect.width / 2,
+                y: rect.top + rect.height / 2
+              }
             }
+            this.$.ripple.downAction(this.lastEvent);
+          } else {
+            this.$.ripple.upAction();
           }
-          this.$.ripple.downAction(this.lastEvent);
-        } else {
-          this.$.ripple.upAction();
         }
+
         this.adjustZ();
       },
 
       disabledChanged: function() {
-        this.super();
-        if (this.disabled) {
-          this.setAttribute('aria-disabled', '');
-        } else {
-          this.removeAttribute('aria-disabled');
-        }
+        this._disabledChanged();
         this.adjustZ();
       },
 
       recenteringTouchChanged: function() {
         if (this.$.ripple) {
           this.$.ripple.classList.toggle('recenteringTouch', this.recenteringTouch);
         }
       },
 
       fillChanged: function() {
         if (this.$.ripple) {
           this.$.ripple.classList.toggle('fill', this.fill);
         }
       },
 
       adjustZ: function() {
+        if (!this.$.shadow) {
+          return;
+        }
         if (this.active) {
-          this.z = 2;
+          this.$.shadow.setZ(2);
         } else if (this.disabled) {
-          this.z = 0;
+          this.$.shadow.setZ(0);
         } else {
-          this.z = 1;
+          this.$.shadow.setZ(1);
         }
       },
 
       downAction: function(e) {
-        this.super(e);
+        this._downAction();
+
+        if (this.hasAttribute('noink')) {
+          return;
+        }
+
         this.lastEvent = e;
         if (!this.$.ripple) {
           var ripple = document.createElement('paper-ripple');
           ripple.setAttribute('id', 'ripple');
           ripple.setAttribute('fit', '');
           if (this.recenteringTouch) {
             ripple.classList.add('recenteringTouch');
           }
           if (!this.fill) {
             ripple.classList.add('circle');
           }
           this.$.ripple = ripple;
           this.shadowRoot.insertBefore(ripple, this.shadowRoot.firstChild);
           // No need to forward the event to the ripple because the ripple
           // is triggered in activeChanged
         }
       }
 
-    });
-  </script>
+    };
+
+    Polymer.mixin2(p, Polymer.CoreFocusable);
+    Polymer(p);
+
+  })();
+
+</script>
 </polymer-element>