@skyux/list-builder-view-grids 5.0.0 → 5.0.1

package/fesm2015/skyux-list-builder-view-grids.js

@@ -49,50 +49,46 @@ class SkyColumnSelectorComponent {
         this.instance.save(this.newSelectedColumnIds);
     }
 }
-SkyColumnSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyColumnSelectorComponent, deps: [{ token: SkyColumnSelectorContext }, { token: i2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
-SkyColumnSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyColumnSelectorComponent, selector: "sky-column-selector", ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>\n    {{'skyux_grid_column_picker_header' | skyLibResources}}\n  </sky-modal-header>\n  <sky-modal-content>\n    <sky-list #list\n      [data]=\"context.columns\"\n      [selectedIds]=\"context.selectedColumnIds\"\n      (selectedIdsChange)=\"selectedColumnsChange($event)\">\n      <sky-list-toolbar\n        [placeholder]=\"'skyux_grid_column_picker_search_placeholder' | skyLibResources\">\n      </sky-list-toolbar>\n\n      <sky-list-view-checklist label=\"heading\" description=\"description\">\n      </sky-list-view-checklist>\n    </sky-list>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\">\n      {{'skyux_grid_column_picker_submit' | skyLibResources}}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\">\n      {{'skyux_grid_column_picker_cancel' | skyLibResources}}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", components: [{ type: i2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2.λ4, selector: "sky-modal-header" }, { type: i2.λ2, selector: "sky-modal-content" }, { type: i1.SkyListComponent, selector: "sky-list", inputs: ["data", "dataProvider", "defaultView", "initialTotal", "selectedIds", "sortFields", "appliedFilters", "search"], outputs: ["selectedIdsChange", "appliedFiltersChange"] }, { type: i1.SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: ["inMemorySearchEnabled", "placeholder", "searchEnabled", "sortSelectorEnabled", "toolbarType", "searchText"] }, { type: i4.SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: ["name", "search", "label", "description", "selectMode", "showOnlySelected"] }, { type: i2.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyColumnSelectorComponent, decorators: [{
+SkyColumnSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyColumnSelectorComponent, deps: [{ token: SkyColumnSelectorContext }, { token: i2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
+SkyColumnSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyColumnSelectorComponent, selector: "sky-column-selector", ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>\n    {{ 'skyux_grid_column_picker_header' | skyLibResources }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <sky-list\n      #list\n      [data]=\"context.columns\"\n      [selectedIds]=\"context.selectedColumnIds\"\n      (selectedIdsChange)=\"selectedColumnsChange($event)\"\n    >\n      <sky-list-toolbar\n        [placeholder]=\"\n          'skyux_grid_column_picker_search_placeholder' | skyLibResources\n        \"\n      >\n      </sky-list-toolbar>\n\n      <sky-list-view-checklist label=\"heading\" description=\"description\">\n      </sky-list-view-checklist>\n    </sky-list>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\"\n    >\n      {{ 'skyux_grid_column_picker_submit' | skyLibResources }}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{ 'skyux_grid_column_picker_cancel' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", components: [{ type: i2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2.λ4, selector: "sky-modal-header" }, { type: i2.λ2, selector: "sky-modal-content" }, { type: i1.SkyListComponent, selector: "sky-list", inputs: ["data", "dataProvider", "defaultView", "initialTotal", "selectedIds", "sortFields", "appliedFilters", "search"], outputs: ["selectedIdsChange", "appliedFiltersChange"] }, { type: i1.SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: ["inMemorySearchEnabled", "placeholder", "searchEnabled", "sortSelectorEnabled", "toolbarType", "searchText"] }, { type: i4.SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: ["name", "search", "label", "description", "selectMode", "showOnlySelected"] }, { type: i2.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyColumnSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-column-selector',
-                    templateUrl: './column-selector-modal.component.html'
+                    templateUrl: './column-selector-modal.component.html',
                 }]
         }], ctorParameters: function () { return [{ type: SkyColumnSelectorContext }, { type: i2.SkyModalInstance }]; } });
 
 class SkyColumnSelectorModule {
 }
-SkyColumnSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyColumnSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyColumnSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyColumnSelectorModule, declarations: [SkyColumnSelectorComponent], imports: [CommonModule,
+SkyColumnSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyColumnSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyColumnSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyColumnSelectorModule, declarations: [SkyColumnSelectorComponent], imports: [CommonModule,
         SkyI18nModule,
         SkyModalModule,
         SkyListModule,
         SkyListToolbarModule,
         SkyListViewChecklistModule] });
-SkyColumnSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyColumnSelectorModule, imports: [[
+SkyColumnSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyColumnSelectorModule, imports: [[
             CommonModule,
             SkyI18nModule,
             SkyModalModule,
             SkyListModule,
             SkyListToolbarModule,
-            SkyListViewChecklistModule
+            SkyListViewChecklistModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyColumnSelectorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyColumnSelectorModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SkyColumnSelectorComponent
-                    ],
+                    declarations: [SkyColumnSelectorComponent],
                     imports: [
                         CommonModule,
                         SkyI18nModule,
                         SkyModalModule,
                         SkyListModule,
                         SkyListToolbarModule,
-                        SkyListViewChecklistModule
+                        SkyListViewChecklistModule,
                     ],
-                    entryComponents: [
-                        SkyColumnSelectorComponent
-                    ]
+                    entryComponents: [SkyColumnSelectorComponent],
                 }]
         }] });
 
@@ -109,14 +105,14 @@ class ListViewDisplayedGridColumnsLoadAction {
 class SkyListColumnSelectorButtonComponent {
     constructor() { }
 }
-SkyListColumnSelectorButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListColumnSelectorButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button", ngImport: i0, template: "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  [attr.aria-label]=\"'skyux_grid_columns_button' | skyLibResources\"\n  [title]=\"'skyux_grid_columns_button' | skyLibResources\"\n>\n  <sky-icon\n    icon=\"columns\"\n  ></sky-icon>\n  <span\n    class=\"sky-column-selector-action-btn-text\"\n  >\n    {{ 'skyux_grid_columns_toolbar_button' | skyLibResources }}\n  </span>\n</button>\n", styles: [":host .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorButtonComponent, decorators: [{
+SkyListColumnSelectorButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListColumnSelectorButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button", ngImport: i0, template: "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  [attr.aria-label]=\"'skyux_grid_columns_button' | skyLibResources\"\n  [title]=\"'skyux_grid_columns_button' | skyLibResources\"\n>\n  <sky-icon icon=\"columns\"></sky-icon>\n  <span class=\"sky-column-selector-action-btn-text\">\n    {{ 'skyux_grid_columns_toolbar_button' | skyLibResources }}\n  </span>\n</button>\n", styles: [":host .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-column-selector-button',
                     templateUrl: './list-column-selector-button.component.html',
-                    styleUrls: ['./list-column-selector-button.component.scss']
+                    styleUrls: ['./list-column-selector-button.component.scss'],
                 }]
         }], ctorParameters: function () { return []; } });
 
