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

package/README.md

@@ -1,5 +1,7 @@
-# @skyux/list-builder-view-grids
+# list-builder-view-grids
 
-[![npm](https://img.shields.io/npm/v/@skyux/list-builder-view-grids.svg)](https://www.npmjs.com/package/@skyux/list-builder-view-grids)
-![SKY UX CI](https://github.com/blackbaud/skyux-list-builder-view-grids/workflows/SKY%20UX%20CI/badge.svg)
-[![coverage](https://codecov.io/gh/blackbaud/skyux-list-builder-view-grids/branch/master/graphs/badge.svg?branch=master)](https://codecov.io/gh/blackbaud/skyux-list-builder-view-grids/branch/master)
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test list-builder-view-grids` to execute the unit tests.

package/bundles/skyux-list-builder-view-grids.umd.js

@@ -70,9 +70,9 @@
         };
         return SkyColumnSelectorComponent;
     }());
-    SkyColumnSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorComponent, deps: [{ token: SkyColumnSelectorContext }, { token: i2__namespace.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyColumnSelectorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyColumnSelectorComponent, selector: "sky-column-selector", ngImport: i0__namespace, 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__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2__namespace.λ4, selector: "sky-modal-header" }, { type: i2__namespace.λ2, selector: "sky-modal-content" }, { type: i1__namespace.SkyListComponent, selector: "sky-list", inputs: ["data", "dataProvider", "defaultView", "initialTotal", "selectedIds", "sortFields", "appliedFilters", "search"], outputs: ["selectedIdsChange", "appliedFiltersChange"] }, { type: i1__namespace.SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: ["inMemorySearchEnabled", "placeholder", "searchEnabled", "sortSelectorEnabled", "toolbarType", "searchText"] }, { type: i4__namespace.SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: ["name", "search", "label", "description", "selectMode", "showOnlySelected"] }, { type: i2__namespace.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorComponent, decorators: [{
+    SkyColumnSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnSelectorComponent, deps: [{ token: SkyColumnSelectorContext }, { token: i2__namespace.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyColumnSelectorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyColumnSelectorComponent, selector: "sky-column-selector", ngImport: i0__namespace, 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__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2__namespace.λ4, selector: "sky-modal-header" }, { type: i2__namespace.λ2, selector: "sky-modal-content" }, { type: i1__namespace.SkyListComponent, selector: "sky-list", inputs: ["data", "dataProvider", "defaultView", "initialTotal", "selectedIds", "sortFields", "appliedFilters", "search"], outputs: ["selectedIdsChange", "appliedFiltersChange"] }, { type: i1__namespace.SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: ["inMemorySearchEnabled", "placeholder", "searchEnabled", "sortSelectorEnabled", "toolbarType", "searchText"] }, { type: i4__namespace.SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: ["name", "search", "label", "description", "selectMode", "showOnlySelected"] }, { type: i2__namespace.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnSelectorComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-column-selector',
@@ -85,14 +85,14 @@
         }
         return SkyColumnSelectorModule;
     }());
-    SkyColumnSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyColumnSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, declarations: [SkyColumnSelectorComponent], imports: [i4$1.CommonModule,
+    SkyColumnSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnSelectorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyColumnSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnSelectorModule, declarations: [SkyColumnSelectorComponent], imports: [i4$1.CommonModule,
             i5.SkyI18nModule,
             i2.SkyModalModule,
             i1.SkyListModule,
             i1.SkyListToolbarModule,
             i4.SkyListViewChecklistModule] });
-    SkyColumnSelectorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, imports: [[
+    SkyColumnSelectorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnSelectorModule, imports: [[
                 i4$1.CommonModule,
                 i5.SkyI18nModule,
                 i2.SkyModalModule,
@@ -100,7 +100,7 @@
                 i1.SkyListToolbarModule,
                 i4.SkyListViewChecklistModule,
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnSelectorModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [SkyColumnSelectorComponent],
@@ -133,9 +133,9 @@
         }
         return SkyListColumnSelectorButtonComponent;
     }());
-    SkyListColumnSelectorButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListColumnSelectorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button", ngImport: i0__namespace, 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__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorButtonComponent, decorators: [{
+    SkyListColumnSelectorButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListColumnSelectorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button", ngImport: i0__namespace, 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__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorButtonComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-list-column-selector-button',
@@ -255,9 +255,9 @@
         };
         return SkyListColumnSelectorActionComponent;
     }());
-    SkyListColumnSelectorActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionComponent, deps: [{ token: i1__namespace.ListState }, { token: i2__namespace.SkyModalService }, { token: i1__namespace.ListStateDispatcher }, { token: i1__namespace.SkyListSecondaryActionsComponent, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListColumnSelectorActionComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.λ6, selector: "sky-list-secondary-action" }, { type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionComponent, decorators: [{
+    SkyListColumnSelectorActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionComponent, deps: [{ token: i1__namespace.ListState }, { token: i2__namespace.SkyModalService }, { token: i1__namespace.ListStateDispatcher }, { token: i1__namespace.SkyListSecondaryActionsComponent, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListColumnSelectorActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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__namespace, 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__namespace.λ6, selector: "sky-list-secondary-action" }, { type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-list-column-selector-action',
@@ -285,15 +285,15 @@
         }
         return SkyListColumnSelectorActionModule;
     }());
-    SkyListColumnSelectorActionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListColumnSelectorActionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, declarations: [SkyListColumnSelectorActionComponent,
+    SkyListColumnSelectorActionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListColumnSelectorActionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, declarations: [SkyListColumnSelectorActionComponent,
             SkyListColumnSelectorButtonComponent], imports: [i4$1.CommonModule,
             i5.SkyI18nModule,
             i2.SkyModalModule,
             i1.SkyListSecondaryActionsModule,
             i1.SkyListToolbarModule,
             i1$1.SkyIconModule], exports: [SkyListColumnSelectorActionComponent, SkyColumnSelectorModule] });
-    SkyListColumnSelectorActionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, imports: [[
+    SkyListColumnSelectorActionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, imports: [[
                 i4$1.CommonModule,
                 i5.SkyI18nModule,
                 i2.SkyModalModule,
@@ -301,7 +301,7 @@
                 i1.SkyListToolbarModule,
                 i1$1.SkyIconModule,
             ], SkyColumnSelectorModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
@@ -648,9 +648,9 @@
         }
         return GridStateDispatcher;
     }(listBuilderCommon.StateDispatcher));
-    GridStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    GridStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridStateDispatcher });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridStateDispatcher, decorators: [{
+    GridStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GridStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    GridStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GridStateDispatcher });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GridStateDispatcher, decorators: [{
                 type: i0.Injectable
             }] });
     /**
@@ -744,9 +744,9 @@
         }
         return GridState;
     }(listBuilderCommon.StateNode));
-    GridState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridState, deps: [{ token: GridStateModel }, { token: GridStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    GridState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridState });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridState, decorators: [{
+    GridState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GridState, deps: [{ token: GridStateModel }, { token: GridStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    GridState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GridState });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GridState, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: GridStateModel }, { type: GridStateDispatcher }]; } });
 
@@ -779,10 +779,10 @@
             _this.gridState = gridState;
             _this.gridDispatcher = gridDispatcher;
             /**
-             * Specifies how the grid fits to its parent. `width` fits the grid to the parent's full
-             * width, and `scroll` allows the grid to exceed the parent's width. If the grid does not have
+             * Specifies how the grid fits to its parent. `"width"` fits the grid to the parent's full
+             * width, and `"scroll"` allows the grid to exceed the parent's width. If the grid does not have
              * enough columns to fill the parent's width, it always stretches to the parent's full width.
-             * @default width
+             * @default "width"
              */
             _this.fit = 'width';
             /**
@@ -1167,8 +1167,8 @@
         };
         return SkyListViewGridComponent;
     }(i1.ListViewComponent));
-    SkyListViewGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridComponent, deps: [{ token: i1__namespace.ListState }, { token: i1__namespace.ListStateDispatcher }, { token: GridState }, { token: GridStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListViewGridComponent.ɵcmp = i0__namespace.ɵɵ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: [
+    SkyListViewGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewGridComponent, deps: [{ token: i1__namespace.ListState }, { token: i1__namespace.ListStateDispatcher }, { token: GridState }, { token: GridStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListViewGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: i1.ListViewComponent,
@@ -1179,7 +1179,7 @@
             GridStateDispatcher,
             GridStateModel,
         ], queries: [{ propertyName: "columnComponents", predicate: i4$2.SkyGridColumnComponent }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: i4$2.SkyGridComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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__namespace$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__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewGridComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-list-view-grid',
@@ -1273,16 +1273,16 @@
         }
         return SkyListBuilderViewGridsResourcesModule;
     }());
-    SkyListBuilderViewGridsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListBuilderViewGridsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, exports: [i5.SkyI18nModule] });
-    SkyListBuilderViewGridsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, providers: [
+    SkyListBuilderViewGridsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListBuilderViewGridsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, exports: [i5.SkyI18nModule] });
+    SkyListBuilderViewGridsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, providers: [
             {
                 provide: i5.SKY_LIB_RESOURCES_PROVIDERS,
                 useClass: SkyListBuilderViewGridsResourcesProvider,
                 multi: true,
             },
         ], imports: [i5.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         exports: [i5.SkyI18nModule],
@@ -1301,21 +1301,21 @@
         }
         return SkyListViewGridModule;
     }());
-    SkyListViewGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListViewGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, declarations: [SkyListViewGridComponent], imports: [i4$1.CommonModule,
+    SkyListViewGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListViewGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewGridModule, declarations: [SkyListViewGridComponent], imports: [i4$1.CommonModule,
             i1$1.SkyWaitModule,
             i4$2.SkyGridModule,
             SkyListBuilderViewGridsResourcesModule], exports: [SkyListViewGridComponent,
             SkyListColumnSelectorActionModule,
             i4$2.SkyGridModule] });
-    SkyListViewGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, imports: [[
+    SkyListViewGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewGridModule, imports: [[
                 i4$1.CommonModule,
                 i1$1.SkyWaitModule,
                 i4$2.SkyGridModule,
                 SkyListBuilderViewGridsResourcesModule,
             ], SkyListColumnSelectorActionModule,
             i4$2.SkyGridModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewGridModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [SkyListViewGridComponent],