OLD | NEW |
1 | 1 |
2 Polymer({ | 2 Polymer({ |
3 is: 'paper-radio-group', | 3 is: 'paper-radio-group', |
4 | 4 |
5 behaviors: [ | 5 behaviors: [ |
6 Polymer.IronA11yKeysBehavior, | 6 Polymer.IronA11yKeysBehavior, |
7 Polymer.IronSelectableBehavior | 7 Polymer.IronSelectableBehavior |
8 ], | 8 ], |
9 | 9 |
10 hostAttributes: { | 10 hostAttributes: { |
11 role: 'radiogroup', | 11 role: 'radiogroup', |
12 tabindex: 0 | 12 tabindex: 0 |
13 }, | 13 }, |
14 | 14 |
15 properties: { | 15 properties: { |
16 /** | 16 /** |
17 * Overriden from Polymer.IronSelectableBehavior | 17 * Overriden from Polymer.IronSelectableBehavior |
18 */ | 18 */ |
19 attrForSelected: { | 19 attrForSelected: { |
20 type: String, | 20 type: String, |
21 value: 'name' | 21 value: 'name' |
22 }, | 22 }, |
23 | 23 |
24 /** | 24 /** |
25 * Overriden from Polymer.IronSelectableBehavior | 25 * Overriden from Polymer.IronSelectableBehavior |
26 */ | 26 */ |
27 selectedAttribute: { | 27 selectedAttribute: { |
28 type: String, | 28 type: String, |
29 value: 'checked' | 29 value: 'checked' |
| 30 }, |
| 31 |
| 32 /** |
| 33 * Overriden from Polymer.IronSelectableBehavior |
| 34 */ |
| 35 selectable: { |
| 36 type: String, |
| 37 value: 'paper-radio-button' |
30 } | 38 } |
31 }, | 39 }, |
32 | 40 |
33 keyBindings: { | 41 keyBindings: { |
34 'left up': 'selectPrevious', | 42 'left up': 'selectPrevious', |
35 'right down': 'selectNext', | 43 'right down': 'selectNext', |
36 }, | 44 }, |
37 | 45 |
38 /** | 46 /** |
39 * Selects the given value. | 47 * Selects the given value. |
(...skipping 26 matching lines...) Expand all Loading... |
66 | 74 |
67 do { | 75 do { |
68 newIndex = (newIndex - 1 + length) % length; | 76 newIndex = (newIndex - 1 + length) % length; |
69 } while (this.items[newIndex].disabled) | 77 } while (this.items[newIndex].disabled) |
70 | 78 |
71 this.select(this._indexToValue(newIndex)); | 79 this.select(this._indexToValue(newIndex)); |
72 }, | 80 }, |
73 | 81 |
74 /** | 82 /** |
75 * Selects the next item. If the next item is disabled, then it is | 83 * Selects the next item. If the next item is disabled, then it is |
76 * skipped, and its nexy item is selected | 84 * skipped, and the next item after it is selected. |
77 */ | 85 */ |
78 selectNext: function() { | 86 selectNext: function() { |
79 var length = this.items.length; | 87 var length = this.items.length; |
80 var newIndex = Number(this._valueToIndex(this.selected)); | 88 var newIndex = Number(this._valueToIndex(this.selected)); |
81 | 89 |
82 do { | 90 do { |
83 newIndex = (newIndex + 1 + length) % length; | 91 newIndex = (newIndex + 1 + length) % length; |
84 } while (this.items[newIndex].disabled) | 92 } while (this.items[newIndex].disabled) |
85 | 93 |
86 this.select(this._indexToValue(newIndex)); | 94 this.select(this._indexToValue(newIndex)); |
87 }, | 95 }, |
88 }); | 96 }); |
OLD | NEW |