@@ -141,21 +137,21 @@ class SkyListColumnSelectorActionComponent {
             let columnChooserItem = new ListToolbarItemModel({
                 id: 'column-chooser',
                 template: this.columnChooserTemplate,
-                location: 'left'
+                location: 'left',
             });
-            this.dispatcher.toolbarAddItems([
-                columnChooserItem
-            ], this.columnSelectorActionItemToolbarIndex);
+            this.dispatcher.toolbarAddItems([columnChooserItem], this.columnSelectorActionItemToolbarIndex);
         }
     }
     get isInGridView() {
-        return this.listState.pipe(map(s => s.views.active), map((activeView) => {
-            return this.gridView && (activeView === this.gridView.id);
+        return this.listState.pipe(map((s) => s.views.active), map((activeView) => {
+            return this.gridView && activeView === this.gridView.id;
         }), distinctUntilChanged());
     }
     get isInGridViewAndSecondary() {
-        return this.listState.pipe(map(s => s.views.active), map((activeView) => {
-            return this.secondaryActions && this.gridView && (activeView === this.gridView.id);
+        return this.listState.pipe(map((s) => s.views.active), map((activeView) => {
+            return (this.secondaryActions &&
+                this.gridView &&
+                activeView === this.gridView.id);
         }), distinctUntilChanged());
     }
     openColumnSelector() {
@@ -164,7 +160,9 @@ class SkyListColumnSelectorActionComponent {
         if (this.gridView) {
             let columns = [];
             let selectedColumnIds = [];
-            this.gridView.gridState.pipe(take(1)).subscribe((state) => {
+            this.gridView.gridState
+                .pipe(take(1))
+                .subscribe((state) => {
                 columns = state.columns.items
                     .filter((item) => {
                     return !item.locked;
@@ -173,7 +171,7 @@ class SkyListColumnSelectorActionComponent {
                     return {
                         id: item.id,
                         heading: item.heading,
-                        description: item.description
+                        description: item.description,
                     };
                 });
                 selectedColumnIds = state.displayedColumns.items
@@ -190,14 +188,13 @@ class SkyListColumnSelectorActionComponent {
                         provide: SkyColumnSelectorContext,
                         useValue: {
                             columns,
-                            selectedColumnIds
-                        }
-                    }
+                            selectedColumnIds,
+                        },
+                    },
                 ],
-                helpKey: this.helpKey
+                helpKey: this.helpKey,
             });
-            modalInstance.helpOpened
-                .subscribe((helpKey) => {
+            modalInstance.helpOpened.subscribe((helpKey) => {
                 this.helpOpened.emit(helpKey);
                 this.helpOpened.complete();
             });
@@ -205,7 +202,8 @@ class SkyListColumnSelectorActionComponent {
                 if (result.reason === 'save' && result.data) {
                     let newSelectedIds = result.data;
                     let newDisplayedColumns = [];
-                    this.gridView.gridState.pipe(take(1))
+                    this.gridView.gridState
+                        .pipe(take(1))
                         .subscribe((state) => {
                         newDisplayedColumns = state.columns.items.filter((item) => {
                             return newSelectedIds.indexOf(item.id) > -1 || item.locked;
@@ -217,13 +215,13 @@ class SkyListColumnSelectorActionComponent {
         }
     }
 }
-SkyListColumnSelectorActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorActionComponent, deps: [{ token: i1.ListState }, { token: i2.SkyModalService }, { token: i1.ListStateDispatcher }, { token: i1.SkyListSecondaryActionsComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyListColumnSelectorActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListColumnSelectorActionComponent, selector: "sky-list-column-selector-action", inputs: { gridView: "gridView", helpKey: "helpKey" }, outputs: { helpOpened: "helpOpened" }, viewQueries: [{ propertyName: "columnChooserTemplate", first: true, predicate: ["columnChooser"], descendants: true, static: true }], ngImport: i0, template: "<ng-container *ngIf=\"isInGridViewAndSecondary | async\">\n  <sky-list-secondary-action>\n    <button type=\"button\" (click)=\"openColumnSelector()\">\n      {{ 'skyux_grid_columns_button' | skyLibResources }}\n    </button>\n  </sky-list-secondary-action>\n</ng-container>\n\n<ng-template #columnChooser>\n  <sky-list-column-selector-button *ngIf=\"isInGridView | async\"\n    (click)=\"openColumnSelector()\"\n  >\n  </sky-list-column-selector-button>\n</ng-template>\n", components: [{ type: i1.λ6, selector: "sky-list-secondary-action" }, { type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button" }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4$1.AsyncPipe, "skyLibResources": i5.SkyLibResourcesPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorActionComponent, decorators: [{
+SkyListColumnSelectorActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorActionComponent, deps: [{ token: i1.ListState }, { token: i2.SkyModalService }, { token: i1.ListStateDispatcher }, { token: i1.SkyListSecondaryActionsComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyListColumnSelectorActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListColumnSelectorActionComponent, selector: "sky-list-column-selector-action", inputs: { gridView: "gridView", helpKey: "helpKey" }, outputs: { helpOpened: "helpOpened" }, viewQueries: [{ propertyName: "columnChooserTemplate", first: true, predicate: ["columnChooser"], descendants: true, static: true }], ngImport: i0, template: "<ng-container *ngIf=\"isInGridViewAndSecondary | async\">\n  <sky-list-secondary-action>\n    <button type=\"button\" (click)=\"openColumnSelector()\">\n      {{ 'skyux_grid_columns_button' | skyLibResources }}\n    </button>\n  </sky-list-secondary-action>\n</ng-container>\n\n<ng-template #columnChooser>\n  <sky-list-column-selector-button\n    *ngIf=\"isInGridView | async\"\n    (click)=\"openColumnSelector()\"\n  >\n  </sky-list-column-selector-button>\n</ng-template>\n", components: [{ type: i1.λ6, selector: "sky-list-secondary-action" }, { type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button" }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4$1.AsyncPipe, "skyLibResources": i5.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-column-selector-action',
-                    templateUrl: './list-column-selector-action.component.html'
+                    templateUrl: './list-column-selector-action.component.html',
                 }]
         }], ctorParameters: function () { return [{ type: i1.ListState }, { type: i2.SkyModalService }, { type: i1.ListStateDispatcher }, { type: i1.SkyListSecondaryActionsComponent, decorators: [{
                     type: Optional
@@ -236,35 +234,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
             }], columnChooserTemplate: [{
                 type: ViewChild,
                 args: ['columnChooser', {
-                        static: true
+                        static: true,
                     }]
             }] } });
 
 class SkyListColumnSelectorActionModule {
 }
-SkyListColumnSelectorActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListColumnSelectorActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorActionModule, declarations: [SkyListColumnSelectorActionComponent,
+SkyListColumnSelectorActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListColumnSelectorActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorActionModule, declarations: [SkyListColumnSelectorActionComponent,
         SkyListColumnSelectorButtonComponent], imports: [CommonModule,
         SkyI18nModule,
         SkyModalModule,
         SkyListSecondaryActionsModule,
         SkyListToolbarModule,
-        SkyIconModule], exports: [SkyListColumnSelectorActionComponent,
-        SkyColumnSelectorModule] });
-SkyListColumnSelectorActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorActionModule, imports: [[
+        SkyIconModule], exports: [SkyListColumnSelectorActionComponent, SkyColumnSelectorModule] });
+SkyListColumnSelectorActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorActionModule, imports: [[
             CommonModule,
             SkyI18nModule,
             SkyModalModule,
             SkyListSecondaryActionsModule,
             SkyListToolbarModule,
-            SkyIconModule
+            SkyIconModule,
         ], SkyColumnSelectorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListColumnSelectorActionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListColumnSelectorActionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         SkyListColumnSelectorActionComponent,
-                        SkyListColumnSelectorButtonComponent
+                        SkyListColumnSelectorButtonComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -272,12 +269,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                         SkyModalModule,
                         SkyListSecondaryActionsModule,
                         SkyListToolbarModule,
-                        SkyIconModule
+                        SkyIconModule,
                     ],
-                    exports: [
-                        SkyListColumnSelectorActionComponent,
-                        SkyColumnSelectorModule
-                    ]
+                    exports: [SkyListColumnSelectorActionComponent, SkyColumnSelectorModule],
                 }]
         }] });
 
@@ -286,9 +280,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
  */
 class GridStateDispatcher extends StateDispatcher {
 }
-GridStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: GridStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-GridStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: GridStateDispatcher });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: GridStateDispatcher, decorators: [{
+GridStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: GridStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+GridStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: GridStateDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: GridStateDispatcher, decorators: [{
             type: Injectable
         }] });
 /**
@@ -314,11 +308,10 @@ class ListViewGridColumnsOrchestrator extends GridStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListViewGridColumnsLoadAction, this.load);
+        this.register(ListViewGridColumnsLoadAction, this.load);
     }
     load(state, action) {
-        const newColumns = action.columns.map(g => new SkyGridColumnModel(g.template, g));
+        const newColumns = action.columns.map((g) => new SkyGridColumnModel(g.template, g));
         if (action.refresh) {
             return new AsyncList([...newColumns], new Date());
         }
@@ -333,11 +326,10 @@ class ListViewDisplayedGridColumnsOrchestrator extends GridStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListViewDisplayedGridColumnsLoadAction, this.load);
+        this.register(ListViewDisplayedGridColumnsLoadAction, this.load);
     }
     load(state, action) {
-        const newColumns = action.columns.map(g => new SkyGridColumnModel(g.template, g));
+        const newColumns = action.columns.map((g) => new SkyGridColumnModel(g.template, g));
         if (action.refresh) {
             return new AsyncList([...newColumns], new Date());
         }
@@ -362,15 +354,14 @@ class GridState extends StateNode {
     /* istanbul ignore next */
     constructor(initialState, dispatcher) {
         super(initialState, dispatcher);
-        this
-            .register('columns', ListViewGridColumnsOrchestrator)
+        this.register('columns', ListViewGridColumnsOrchestrator)
             .register('displayedColumns', ListViewDisplayedGridColumnsOrchestrator)
             .begin();
     }
 }
-GridState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: GridState, deps: [{ token: GridStateModel }, { token: GridStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
-GridState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: GridState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: GridState, decorators: [{
+GridState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: GridState, deps: [{ token: GridStateModel }, { token: GridStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+GridState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: GridState });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: GridState, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: GridStateModel }, { type: GridStateDispatcher }]; } });
 
@@ -468,19 +459,20 @@ class SkyListViewGridComponent extends ListViewComponent {
     }
     get gridHeight() {
         /* istanbul ignore next */
-        return (typeof this.height === 'number')
+        return typeof this.height === 'number'
             ? of(this.height)
             : this.height;
     }
     get gridWidth() {
         /* istanbul ignore next */
-        return (typeof this.width === 'number')
+        return typeof this.width === 'number'
             ? of(this.width)
             : this.width;
     }
     ngAfterContentInit() {
         // Watch for selection changes and update multiselectSelectedIds for local comparison.
-        this.state.pipe(map(s => s.selected.item), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.selectedMapEqual))
+        this.state
+            .pipe(map((s) => s.selected.item), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.selectedMapEqual))
             .subscribe((items) => {
             const selectedIds = [];
             items.selectedIdMap.forEach((isSelected, id) => {
@@ -494,7 +486,7 @@ class SkyListViewGridComponent extends ListViewComponent {
         if (this.columnComponents.length === 0) {
             throw new Error('Grid view requires at least one sky-grid-column to render.');
         }
-        let columnModels = this.columnComponents.map(columnComponent => {
+        let columnModels = this.columnComponents.map((columnComponent) => {
             return new SkyGridColumnModel(columnComponent.template, columnComponent);
         });
         if (this.width && !isObservable(this.width)) {
@@ -504,7 +496,7 @@ class SkyListViewGridComponent extends ListViewComponent {
             this.height = of(this.height);
         }
         // Setup Observables for template
-        this.columns = this.gridState.pipe(map(s => s.columns.items), distinctUntilChanged(this.arraysEqual), takeUntil(this.ngUnsubscribe));
+        this.columns = this.gridState.pipe(map((s) => s.columns.items), distinctUntilChanged(this.arraysEqual), takeUntil(this.ngUnsubscribe));
         this.selectedColumnIds = this.getSelectedIds();
         this.items = this.getGridItems();
         this.loading = this.state.pipe(map((s) => {
@@ -520,12 +512,13 @@ class SkyListViewGridComponent extends ListViewComponent {
             /* sanity check */
             return undefined;
         }), distinctUntilChanged(), takeUntil(this.ngUnsubscribe));
-        this.gridState.pipe(map(s => s.columns.items), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.arraysEqual))
-            .subscribe(columns => {
+        this.gridState
+            .pipe(map((s) => s.columns.items), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.arraysEqual))
+            .subscribe((columns) => {
             /* istanbul ignore else */
             if (this.hiddenColumns) {
                 getValue(this.hiddenColumns, (hiddenColumns) => {
-                    this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter(x => {
+                    this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter((x) => {
                         /* istanbul ignore next */
                         /* sanity check */
                         let id = x.id || x.field;
@@ -536,14 +529,14 @@ class SkyListViewGridComponent extends ListViewComponent {
             else if (this.displayedColumns) {
                 /* istanbul ignore next */
                 getValue(this.displayedColumns, (displayedColumns) => {
-                    this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter(x => displayedColumns.indexOf(x.id || x.field) !== -1), true));
+                    this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter((x) => displayedColumns.indexOf(x.id || x.field) !== -1), true));
                 });
             }
             else {
-                this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter(x => !x.hidden), true));
+                this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter((x) => !x.hidden), true));
             }
         });
-        this.currentSearchText = this.state.pipe(map(s => s.search.searchText), distinctUntilChanged(), takeUntil(this.ngUnsubscribe));
+        this.currentSearchText = this.state.pipe(map((s) => s.search.searchText), distinctUntilChanged(), takeUntil(this.ngUnsubscribe));
         this.gridDispatcher.next(new ListViewGridColumnsLoadAction(columnModels, true));
         this.handleColumnChange();
         if (this.enableMultiselect) {
@@ -562,10 +555,11 @@ class SkyListViewGridComponent extends ListViewComponent {
     onMultiselectSelectionChange(event) {
         if (event.source === SkyGridSelectedRowsSource.CheckboxChange ||
             event.source === SkyGridSelectedRowsSource.RowClick) {
-            this.state.pipe(map(s => s.items.items), take(1))
+            this.state
+                .pipe(map((s) => s.items.items), take(1))
                 .subscribe((items) => {
-                const newItemIds = this.arrayIntersection(items.map(i => i.id), this.multiselectSelectedIds);
-                const newIds = items.filter(i => i.isSelected).map(i => i.id);
+                const newItemIds = this.arrayIntersection(items.map((i) => i.id), this.multiselectSelectedIds);
+                const newIds = items.filter((i) => i.isSelected).map((i) => i.id);
                 // Check for deselected ids & send message to dispatcher.
                 const deselectedIds = this.arrayDiff(newItemIds, newIds);
                 if (deselectedIds.length > 0) {
@@ -580,12 +574,12 @@ class SkyListViewGridComponent extends ListViewComponent {
         }
     }
     columnIdsChanged(selectedColumnIds) {
-        this.selectedColumnIds.pipe(take(1))
-            .subscribe(currentIds => {
-            if (!(this.arraysEqual(selectedColumnIds, currentIds))) {
-                this.gridState.pipe(map(s => s.columns.items), take(1))
-                    .subscribe(columns => {
-                    let displayedColumns = selectedColumnIds.map(columnId => columns.filter(c => c.id === columnId)[0]);
+        this.selectedColumnIds.pipe(take(1)).subscribe((currentIds) => {
+            if (!this.arraysEqual(selectedColumnIds, currentIds)) {
+                this.gridState
+                    .pipe(map((s) => s.columns.items), take(1))
+                    .subscribe((columns) => {
+                    let displayedColumns = selectedColumnIds.map((columnId) => columns.filter((c) => c.id === columnId)[0]);
                     this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(displayedColumns, true));
                 });
             }
@@ -606,24 +600,27 @@ class SkyListViewGridComponent extends ListViewComponent {
           update, the searchText update was consumed after the resulting list item update. Scanning the
           previous value of items lastUpdate ensures that we only receive the latest items.
         */
-        this.gridState.pipe(takeUntil(this.ngUnsubscribe), scan((previousValue, newValue) => {
-            if (previousValue.displayedColumns.lastUpdate > newValue.displayedColumns.lastUpdate) {
+        this.gridState
+            .pipe(takeUntil(this.ngUnsubscribe), scan((previousValue, newValue) => {
+            if (previousValue.displayedColumns.lastUpdate >
+                newValue.displayedColumns.lastUpdate) {
                 return previousValue;
             }
             else {
                 return newValue;
             }
-        }), map(s => s.displayedColumns.items), distinctUntilChanged(this.arraysEqual))
-            .subscribe(displayedColumns => {
-            let setFunctions = this.searchFunction !== undefined ? [this.searchFunction] :
-                displayedColumns
-                    .map(column => (data, searchText) => column.searchFunction(getData(data, column.field), searchText))
-                    .filter(c => c !== undefined);
-            this.state.pipe(take(1)).subscribe(s => {
+        }), map((s) => s.displayedColumns.items), distinctUntilChanged(this.arraysEqual))
+            .subscribe((displayedColumns) => {
+            let setFunctions = this.searchFunction !== undefined
+                ? [this.searchFunction]
+                : displayedColumns
+                    .map((column) => (data, searchText) => column.searchFunction(getData(data, column.field), searchText))
+                    .filter((c) => c !== undefined);
+            this.state.pipe(take(1)).subscribe((s) => {
                 this.dispatcher.searchSetOptions(new ListSearchModel({
                     searchText: s.search.searchText,
                     functions: setFunctions,
-                    fieldSelectors: displayedColumns.map(d => d.field)
+                    fieldSelectors: displayedColumns.map((d) => d.field),
                 }));
             });
         });
@@ -636,16 +633,16 @@ class SkyListViewGridComponent extends ListViewComponent {
                     this.gridMessageStream.next({
                         type: SkyGridMessageType.AbortDeleteRow,
                         data: {
-                            abortDeleteRow: message.data.abortDeleteRow
-                        }
+                            abortDeleteRow: message.data.abortDeleteRow,
+                        },
                     });
                 }
                 else if (message.type === SkyListViewGridMessageType.PromptDeleteRow) {
                     this.gridMessageStream.next({
                         type: SkyGridMessageType.PromptDeleteRow,
                         data: {
-                            promptDeleteRow: message.data.promptDeleteRow
-                        }
+                            promptDeleteRow: message.data.promptDeleteRow,
+                        },
                     });
                 }
             });
@@ -653,20 +650,23 @@ class SkyListViewGridComponent extends ListViewComponent {
     }
     handleColumnChange() {
         // watch for changes in column components
-        this.columnComponents.changes.pipe(takeUntil(this.ngUnsubscribe))
+        this.columnComponents.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((columnComponents) => {
-            let columnModels = this.columnComponents.map(column => {
+            let columnModels = this.columnComponents.map((column) => {
                 return new SkyGridColumnModel(column.template, column);
             });
             this.gridDispatcher.next(new ListViewGridColumnsLoadAction(columnModels, true));
         });
         // Watch for column heading changes:
         this.columnComponents.forEach((comp) => {
-            comp.headingModelChanges.pipe(takeUntil(this.ngUnsubscribe))
+            comp.headingModelChanges
+                .pipe(takeUntil(this.ngUnsubscribe))
                 .subscribe((change) => {
                 this.gridComponent.updateColumnHeading(change);
             });
-            comp.descriptionModelChanges.pipe(takeUntil(this.ngUnsubscribe))
+            comp.descriptionModelChanges
+                .pipe(takeUntil(this.ngUnsubscribe))
                 .subscribe((change) => {
                 this.gridComponent.updateColumnDescription(change);
             });
@@ -697,7 +697,7 @@ class SkyListViewGridComponent extends ListViewComponent {
           static properties to a static state object with observable properties that you can subscribe
           to.
         */
-        return this.gridState.pipe(map(s => s.displayedColumns), scan((previousValue, newValue) => {
+        return this.gridState.pipe(map((s) => s.displayedColumns), scan((previousValue, newValue) => {
             if (previousValue.lastUpdate > newValue.lastUpdate) {
                 return previousValue;
             }
@@ -746,26 +746,29 @@ class SkyListViewGridComponent extends ListViewComponent {
         return true;
     }
     arrayDiff(arrA, arrB) {
-        return arrA.filter(i => arrB.indexOf(i) < 0);
+        return arrA.filter((i) => arrB.indexOf(i) < 0);
     }
     arrayIntersection(arrA, arrB) {
-        return arrA.filter(value => -1 !== arrB.indexOf(value));
+        return arrA.filter((value) => -1 !== arrB.indexOf(value));
     }
     arraysEqual(arrayA, arrayB) {
-        return arrayA.length === arrayB.length &&
-            arrayA.every((value, index) => value === arrayB[index]);
+        return (arrayA.length === arrayB.length &&
+            arrayA.every((value, index) => value === arrayB[index]));
     }
 }
-SkyListViewGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewGridComponent, deps: [{ token: i1.ListState }, { token: i1.ListStateDispatcher }, { token: GridState }, { token: GridStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListViewGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListViewGridComponent, selector: "sky-list-view-grid", inputs: { name: "name", displayedColumns: "displayedColumns", hiddenColumns: "hiddenColumns", fit: "fit", width: "width", height: "height", highlightSearchText: "highlightSearchText", messageStream: "messageStream", rowHighlightedId: "rowHighlightedId", enableMultiselect: "enableMultiselect", settingsKey: "settingsKey", searchFunction: ["search", "searchFunction"] }, outputs: { rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm", selectedColumnIdsChange: "selectedColumnIdsChange" }, providers: [
+SkyListViewGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewGridComponent, deps: [{ token: i1.ListState }, { token: i1.ListStateDispatcher }, { token: GridState }, { token: GridStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListViewGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListViewGridComponent, selector: "sky-list-view-grid", inputs: { name: "name", displayedColumns: "displayedColumns", hiddenColumns: "hiddenColumns", fit: "fit", width: "width", height: "height", highlightSearchText: "highlightSearchText", messageStream: "messageStream", rowHighlightedId: "rowHighlightedId", enableMultiselect: "enableMultiselect", settingsKey: "settingsKey", searchFunction: ["search", "searchFunction"] }, outputs: { rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm", selectedColumnIdsChange: "selectedColumnIdsChange" }, providers: [
         /* tslint:disable */
-        { provide: ListViewComponent, useExisting: forwardRef(() => SkyListViewGridComponent) },
+        {
+            provide: ListViewComponent,
+            useExisting: forwardRef(() => SkyListViewGridComponent),
+        },
         /* tslint:enable */
         GridState,
         GridStateDispatcher,
-        GridStateModel
-    ], queries: [{ propertyName: "columnComponents", predicate: SkyGridColumnComponent }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: SkyGridComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"active | async\">\n  <sky-grid\n    [columns]=\"columns | async\"\n    [data]=\"items | async\"\n    [enableMultiselect]=\"enableMultiselect\"\n    [fit]=\"fit\"\n    [height]=\"gridHeight | async\"\n    [highlightText]=\"highlightSearchText ? (currentSearchText | async) : undefined\"\n    [rowHighlightedId]=\"rowHighlightedId\"\n    [messageStream]=\"gridMessageStream\"\n    [selectedColumnIds]=\"selectedColumnIds | async\"\n    [selectedRowIds]=\"multiselectSelectedIds\"\n    [settingsKey]=\"settingsKey\"\n    [sortField]=\"sortField | async\"\n    [width]=\"gridWidth | async\"\n    (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n    (rowDeleteCancel)=\"cancelRowDelete($event)\"\n    (rowDeleteConfirm)=\"confirmRowDelete($event)\"\n    (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n    (sortFieldChange)=\"sortFieldChanged($event)\"\n    #skyGrid\n  >\n  </sky-grid>\n  <sky-wait\n    [isWaiting]=\"loading | async\"\n  >\n  </sky-wait>\n</div>\n", styles: [":host ::ng-deep .sky-grid-heading{border-top:0!important}\n"], components: [{ type: i4$2.SkyGridComponent, selector: "sky-grid", inputs: ["columns", "data", "enableMultiselect", "fit", "hasToolbar", "height", "highlightText", "messageStream", "multiselectRowId", "rowHighlightedId", "selectedColumnIds", "selectedRowIds", "settingsKey", "sortField", "width"], outputs: ["columnWidthChange", "multiselectSelectionChange", "rowDeleteCancel", "rowDeleteConfirm", "selectedColumnIdsChange", "sortFieldChange"] }, { type: i1$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewGridComponent, decorators: [{
+        GridStateModel,
+    ], queries: [{ propertyName: "columnComponents", predicate: SkyGridColumnComponent }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: SkyGridComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"active | async\">\n  <sky-grid\n    [columns]=\"columns | async\"\n    [data]=\"items | async\"\n    [enableMultiselect]=\"enableMultiselect\"\n    [fit]=\"fit\"\n    [height]=\"gridHeight | async\"\n    [highlightText]=\"\n      highlightSearchText ? (currentSearchText | async) : undefined\n    \"\n    [rowHighlightedId]=\"rowHighlightedId\"\n    [messageStream]=\"gridMessageStream\"\n    [selectedColumnIds]=\"selectedColumnIds | async\"\n    [selectedRowIds]=\"multiselectSelectedIds\"\n    [settingsKey]=\"settingsKey\"\n    [sortField]=\"sortField | async\"\n    [width]=\"gridWidth | async\"\n    (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n    (rowDeleteCancel)=\"cancelRowDelete($event)\"\n    (rowDeleteConfirm)=\"confirmRowDelete($event)\"\n    (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n    (sortFieldChange)=\"sortFieldChanged($event)\"\n    #skyGrid\n  >\n  </sky-grid>\n  <sky-wait [isWaiting]=\"loading | async\"> </sky-wait>\n</div>\n", styles: [":host ::ng-deep .sky-grid-heading{border-top:0!important}\n"], components: [{ type: i4$2.SkyGridComponent, selector: "sky-grid", inputs: ["columns", "data", "enableMultiselect", "fit", "hasToolbar", "height", "highlightText", "messageStream", "multiselectRowId", "rowHighlightedId", "selectedColumnIds", "selectedRowIds", "settingsKey", "sortField", "width"], outputs: ["columnWidthChange", "multiselectSelectionChange", "rowDeleteCancel", "rowDeleteConfirm", "selectedColumnIdsChange", "sortFieldChange"] }, { type: i1$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewGridComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-view-grid',
@@ -773,13 +776,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                     styleUrls: ['./list-view-grid.component.scss'],
                     providers: [
                         /* tslint:disable */
-                        { provide: ListViewComponent, useExisting: forwardRef(() => SkyListViewGridComponent) },
+                        {
+                            provide: ListViewComponent,
+                            useExisting: forwardRef(() => SkyListViewGridComponent),
+                        },
                         /* tslint:enable */
                         GridState,
                         GridStateDispatcher,
-                        GridStateModel
+                        GridStateModel,
                     ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i1.ListState }, { type: i1.ListStateDispatcher }, { type: GridState }, { type: GridStateDispatcher }]; }, propDecorators: { name: [{
                 type: Input
@@ -827,7 +833,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
  * To update this file, simply rerun the command.
  */
 const RESOURCES = {
-    'EN-US': { "skyux_grid_column_picker_cancel": { "message": "Cancel" }, "skyux_grid_column_picker_header": { "message": "Choose columns to show in the list" }, "skyux_grid_column_picker_search_placeholder": { "message": "Search for columns" }, "skyux_grid_column_picker_submit": { "message": "Apply changes" }, "skyux_grid_columns_button": { "message": "Choose columns" }, "skyux_grid_columns_toolbar_button": { "message": "Columns" } },
+    'EN-US': {
+        skyux_grid_column_picker_cancel: { message: 'Cancel' },
+        skyux_grid_column_picker_header: {
+            message: 'Choose columns to show in the list',
+        },
+        skyux_grid_column_picker_search_placeholder: {
+            message: 'Search for columns',
+        },
+        skyux_grid_column_picker_submit: { message: 'Apply changes' },
+        skyux_grid_columns_button: { message: 'Choose columns' },
+        skyux_grid_columns_toolbar_button: { message: 'Columns' },
+    },
 };
 class SkyListBuilderViewGridsResourcesProvider {
     getString(localeInfo, name) {
@@ -839,58 +856,60 @@ class SkyListBuilderViewGridsResourcesProvider {
  */
 class SkyListBuilderViewGridsResourcesModule {
 }
-SkyListBuilderViewGridsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListBuilderViewGridsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, exports: [SkyI18nModule] });
-SkyListBuilderViewGridsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, providers: [{
+SkyListBuilderViewGridsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListBuilderViewGridsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, exports: [SkyI18nModule] });
+SkyListBuilderViewGridsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, providers: [
+        {
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyListBuilderViewGridsResourcesProvider,
-            multi: true
-        }], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, decorators: [{
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListBuilderViewGridsResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
-                    providers: [{
+                    providers: [
+                        {
                             provide: SKY_LIB_RESOURCES_PROVIDERS,
                             useClass: SkyListBuilderViewGridsResourcesProvider,
-                            multi: true
-                        }]
+                            multi: true,
+                        },
+                    ],
                 }]
         }] });
 
 class SkyListViewGridModule {
 }
-SkyListViewGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListViewGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewGridModule, declarations: [SkyListViewGridComponent], imports: [CommonModule,
+SkyListViewGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListViewGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewGridModule, declarations: [SkyListViewGridComponent], imports: [CommonModule,
         SkyWaitModule,
         SkyGridModule,
         SkyListBuilderViewGridsResourcesModule], exports: [SkyListViewGridComponent,
         SkyListColumnSelectorActionModule,
         SkyGridModule] });
-SkyListViewGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewGridModule, imports: [[
+SkyListViewGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewGridModule, imports: [[
             CommonModule,
             SkyWaitModule,
             SkyGridModule,
-            SkyListBuilderViewGridsResourcesModule
+            SkyListBuilderViewGridsResourcesModule,
         ], SkyListColumnSelectorActionModule,
         SkyGridModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewGridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewGridModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SkyListViewGridComponent
-                    ],
+                    declarations: [SkyListViewGridComponent],
                     imports: [
                         CommonModule,
                         SkyWaitModule,
                         SkyGridModule,
-                        SkyListBuilderViewGridsResourcesModule
+                        SkyListBuilderViewGridsResourcesModule,
                     ],
                     exports: [
                         SkyListViewGridComponent,
                         SkyListColumnSelectorActionModule,
-                        SkyGridModule
-                    ]
+                        SkyGridModule,
+                    ],
                 }]
         }] });