Index: polymer_1.2.3/bower_components/paper-behaviors/paper-button-behavior.html |
diff --git a/polymer_1.2.3/bower_components/paper-behaviors/paper-button-behavior.html b/polymer_1.2.3/bower_components/paper-behaviors/paper-button-behavior.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..bbb64038bb32d15a2ff3f22a92a7f00de7e2d821 |
--- /dev/null |
+++ b/polymer_1.2.3/bower_components/paper-behaviors/paper-button-behavior.html |
@@ -0,0 +1,102 @@ |
+<!-- |
+@license |
+Copyright (c) 2015 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 rel="import" href="../polymer/polymer.html"> |
+<link rel="import" href="../iron-behaviors/iron-button-state.html"> |
+<link rel="import" href="paper-ripple-behavior.html"> |
+ |
+<script> |
+ |
+ /** @polymerBehavior Polymer.PaperButtonBehavior */ |
+ Polymer.PaperButtonBehaviorImpl = { |
+ |
+ properties: { |
+ |
+ /** |
+ * The z-depth of this element, from 0-5. Setting to 0 will remove the |
+ * shadow, and each increasing number greater than 0 will be "deeper" |
+ * than the last. |
+ * |
+ * @attribute elevation |
+ * @type number |
+ * @default 1 |
+ */ |
+ elevation: { |
+ type: Number, |
+ reflectToAttribute: true, |
+ readOnly: true |
+ } |
+ |
+ }, |
+ |
+ observers: [ |
+ '_calculateElevation(focused, disabled, active, pressed, receivedFocusFromKeyboard)', |
+ '_computeKeyboardClass(receivedFocusFromKeyboard)' |
+ ], |
+ |
+ hostAttributes: { |
+ role: 'button', |
+ tabindex: '0', |
+ animated: true |
+ }, |
+ |
+ _calculateElevation: function() { |
+ var e = 1; |
+ if (this.disabled) { |
+ e = 0; |
+ } else if (this.active || this.pressed) { |
+ e = 4; |
+ } else if (this.receivedFocusFromKeyboard) { |
+ e = 3; |
+ } |
+ this._setElevation(e); |
+ }, |
+ |
+ _computeKeyboardClass: function(receivedFocusFromKeyboard) { |
+ this.classList.toggle('keyboard-focus', receivedFocusFromKeyboard); |
+ }, |
+ |
+ /** |
+ * In addition to `IronButtonState` behavior, when space key goes down, |
+ * create a ripple down effect. |
+ * |
+ * @param {!KeyboardEvent} event . |
+ */ |
+ _spaceKeyDownHandler: function(event) { |
+ Polymer.IronButtonStateImpl._spaceKeyDownHandler.call(this, event); |
+ if (this.hasRipple()) { |
+ this._ripple.uiDownAction(); |
+ } |
+ }, |
+ |
+ /** |
+ * In addition to `IronButtonState` behavior, when space key goes up, |
+ * create a ripple up effect. |
+ * |
+ * @param {!KeyboardEvent} event . |
+ */ |
+ _spaceKeyUpHandler: function(event) { |
+ Polymer.IronButtonStateImpl._spaceKeyUpHandler.call(this, event); |
+ if (this.hasRipple()) { |
+ this._ripple.uiUpAction(); |
+ } |
+ } |
+ |
+ }; |
+ |
+ /** @polymerBehavior */ |
+ Polymer.PaperButtonBehavior = [ |
+ Polymer.IronButtonState, |
+ Polymer.IronControlState, |
+ Polymer.PaperRippleBehavior, |
+ Polymer.PaperButtonBehaviorImpl |
+ ]; |
+ |
+</script> |