| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 // Copyright 2014 The Chromium Authors. All rights reserved. | 2 // Copyright 2014 The Chromium Authors. All rights reserved. |
| 3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
| 4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 <import src="/sky/framework/sky-button/sky-button.sky" as="SkyButton" /> | 6 <import src="/sky/framework/sky-button/sky-button.sky" as="SkyButton" /> |
| 7 | 7 |
| 8 <sky-element | 8 <sky-element |
| 9 name="sky-radio" | 9 name="sky-radio" |
| 10 attributes="selected:boolean, group:string" | 10 attributes="selected:boolean, group:string" |
| 11 on-mouseup="handleMouseUp"> | 11 on-click="handleClick"> |
| 12 <template> | 12 <template> |
| 13 <style> | 13 <style> |
| 14 :host { | 14 :host { |
| 15 display: inline-block; | 15 display: inline-block; |
| 16 -webkit-user-select: none; | 16 -webkit-user-select: none; |
| 17 width: 14px; | 17 width: 14px; |
| 18 height: 14px; | 18 height: 14px; |
| 19 border-radius: 7px; | 19 border-radius: 7px; |
| 20 border: 1px solid blue; | 20 border: 1px solid blue; |
| 21 margin: 0 5px; | 21 margin: 0 5px; |
| (...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 this.controller = null; | 90 this.controller = null; |
| 91 } | 91 } |
| 92 selectedChanged(oldValue, newValue) { | 92 selectedChanged(oldValue, newValue) { |
| 93 if (newValue && this.controller) | 93 if (newValue && this.controller) |
| 94 this.controller.takeSelectionFromGroup(this); | 94 this.controller.takeSelectionFromGroup(this); |
| 95 } | 95 } |
| 96 groupChanged(oldValue, newValue) { | 96 groupChanged(oldValue, newValue) { |
| 97 if (this.selected && this.controller) | 97 if (this.selected && this.controller) |
| 98 this.controller.takeSelectionFromGroup(this); | 98 this.controller.takeSelectionFromGroup(this); |
| 99 } | 99 } |
| 100 handleMouseUp() { | 100 handleClick() { |
| 101 this.selected = true; | 101 this.selected = true; |
| 102 } | 102 } |
| 103 }.register(); | 103 }.register(); |
| 104 </script> | 104 </script> |
| 105 </sky-element> | 105 </sky-element> |
| OLD | NEW |