[{"__symbolic":"module","version":3,"metadata":{"SkyListViewChecklistDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-list-view-checklist-demo","template":"<div style=\"margin-bottom: 10px;\">\n  <h3>\n    Selection mode\n  </h3>\n  <div>\n    <sky-radio\n      name=\"selectMode\"\n      [(ngModel)]=\"selectMode\"\n      value=\"multiple\">\n      <sky-radio-label>\n        Default select mode\n      </sky-radio-label>\n    </sky-radio>\n  </div>\n  <div>\n    <sky-radio\n      name=\"selectMode\"\n      [(ngModel)]=\"selectMode\"\n      value=\"single\">\n      <sky-radio-label>\n        Single select mode\n      </sky-radio-label>\n    </sky-radio>\n  </div>\n</div>\n\n<sky-list\n  [data]=\"items\"\n  (selectedIdsChange)=\"selectedItemsChange($event)\">\n  <sky-list-toolbar>\n  </sky-list-toolbar>\n  <sky-list-view-checklist\n    label=\"column2\"\n    description=\"column3\"\n    [selectMode]=\"selectMode\">\n  </sky-list-view-checklist>\n</sky-list>\n<div>\n  <label>Selected items:</label>\n  <ul>\n    <li *ngFor=\"let item of selectedItems\">\n      {{item.column2}}\n    </li>\n  </ul>\n</div>\n"}]}],"members":{"selectedItemsChange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyListViewChecklistDemoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-list-view-checklist-demo","template":"<div style=\"margin-bottom: 10px;\">\n  <h3>\n    Selection mode\n  </h3>\n  <div>\n    <sky-radio\n      name=\"selectMode\"\n      [(ngModel)]=\"selectMode\"\n      value=\"multiple\">\n      <sky-radio-label>\n        Default select mode\n      </sky-radio-label>\n    </sky-radio>\n  </div>\n  <div>\n    <sky-radio\n      name=\"selectMode\"\n      [(ngModel)]=\"selectMode\"\n      value=\"single\">\n      <sky-radio-label>\n        Single select mode\n      </sky-radio-label>\n    </sky-radio>\n  </div>\n</div>\n\n<sky-list\n  [data]=\"items\"\n  (selectedIdsChange)=\"selectedItemsChange($event)\">\n  <sky-list-toolbar>\n  </sky-list-toolbar>\n  <sky-list-view-checklist\n    label=\"column2\"\n    description=\"column3\"\n    [selectMode]=\"selectMode\">\n  </sky-list-view-checklist>\n</sky-list>\n<div>\n  <label>Selected items:</label>\n  <ul>\n    <li *ngFor=\"let item of selectedItems\">\n      {{item.column2}}\n    </li>\n  </ul>\n</div>\n"}]}],"members":{"selectedItemsChange":[{"__symbolic":"method"}]}}}}]