| 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" as="SkyButton" /> |
| 7 | 7 |
| 8 <sky-element | 8 <sky-element |
| 9 name="sky-checkbox" | 9 name="sky-checkbox" |
| 10 attributes="checked:boolean" | 10 attributes="checked:boolean" |
| 11 on-click="handleClick"> | 11 on-click="handleClick"> |
| 12 <template> | 12 <template> |
| 13 <style> | 13 <style> |
| 14 :host { | 14 :host { |
| 15 display: flex; | 15 display: flex; |
| 16 justify-content: center; | 16 justify-content: center; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 64 } | 64 } |
| 65 highlightChanged(oldValue, newValue) { | 65 highlightChanged(oldValue, newValue) { |
| 66 this.containerStyle = newValue ? 'highlight' : ''; | 66 this.containerStyle = newValue ? 'highlight' : ''; |
| 67 } | 67 } |
| 68 handleClick() { | 68 handleClick() { |
| 69 this.checked = !this.checked; | 69 this.checked = !this.checked; |
| 70 } | 70 } |
| 71 }.register(); | 71 }.register(); |
| 72 </script> | 72 </script> |
| 73 </sky-element> | 73 </sky-element> |
| OLD | NEW |