[{"__symbolic":"module","version":3,"metadata":{"SkySelectFieldPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-select-field-picker","template":"<div class=\"sky-select-field-picker\">\n  <sky-modal>\n    <sky-modal-header>\n      {{ headingText }}\n    </sky-modal-header>\n    <sky-modal-content>\n      <div class=\"sky-select-field-picker-content\">\n        <sky-list\n          [data]=\"data\"\n          [selectedIds]=\"selectedIds\"\n          (selectedIdsChange)=\"onSelectedIdsChange($event)\">\n          <sky-list-toolbar>\n            <sky-list-filter-inline\n              *ngIf=\"categories && categories.length\">\n              <sky-list-filter-inline-item\n                name=\"category\"\n                [defaultValue]=\"defaultCategory\"\n                [filter]=\"filterByCategory\"\n                [value]=\"defaultCategory\">\n                <ng-template\n                  let-filter=\"filter\">\n                  <select\n                    [ngModel]=\"filter.value\"\n                    (ngModelChange)=\"onCategoryChange($event, filter)\">\n                    <option\n                      [value]=\"defaultCategory\">\n                      {{ 'select_field_picker_show_all_category' | skyResources }}\n                    </option>\n                    <option\n                      *ngFor=\"let category of categories\"\n                      [value]=\"category\">\n                      {{ category }}\n                    </option>\n                  </select>\n                </ng-template>\n              </sky-list-filter-inline-item>\n            </sky-list-filter-inline>\n          </sky-list-toolbar>\n          <sky-list-view-checklist\n            label=\"label\"\n            description=\"description\"\n            [selectMode]=\"selectMode\">\n          </sky-list-view-checklist>\n          <sky-list-paging\n            pageSize=\"6\">\n          </sky-list-paging>\n        </sky-list>\n      </div>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-primary sky-select-field-picker-btn-save\"\n        (click)=\"save()\">\n        {{ 'select_field_picker_save_button' | skyResources }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-link sky-select-field-picker-btn-close\"\n        (click)=\"close()\">\n        {{ 'select_field_picker_close_button' | skyResources }}\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</div>\n","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"listViewChecklist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../list-view-checklist","name":"SkyListViewChecklistComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./select-field-picker-context","name":"SkySelectFieldPickerContext"},{"__symbolic":"reference","module":"../modal","name":"SkyModalInstance"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../window","name":"SkyWindowRefService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"filterByCategory":[{"__symbolic":"method"}],"onCategoryChange":[{"__symbolic":"method"}],"onSelectedIdsChange":[{"__symbolic":"method"}],"assignCategories":[{"__symbolic":"method"}],"getSelectedIds":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkySelectFieldPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-select-field-picker","template":"<div class=\"sky-select-field-picker\">\n  <sky-modal>\n    <sky-modal-header>\n      {{ headingText }}\n    </sky-modal-header>\n    <sky-modal-content>\n      <div class=\"sky-select-field-picker-content\">\n        <sky-list\n          [data]=\"data\"\n          [selectedIds]=\"selectedIds\"\n          (selectedIdsChange)=\"onSelectedIdsChange($event)\">\n          <sky-list-toolbar>\n            <sky-list-filter-inline\n              *ngIf=\"categories && categories.length\">\n              <sky-list-filter-inline-item\n                name=\"category\"\n                [defaultValue]=\"defaultCategory\"\n                [filter]=\"filterByCategory\"\n                [value]=\"defaultCategory\">\n                <ng-template\n                  let-filter=\"filter\">\n                  <select\n                    [ngModel]=\"filter.value\"\n                    (ngModelChange)=\"onCategoryChange($event, filter)\">\n                    <option\n                      [value]=\"defaultCategory\">\n                      {{ 'select_field_picker_show_all_category' | skyResources }}\n                    </option>\n                    <option\n                      *ngFor=\"let category of categories\"\n                      [value]=\"category\">\n                      {{ category }}\n                    </option>\n                  </select>\n                </ng-template>\n              </sky-list-filter-inline-item>\n            </sky-list-filter-inline>\n          </sky-list-toolbar>\n          <sky-list-view-checklist\n            label=\"label\"\n            description=\"description\"\n            [selectMode]=\"selectMode\">\n          </sky-list-view-checklist>\n          <sky-list-paging\n            pageSize=\"6\">\n          </sky-list-paging>\n        </sky-list>\n      </div>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-primary sky-select-field-picker-btn-save\"\n        (click)=\"save()\">\n        {{ 'select_field_picker_save_button' | skyResources }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"sky-btn sky-btn-link sky-select-field-picker-btn-close\"\n        (click)=\"close()\">\n        {{ 'select_field_picker_close_button' | skyResources }}\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</div>\n","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"listViewChecklist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../list-view-checklist","name":"SkyListViewChecklistComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./select-field-picker-context","name":"SkySelectFieldPickerContext"},{"__symbolic":"reference","module":"../modal","name":"SkyModalInstance"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"../window","name":"SkyWindowRefService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"filterByCategory":[{"__symbolic":"method"}],"onCategoryChange":[{"__symbolic":"method"}],"onSelectedIdsChange":[{"__symbolic":"method"}],"assignCategories":[{"__symbolic":"method"}],"getSelectedIds":[{"__symbolic":"method"}]}}}}]