| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --> | 9 --> |
| 10 | 10 |
| 11 <link rel="import" href="../polymer/polymer.html"> | 11 <link rel="import" href="../polymer/polymer.html"> |
| 12 <link rel="import" href="../iron-behaviors/iron-button-state.html"> | 12 <link rel="import" href="../iron-behaviors/iron-button-state.html"> |
| 13 <link rel="import" href="paper-ripple-behavior.html"> |
| 13 | 14 |
| 14 <script> | 15 <script> |
| 15 | 16 |
| 16 /** | 17 /** |
| 17 * `Polymer.PaperInkyFocusBehavior` implements a ripple when the element has k
eyboard focus. | 18 * `Polymer.PaperInkyFocusBehavior` implements a ripple when the element has k
eyboard focus. |
| 18 * | 19 * |
| 19 * @polymerBehavior Polymer.PaperInkyFocusBehavior | 20 * @polymerBehavior Polymer.PaperInkyFocusBehavior |
| 20 */ | 21 */ |
| 21 Polymer.PaperInkyFocusBehaviorImpl = { | 22 Polymer.PaperInkyFocusBehaviorImpl = { |
| 22 | 23 |
| 23 observers: [ | 24 observers: [ |
| 24 '_focusedChanged(receivedFocusFromKeyboard)' | 25 '_focusedChanged(receivedFocusFromKeyboard)' |
| 25 ], | 26 ], |
| 26 | 27 |
| 27 _focusedChanged: function(receivedFocusFromKeyboard) { | 28 _focusedChanged: function(receivedFocusFromKeyboard) { |
| 28 if (!this.$.ink) { | 29 if (receivedFocusFromKeyboard) { |
| 29 return; | 30 this.ensureRipple(); |
| 30 } | 31 } |
| 32 if (this.hasRipple()) { |
| 33 this._ripple.holdDown = receivedFocusFromKeyboard; |
| 34 } |
| 35 }, |
| 31 | 36 |
| 32 this.$.ink.holdDown = receivedFocusFromKeyboard; | 37 _createRipple: function() { |
| 38 var ripple = Polymer.PaperRippleBehavior._createRipple(); |
| 39 ripple.id = 'ink'; |
| 40 ripple.setAttribute('center', ''); |
| 41 ripple.classList.add('circle'); |
| 42 return ripple; |
| 33 } | 43 } |
| 34 | 44 |
| 35 }; | 45 }; |
| 36 | 46 |
| 37 /** @polymerBehavior Polymer.PaperInkyFocusBehavior */ | 47 /** @polymerBehavior Polymer.PaperInkyFocusBehavior */ |
| 38 Polymer.PaperInkyFocusBehavior = [ | 48 Polymer.PaperInkyFocusBehavior = [ |
| 39 Polymer.IronButtonState, | 49 Polymer.IronButtonState, |
| 40 Polymer.IronControlState, | 50 Polymer.IronControlState, |
| 51 Polymer.PaperRippleBehavior, |
| 41 Polymer.PaperInkyFocusBehaviorImpl | 52 Polymer.PaperInkyFocusBehaviorImpl |
| 42 ]; | 53 ]; |
| 43 | 54 |
| 44 </script> | 55 </script> |
| OLD | NEW |