OLD | NEW |
(Empty) | |
| 1 <!-- |
| 2 @license |
| 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 |
| 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 |
| 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 |
| 9 --> |
| 10 |
| 11 <link rel="import" href="../polymer/polymer.html"> |
| 12 <link rel="import" href="../iron-checked-element-behavior/iron-checked-element-b
ehavior.html"> |
| 13 <link rel="import" href="paper-inky-focus-behavior.html"> |
| 14 |
| 15 <script> |
| 16 |
| 17 /** |
| 18 * Use `Polymer.PaperCheckedElementBehavior` to implement a custom element |
| 19 * that has a `checked` property similar to `Polymer.IronCheckedElementBehavio
r` |
| 20 * and is compatible with having a ripple effect. |
| 21 * @polymerBehavior Polymer.PaperCheckedElementBehavior |
| 22 */ |
| 23 Polymer.PaperCheckedElementBehaviorImpl = { |
| 24 |
| 25 /** |
| 26 * Synchronizes the element's checked state with its ripple effect. |
| 27 */ |
| 28 _checkedChanged: function() { |
| 29 Polymer.IronCheckedElementBehaviorImpl._checkedChanged.call(this); |
| 30 if (this.hasRipple()) { |
| 31 if (this.checked) { |
| 32 this._ripple.setAttribute('checked', ''); |
| 33 } else { |
| 34 this._ripple.removeAttribute('checked'); |
| 35 } |
| 36 } |
| 37 }, |
| 38 |
| 39 /** |
| 40 * Synchronizes the element's `active` and `checked` state. |
| 41 */ |
| 42 _buttonStateChanged: function() { |
| 43 Polymer.PaperRippleBehavior._buttonStateChanged.call(this); |
| 44 if (this.disabled) { |
| 45 return; |
| 46 } |
| 47 if (this.isAttached) { |
| 48 this.checked = this.active; |
| 49 } |
| 50 } |
| 51 |
| 52 }; |
| 53 |
| 54 /** @polymerBehavior Polymer.PaperCheckedElementBehavior */ |
| 55 Polymer.PaperCheckedElementBehavior = [ |
| 56 Polymer.PaperInkyFocusBehavior, |
| 57 Polymer.IronCheckedElementBehavior, |
| 58 Polymer.PaperCheckedElementBehaviorImpl |
| 59 ]; |
| 60 |
| 61 </script> |
OLD | NEW |