Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(134)

Side by Side Diff: third_party/polymer/v1_0/components/paper-radio-group/paper-radio-group.html

Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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-selector/iron-selectable.html"> 12 <link rel="import" href="../iron-selector/iron-selectable.html">
13 <link rel="import" href="../paper-radio-button/paper-radio-button.html"> 13 <link rel="import" href="../paper-radio-button/paper-radio-button.html">
14 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html "> 14 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html ">
15 15
16 <!-- 16 <!--
17 `paper-radio-group` allows user to select only one radio button from a set. 17 `paper-radio-group` allows user to select only one radio button from a set.
18 Checking one radio button that belongs to a radio group unchecks any 18 Checking one radio button that belongs to a radio group unchecks any
19 previously checked radio button within the same group. Use 19 previously checked radio button within the same group. Use
20 `selected` to get or set the selected radio button. 20 `selected` to get or set the selected radio button.
21 21
22 Example: 22 Example:
23 23
24 <paper-radio-group selected="small"> 24 <paper-radio-group selected="small">
25 <paper-radio-button name="small" label="Small"></paper-radio-button> 25 <paper-radio-button name="small">Small</paper-radio-button>
26 <paper-radio-button name="medium" label="Medium"></paper-radio-button> 26 <paper-radio-button name="medium">Medium</paper-radio-button>
27 <paper-radio-button name="large" label="Large"></paper-radio-button> 27 <paper-radio-button name="large">Large</paper-radio-button>
28 </paper-radio-group> 28 </paper-radio-group>
29 29
30 See <a href="paper-radio-button.html">paper-radio-button</a> for more 30 See <a href="paper-radio-button.html">paper-radio-button</a> for more
31 information about `paper-radio-button`. 31 information about `paper-radio-button`.
32 32
33 @group Paper Elements 33 @group Paper Elements
34 @element paper-radio-group 34 @element paper-radio-group
35 @hero hero.svg 35 @hero hero.svg
36 @demo demo/index.html 36 @demo demo/index.html
37 --> 37 -->
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
75 type: String, 75 type: String,
76 value: 'name' 76 value: 'name'
77 }, 77 },
78 78
79 /** 79 /**
80 * Overriden from Polymer.IronSelectableBehavior 80 * Overriden from Polymer.IronSelectableBehavior
81 */ 81 */
82 selectedAttribute: { 82 selectedAttribute: {
83 type: String, 83 type: String,
84 value: 'checked' 84 value: 'checked'
85 },
86
87 /**
88 * Overriden from Polymer.IronSelectableBehavior
89 */
90 selectable: {
91 type: String,
92 value: 'paper-radio-button'
85 } 93 }
86 }, 94 },
87 95
88 keyBindings: { 96 keyBindings: {
89 'left up': 'selectPrevious', 97 'left up': 'selectPrevious',
90 'right down': 'selectNext', 98 'right down': 'selectNext',
91 }, 99 },
92 100
93 /** 101 /**
94 * Selects the given value. 102 * Selects the given value.
(...skipping 26 matching lines...) Expand all
121 129
122 do { 130 do {
123 newIndex = (newIndex - 1 + length) % length; 131 newIndex = (newIndex - 1 + length) % length;
124 } while (this.items[newIndex].disabled) 132 } while (this.items[newIndex].disabled)
125 133
126 this.select(this._indexToValue(newIndex)); 134 this.select(this._indexToValue(newIndex));
127 }, 135 },
128 136
129 /** 137 /**
130 * Selects the next item. If the next item is disabled, then it is 138 * Selects the next item. If the next item is disabled, then it is
131 * skipped, and its nexy item is selected 139 * skipped, and the next item after it is selected.
132 */ 140 */
133 selectNext: function() { 141 selectNext: function() {
134 var length = this.items.length; 142 var length = this.items.length;
135 var newIndex = Number(this._valueToIndex(this.selected)); 143 var newIndex = Number(this._valueToIndex(this.selected));
136 144
137 do { 145 do {
138 newIndex = (newIndex + 1 + length) % length; 146 newIndex = (newIndex + 1 + length) % length;
139 } while (this.items[newIndex].disabled) 147 } while (this.items[newIndex].disabled)
140 148
141 this.select(this._indexToValue(newIndex)); 149 this.select(this._indexToValue(newIndex));
142 }, 150 },
143 }); 151 });
144 </script> 152 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698