@skyux/list-builder-view-grids 5.7.2 → 6.0.0-beta.2

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

@@ -1,1359 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/i18n'), require('@skyux/list-builder'), require('@skyux/list-builder-view-checklist'), require('@skyux/modals'), require('@skyux/indicators'), require('rxjs/operators'), require('@skyux/grids'), require('@skyux/list-builder-common'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@skyux/list-builder-view-grids', ['exports', '@angular/common', '@angular/core', '@skyux/i18n', '@skyux/list-builder', '@skyux/list-builder-view-checklist', '@skyux/modals', '@skyux/indicators', 'rxjs/operators', '@skyux/grids', '@skyux/list-builder-common', 'rxjs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["list-builder-view-grids"] = {}), global.ng.common, global.ng.core, global.i5, global.i1, global.i4, global.i2, global.i1$1, global.rxjs.operators, global.i4$2, global.listBuilderCommon, global.rxjs));
-})(this, (function (exports, i4$1, i0, i5, i1, i4, i2, i1$1, operators, i4$2, listBuilderCommon, rxjs) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i4__namespace$2 = /*#__PURE__*/_interopNamespace(i4$2);
-
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyColumnSelectorContext = /** @class */ (function () {
-        function SkyColumnSelectorContext() {
-        }
-        return SkyColumnSelectorContext;
-    }());
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyColumnSelectorModel = /** @class */ (function () {
-        function SkyColumnSelectorModel() {
-        }
-        return SkyColumnSelectorModel;
-    }());
-
-    var SkyColumnSelectorComponent = /** @class */ (function () {
-        function SkyColumnSelectorComponent(context, instance) {
-            this.context = context;
-            this.instance = instance;
-            this.newSelectedColumnIds = [];
-            this.newSelectedColumnIds = context.selectedColumnIds;
-        }
-        SkyColumnSelectorComponent.prototype.selectedColumnsChange = function (selectedMap) {
-            var _this = this;
-            this.newSelectedColumnIds = [];
-            selectedMap.forEach(function (value, key) {
-                if (value) {
-                    _this.newSelectedColumnIds.push(key);
-                }
-            });
-        };
-        SkyColumnSelectorComponent.prototype.cancelChanges = function () {
-            this.instance.cancel();
-        };
-        SkyColumnSelectorComponent.prototype.applyChanges = function () {
-            this.instance.save(this.newSelectedColumnIds);
-        };
-        return SkyColumnSelectorComponent;
-    }());
-    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',
-                        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",
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyColumnSelectorContext }, { type: i2__namespace.SkyModalInstance }]; } });
-
-    var SkyColumnSelectorModule = /** @class */ (function () {
-        function SkyColumnSelectorModule() {
-        }
-        return SkyColumnSelectorModule;
-    }());
-    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.16", ngImport: i0__namespace, type: SkyColumnSelectorModule, imports: [[
-                i4$1.CommonModule,
-                i5.SkyI18nModule,
-                i2.SkyModalModule,
-                i1.SkyListModule,
-                i1.SkyListToolbarModule,
-                i4.SkyListViewChecklistModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnSelectorModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyColumnSelectorComponent],
-                        imports: [
-                            i4$1.CommonModule,
-                            i5.SkyI18nModule,
-                            i2.SkyModalModule,
-                            i1.SkyListModule,
-                            i1.SkyListToolbarModule,
-                            i4.SkyListViewChecklistModule,
-                        ],
-                        entryComponents: [SkyColumnSelectorComponent],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var ListViewDisplayedGridColumnsLoadAction = /** @class */ (function () {
-        function ListViewDisplayedGridColumnsLoadAction(columns, refresh) {
-            if (refresh === void 0) { refresh = false; }
-            this.columns = columns;
-            this.refresh = refresh;
-        }
-        return ListViewDisplayedGridColumnsLoadAction;
-    }());
-
-    var SkyListColumnSelectorButtonComponent = /** @class */ (function () {
-        function SkyListColumnSelectorButtonComponent() {
-        }
-        return SkyListColumnSelectorButtonComponent;
-    }());
-    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',
-                        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"],
-                    }]
-            }] });
-
-    /**
-     * Provides a column selector modal for a list grid view when placed in a
-     * [list toolbar](https://developer.blackbaud.com/skyux/components/list/toolbar).
-     */
-    var SkyListColumnSelectorActionComponent = /** @class */ (function () {
-        function SkyListColumnSelectorActionComponent(listState, modalService, dispatcher, secondaryActions) {
-            this.listState = listState;
-            this.modalService = modalService;
-            this.dispatcher = dispatcher;
-            this.secondaryActions = secondaryActions;
-            /**
-             * Fires when users click the help button and broadcasts the `helpKey`.
-             */
-            this.helpOpened = new i0.EventEmitter();
-            this.columnSelectorActionItemToolbarIndex = 7000;
-        }
-        SkyListColumnSelectorActionComponent.prototype.ngAfterContentInit = function () {
-            if (!this.secondaryActions) {
-                var columnChooserItem = new i1.ListToolbarItemModel({
-                    id: 'column-chooser',
-                    template: this.columnChooserTemplate,
-                    location: 'left',
-                });
-                this.dispatcher.toolbarAddItems([columnChooserItem], this.columnSelectorActionItemToolbarIndex);
-            }
-        };
-        Object.defineProperty(SkyListColumnSelectorActionComponent.prototype, "isInGridView", {
-            get: function () {
-                var _this = this;
-                return this.listState.pipe(operators.map(function (s) { return s.views.active; }), operators.map(function (activeView) {
-                    return _this.gridView && activeView === _this.gridView.id;
-                }), operators.distinctUntilChanged());
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListColumnSelectorActionComponent.prototype, "isInGridViewAndSecondary", {
-            get: function () {
-                var _this = this;
-                return this.listState.pipe(operators.map(function (s) { return s.views.active; }), operators.map(function (activeView) {
-                    return (_this.secondaryActions &&
-                        _this.gridView &&
-                        activeView === _this.gridView.id);
-                }), operators.distinctUntilChanged());
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyListColumnSelectorActionComponent.prototype.openColumnSelector = function () {
-            var _this = this;
-            /* istanbul ignore else */
-            /* sanity check */
-            if (this.gridView) {
-                var columns_1 = [];
-                var selectedColumnIds_1 = [];
-                this.gridView.gridState
-                    .pipe(operators.take(1))
-                    .subscribe(function (state) {
-                    columns_1 = state.columns.items
-                        .filter(function (item) {
-                        return !item.locked;
-                    })
-                        .map(function (item) {
-                        return {
-                            id: item.id,
-                            heading: item.heading,
-                            description: item.description,
-                        };
-                    });
-                    selectedColumnIds_1 = state.displayedColumns.items
-                        .filter(function (item) {
-                        return !item.locked;
-                    })
-                        .map(function (item) {
-                        return item.id;
-                    });
-                });
-                var modalInstance = this.modalService.open(SkyColumnSelectorComponent, {
-                    providers: [
-                        {
-                            provide: SkyColumnSelectorContext,
-                            useValue: {
-                                columns: columns_1,
-                                selectedColumnIds: selectedColumnIds_1,
-                            },
-                        },
-                    ],
-                    helpKey: this.helpKey,
-                });
-                modalInstance.helpOpened.subscribe(function (helpKey) {
-                    _this.helpOpened.emit(helpKey);
-                    _this.helpOpened.complete();
-                });
-                modalInstance.closed.subscribe(function (result) {
-                    if (result.reason === 'save' && result.data) {
-                        var newSelectedIds_1 = result.data;
-                        var newDisplayedColumns_1 = [];
-                        _this.gridView.gridState
-                            .pipe(operators.take(1))
-                            .subscribe(function (state) {
-                            newDisplayedColumns_1 = state.columns.items.filter(function (item) {
-                                return newSelectedIds_1.indexOf(item.id) > -1 || item.locked;
-                            });
-                        });
-                        _this.gridView.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(newDisplayedColumns_1, true));
-                    }
-                });
-            }
-        };
-        return SkyListColumnSelectorActionComponent;
-    }());
-    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',
-                        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",
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace.ListState }, { type: i2__namespace.SkyModalService }, { type: i1__namespace.ListStateDispatcher }, { type: i1__namespace.SkyListSecondaryActionsComponent, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { gridView: [{
-                    type: i0.Input
-                }], helpKey: [{
-                    type: i0.Input
-                }], helpOpened: [{
-                    type: i0.Output
-                }], columnChooserTemplate: [{
-                    type: i0.ViewChild,
-                    args: ['columnChooser', {
-                            static: true,
-                        }]
-                }] } });
-
-    var SkyListColumnSelectorActionModule = /** @class */ (function () {
-        function SkyListColumnSelectorActionModule() {
-        }
-        return SkyListColumnSelectorActionModule;
-    }());
-    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.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, imports: [[
-                i4$1.CommonModule,
-                i5.SkyI18nModule,
-                i2.SkyModalModule,
-                i1.SkyListSecondaryActionsModule,
-                i1.SkyListToolbarModule,
-                i1$1.SkyIconModule,
-            ], SkyColumnSelectorModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyListColumnSelectorActionComponent,
-                            SkyListColumnSelectorButtonComponent,
-                        ],
-                        imports: [
-                            i4$1.CommonModule,
-                            i5.SkyI18nModule,
-                            i2.SkyModalModule,
-                            i1.SkyListSecondaryActionsModule,
-                            i1.SkyListToolbarModule,
-                            i1$1.SkyIconModule,
-                        ],
-                        exports: [SkyListColumnSelectorActionComponent, SkyColumnSelectorModule],
-                    }]
-            }] });
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    /**
-     * @internal
-     */
-    var ListViewGridColumnsLoadAction = /** @class */ (function () {
-        function ListViewGridColumnsLoadAction(columns, refresh) {
-            if (refresh === void 0) { refresh = false; }
-            this.columns = columns;
-            this.refresh = refresh;
-        }
-        return ListViewGridColumnsLoadAction;
-    }());
-
-    /**
-     * @internal
-     */
-    var GridStateModel = /** @class */ (function () {
-        function GridStateModel() {
-            this.columns = new listBuilderCommon.AsyncList();
-            this.displayedColumns = new listBuilderCommon.AsyncList();
-        }
-        return GridStateModel;
-    }());
-
-    /**
-     * @internal
-     */
-    var GridStateDispatcher = /** @class */ (function (_super) {
-        __extends(GridStateDispatcher, _super);
-        function GridStateDispatcher() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return GridStateDispatcher;
-    }(listBuilderCommon.StateDispatcher));
-    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
-            }] });
-    /**
-     * @internal
-     */
-    var GridStateOrchestrator = /** @class */ (function (_super) {
-        __extends(GridStateOrchestrator, _super);
-        function GridStateOrchestrator() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return GridStateOrchestrator;
-    }(listBuilderCommon.StateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListViewGridColumnsOrchestrator = /** @class */ (function (_super) {
-        __extends(ListViewGridColumnsOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListViewGridColumnsOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListViewGridColumnsLoadAction, _this.load);
-            return _this;
-        }
-        ListViewGridColumnsOrchestrator.prototype.load = function (state, action) {
-            var newColumns = action.columns.map(function (g) { return new i4$2.SkyGridColumnModel(g.template, g); });
-            if (action.refresh) {
-                return new listBuilderCommon.AsyncList(__spreadArray([], __read(newColumns)), new Date());
-            }
-            return new listBuilderCommon.AsyncList(__spreadArray(__spreadArray([], __read(state.items)), __read(newColumns)), new Date());
-        };
-        return ListViewGridColumnsOrchestrator;
-    }(GridStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var ListViewDisplayedGridColumnsOrchestrator = /** @class */ (function (_super) {
-        __extends(ListViewDisplayedGridColumnsOrchestrator, _super);
-        /* istanbul ignore next */
-        function ListViewDisplayedGridColumnsOrchestrator() {
-            var _this = _super.call(this) || this;
-            _this.register(ListViewDisplayedGridColumnsLoadAction, _this.load);
-            return _this;
-        }
-        ListViewDisplayedGridColumnsOrchestrator.prototype.load = function (state, action) {
-            var newColumns = action.columns.map(function (g) { return new i4$2.SkyGridColumnModel(g.template, g); });
-            if (action.refresh) {
-                return new listBuilderCommon.AsyncList(__spreadArray([], __read(newColumns)), new Date());
-            }
-            return new listBuilderCommon.AsyncList(__spreadArray(__spreadArray([], __read(state.items)), __read(newColumns)), new Date());
-        };
-        return ListViewDisplayedGridColumnsOrchestrator;
-    }(GridStateOrchestrator));
-
-    /**
-     * @internal
-     */
-    var GridState = /** @class */ (function (_super) {
-        __extends(GridState, _super);
-        /* istanbul ignore next */
-        function GridState(initialState, dispatcher) {
-            var _this = _super.call(this, initialState, dispatcher) || this;
-            _this.register('columns', ListViewGridColumnsOrchestrator)
-                .register('displayedColumns', ListViewDisplayedGridColumnsOrchestrator)
-                .begin();
-            return _this;
-        }
-        return GridState;
-    }(listBuilderCommon.StateNode));
-    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 }]; } });
-
-    /**
-     * The command for the list view grid to respond to.
-     */
-    exports.SkyListViewGridMessageType = void 0;
-    (function (SkyListViewGridMessageType) {
-        /**
-         * Deletes of a row in the list view grid.
-         */
-        SkyListViewGridMessageType[SkyListViewGridMessageType["PromptDeleteRow"] = 0] = "PromptDeleteRow";
-        /**
-         * Cancels the deletion of a row in the list view grid.
-         */
-        SkyListViewGridMessageType[SkyListViewGridMessageType["AbortDeleteRow"] = 1] = "AbortDeleteRow";
-    })(exports.SkyListViewGridMessageType || (exports.SkyListViewGridMessageType = {}));
-
-    /**
-     * Displays a grid for a
-     * [SKY UX-themed list of data](https://developer.blackbaud.com/skyux/components/list/overview)
-     * using the [grid component](https://developer.blackbaud.com/skyux/components/grid).
-     * You must install `SkyListModule` as a dependency.
-     */
-    var SkyListViewGridComponent = /** @class */ (function (_super) {
-        __extends(SkyListViewGridComponent, _super);
-        function SkyListViewGridComponent(state, dispatcher, gridState, gridDispatcher) {
-            var _this = _super.call(this, state, 'Grid View') || this;
-            _this.dispatcher = dispatcher;
-            _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
-             * enough columns to fill the parent's width, it always stretches to the parent's full width.
-             * @default "width"
-             */
-            _this.fit = 'width';
-            /**
-             * Indicates whether to highlight search text within the grid.
-             * @default true
-             */
-            _this.highlightSearchText = true;
-            /**
-             * Indicates whether to enable the multiselect feature to display a column of checkboxes
-             * on the left side of the grid. Multiselect also displays an action bar with buttons to
-             * select and clear all checkboxes. Multiselect defaults to the `id` property on the list's
-             * `data` object.
-             * @default false
-             */
-            _this.enableMultiselect = false;
-            /**
-             * Fires when users cancel the deletion of a row.
-             */
-            _this.rowDeleteCancel = new i0.EventEmitter();
-            /**
-             * Fires when users confirm the deletion of a row.
-             */
-            _this.rowDeleteConfirm = new i0.EventEmitter();
-            /**
-             * Fires when columns change. This includes changes to the displayed columns and changes
-             * to the order of columns. The event emits an array of IDs for the displayed columns that
-             * reflects the column order.
-             */
-            _this.selectedColumnIdsChange = new i0.EventEmitter();
-            /**
-             * Message stream for communicating with the internal grid instance
-             * @interal
-             */
-            _this.gridMessageStream = new rxjs.Subject();
-            _this.multiselectSelectedIds = [];
-            _this.ngUnsubscribe = new rxjs.Subject();
-            _this._messageStream = new rxjs.Subject();
-            return _this;
-        }
-        Object.defineProperty(SkyListViewGridComponent.prototype, "name", {
-            /**
-             * Specifies the name of the view.
-             * @required
-             */
-            set: function (value) {
-                this.viewName = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListViewGridComponent.prototype, "messageStream", {
-            get: function () {
-                return this._messageStream;
-            },
-            /**
-             * Provides an observable to send commands to the grid.
-             * The commands should respect the `SkyListViewGridMessage` type.
-             */
-            set: function (stream) {
-                /* istanbul ignore else */
-                if (this._messageStream) {
-                    this._messageStream.unsubscribe();
-                }
-                this._messageStream = stream;
-                this.initInlineDeleteMessages();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListViewGridComponent.prototype, "gridHeight", {
-            get: function () {
-                /* istanbul ignore next */
-                return typeof this.height === 'number'
-                    ? rxjs.of(this.height)
-                    : this.height;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyListViewGridComponent.prototype, "gridWidth", {
-            get: function () {
-                /* istanbul ignore next */
-                return typeof this.width === 'number'
-                    ? rxjs.of(this.width)
-                    : this.width;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyListViewGridComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            // Watch for selection changes and update multiselectSelectedIds for local comparison.
-            this.state
-                .pipe(operators.map(function (s) { return s.selected.item; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged(this.selectedMapEqual))
-                .subscribe(function (items) {
-                var selectedIds = [];
-                items.selectedIdMap.forEach(function (isSelected, id) {
-                    if (items.selectedIdMap.get(id) === true) {
-                        selectedIds.push(id);
-                    }
-                });
-                _this.multiselectSelectedIds = selectedIds;
-            });
-            /* istanbul ignore next */
-            if (this.columnComponents.length === 0) {
-                throw new Error('Grid view requires at least one sky-grid-column to render.');
-            }
-            var columnModels = this.columnComponents.map(function (columnComponent) {
-                return new i4$2.SkyGridColumnModel(columnComponent.template, columnComponent);
-            });
-            if (this.width && !listBuilderCommon.isObservable(this.width)) {
-                this.width = rxjs.of(this.width);
-            }
-            if (this.height && !listBuilderCommon.isObservable(this.height)) {
-                this.height = rxjs.of(this.height);
-            }
-            // Setup Observables for template
-            this.columns = this.gridState.pipe(operators.map(function (s) { return s.columns.items; }), operators.distinctUntilChanged(this.arraysEqual), operators.takeUntil(this.ngUnsubscribe));
-            this.selectedColumnIds = this.getSelectedIds();
-            this.items = this.getGridItems();
-            this.loading = this.state.pipe(operators.map(function (s) {
-                return s.items.loading;
-            }), operators.distinctUntilChanged(), operators.takeUntil(this.ngUnsubscribe));
-            this.sortField = this.state.pipe(operators.map(function (s) {
-                /* istanbul ignore else */
-                /* sanity check */
-                if (s.sort && s.sort.fieldSelectors) {
-                    return s.sort.fieldSelectors[0];
-                }
-                /* istanbul ignore next */
-                /* sanity check */
-                return undefined;
-            }), operators.distinctUntilChanged(), operators.takeUntil(this.ngUnsubscribe));
-            this.gridState
-                .pipe(operators.map(function (s) { return s.columns.items; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged(this.arraysEqual))
-                .subscribe(function (columns) {
-                /* istanbul ignore else */
-                if (_this.hiddenColumns) {
-                    listBuilderCommon.getValue(_this.hiddenColumns, function (hiddenColumns) {
-                        _this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter(function (x) {
-                            /* istanbul ignore next */
-                            /* sanity check */
-                            var id = x.id || x.field;
-                            return hiddenColumns.indexOf(id) === -1;
-                        }), true));
-                    });
-                }
-                else if (_this.displayedColumns) {
-                    /* istanbul ignore next */
-                    listBuilderCommon.getValue(_this.displayedColumns, function (displayedColumns) {
-                        _this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter(function (x) { return displayedColumns.indexOf(x.id || x.field) !== -1; }), true));
-                    });
-                }
-                else {
-                    _this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter(function (x) { return !x.hidden; }), true));
-                }
-            });
-            this.currentSearchText = this.state.pipe(operators.map(function (s) { return s.search.searchText; }), operators.distinctUntilChanged(), operators.takeUntil(this.ngUnsubscribe));
-            this.gridDispatcher.next(new ListViewGridColumnsLoadAction(columnModels, true));
-            this.handleColumnChange();
-            if (this.enableMultiselect) {
-                this.dispatcher.toolbarShowMultiselectToolbar(true);
-            }
-            this.initInlineDeleteMessages();
-        };
-        SkyListViewGridComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        /**
-         * If user makes selection, tell list-builder to update the list state.
-         * This logic should only run on user interaction - NOT programmatic updates.
-         */
-        SkyListViewGridComponent.prototype.onMultiselectSelectionChange = function (event) {
-            var _this = this;
-            if (event.source === i4$2.SkyGridSelectedRowsSource.CheckboxChange ||
-                event.source === i4$2.SkyGridSelectedRowsSource.RowClick) {
-                this.state
-                    .pipe(operators.map(function (s) { return s.items.items; }), operators.take(1))
-                    .subscribe(function (items) {
-                    var newItemIds = _this.arrayIntersection(items.map(function (i) { return i.id; }), _this.multiselectSelectedIds);
-                    var newIds = items.filter(function (i) { return i.isSelected; }).map(function (i) { return i.id; });
-                    // Check for deselected ids & send message to dispatcher.
-                    var deselectedIds = _this.arrayDiff(newItemIds, newIds);
-                    if (deselectedIds.length > 0) {
-                        _this.dispatcher.setSelected(deselectedIds, false);
-                    }
-                    // Check for selected ids & send message to dispatcher.
-                    var selectedIds = _this.arrayDiff(newIds, newItemIds);
-                    if (selectedIds.length > 0) {
-                        _this.dispatcher.setSelected(selectedIds, true);
-                    }
-                });
-            }
-        };
-        SkyListViewGridComponent.prototype.columnIdsChanged = function (selectedColumnIds) {
-            var _this = this;
-            this.selectedColumnIds.pipe(operators.take(1)).subscribe(function (currentIds) {
-                if (!_this.arraysEqual(selectedColumnIds, currentIds)) {
-                    _this.gridState
-                        .pipe(operators.map(function (s) { return s.columns.items; }), operators.take(1))
-                        .subscribe(function (columns) {
-                        var displayedColumns = selectedColumnIds.map(function (columnId) { return columns.filter(function (c) { return c.id === columnId; })[0]; });
-                        _this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(displayedColumns, true));
-                    });
-                }
-            });
-        };
-        SkyListViewGridComponent.prototype.cancelRowDelete = function (args) {
-            this.rowDeleteCancel.emit(args);
-        };
-        SkyListViewGridComponent.prototype.confirmRowDelete = function (args) {
-            this.rowDeleteConfirm.emit(args);
-        };
-        SkyListViewGridComponent.prototype.sortFieldChanged = function (sortField) {
-            this.dispatcher.sortSetFieldSelectors([sortField]);
-        };
-        SkyListViewGridComponent.prototype.onViewActive = function () {
-            var _this = this;
-            /*
-              Ran into problem where state updates were consumed out of order. For example, on search text
-              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(operators.takeUntil(this.ngUnsubscribe), operators.scan(function (previousValue, newValue) {
-                if (previousValue.displayedColumns.lastUpdate >
-                    newValue.displayedColumns.lastUpdate) {
-                    return previousValue;
-                }
-                else {
-                    return newValue;
-                }
-            }), operators.map(function (s) { return s.displayedColumns.items; }), operators.distinctUntilChanged(this.arraysEqual))
-                .subscribe(function (displayedColumns) {
-                var setFunctions = _this.searchFunction !== undefined
-                    ? [_this.searchFunction]
-                    : displayedColumns
-                        .map(function (column) { return function (data, searchText) { return column.searchFunction(listBuilderCommon.getData(data, column.field), searchText); }; })
-                        .filter(function (c) { return c !== undefined; });
-                _this.state.pipe(operators.take(1)).subscribe(function (s) {
-                    _this.dispatcher.searchSetOptions(new i1.ListSearchModel({
-                        searchText: s.search.searchText,
-                        functions: setFunctions,
-                        fieldSelectors: displayedColumns.map(function (d) { return d.field; }),
-                    }));
-                });
-            });
-        };
-        SkyListViewGridComponent.prototype.initInlineDeleteMessages = function () {
-            var _this = this;
-            /* istanbul ignore next */
-            if (this.messageStream) {
-                this.messageStream.subscribe(function (message) {
-                    if (message.type === exports.SkyListViewGridMessageType.AbortDeleteRow) {
-                        _this.gridMessageStream.next({
-                            type: i4$2.SkyGridMessageType.AbortDeleteRow,
-                            data: {
-                                abortDeleteRow: message.data.abortDeleteRow,
-                            },
-                        });
-                    }
-                    else if (message.type === exports.SkyListViewGridMessageType.PromptDeleteRow) {
-                        _this.gridMessageStream.next({
-                            type: i4$2.SkyGridMessageType.PromptDeleteRow,
-                            data: {
-                                promptDeleteRow: message.data.promptDeleteRow,
-                            },
-                        });
-                    }
-                });
-            }
-        };
-        SkyListViewGridComponent.prototype.handleColumnChange = function () {
-            var _this = this;
-            // watch for changes in column components
-            this.columnComponents.changes
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (columnComponents) {
-                var columnModels = _this.columnComponents.map(function (column) {
-                    return new i4$2.SkyGridColumnModel(column.template, column);
-                });
-                _this.gridDispatcher.next(new ListViewGridColumnsLoadAction(columnModels, true));
-            });
-            // Watch for column heading changes:
-            this.columnComponents.forEach(function (comp) {
-                comp.headingModelChanges
-                    .pipe(operators.takeUntil(_this.ngUnsubscribe))
-                    .subscribe(function (change) {
-                    _this.gridComponent.updateColumnHeading(change);
-                });
-                comp.descriptionModelChanges
-                    .pipe(operators.takeUntil(_this.ngUnsubscribe))
-                    .subscribe(function (change) {
-                    _this.gridComponent.updateColumnDescription(change);
-                });
-            });
-        };
-        SkyListViewGridComponent.prototype.getGridItems = function () {
-            /*
-              Same problem as above. We should move from having a state object observable with a bunch of
-              static properties to a static state object with observable properties that you can subscribe
-              to.
-            */
-            return this.state.pipe(operators.map(function (s) {
-                return s.items;
-            }), operators.scan(function (previousValue, newValue) {
-                if (previousValue.lastUpdate > newValue.lastUpdate) {
-                    return previousValue;
-                }
-                else {
-                    return newValue;
-                }
-            }), operators.map(function (result) {
-                return result.items;
-            }), operators.distinctUntilChanged());
-        };
-        SkyListViewGridComponent.prototype.getSelectedIds = function () {
-            var _this = this;
-            /*
-              Same problem as above. We should move from having a state object observable with a bunch of
-              static properties to a static state object with observable properties that you can subscribe
-              to.
-            */
-            return this.gridState.pipe(operators.map(function (s) { return s.displayedColumns; }), operators.scan(function (previousValue, newValue) {
-                if (previousValue.lastUpdate > newValue.lastUpdate) {
-                    return previousValue;
-                }
-                else {
-                    return newValue;
-                }
-            }), operators.map(function (result) {
-                /* istanbul ignore next */
-                /* sanity check */
-                return result.items.map(function (column) {
-                    return column.id || column.field;
-                });
-            }), operators.distinctUntilChanged(function (previousValue, newValue) {
-                return _this.haveColumnIdsChanged(previousValue, newValue);
-            }));
-        };
-        SkyListViewGridComponent.prototype.haveColumnIdsChanged = function (previousValue, newValue) {
-            if (previousValue.length !== newValue.length) {
-                this.selectedColumnIdsChange.emit(newValue);
-                return false;
-            }
-            for (var i = 0; i < previousValue.length; i++) {
-                /* istanbul ignore if */
-                if (previousValue[i] !== newValue[i]) {
-                    this.selectedColumnIdsChange.emit(newValue);
-                    return false;
-                }
-            }
-            return true;
-        };
-        SkyListViewGridComponent.prototype.selectedMapEqual = function (prev, next) {
-            if (prev.selectedIdMap.size !== next.selectedIdMap.size) {
-                return false;
-            }
-            var keys = [];
-            next.selectedIdMap.forEach(function (value, key) {
-                keys.push(key);
-            });
-            for (var i = 0; i < keys.length; i++) {
-                var key = keys[i];
-                var value = next.selectedIdMap.get(key);
-                if (value !== prev.selectedIdMap.get(key)) {
-                    return false;
-                }
-            }
-            return true;
-        };
-        SkyListViewGridComponent.prototype.arrayDiff = function (arrA, arrB) {
-            return arrA.filter(function (i) { return arrB.indexOf(i) < 0; });
-        };
-        SkyListViewGridComponent.prototype.arrayIntersection = function (arrA, arrB) {
-            return arrA.filter(function (value) { return -1 !== arrB.indexOf(value); });
-        };
-        SkyListViewGridComponent.prototype.arraysEqual = function (arrayA, arrayB) {
-            return (arrayA.length === arrayB.length &&
-                arrayA.every(function (value, index) { return value === arrayB[index]; }));
-        };
-        return SkyListViewGridComponent;
-    }(i1.ListViewComponent));
-    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,
-                useExisting: i0.forwardRef(function () { return SkyListViewGridComponent; }),
-            },
-            /* tslint:enable */
-            GridState,
-            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.16", ngImport: i0__namespace, type: SkyListViewGridComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-list-view-grid',
-                        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"],
-                        providers: [
-                            /* tslint:disable */
-                            {
-                                provide: i1.ListViewComponent,
-                                useExisting: i0.forwardRef(function () { return SkyListViewGridComponent; }),
-                            },
-                            /* tslint:enable */
-                            GridState,
-                            GridStateDispatcher,
-                            GridStateModel,
-                        ],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.ListState }, { type: i1__namespace.ListStateDispatcher }, { type: GridState }, { type: GridStateDispatcher }]; }, propDecorators: { name: [{
-                    type: i0.Input
-                }], displayedColumns: [{
-                    type: i0.Input
-                }], hiddenColumns: [{
-                    type: i0.Input
-                }], fit: [{
-                    type: i0.Input
-                }], width: [{
-                    type: i0.Input
-                }], height: [{
-                    type: i0.Input
-                }], highlightSearchText: [{
-                    type: i0.Input
-                }], messageStream: [{
-                    type: i0.Input
-                }], rowHighlightedId: [{
-                    type: i0.Input
-                }], enableMultiselect: [{
-                    type: i0.Input
-                }], settingsKey: [{
-                    type: i0.Input
-                }], rowDeleteCancel: [{
-                    type: i0.Output
-                }], rowDeleteConfirm: [{
-                    type: i0.Output
-                }], selectedColumnIdsChange: [{
-                    type: i0.Output
-                }], gridComponent: [{
-                    type: i0.ViewChild,
-                    args: [i4$2.SkyGridComponent]
-                }], searchFunction: [{
-                    type: i0.Input,
-                    args: ['search']
-                }], columnComponents: [{
-                    type: i0.ContentChildren,
-                    args: [i4$2.SkyGridColumnComponent]
-                }] } });
-
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-list-builder-view-grids' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var 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' },
-        },
-    };
-    var SkyListBuilderViewGridsResourcesProvider = /** @class */ (function () {
-        function SkyListBuilderViewGridsResourcesProvider() {
-        }
-        SkyListBuilderViewGridsResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i5.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyListBuilderViewGridsResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyListBuilderViewGridsResourcesModule = /** @class */ (function () {
-        function SkyListBuilderViewGridsResourcesModule() {
-        }
-        return SkyListBuilderViewGridsResourcesModule;
-    }());
-    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.16", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i5.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i5.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyListBuilderViewGridsResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    var SkyListViewGridModule = /** @class */ (function () {
-        function SkyListViewGridModule() {
-        }
-        return SkyListViewGridModule;
-    }());
-    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.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.16", ngImport: i0__namespace, type: SkyListViewGridModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyListViewGridComponent],
-                        imports: [
-                            i4$1.CommonModule,
-                            i1$1.SkyWaitModule,
-                            i4$2.SkyGridModule,
-                            SkyListBuilderViewGridsResourcesModule,
-                        ],
-                        exports: [
-                            SkyListViewGridComponent,
-                            SkyListColumnSelectorActionModule,
-                            i4$2.SkyGridModule,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.GridState = GridState;
-    exports.GridStateDispatcher = GridStateDispatcher;
-    exports.GridStateModel = GridStateModel;
-    exports.GridStateOrchestrator = GridStateOrchestrator;
-    exports.ListViewDisplayedGridColumnsLoadAction = ListViewDisplayedGridColumnsLoadAction;
-    exports.ListViewDisplayedGridColumnsOrchestrator = ListViewDisplayedGridColumnsOrchestrator;
-    exports.ListViewGridColumnsLoadAction = ListViewGridColumnsLoadAction;
-    exports.ListViewGridColumnsOrchestrator = ListViewGridColumnsOrchestrator;
-    exports.SkyColumnSelectorContext = SkyColumnSelectorContext;
-    exports.SkyColumnSelectorModel = SkyColumnSelectorModel;
-    exports.SkyColumnSelectorModule = SkyColumnSelectorModule;
-    exports.SkyListColumnSelectorActionModule = SkyListColumnSelectorActionModule;
-    exports.SkyListViewGridComponent = SkyListViewGridComponent;
-    exports.SkyListViewGridModule = SkyListViewGridModule;
-    exports["λ1"] = SkyListColumnSelectorActionComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-list-builder-view-grids.umd.js.map