[{"__symbolic":"module","version":3,"metadata":{"SkyCheckboxDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-checkbox-demo","template":"<fieldset>\n  <legend>Checkbox options</legend>\n  <ul class=\"sky-list-unstyled\">\n    <li *ngFor=\"let checkboxItem of checkboxItems\">\n      <sky-checkbox [(ngModel)]=\"checkboxItem.checked\" [disabled]=\"checkboxItem.disabled\">\n        <sky-checkbox-label>\n          {{ checkboxItem.description }}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </li>\n  </ul>\n</fieldset>\n<b>Checked state:</b>\n<ul class=\"sky-list-unstyled\">\n  <li *ngFor=\"let checkboxItem of checkboxItems\">\n    {{ checkboxItem.description }}: <b>{{ checkboxItem.checked ? 'true': 'false' }}</b>\n  </li>\n</ul>\n"}]}]}}},{"__symbolic":"module","version":1,"metadata":{"SkyCheckboxDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-checkbox-demo","template":"<fieldset>\n  <legend>Checkbox options</legend>\n  <ul class=\"sky-list-unstyled\">\n    <li *ngFor=\"let checkboxItem of checkboxItems\">\n      <sky-checkbox [(ngModel)]=\"checkboxItem.checked\" [disabled]=\"checkboxItem.disabled\">\n        <sky-checkbox-label>\n          {{ checkboxItem.description }}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </li>\n  </ul>\n</fieldset>\n<b>Checked state:</b>\n<ul class=\"sky-list-unstyled\">\n  <li *ngFor=\"let checkboxItem of checkboxItems\">\n    {{ checkboxItem.description }}: <b>{{ checkboxItem.checked ? 'true': 'false' }}</b>\n  </li>\n</ul>\n"}]}]}}}]