[{"__symbolic":"module","version":3,"metadata":{"SkyContribListViewChecklistComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-list-view-checklist","template":"<div *ngIf=\"(active | async)\">\n  <div *ngIf=\"!(loading | async)\">\n    <sky-contrib-list-view-checklist-item *ngFor=\"let item of (items | async)\" [item]=\"item\" [attr.cmp-id]=\"item.id\">\n      <sky-checkbox [checked]=\"itemSelected(item.id) | async\" (change)=\"setItemSelection(item, $event)\">\n        <sky-checkbox-label>\n          <strong *ngIf=\"item.label\">{{ item.label }}</strong>\n          <div class=\"item-description\" *ngIf=\"item.description\">{{ item.description }}</div>\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-contrib-list-view-checklist-item>\n  </div>\n  <div class=\"loading\" *ngIf=\"(loading | async)\"><sky-wait [isWaiting]=\"true\"></sky-wait></div>\n</div>\n\n<ng-template #selectAllTemplate\n  ><a href (click)=\"selectAll(); (false)\">{{ localizations.checklistSelectAllLinkText }}</a></ng-template\n>\n<ng-template #clearSelectionsTemplate\n  ><a href (click)=\"clearSelections(); (false)\">{{ localizations.checklistClearAllLinkText }}</a></ng-template\n>\n","styles":[":host .loading{height:200px;position:relative}:host .item-description{padding-left:10px}:host /deep/ .sky-checkbox-wrapper{display:flex;align-items:center}:host /deep/ .sky-checkbox-wrapper>.sky-checkbox,:host /deep/ .sky-checkbox-wrapper>input{flex:1;max-width:22px}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyContribListViewChecklistComponent"}},{"__symbolic":"reference","module":"./state","name":"ChecklistState"},{"__symbolic":"reference","module":"./state","name":"ChecklistStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"ChecklistStateModel"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["search"]}]}],"categoryFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["category"]}]}],"labelFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["label"]}]}],"descriptionFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["description"]}]}],"selectAllTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["selectAllTemplate"]}]}],"clearSelectionsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["clearSelectionsTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"../list/state","name":"ListState"},{"__symbolic":"reference","module":"../list/state","name":"ListStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"ChecklistState"},{"__symbolic":"reference","module":"./state","name":"ChecklistStateDispatcher"}]}],"onViewActive":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"itemSelected":[{"__symbolic":"method"}],"setItemSelection":[{"__symbolic":"method"}],"setItemsSelection":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyContribListViewChecklistComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-list-view-checklist","template":"<div *ngIf=\"(active | async)\">\n  <div *ngIf=\"!(loading | async)\">\n    <sky-contrib-list-view-checklist-item *ngFor=\"let item of (items | async)\" [item]=\"item\" [attr.cmp-id]=\"item.id\">\n      <sky-checkbox [checked]=\"itemSelected(item.id) | async\" (change)=\"setItemSelection(item, $event)\">\n        <sky-checkbox-label>\n          <strong *ngIf=\"item.label\">{{ item.label }}</strong>\n          <div class=\"item-description\" *ngIf=\"item.description\">{{ item.description }}</div>\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-contrib-list-view-checklist-item>\n  </div>\n  <div class=\"loading\" *ngIf=\"(loading | async)\"><sky-wait [isWaiting]=\"true\"></sky-wait></div>\n</div>\n\n<ng-template #selectAllTemplate\n  ><a href (click)=\"selectAll(); (false)\">{{ localizations.checklistSelectAllLinkText }}</a></ng-template\n>\n<ng-template #clearSelectionsTemplate\n  ><a href (click)=\"clearSelections(); (false)\">{{ localizations.checklistClearAllLinkText }}</a></ng-template\n>\n","styles":[":host .loading{height:200px;position:relative}:host .item-description{padding-left:10px}:host /deep/ .sky-checkbox-wrapper{display:flex;align-items:center}:host /deep/ .sky-checkbox-wrapper>.sky-checkbox,:host /deep/ .sky-checkbox-wrapper>input{flex:1;max-width:22px}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyContribListViewChecklistComponent"}},{"__symbolic":"reference","module":"./state","name":"ChecklistState"},{"__symbolic":"reference","module":"./state","name":"ChecklistStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"ChecklistStateModel"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["search"]}]}],"categoryFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["category"]}]}],"labelFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["label"]}]}],"descriptionFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["description"]}]}],"selectAllTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["selectAllTemplate"]}]}],"clearSelectionsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["clearSelectionsTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"../list/state","name":"ListState"},{"__symbolic":"reference","module":"../list/state","name":"ListStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"ChecklistState"},{"__symbolic":"reference","module":"./state","name":"ChecklistStateDispatcher"}]}],"onViewActive":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"itemSelected":[{"__symbolic":"method"}],"setItemSelection":[{"__symbolic":"method"}],"setItemsSelection":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}]}}}}]