OLD | NEW |
1 SKY MODULE - radio button and radio button group | 1 SKY MODULE - radio button and radio button group |
2 <!-- accessibility handling not implemented yet, pending mojo service --> | 2 <!-- accessibility handling not implemented yet, pending mojo service --> |
3 | 3 |
4 <script> | |
5 module.exports = {}; | |
6 </script> | |
7 | |
8 <!-- <radio> --> | 4 <!-- <radio> --> |
9 <template id="radio-shadow"> | 5 <template id="radio-shadow"> |
10 <style> | 6 <style> |
11 :host { width: 1em; height: 1em; border: solid; background: white; } | 7 :host { width: 1em; height: 1em; border: solid; background: white; } |
12 :host[checked] { background: black; } | 8 :host[checked] { background: black; } |
13 </style> | 9 </style> |
14 </template> | 10 </template> |
15 <script> | 11 <script> |
16 module.exports.RadioElement = module.registerElement({ | 12 module.exports.RadioElement = module.registerElement({ |
17 tagName: 'radio', | 13 tagName: 'radio', |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
81 throw; | 77 throw; |
82 let children = this.getChildNodes(); | 78 let children = this.getChildNodes(); |
83 for (let child of children) | 79 for (let child of children) |
84 if (child instanceof module.exports.RadioElement) | 80 if (child instanceof module.exports.RadioElement) |
85 if (child != radio) | 81 if (child != radio) |
86 child.checked = false; | 82 child.checked = false; |
87 } | 83 } |
88 }, | 84 }, |
89 }); | 85 }); |
90 </script> | 86 </script> |
OLD | NEW |