[{"__symbolic":"module","version":3,"metadata":{"SkyListViewGridComponent":{"__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-grid","template":"<div *ngIf=\"active | async\">\n  <sky-grid\n    #skyGrid\n    [height]=\"height | async\"\n    [width]=\"width | async\"\n    [fit]=\"fit\"\n    [data]=\"items | async\"\n    [selectedColumnIds]=\"selectedColumnIds | async\"\n    [columns]=\"columns | async\"\n    [hasToolbar]=\"hasToolbar | async\"\n    (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n    [sortField]=\"sortField | async\"\n    (sortFieldChange)=\"sortFieldChanged($event)\"\n    >\n  </sky-grid>\n  <sky-wait [isWaiting]=\"loading | async\"></sky-wait>\n</div>\n","providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyListViewGridComponent"}},{"__symbolic":"reference","module":"./state","name":"GridState"},{"__symbolic":"reference","module":"./state","name":"GridStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"GridStateModel"}],"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"}}]}],"displayedColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hiddenColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"gridComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../grid","name":"SkyGridComponent"}]}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["search"]}]}],"columnComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"../grid","name":"SkyGridColumnComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../list/state","name":"ListState"},{"__symbolic":"reference","module":"../list/state","name":"ListStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"GridState"},{"__symbolic":"reference","module":"./state","name":"GridStateDispatcher"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"columnIdsChanged":[{"__symbolic":"method"}],"sortFieldChanged":[{"__symbolic":"method"}],"onViewActive":[{"__symbolic":"method"}],"handleColumnChange":[{"__symbolic":"method"}],"getGridItems":[{"__symbolic":"method"}],"getSelectedIds":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyListViewGridComponent":{"__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-grid","template":"<div *ngIf=\"active | async\">\n  <sky-grid\n    #skyGrid\n    [height]=\"height | async\"\n    [width]=\"width | async\"\n    [fit]=\"fit\"\n    [data]=\"items | async\"\n    [selectedColumnIds]=\"selectedColumnIds | async\"\n    [columns]=\"columns | async\"\n    [hasToolbar]=\"hasToolbar | async\"\n    (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n    [sortField]=\"sortField | async\"\n    (sortFieldChange)=\"sortFieldChanged($event)\"\n    >\n  </sky-grid>\n  <sky-wait [isWaiting]=\"loading | async\"></sky-wait>\n</div>\n","providers":[{"provide":{"__symbolic":"reference","module":"../list/list-view.component","name":"ListViewComponent"},"useExisting":{"__symbolic":"reference","name":"SkyListViewGridComponent"}},{"__symbolic":"reference","module":"./state","name":"GridState"},{"__symbolic":"reference","module":"./state","name":"GridStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"GridStateModel"}],"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"}}]}],"displayedColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hiddenColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"gridComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../grid","name":"SkyGridComponent"}]}]}],"searchFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["search"]}]}],"columnComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"../grid","name":"SkyGridColumnComponent"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../list/state","name":"ListState"},{"__symbolic":"reference","module":"../list/state","name":"ListStateDispatcher"},{"__symbolic":"reference","module":"./state","name":"GridState"},{"__symbolic":"reference","module":"./state","name":"GridStateDispatcher"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"columnIdsChanged":[{"__symbolic":"method"}],"sortFieldChanged":[{"__symbolic":"method"}],"onViewActive":[{"__symbolic":"method"}],"handleColumnChange":[{"__symbolic":"method"}],"getGridItems":[{"__symbolic":"method"}],"getSelectedIds":[{"__symbolic":"method"}]}}}}]