| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 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-element.sky" /> | 6 <import src="sky-element.sky" /> |
| 7 <import src="sky-icon.sky" /> | 7 <import src="sky-icon.sky" /> |
| 8 | 8 |
| 9 <sky-element attributes="checked:boolean"> | 9 <sky-element attributes="checked:boolean"> |
| 10 <template> | 10 <template> |
| 11 <style> | 11 <style> |
| 12 :host { | 12 :host { |
| 13 display: inline-block; | 13 display: inline-flex; |
| 14 -webkit-user-select: none; | 14 -webkit-user-select: none; |
| 15 margin: 8px 16px; | 15 margin: 8px 16px; |
| 16 } | 16 } |
| 17 </style> | 17 </style> |
| 18 <sky-icon size="18" /> | 18 <sky-icon size="18" /> |
| 19 </template> | 19 </template> |
| 20 <script> | 20 <script> |
| 21 import "dart:sky"; | 21 import "dart:sky"; |
| 22 | 22 |
| 23 const String _kOnIcon = 'toggle/check_box_black'; | 23 const String _kOnIcon = 'toggle/check_box_black'; |
| (...skipping 18 matching lines...) Expand all Loading... |
| 42 } | 42 } |
| 43 | 43 |
| 44 void _handleClick(_) { | 44 void _handleClick(_) { |
| 45 checked = !checked; | 45 checked = !checked; |
| 46 } | 46 } |
| 47 } | 47 } |
| 48 | 48 |
| 49 _init(script) => register(script, SkyCheckbox); | 49 _init(script) => register(script, SkyCheckbox); |
| 50 </script> | 50 </script> |
| 51 </sky-element> | 51 </sky-element> |
| OLD | NEW |