[{"__symbolic":"module","version":3,"metadata":{"SkyListViewChecklistComponent":{"__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-list-view-checklist","template":"<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n  <div [ngSwitch]=\"selectMode\">\n    <ng-template ngSwitchCase=\"single\">\n      <div role=\"radiogroup\">\n        <sky-list-view-checklist-item\n          *ngFor=\"let item of items | async\"\n          [item]=\"item\"\n          [attr.sky-cmp-id]=\"item.id\">\n            <button\n              role=\"radio\"\n              [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n              type=\"button\"\n              class=\"sky-list-view-checklist-single-button\"\n              [ngClass]=\"{ 'sky-list-view-checklist-row-selected' : (itemSelected(item.id) | async) }\"\n              (click)=\"singleSelectRowClick(item)\">\n              <div class=\"sky-emphasized\" *ngIf=\"item.label\">{{item.label}}</div>\n              <div *ngIf=\"item.description\">{{item.description}}</div>\n            </button>\n        </sky-list-view-checklist-item>\n      </div>\n    </ng-template>\n\n    <ng-template ngSwitchDefault>\n      <sky-list-view-checklist-item\n        *ngFor=\"let item of items | async\"\n        [item]=\"item\"\n        [attr.sky-cmp-id]=\"item.id\">\n          <sky-checkbox\n            [checked]=\"itemSelected(item.id) | async\"\n            (change)=\"setItemSelection(item, $event)\">\n            <sky-checkbox-label>\n              <div class=\"sky-emphasized\" *ngIf=\"item.label\" [attr.title]=\"item.label\">\n                {{item.label}}\n              </div>\n              <div *ngIf=\"item.description\" [attr.title]=\"item.description\">\n                {{item.description}}\n              </div>\n            </sky-checkbox-label>\n          </sky-checkbox>\n        </sky-list-view-checklist-item>\n    </ng-template>\n  </div>\n</div>\n\n\n<ng-template #selectAllTemplate>\n  <button\n    class=\"sky-btn sky-btn-link sky-list-view-checklist-select-all\"\n    (click)=\"selectAll(); false\"\n  >\n    {{'checklist_select_all' | skyResources}}\n  </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n  <button\n    class=\"sky-btn sky-btn-link sky-list-view-checklist-clear-all\"\n    (click)=\"clearSelections(); false\"\n  >\n    {{'checklist_clear_all' | skyResources}}\n  </button>\n</ng-template>\n","styles":[".sky-list-view-checklist /deep/ .sky-checkbox-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.sky-list-view-checklist /deep/ .sky-checkbox-wrapper > .sky-checkbox, .sky-list-view-checklist /deep/ .sky-checkbox-wrapper > input {\n  flex: 1;\n  max-width: 22px;\n}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyListViewChecklistComponent"}},{"__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"}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["label"]}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"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":"../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"}],"ngOnDestroy":[{"__symbolic":"method"}],"searchFunction":[{"__symbolic":"method"}],"itemSelected":[{"__symbolic":"method"}],"setItemSelection":[{"__symbolic":"method"}],"singleSelectRowClick":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"updateActions":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyListViewChecklistComponent":{"__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-list-view-checklist","template":"<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n  <div [ngSwitch]=\"selectMode\">\n    <ng-template ngSwitchCase=\"single\">\n      <div role=\"radiogroup\">\n        <sky-list-view-checklist-item\n          *ngFor=\"let item of items | async\"\n          [item]=\"item\"\n          [attr.sky-cmp-id]=\"item.id\">\n            <button\n              role=\"radio\"\n              [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n              type=\"button\"\n              class=\"sky-list-view-checklist-single-button\"\n              [ngClass]=\"{ 'sky-list-view-checklist-row-selected' : (itemSelected(item.id) | async) }\"\n              (click)=\"singleSelectRowClick(item)\">\n              <div class=\"sky-emphasized\" *ngIf=\"item.label\">{{item.label}}</div>\n              <div *ngIf=\"item.description\">{{item.description}}</div>\n            </button>\n        </sky-list-view-checklist-item>\n      </div>\n    </ng-template>\n\n    <ng-template ngSwitchDefault>\n      <sky-list-view-checklist-item\n        *ngFor=\"let item of items | async\"\n        [item]=\"item\"\n        [attr.sky-cmp-id]=\"item.id\">\n          <sky-checkbox\n            [checked]=\"itemSelected(item.id) | async\"\n            (change)=\"setItemSelection(item, $event)\">\n            <sky-checkbox-label>\n              <div class=\"sky-emphasized\" *ngIf=\"item.label\" [attr.title]=\"item.label\">\n                {{item.label}}\n              </div>\n              <div *ngIf=\"item.description\" [attr.title]=\"item.description\">\n                {{item.description}}\n              </div>\n            </sky-checkbox-label>\n          </sky-checkbox>\n        </sky-list-view-checklist-item>\n    </ng-template>\n  </div>\n</div>\n\n\n<ng-template #selectAllTemplate>\n  <button\n    class=\"sky-btn sky-btn-link sky-list-view-checklist-select-all\"\n    (click)=\"selectAll(); false\"\n  >\n    {{'checklist_select_all' | skyResources}}\n  </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n  <button\n    class=\"sky-btn sky-btn-link sky-list-view-checklist-clear-all\"\n    (click)=\"clearSelections(); false\"\n  >\n    {{'checklist_clear_all' | skyResources}}\n  </button>\n</ng-template>\n","styles":[".sky-list-view-checklist /deep/ .sky-checkbox-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.sky-list-view-checklist /deep/ .sky-checkbox-wrapper > .sky-checkbox, .sky-list-view-checklist /deep/ .sky-checkbox-wrapper > input {\n  flex: 1;\n  max-width: 22px;\n}\n"],"providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyListViewChecklistComponent"}},{"__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"}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"labelFieldSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["label"]}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"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":"../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"}],"ngOnDestroy":[{"__symbolic":"method"}],"searchFunction":[{"__symbolic":"method"}],"itemSelected":[{"__symbolic":"method"}],"setItemSelection":[{"__symbolic":"method"}],"singleSelectRowClick":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"selectAll":[{"__symbolic":"method"}],"updateActions":[{"__symbolic":"method"}]}}}}]