| OLD | NEW |
| (Empty) |
| 1 <!-- | |
| 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 | |
| 4 // found in the LICENSE file. | |
| 5 --> | |
| 6 <import src="/sky/framework/elements/sky-checkbox.sky" /> | |
| 7 <import src="/sky/framework/elements/sky-element/sky-element.sky" as="SkyElement
" /> | |
| 8 | |
| 9 <sky-element | |
| 10 name="test-element" | |
| 11 attributes="size:number, checked:boolean,name:string" | |
| 12 on-host-event="handleEvent"> | |
| 13 <template> | |
| 14 <div id="inside" on-test-event="handleEvent" lang="{{ value }}">{{ value }}</d
iv> | |
| 15 <sky-checkbox id="checkbox" checked="{{ checked }}" /> | |
| 16 </template> | |
| 17 <script> | |
| 18 module.exports = class extends SkyElement { | |
| 19 created() { | |
| 20 this.lastEvent = null; | |
| 21 this.value = 10; | |
| 22 this.shadowRootReadyCount = 0; | |
| 23 this.changes = []; | |
| 24 } | |
| 25 handleEvent(event) { | |
| 26 this.lastEvent = event; | |
| 27 } | |
| 28 shadowRootReady() { | |
| 29 this.shadowRootReadyCount++; | |
| 30 } | |
| 31 sizeChanged(oldValue, newValue) { | |
| 32 this.recordAttributeChange('size', oldValue, newValue); | |
| 33 } | |
| 34 checkedChanged(oldValue, newValue) { | |
| 35 this.recordAttributeChange('checked', oldValue, newValue); | |
| 36 } | |
| 37 nameChanged(oldValue, newValue) { | |
| 38 this.recordAttributeChange('name', oldValue, newValue); | |
| 39 } | |
| 40 recordAttributeChange(name, oldValue, newValue) { | |
| 41 this.changes.push({ | |
| 42 name: name, | |
| 43 newValue: newValue, | |
| 44 oldValue: oldValue, | |
| 45 }); | |
| 46 } | |
| 47 }.register(); | |
| 48 </script> | |
| 49 </sky-element> | |
| OLD | NEW |