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 |