@skyux/data-manager 8.7.0 → 9.0.0-alpha.0

package/fesm2020/skyux-data-manager.mjs

@@ -1,1135 +0,0 @@
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { NgModule, Injectable, Component, ChangeDetectionStrategy, Input } from '@angular/core';
-import * as i5 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i1 from '@skyux/core';
-import { SkyViewkeeperModule } from '@skyux/core';
-import * as i6 from '@skyux/forms';
-import { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';
-import * as i8 from '@skyux/indicators';
-import { SkyIconModule, SkyStatusIndicatorModule } from '@skyux/indicators';
-import * as i10 from '@skyux/layout';
-import { SkyBackToTopMessageType, SkyBackToTopModule, SkyToolbarModule } from '@skyux/layout';
-import * as i5$1 from '@skyux/lists';
-import { SkyFilterModule, SkyRepeaterModule, SkySortModule } from '@skyux/lists';
-import * as i9 from '@skyux/lookup';
-import { SkySearchModule } from '@skyux/lookup';
-import * as i3 from '@skyux/modals';
-import { SkyModalModule } from '@skyux/modals';
-import * as i11 from '@skyux/i18n';
-import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
-import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
-import { BehaviorSubject, ReplaySubject, Subject } from 'rxjs';
-import { take, takeUntil, filter, map, distinctUntilChanged } from 'rxjs/operators';
-
-/**
- * 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-data-manager' schematic.
- * To update this file, simply rerun the command.
- */
-const RESOURCES = {
-    'EN-US': {
-        skyux_data_manager_column_picker_title: {
-            message: 'Choose columns to show in the list',
-        },
-        skyux_data_manager_apply_changes_button_title: { message: 'Apply changes' },
-        skyux_data_manager_cancel_button_title: { message: 'Cancel' },
-        skyux_data_manager_select_all_button_title: { message: 'Select all' },
-        skyux_data_manager_clear_all_button_title: { message: 'Clear all' },
-        skyux_data_manager_show_selected_option_title: {
-            message: 'Show only selected items',
-        },
-        skyux_data_manager_columns_button_title: { message: 'Columns' },
-        skyux_data_manager_select_column_status_indicator_title: {
-            message: 'Select at least one column.',
-        },
-    },
-};
-class SkyDataManagerResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-class SkyDataManagerResourcesModule {
-}
-SkyDataManagerResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDataManagerResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] });
-SkyDataManagerResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyDataManagerResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyDataManagerResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
-/**
- * Provides options for defining how data is displayed, such as which columns appear.
- */
-class SkyDataViewState {
-    constructor(data) {
-        /**
-         * The IDs of the columns able to be displayed for column-based views. This property is required when utilizing a grid-based view, a column picker, or both.
-         */
-        this.columnIds = [];
-        /**
-         * The IDs of the columns displayed for column-based views.
-         */
-        this.displayedColumnIds = [];
-        this.viewId = data.viewId;
-        this.columnIds = data.columnIds || [];
-        this.displayedColumnIds = data.displayedColumnIds || [];
-        this.additionalData = data.additionalData;
-    }
-    /**
-     * Returns the `SkyDataViewStateOptions` for the current view.
-     * @returns The `SkyDataViewStateOptions`.
-     */
-    getViewStateOptions() {
-        return {
-            viewId: this.viewId,
-            columnIds: this.columnIds,
-            displayedColumnIds: this.displayedColumnIds,
-            additionalData: this.additionalData,
-        };
-    }
-}
-
-/**
- * Provides options that control which data to display.
- */
-class SkyDataManagerState {
-    constructor(data) {
-        /**
-         * The states of the individual views.
-         */
-        this.views = [];
-        const views = data.views && data.views.map((view) => new SkyDataViewState(view));
-        this.activeSortOption = data.activeSortOption;
-        this.additionalData = data.additionalData;
-        this.filterData = data.filterData;
-        this.onlyShowSelected = data.onlyShowSelected;
-        this.selectedIds = data.selectedIds;
-        this.searchText = data.searchText;
-        this.views = views || [];
-    }
-    /**
-     * Returns the `SkyDataManagerStateOptions` for the data manager.
-     * @returns The `SkyDataManagerStateOptions` for the data manager.
-     */
-    getStateOptions() {
-        const viewStates = this.views.map((view) => {
-            return view.getViewStateOptions();
-        });
-        return {
-            activeSortOption: this.activeSortOption,
-            additionalData: this.additionalData,
-            filterData: this.filterData,
-            onlyShowSelected: this.onlyShowSelected,
-            searchText: this.searchText,
-            selectedIds: this.selectedIds,
-            views: viewStates,
-        };
-    }
-    /**
-     * Returns the `SkyDataViewState` for the specified view.
-     * @param viewId The ID for the view.
-     * @returns The `SkyDataViewState` for the specified view.
-     */
-    getViewStateById(viewId) {
-        return this.views.find((view) => view.viewId === viewId);
-    }
-    /**
-     * Adds a `SkyDataViewState` to a view or updates an existing view.
-     * @param viewId The ID for the view.
-     * @param view The `SkyDataViewState` option to add or update.
-     * @returns The state of the data manager for the specified view.
-     */
-    addOrUpdateView(viewId, view) {
-        const existingViewIndex = this.views.findIndex((v) => v.viewId === viewId);
-        if (existingViewIndex !== -1) {
-            this.views[existingViewIndex] = view;
-        }
-        else {
-            this.views.push(view);
-        }
-        return new SkyDataManagerState({
-            activeSortOption: this.activeSortOption,
-            additionalData: this.additionalData,
-            filterData: this.filterData,
-            searchText: this.searchText,
-            selectedIds: this.selectedIds,
-            views: this.views,
-        });
-    }
-}
-
-/**
- * @internal
- */
-class SkyDataManagerStateChange {
-    constructor(dataState, source) {
-        this.dataState = new SkyDataManagerState(dataState.getStateOptions());
-        this.source = source;
-    }
-}
-
-var _SkyDataManagerService_instances, _SkyDataManagerService_activeViewId, _SkyDataManagerService_dataManagerConfig, _SkyDataManagerService_views, _SkyDataManagerService_dataStateChange, _SkyDataManagerService_isInitialized, _SkyDataManagerService_ngUnsubscribe, _SkyDataManagerService_initSource, _SkyDataManagerService_uiConfigService, _SkyDataManagerService_filterDataStateProperties, _SkyDataManagerService_getDefaultStateComparator;
-/**
- * The data manager service provides ways for data views, toolbar items, and more to stay up to date
- * with the active view ID, data manager config, registered views and their configs, and data state.
- * There are methods to get current values, update values, and get subscriptions to the changing values.<br/> <br/>
- * Provide this service at the component level for each instance of a data manager. Do not
- * provide it at the module level or in `app-extras`. This allows multiple data
- * managers to be used and self-contained.
- */
-class SkyDataManagerService {
-    constructor(uiConfigService) {
-        _SkyDataManagerService_instances.add(this);
-        this.viewkeeperClasses = new BehaviorSubject({});
-        _SkyDataManagerService_activeViewId.set(this, new ReplaySubject(1));
-        _SkyDataManagerService_dataManagerConfig.set(this, new BehaviorSubject({}));
-        _SkyDataManagerService_views.set(this, new BehaviorSubject([]));
-        _SkyDataManagerService_dataStateChange.set(this, new ReplaySubject(1));
-        _SkyDataManagerService_isInitialized.set(this, void 0);
-        _SkyDataManagerService_ngUnsubscribe.set(this, new Subject());
-        _SkyDataManagerService_initSource.set(this, 'dataManagerServiceInit');
-        _SkyDataManagerService_uiConfigService.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyDataManagerService_uiConfigService, uiConfigService, "f");
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyDataManagerService_activeViewId, "f").complete();
-        __classPrivateFieldGet(this, _SkyDataManagerService_dataManagerConfig, "f").complete();
-        __classPrivateFieldGet(this, _SkyDataManagerService_views, "f").complete();
-        __classPrivateFieldGet(this, _SkyDataManagerService_dataStateChange, "f").complete();
-        __classPrivateFieldGet(this, _SkyDataManagerService_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyDataManagerService_ngUnsubscribe, "f").complete();
-    }
-    /**
-     * Initializes the data manager with the given settings and sets `isInitialized` to `true`.
-     * This must be called for the data manager to render.
-     * @param args The initial active view ID, data manager config, and state to use for the data manager.
-     * If a settings key is provided, it checks for a saved data state in the SKY UI config service before using the default data state
-     * and saves any state changes to the service.
-     */
-    initDataManager(args) {
-        if (__classPrivateFieldGet(this, _SkyDataManagerService_isInitialized, "f")) {
-            console.warn('This data manager instance has already been initialized.');
-            return;
-        }
-        __classPrivateFieldSet(this, _SkyDataManagerService_isInitialized, true, "f");
-        const defaultDataState = args.defaultDataState;
-        const settingsKey = args.settingsKey;
-        this.updateActiveViewId(args.activeViewId);
-        this.updateDataManagerConfig(args.dataManagerConfig);
-        if (settingsKey) {
-            __classPrivateFieldGet(this, _SkyDataManagerService_uiConfigService, "f")
-                .getConfig(settingsKey, defaultDataState.getStateOptions())
-                .pipe(take(1))
-                .subscribe((config) => {
-                this.updateDataState(new SkyDataManagerState(config), __classPrivateFieldGet(this, _SkyDataManagerService_initSource, "f"));
-            });
-        }
-        else {
-            this.updateDataState(defaultDataState, __classPrivateFieldGet(this, _SkyDataManagerService_initSource, "f"));
-        }
-        if (settingsKey) {
-            this.getDataStateUpdates(__classPrivateFieldGet(this, _SkyDataManagerService_initSource, "f"))
-                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerService_ngUnsubscribe, "f")))
-                .subscribe((state) => {
-                __classPrivateFieldGet(this, _SkyDataManagerService_uiConfigService, "f")
-                    .setConfig(settingsKey, state.getStateOptions())
-                    .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerService_ngUnsubscribe, "f")))
-                    .subscribe(
-                // eslint-disable-next-line @typescript-eslint/no-empty-function
-                () => { }, (err) => {
-                    console.warn('Could not save data manager settings.');
-                    console.warn(err);
-                });
-            });
-        }
-    }
-    /**
-     * Initializes a view within the data manager. This must be called for each view for the views to appear within the data manager.
-     * @param viewConfig The SkyDataViewConfig settings for the view being registered.
-     */
-    initDataView(viewConfig) {
-        const currentViews = __classPrivateFieldGet(this, _SkyDataManagerService_views, "f").value;
-        if (this.getViewById(viewConfig.id)) {
-            console.warn(`A data manager view with the id ${viewConfig.id} has already been initialized.`);
-            return;
-        }
-        currentViews.push(viewConfig);
-        __classPrivateFieldGet(this, _SkyDataManagerService_views, "f").next(currentViews);
-        // When the initial activeViewId is set there are no views registered. We have to re-emit
-        // the activeId so the newly registered view is notified that it is active.
-        __classPrivateFieldGet(this, _SkyDataManagerService_activeViewId, "f").pipe(take(1)).subscribe((id) => {
-            __classPrivateFieldGet(this, _SkyDataManagerService_activeViewId, "f").next(id);
-        });
-        __classPrivateFieldGet(this, _SkyDataManagerService_dataStateChange, "f")
-            .pipe(take(1))
-            .subscribe((change) => {
-            const dataState = change.dataState;
-            const currentViewState = dataState.getViewStateById(viewConfig.id);
-            if (!currentViewState) {
-                const newViewState = new SkyDataViewState({ viewId: viewConfig.id });
-                // Ensure that the view state's available columns match with the view config. Also,
-                // add columns to the `displayedColumnIds` as long as they are not `initialHide`
-                if (viewConfig.columnOptions) {
-                    const columnIds = viewConfig.columnOptions.map((columnOptions) => {
-                        return columnOptions.id;
-                    });
-                    const displayedColumnIds = viewConfig.columnOptions
-                        .filter((columnOption) => {
-                        return !columnOption.initialHide;
-                    })
-                        .map((columnOption) => {
-                        return columnOption.id;
-                    });
-                    newViewState.columnIds = columnIds;
-                    newViewState.displayedColumnIds = displayedColumnIds;
-                }
-                const newDataState = dataState.addOrUpdateView(viewConfig.id, newViewState);
-                this.updateDataState(newDataState, __classPrivateFieldGet(this, _SkyDataManagerService_initSource, "f"));
-            }
-            else {
-                const currentAvailableColumnIds = viewConfig.columnOptions?.map((columnOptions) => {
-                    return columnOptions.id;
-                }) || [];
-                // Ensure that the view state's available columns match with the view config. Also,
-                // add new columns to the `displayedColumnIds` as long as they are not `initialHide`.
-                // We only add columns to `displayedColumnsIds` if we had previously tracked
-                // `columnIds` to avoid breaking changes.
-                if (currentViewState.columnIds.length > 0) {
-                    let newColumnIds = currentAvailableColumnIds?.filter((id) => currentViewState.columnIds.indexOf(id) < 0);
-                    newColumnIds = newColumnIds?.filter((columnId) => {
-                        return viewConfig.columnOptions?.find((columnOption) => columnOption.id === columnId && !columnOption.initialHide);
-                    });
-                    // Add the column IDs that now exist to the data manager state both as available
-                    // and as shown.
-                    currentViewState.displayedColumnIds =
-                        currentViewState.displayedColumnIds.concat(newColumnIds);
-                }
-                // Add the column IDs that now exist to the data manager state both as available
-                // and as shown.
-                currentViewState.columnIds = currentAvailableColumnIds;
-                const newDataState = dataState.addOrUpdateView(viewConfig.id, currentViewState);
-                this.updateDataState(newDataState, __classPrivateFieldGet(this, _SkyDataManagerService_initSource, "f"));
-            }
-        })
-            .unsubscribe();
-    }
-    /**
-     * Returns an observable of data state changes that views and other data manager entities can subscribe to.
-     * It excludes updates originating from the provided source. This allows subscribers to only respond to
-     * changes they did not create and helps prevent infinite loops of updates and responses.
-     * @param sourceId The ID of the entity subscribing to data state updates. This can be any value you choose
-     * but should be unique within the data manager instance and should also be used when that entity updates the state.
-     */
-    getDataStateUpdates(sourceId, updateFilter) {
-        // filter out events from the provided source and emit just the dataState
-        if (updateFilter) {
-            return __classPrivateFieldGet(this, _SkyDataManagerService_dataStateChange, "f").pipe(filter((stateChange) => sourceId !== stateChange.source), map((stateChange) => stateChange.dataState), updateFilter.comparator
-                ? distinctUntilChanged(updateFilter.comparator)
-                : distinctUntilChanged(__classPrivateFieldGet(this, _SkyDataManagerService_instances, "m", _SkyDataManagerService_getDefaultStateComparator).call(this, updateFilter.properties)));
-        }
-        else {
-            return __classPrivateFieldGet(this, _SkyDataManagerService_dataStateChange, "f").pipe(filter((stateChange) => sourceId !== stateChange.source), map((stateChange) => stateChange.dataState));
-        }
-    }
-    /**
-     * Updates the data state and emits a new value to entities subscribed to data state changes.
-     * @param state The new `SkyDataManagerState` value.
-     * @param sourceId The ID of the entity updating the state. This can be any value you choose,
-     * but should be unique within the data manager instance and should also be used when that entity
-     * subscribes to state changes from `getDataStateUpdates`.
-     */
-    updateDataState(state, sourceId) {
-        const newState = new SkyDataManagerState(state.getStateOptions());
-        const newStateChange = new SkyDataManagerStateChange(newState, sourceId);
-        __classPrivateFieldGet(this, _SkyDataManagerService_dataStateChange, "f").next(newStateChange);
-    }
-    /**
-     * Returns the current `SkyDataManagerConfig`.
-     */
-    getCurrentDataManagerConfig() {
-        return __classPrivateFieldGet(this, _SkyDataManagerService_dataManagerConfig, "f").value;
-    }
-    /**
-     * Returns an observable of data manager config changes that views and other data manager entities can subscribe to.
-     */
-    getDataManagerConfigUpdates() {
-        return __classPrivateFieldGet(this, _SkyDataManagerService_dataManagerConfig, "f");
-    }
-    /**
-     * Updates the data manager config and emits a new value to entities subscribed to data config changes.
-     * @param value The new `SkyDataManagerConfig` value.
-     */
-    updateDataManagerConfig(value) {
-        __classPrivateFieldGet(this, _SkyDataManagerService_dataManagerConfig, "f").next(value);
-    }
-    /**
-     * Returns an observable of data view config changes that views and other data manager entities can subscribe to.
-     */
-    getDataViewsUpdates() {
-        return __classPrivateFieldGet(this, _SkyDataManagerService_views, "f");
-    }
-    /**
-     * Returns an observable of the active view ID that views and other data manager entities can subscribe to.
-     */
-    getActiveViewIdUpdates() {
-        return __classPrivateFieldGet(this, _SkyDataManagerService_activeViewId, "f");
-    }
-    /**
-     * Updates the active view ID. The data manager changes the displayed view.
-     * @param id The new active view ID.
-     */
-    updateActiveViewId(id) {
-        __classPrivateFieldGet(this, _SkyDataManagerService_activeViewId, "f").next(id);
-    }
-    /**
-     * Returns the `SkyDataViewConfig` for the given view ID.
-     * @param viewId The ID of the view config to get.
-     */
-    getViewById(viewId) {
-        const currentViews = __classPrivateFieldGet(this, _SkyDataManagerService_views, "f").value;
-        const viewConfig = currentViews.find((view) => view.id === viewId);
-        return viewConfig;
-    }
-    /**
-     * Updates the given view config. The registered view with the same ID is updated to the
-     * provided config, so include all properties regardless of whether they changed. If the
-     * view was not initialized already, no update happens.
-     * @param view The new `SkyDataViewConfig` containing all properties.
-     */
-    updateViewConfig(view) {
-        const currentViews = __classPrivateFieldGet(this, _SkyDataManagerService_views, "f").value;
-        const existingViewIndex = currentViews.findIndex((currentView) => currentView.id === view.id);
-        if (existingViewIndex === -1) {
-            console.error('A view with the id {id} does not exist.', view.id);
-        }
-        else {
-            currentViews[existingViewIndex] = view;
-            __classPrivateFieldGet(this, _SkyDataManagerService_views, "f").next(currentViews);
-        }
-    }
-    /**
-     * @internal
-     */
-    setViewkeeperClasses(viewId, classes) {
-        const viewkeeperClasses = this.viewkeeperClasses.value;
-        viewkeeperClasses[viewId] = classes;
-        this.viewkeeperClasses.next(viewkeeperClasses);
-    }
-}
-_SkyDataManagerService_activeViewId = new WeakMap(), _SkyDataManagerService_dataManagerConfig = new WeakMap(), _SkyDataManagerService_views = new WeakMap(), _SkyDataManagerService_dataStateChange = new WeakMap(), _SkyDataManagerService_isInitialized = new WeakMap(), _SkyDataManagerService_ngUnsubscribe = new WeakMap(), _SkyDataManagerService_initSource = new WeakMap(), _SkyDataManagerService_uiConfigService = new WeakMap(), _SkyDataManagerService_instances = new WeakSet(), _SkyDataManagerService_filterDataStateProperties = function _SkyDataManagerService_filterDataStateProperties(state, properties) {
-    const stateProperties = state.getStateOptions();
-    const filteredStateProperties = {};
-    if (properties) {
-        for (const property of properties) {
-            if (property in stateProperties) {
-                filteredStateProperties[property] = stateProperties[property];
-            }
-        }
-    }
-    return filteredStateProperties;
-}, _SkyDataManagerService_getDefaultStateComparator = function _SkyDataManagerService_getDefaultStateComparator(properties) {
-    return (state1, state2) => {
-        const filteredState1 = __classPrivateFieldGet(this, _SkyDataManagerService_instances, "m", _SkyDataManagerService_filterDataStateProperties).call(this, state1, properties);
-        const filteredState2 = __classPrivateFieldGet(this, _SkyDataManagerService_instances, "m", _SkyDataManagerService_filterDataStateProperties).call(this, state2, properties);
-        return JSON.stringify(filteredState1) === JSON.stringify(filteredState2);
-    };
-};
-SkyDataManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.SkyUIConfigService }]; } });
-
-/**
- * These options specify the sorting strategy applied to columns when `columnPickerEnabled` is enabled.
- */
-var SkyDataManagerColumnPickerSortStrategy;
-(function (SkyDataManagerColumnPickerSortStrategy) {
-    /**
-     * No sorting is applied to the columns.
-     */
-    SkyDataManagerColumnPickerSortStrategy["None"] = "none";
-    /**
-     * If `sortEnabled` is set to `true`, then the selected columns are displayed before the unselected columns. Unselected columns are sorted alphabetically.
-     * If `sortEnabled` is set to `false`, then the columns are displayed in the order specified by `columnOptions`.
-     */
-    SkyDataManagerColumnPickerSortStrategy["SelectedThenAlphabetical"] = "selectedThenAlphabetical";
-})(SkyDataManagerColumnPickerSortStrategy || (SkyDataManagerColumnPickerSortStrategy = {}));
-
-class SkyDataManagerColumnPickerContext {
-    constructor(columnOptions, displayedColumnIds, columnPickerSortStrategy = SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
-        this.columnOptions = columnOptions;
-        this.displayedColumnIds = displayedColumnIds;
-        this.columnPickerSortStrategy = columnPickerSortStrategy;
-    }
-}
-
-var _SkyDataManagerComponent_activeViewId, _SkyDataManagerComponent_allViewkeeperClasses, _SkyDataManagerComponent_ngUnsubscribe, _SkyDataManagerComponent_sourceId, _SkyDataManagerComponent_changeDetection, _SkyDataManagerComponent_dataManagerService, _SkyDataManagerComponent__isInitialized, _SkyDataManagerComponent__currentViewkeeperClasses;
-const VIEWKEEPER_CLASSES_DEFAULT = ['.sky-data-manager-toolbar'];
-/**
- * The top-level data manager component. Provide `SkyDataManagerService` at this level.
- */
-class SkyDataManagerComponent {
-    get currentViewkeeperClasses() {
-        return __classPrivateFieldGet(this, _SkyDataManagerComponent__currentViewkeeperClasses, "f");
-    }
-    set currentViewkeeperClasses(value) {
-        __classPrivateFieldSet(this, _SkyDataManagerComponent__currentViewkeeperClasses, [
-            ...VIEWKEEPER_CLASSES_DEFAULT,
-            ...(value || []),
-        ], "f");
-        __classPrivateFieldGet(this, _SkyDataManagerComponent_changeDetection, "f").markForCheck();
-    }
-    get isInitialized() {
-        return __classPrivateFieldGet(this, _SkyDataManagerComponent__isInitialized, "f");
-    }
-    set isInitialized(value) {
-        __classPrivateFieldSet(this, _SkyDataManagerComponent__isInitialized, value, "f");
-        __classPrivateFieldGet(this, _SkyDataManagerComponent_changeDetection, "f").markForCheck();
-    }
-    constructor(changeDetection, dataManagerService) {
-        this.backToTopController = new Subject();
-        this.backToTopOptions = {
-            buttonHidden: true,
-        };
-        _SkyDataManagerComponent_activeViewId.set(this, void 0);
-        _SkyDataManagerComponent_allViewkeeperClasses.set(this, {});
-        _SkyDataManagerComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyDataManagerComponent_sourceId.set(this, 'dataManagerComponent');
-        _SkyDataManagerComponent_changeDetection.set(this, void 0);
-        _SkyDataManagerComponent_dataManagerService.set(this, void 0);
-        _SkyDataManagerComponent__isInitialized.set(this, false);
-        _SkyDataManagerComponent__currentViewkeeperClasses.set(this, VIEWKEEPER_CLASSES_DEFAULT);
-        __classPrivateFieldSet(this, _SkyDataManagerComponent_changeDetection, changeDetection, "f");
-        __classPrivateFieldSet(this, _SkyDataManagerComponent_dataManagerService, dataManagerService, "f");
-    }
-    ngOnInit() {
-        __classPrivateFieldGet(this, _SkyDataManagerComponent_dataManagerService, "f")
-            .getDataStateUpdates(__classPrivateFieldGet(this, _SkyDataManagerComponent_sourceId, "f"))
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerComponent_ngUnsubscribe, "f")))
-            .subscribe(() => (this.isInitialized = true));
-        __classPrivateFieldGet(this, _SkyDataManagerComponent_dataManagerService, "f").viewkeeperClasses
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerComponent_ngUnsubscribe, "f")))
-            .subscribe((classes) => {
-            __classPrivateFieldSet(this, _SkyDataManagerComponent_allViewkeeperClasses, classes, "f");
-            this.currentViewkeeperClasses = __classPrivateFieldGet(this, _SkyDataManagerComponent_activeViewId, "f")
-                ? classes[__classPrivateFieldGet(this, _SkyDataManagerComponent_activeViewId, "f")]
-                : undefined;
-        });
-        __classPrivateFieldGet(this, _SkyDataManagerComponent_dataManagerService, "f")
-            .getActiveViewIdUpdates()
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerComponent_ngUnsubscribe, "f")))
-            .subscribe((activeViewId) => {
-            __classPrivateFieldSet(this, _SkyDataManagerComponent_activeViewId, activeViewId, "f");
-            this.backToTopController.next({
-                type: SkyBackToTopMessageType.BackToTop,
-            });
-            this.currentViewkeeperClasses =
-                __classPrivateFieldGet(this, _SkyDataManagerComponent_allViewkeeperClasses, "f")[__classPrivateFieldGet(this, _SkyDataManagerComponent_activeViewId, "f")];
-        });
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyDataManagerComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyDataManagerComponent_ngUnsubscribe, "f").complete();
-    }
-}
-_SkyDataManagerComponent_activeViewId = new WeakMap(), _SkyDataManagerComponent_allViewkeeperClasses = new WeakMap(), _SkyDataManagerComponent_ngUnsubscribe = new WeakMap(), _SkyDataManagerComponent_sourceId = new WeakMap(), _SkyDataManagerComponent_changeDetection = new WeakMap(), _SkyDataManagerComponent_dataManagerService = new WeakMap(), _SkyDataManagerComponent__isInitialized = new WeakMap(), _SkyDataManagerComponent__currentViewkeeperClasses = new WeakMap();
-SkyDataManagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-manager', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyDataManagerService }]; } });
-
-// TODO: In a future breaking change convert this to an interface
-/**
- * Sets the state of the filters.
- */
-class SkyDataManagerFilterModalContext {
-}
-
-/**
- * Service that provides the column picker component type so it can be dynamically
- * created in the toolbar component. This avoids a circular reference between column
- * picker and toolbar.
- * https://angular.io/errors/NG3003
- */
-class SkyDataManagerColumnPickerService {
-}
-SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
-            type: Injectable
-        }] });
-
-var _SkyDataManagerToolbarComponent_ngUnsubscribe, _SkyDataManagerToolbarComponent_changeDetector, _SkyDataManagerToolbarComponent_dataManagerService, _SkyDataManagerToolbarComponent_modalService, _SkyDataManagerToolbarComponent_columnPickerService, _SkyDataManagerToolbarComponent__source, _SkyDataManagerToolbarComponent__activeView, _SkyDataManagerToolbarComponent__dataManagerConfig, _SkyDataManagerToolbarComponent__dataState, _SkyDataManagerToolbarComponent__views;
-/**
- * Renders a `sky-toolbar` with the contents specified by the active view's `SkyDataViewConfig`
- * and the `SkyDataManagerToolbarLeftItemsComponent`, `SkyDataManagerToolbarRightItemsComponent`,
- * and `SkyDataManagerToolbarSectionComponent` wrappers.
- */
-class SkyDataManagerToolbarComponent {
-    get activeView() {
-        return __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__activeView, "f");
-    }
-    set activeView(value) {
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent__activeView, value, "f");
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_changeDetector, "f").markForCheck();
-    }
-    get dataManagerConfig() {
-        return __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__dataManagerConfig, "f");
-    }
-    set dataManagerConfig(value) {
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent__dataManagerConfig, value, "f");
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_changeDetector, "f").markForCheck();
-    }
-    get dataState() {
-        return __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__dataState, "f");
-    }
-    set dataState(value) {
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent__dataState, value, "f");
-        if (value) {
-            __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").updateDataState(value, __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__source, "f"));
-        }
-    }
-    get views() {
-        return __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__views, "f");
-    }
-    set views(value) {
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent__views, value, "f");
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_changeDetector, "f").markForCheck();
-    }
-    constructor(changeDetector, dataManagerService, modalService, columnPickerService) {
-        _SkyDataManagerToolbarComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyDataManagerToolbarComponent_changeDetector.set(this, void 0);
-        _SkyDataManagerToolbarComponent_dataManagerService.set(this, void 0);
-        _SkyDataManagerToolbarComponent_modalService.set(this, void 0);
-        _SkyDataManagerToolbarComponent_columnPickerService.set(this, void 0);
-        // the source to provide for data state changes
-        _SkyDataManagerToolbarComponent__source.set(this, 'toolbar');
-        _SkyDataManagerToolbarComponent__activeView.set(this, void 0);
-        _SkyDataManagerToolbarComponent__dataManagerConfig.set(this, void 0);
-        _SkyDataManagerToolbarComponent__dataState.set(this, void 0);
-        _SkyDataManagerToolbarComponent__views.set(this, []);
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_changeDetector, changeDetector, "f");
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_dataManagerService, dataManagerService, "f");
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_modalService, modalService, "f");
-        __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent_columnPickerService, columnPickerService, "f");
-    }
-    ngOnInit() {
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f")
-            .getActiveViewIdUpdates()
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_ngUnsubscribe, "f")))
-            .subscribe((activeViewId) => {
-            /* istanbul ignore else */
-            if (activeViewId) {
-                this.activeView = __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").getViewById(activeViewId);
-                __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_changeDetector, "f").markForCheck();
-            }
-        });
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f")
-            .getDataViewsUpdates()
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_ngUnsubscribe, "f")))
-            .subscribe((views) => {
-            this.views = views;
-            if (this.activeView) {
-                this.activeView = __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").getViewById(this.activeView.id);
-            }
-            __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_changeDetector, "f").markForCheck();
-        });
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f")
-            .getDataStateUpdates(__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__source, "f"))
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_ngUnsubscribe, "f")))
-            .subscribe((dataState) => {
-            __classPrivateFieldSet(this, _SkyDataManagerToolbarComponent__dataState, dataState, "f");
-            this.onlyShowSelected = dataState.onlyShowSelected;
-            __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_changeDetector, "f").markForCheck();
-        });
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f")
-            .getDataManagerConfigUpdates()
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_ngUnsubscribe, "f")))
-            .subscribe((config) => {
-            this.dataManagerConfig = config;
-        });
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_ngUnsubscribe, "f").complete();
-    }
-    sortSelected(sortOption) {
-        if (this.dataState) {
-            this.dataState.activeSortOption = sortOption;
-            __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").updateDataState(this.dataState, __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__source, "f"));
-        }
-    }
-    onViewChange(viewId) {
-        __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").updateActiveViewId(viewId);
-    }
-    searchApplied(text) {
-        if (this.dataState) {
-            this.dataState.searchText = text;
-            __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").updateDataState(this.dataState, __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__source, "f"));
-        }
-    }
-    filterButtonClicked() {
-        const context = new SkyDataManagerFilterModalContext();
-        const filterModal = this.dataManagerConfig && this.dataManagerConfig.filterModalComponent;
-        context.filterData = this.dataState?.filterData;
-        const options = {
-            providers: [
-                { provide: SkyDataManagerFilterModalContext, useValue: context },
-            ],
-            size: 'large',
-        };
-        if (filterModal) {
-            const modalInstance = __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_modalService, "f").open(filterModal, options);
-            modalInstance.closed.subscribe((result) => {
-                if (this.dataState && result.reason === 'save') {
-                    this.dataState.filterData = result.data;
-                    __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").updateDataState(this.dataState, __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__source, "f"));
-                }
-            });
-        }
-    }
-    openColumnPicker() {
-        if (this.dataState && this.activeView && this.activeView.columnOptions) {
-            const viewState = this.dataState.getViewStateById(this.activeView.id);
-            if (viewState) {
-                const context = new SkyDataManagerColumnPickerContext(this.activeView.columnOptions, viewState.displayedColumnIds);
-                if (this.activeView.columnPickerSortStrategy) {
-                    context.columnPickerSortStrategy =
-                        this.activeView.columnPickerSortStrategy;
-                }
-                const options = {
-                    providers: [
-                        { provide: SkyDataManagerColumnPickerContext, useValue: context },
-                    ],
-                };
-                const modalInstance = __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_modalService, "f").open(__classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_columnPickerService, "f").getComponentType(), options);
-                modalInstance.closed.subscribe((result) => {
-                    if (result.reason === 'save') {
-                        const displayedColumnIds = result.data.map((col) => col.id);
-                        viewState.displayedColumnIds = displayedColumnIds;
-                        if (this.dataState && this.activeView) {
-                            this.dataState = this.dataState.addOrUpdateView(this.activeView.id, viewState);
-                        }
-                    }
-                });
-            }
-        }
-    }
-    selectAll() {
-        /* istanbul ignore else */
-        if (this.activeView?.onSelectAllClick) {
-            this.activeView.onSelectAllClick();
-        }
-    }
-    clearAll() {
-        /* istanbul ignore else */
-        if (this.activeView?.onClearAllClick) {
-            this.activeView.onClearAllClick();
-        }
-    }
-    onOnlyShowSelected(event) {
-        if (this.dataState) {
-            this.dataState.onlyShowSelected = !!event.checked;
-            __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent_dataManagerService, "f").updateDataState(this.dataState, __classPrivateFieldGet(this, _SkyDataManagerToolbarComponent__source, "f"));
-        }
-    }
-}
-_SkyDataManagerToolbarComponent_ngUnsubscribe = new WeakMap(), _SkyDataManagerToolbarComponent_changeDetector = new WeakMap(), _SkyDataManagerToolbarComponent_dataManagerService = new WeakMap(), _SkyDataManagerToolbarComponent_modalService = new WeakMap(), _SkyDataManagerToolbarComponent_columnPickerService = new WeakMap(), _SkyDataManagerToolbarComponent__source = new WeakMap(), _SkyDataManagerToolbarComponent__activeView = new WeakMap(), _SkyDataManagerToolbarComponent__dataManagerConfig = new WeakMap(), _SkyDataManagerToolbarComponent__dataState = new WeakMap(), _SkyDataManagerToolbarComponent__views = new WeakMap();
-SkyDataManagerToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-section>\n      <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n      <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n        <sky-filter-button\n          [showButtonText]=\"activeView?.showFilterButtonText\"\n          (filterButtonClick)=\"filterButtonClicked()\"\n        >\n        </sky-filter-button>\n      </sky-toolbar-item>\n\n      <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n        <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n          <sky-sort-item\n            *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n            [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n            (itemSelect)=\"sortSelected(item)\"\n          >\n            {{ item.label }}\n          </sky-sort-item>\n        </sky-sort>\n      </sky-toolbar-item>\n\n      <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n        <button\n          class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n          type=\"button\"\n          [attr.aria-label]=\"\n            'skyux_data_manager_columns_button_title' | skyLibResources\n          \"\n          [attr.title]=\"\n            'skyux_data_manager_columns_button_title' | skyLibResources\n          \"\n          (click)=\"openColumnPicker()\"\n        >\n          <sky-icon icon=\"columns\"></sky-icon>\n          <span class=\"sky-column-selector-action-btn-text\">\n            {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n          </span>\n        </button>\n      </sky-toolbar-item>\n\n      <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n      <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n        <sky-search\n          [expandMode]=\"activeView?.searchExpandMode\"\n          [placeholderText]=\"activeView?.searchPlaceholderText\"\n          [searchText]=\"dataState?.searchText\"\n          (searchApply)=\"searchApplied($event)\"\n        >\n        </sky-search>\n      </sky-toolbar-item>\n\n      <sky-toolbar-view-actions>\n        <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n        <sky-radio-group\n          *ngIf=\"activeView && views && views.length > 1\"\n          [ariaLabel]=\"'data view switcher'\"\n          [(ngModel)]=\"activeView.id\"\n          class=\"sky-switch-icon-group\"\n        >\n          <sky-radio\n            *ngFor=\"let view of views\"\n            [attr.aria-label]=\"view.name\"\n            [icon]=\"view.icon\"\n            [value]=\"view.id\"\n            [label]=\"view.name\"\n            (change)=\"onViewChange(view.id)\"\n          >\n          </sky-radio>\n        </sky-radio-group>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n    <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n  </sky-toolbar>\n\n  <sky-toolbar\n    *ngIf=\"activeView?.multiselectToolbarEnabled\"\n    class=\"sky-data-manager-multiselect-toolbar\"\n  >\n    <sky-toolbar-section>\n      <sky-toolbar-item>\n        <button\n          class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n          type=\"button\"\n          (click)=\"selectAll()\"\n        >\n          {{ 'skyux_data_manager_select_all_button_title' | skyLibResources }}\n        </button>\n      </sky-toolbar-item>\n      <sky-toolbar-item>\n        <button\n          class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n          type=\"button\"\n          (click)=\"clearAll()\"\n        >\n          {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n        </button>\n      </sky-toolbar-item>\n      <sky-toolbar-view-actions>\n        <sky-checkbox\n          [checked]=\"onlyShowSelected\"\n          (change)=\"onOnlyShowSelected($event)\"\n        >\n          <sky-checkbox-label>\n            {{\n              'skyux_data_manager_show_selected_option_title' | skyLibResources\n            }}\n          </sky-checkbox-label>\n        </sky-checkbox>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n  </sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i6.λ4, selector: "sky-checkbox-label" }, { kind: "component", type: i5$1.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { kind: "component", type: i8.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i6.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "component", type: i6.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { kind: "component", type: i9.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "component", type: i5$1.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { kind: "component", type: i5$1.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { kind: "component", type: i10.λ37, selector: "sky-toolbar" }, { kind: "component", type: i10.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i10.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i10.λ40, selector: "sky-toolbar-view-actions" }, { kind: "pipe", type: i11.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-manager-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-data-manager-toolbar\">\n  <sky-toolbar>\n    <sky-toolbar-section>\n      <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n      <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n        <sky-filter-button\n          [showButtonText]=\"activeView?.showFilterButtonText\"\n          (filterButtonClick)=\"filterButtonClicked()\"\n        >\n        </sky-filter-button>\n      </sky-toolbar-item>\n\n      <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n        <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n          <sky-sort-item\n            *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n            [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n            (itemSelect)=\"sortSelected(item)\"\n          >\n            {{ item.label }}\n          </sky-sort-item>\n        </sky-sort>\n      </sky-toolbar-item>\n\n      <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n        <button\n          class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n          type=\"button\"\n          [attr.aria-label]=\"\n            'skyux_data_manager_columns_button_title' | skyLibResources\n          \"\n          [attr.title]=\"\n            'skyux_data_manager_columns_button_title' | skyLibResources\n          \"\n          (click)=\"openColumnPicker()\"\n        >\n          <sky-icon icon=\"columns\"></sky-icon>\n          <span class=\"sky-column-selector-action-btn-text\">\n            {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n          </span>\n        </button>\n      </sky-toolbar-item>\n\n      <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n      <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n        <sky-search\n          [expandMode]=\"activeView?.searchExpandMode\"\n          [placeholderText]=\"activeView?.searchPlaceholderText\"\n          [searchText]=\"dataState?.searchText\"\n          (searchApply)=\"searchApplied($event)\"\n        >\n        </sky-search>\n      </sky-toolbar-item>\n\n      <sky-toolbar-view-actions>\n        <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n        <sky-radio-group\n          *ngIf=\"activeView && views && views.length > 1\"\n          [ariaLabel]=\"'data view switcher'\"\n          [(ngModel)]=\"activeView.id\"\n          class=\"sky-switch-icon-group\"\n        >\n          <sky-radio\n            *ngFor=\"let view of views\"\n            [attr.aria-label]=\"view.name\"\n            [icon]=\"view.icon\"\n            [value]=\"view.id\"\n            [label]=\"view.name\"\n            (change)=\"onViewChange(view.id)\"\n          >\n          </sky-radio>\n        </sky-radio-group>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n    <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n  </sky-toolbar>\n\n  <sky-toolbar\n    *ngIf=\"activeView?.multiselectToolbarEnabled\"\n    class=\"sky-data-manager-multiselect-toolbar\"\n  >\n    <sky-toolbar-section>\n      <sky-toolbar-item>\n        <button\n          class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n          type=\"button\"\n          (click)=\"selectAll()\"\n        >\n          {{ 'skyux_data_manager_select_all_button_title' | skyLibResources }}\n        </button>\n      </sky-toolbar-item>\n      <sky-toolbar-item>\n        <button\n          class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n          type=\"button\"\n          (click)=\"clearAll()\"\n        >\n          {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n        </button>\n      </sky-toolbar-item>\n      <sky-toolbar-view-actions>\n        <sky-checkbox\n          [checked]=\"onlyShowSelected\"\n          (change)=\"onOnlyShowSelected($event)\"\n        >\n          <sky-checkbox-label>\n            {{\n              'skyux_data_manager_show_selected_option_title' | skyLibResources\n            }}\n          </sky-checkbox-label>\n        </sky-checkbox>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n  </sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyDataManagerService }, { type: i3.SkyModalService }, { type: SkyDataManagerColumnPickerService }]; } });
-
-var _SkyDataViewComponent__isActive, _SkyDataViewComponent_ngUnsubscribe, _SkyDataViewComponent_dataManagerService, _SkyDataViewComponent_changeDetector;
-/**
- * A data view is rendered within a data manager component.
- * It can subscribe to data state changes from `SkyDataManagerService` and apply the filters,
- * search text, and more to the data it displays.
- */
-class SkyDataViewComponent {
-    get isActive() {
-        return __classPrivateFieldGet(this, _SkyDataViewComponent__isActive, "f");
-    }
-    set isActive(value) {
-        __classPrivateFieldSet(this, _SkyDataViewComponent__isActive, value, "f");
-        __classPrivateFieldGet(this, _SkyDataViewComponent_changeDetector, "f").markForCheck();
-    }
-    constructor(dataManagerService, changeDetector) {
-        _SkyDataViewComponent__isActive.set(this, false);
-        _SkyDataViewComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyDataViewComponent_dataManagerService.set(this, void 0);
-        _SkyDataViewComponent_changeDetector.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyDataViewComponent_dataManagerService, dataManagerService, "f");
-        __classPrivateFieldSet(this, _SkyDataViewComponent_changeDetector, changeDetector, "f");
-    }
-    ngOnInit() {
-        __classPrivateFieldGet(this, _SkyDataViewComponent_dataManagerService, "f")
-            .getActiveViewIdUpdates()
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataViewComponent_ngUnsubscribe, "f")))
-            .subscribe((activeViewId) => {
-            this.isActive = this.viewId === activeViewId;
-        });
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyDataViewComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyDataViewComponent_ngUnsubscribe, "f").complete();
-    }
-}
-_SkyDataViewComponent__isActive = new WeakMap(), _SkyDataViewComponent_ngUnsubscribe = new WeakMap(), _SkyDataViewComponent_dataManagerService = new WeakMap(), _SkyDataViewComponent_changeDetector = new WeakMap();
-SkyDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataViewComponent, deps: [{ token: SkyDataManagerService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: SkyDataManagerService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { viewId: [{
-                type: Input
-            }] } });
-
-var _SkyDataManagerColumnPickerComponent_instances, _SkyDataManagerColumnPickerComponent_ngUnsubscribe, _SkyDataManagerColumnPickerComponent__dataState, _SkyDataManagerColumnPickerComponent_formatColumnOptions;
-/**
- * @internal
- */
-class SkyDataManagerColumnPickerComponent {
-    get dataState() {
-        return __classPrivateFieldGet(this, _SkyDataManagerColumnPickerComponent__dataState, "f");
-    }
-    set dataState(value) {
-        __classPrivateFieldSet(this, _SkyDataManagerColumnPickerComponent__dataState, value, "f");
-        this.updateData();
-    }
-    constructor(context, dataManagerService, instance) {
-        this.context = context;
-        this.dataManagerService = dataManagerService;
-        this.instance = instance;
-        _SkyDataManagerColumnPickerComponent_instances.add(this);
-        this.columnData = [];
-        this.displayedColumnData = [];
-        this.viewConfig = {
-            id: 'columnPicker',
-            name: 'Column Picker',
-            searchEnabled: true,
-            searchExpandMode: 'fit',
-            multiselectToolbarEnabled: true,
-            onSelectAllClick: this.selectAll.bind(this),
-            onClearAllClick: this.clearAll.bind(this),
-        };
-        this.isAnyDisplayedColumnSelected = false;
-        _SkyDataManagerColumnPickerComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyDataManagerColumnPickerComponent__dataState.set(this, new SkyDataManagerState({}));
-    }
-    ngOnInit() {
-        this.dataManagerService.initDataManager({
-            activeViewId: this.viewConfig.id,
-            dataManagerConfig: {},
-            defaultDataState: this.dataState,
-        });
-        this.dataManagerService.initDataView(this.viewConfig);
-        this.columnData = __classPrivateFieldGet(this, _SkyDataManagerColumnPickerComponent_instances, "m", _SkyDataManagerColumnPickerComponent_formatColumnOptions).call(this);
-        this.dataManagerService
-            .getDataStateUpdates('columnPicker')
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDataManagerColumnPickerComponent_ngUnsubscribe, "f")))
-            .subscribe((state) => {
-            this.dataState = state;
-        });
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyDataManagerColumnPickerComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyDataManagerColumnPickerComponent_ngUnsubscribe, "f").complete();
-    }
-    updateData() {
-        this.displayedColumnData = this.searchColumns(this.columnData.filter((col) => !col.alwaysDisplayed));
-        if (this.dataState.onlyShowSelected) {
-            this.displayedColumnData = this.displayedColumnData.filter((col) => col.isSelected);
-        }
-        this.isAnyDisplayedColumnSelected = this.displayedColumnData.some((col) => col.isSelected);
-    }
-    searchColumns(columns) {
-        let searchedColumns = columns;
-        const searchText = this.dataState && this.dataState.searchText?.toUpperCase();
-        if (searchText) {
-            searchedColumns = columns.filter((item) => {
-                for (const property in item) {
-                    if (Object.prototype.hasOwnProperty.call(item, property) &&
-                        (property === 'label' || property === 'description')) {
-                        const propertyText = item[property]?.toUpperCase();
-                        if (propertyText && propertyText.indexOf(searchText) > -1) {
-                            return true;
-                        }
-                    }
-                }
-                return false;
-            });
-        }
-        return searchedColumns;
-    }
-    selectAll() {
-        this.displayedColumnData.forEach((column) => (column.isSelected = true));
-        this.updateData();
-    }
-    clearAll() {
-        this.displayedColumnData.forEach((column) => (column.isSelected = false));
-        this.updateData();
-    }
-    onIsSelectedChange() {
-        this.updateData();
-    }
-    cancelChanges() {
-        this.instance.cancel();
-    }
-    isSelected(id) {
-        return (this.context.displayedColumnIds.findIndex((colId) => colId === id) !== -1);
-    }
-    applyChanges() {
-        this.instance.save(this.columnData.filter((col) => col.isSelected || col.alwaysDisplayed));
-    }
-}
-_SkyDataManagerColumnPickerComponent_ngUnsubscribe = new WeakMap(), _SkyDataManagerColumnPickerComponent__dataState = new WeakMap(), _SkyDataManagerColumnPickerComponent_instances = new WeakSet(), _SkyDataManagerColumnPickerComponent_formatColumnOptions = function _SkyDataManagerColumnPickerComponent_formatColumnOptions() {
-    const allColumnOptions = this.context.columnOptions;
-    const visibleColumnIds = this.context.displayedColumnIds;
-    let formattedColumnOptions = [];
-    const unselectedColumnOptions = [];
-    for (const columnOption of allColumnOptions) {
-        // format the column with the properties the column picker needs
-        const colIndex = visibleColumnIds.indexOf(columnOption.id);
-        const formattedColumn = {
-            alwaysDisplayed: columnOption.alwaysDisplayed,
-            id: columnOption.id,
-            label: columnOption.label,
-            description: columnOption.description,
-            isSelected: colIndex !== -1,
-        };
-        // if column picker sorting is currently enabled sort columns by order displayed then alphabetical
-        // else display column in order they were specified in the columnOptions
-        if (this.context.columnPickerSortStrategy ===
-            SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
-            if (formattedColumn.isSelected) {
-                formattedColumnOptions[colIndex] = formattedColumn;
-            }
-            else {
-                unselectedColumnOptions.push(formattedColumn);
-            }
-        }
-        else {
-            formattedColumnOptions.push(formattedColumn);
-        }
-    }
-    // if column picker sorting is enabled, sort the columns that are not currently displayed
-    // and add them after the currently displayed options
-    if (this.context.columnPickerSortStrategy ===
-        SkyDataManagerColumnPickerSortStrategy.SelectedThenAlphabetical) {
-        unselectedColumnOptions.sort((col1, col2) => col1.label.localeCompare(col2.label));
-        formattedColumnOptions = formattedColumnOptions.concat(unselectedColumnOptions);
-    }
-    return formattedColumnOptions;
-};
-SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "<sky-modal>\n  <sky-modal-header>\n    {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n  </sky-modal-header>\n  <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n    <sky-data-manager>\n      <sky-data-manager-toolbar> </sky-data-manager-toolbar>\n\n      <sky-data-view [viewId]=\"viewConfig.id\">\n        <sky-repeater expandMode=\"none\">\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n            (isSelectedChange)=\"onIsSelectedChange()\"\n          >\n            <sky-repeater-item-title>\n              {{ column.label }}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{ column.description }}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <div\n      class=\"sky-data-manager-column-picker-footer-stacked-indicator\"\n      *ngIf=\"!isAnyDisplayedColumnSelected\"\n    >\n      <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n        {{\n          'skyux_data_manager_select_column_status_indicator_title'\n            | skyLibResources\n        }}\n      </sky-status-indicator>\n    </div>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      [disabled]=\"!isAnyDisplayedColumnSelected\"\n      (click)=\"applyChanges()\"\n    >\n      {{ 'skyux_data_manager_apply_changes_button_title' | skyLibResources }}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{ 'skyux_data_manager_cancel_button_title' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["formErrors", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i3.λ4, selector: "sky-modal-header" }, { kind: "component", type: i5$1.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i5$1.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i5$1.λ8, selector: "sky-repeater-item-content" }, { kind: "component", type: i5$1.λ12, selector: "sky-repeater-item-title" }, { kind: "component", type: i8.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { kind: "component", type: SkyDataManagerComponent, selector: "sky-data-manager" }, { kind: "component", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { kind: "component", type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { kind: "pipe", type: i11.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-manager-column-picker', providers: [SkyDataManagerService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-modal>\n  <sky-modal-header>\n    {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n  </sky-modal-header>\n  <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n    <sky-data-manager>\n      <sky-data-manager-toolbar> </sky-data-manager-toolbar>\n\n      <sky-data-view [viewId]=\"viewConfig.id\">\n        <sky-repeater expandMode=\"none\">\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n            (isSelectedChange)=\"onIsSelectedChange()\"\n          >\n            <sky-repeater-item-title>\n              {{ column.label }}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{ column.description }}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <div\n      class=\"sky-data-manager-column-picker-footer-stacked-indicator\"\n      *ngIf=\"!isAnyDisplayedColumnSelected\"\n    >\n      <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n        {{\n          'skyux_data_manager_select_column_status_indicator_title'\n            | skyLibResources\n        }}\n      </sky-status-indicator>\n    </div>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      [disabled]=\"!isAnyDisplayedColumnSelected\"\n      (click)=\"applyChanges()\"\n    >\n      {{ 'skyux_data_manager_apply_changes_button_title' | skyLibResources }}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{ 'skyux_data_manager_cancel_button_title' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"] }]
-        }], ctorParameters: function () { return [{ type: SkyDataManagerColumnPickerContext }, { type: SkyDataManagerService }, { type: i3.SkyModalInstance }]; } });
-
-class SkyDataManagerColumnPickerImplService {
-    getComponentType() {
-        return SkyDataManagerColumnPickerComponent;
-    }
-}
-SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are
- * rendered after the standard toolbar actions and before the search box. Each item should be
- * wrapped in its own `sky-data-manager-toolbar-left-item`. The items render in the order they are in in the template.
- */
-class SkyDataManagerToolbarLeftItemComponent {
-}
-SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", dependencies: [{ kind: "component", type: i10.λ39, selector: "sky-toolbar-item" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-manager-toolbar-left-item', template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n" }]
-        }] });
-
-/**
- * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are
- * rendered as the first items in the toolbar and should be standard actions. Each item should be
- * wrapped in its own `sky-data-manager-toolbar-primary-item`. The items render in the order they are in in the template.
- */
-class SkyDataManagerToolbarPrimaryItemComponent {
-}
-SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", dependencies: [{ kind: "component", type: i10.λ39, selector: "sky-toolbar-item" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-manager-toolbar-primary-item', template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n" }]
-        }] });
-
-/**
- * A wrapper for an item to be rendered in `SkyDataManagerToolbarComponent`. The contents are
- * rendered in `sky-toolbar-view-actions` on the right side of the toolbar and before the view
- * switcher icons (if present). Each item should be wrapped in its own
- * `sky-data-manager-toolbar-right-item`. The items render in the order they are in in the template.
- */
-class SkyDataManagerToolbarRightItemComponent {
-}
-SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-manager-toolbar-right-item', template: "<ng-content></ng-content>\n" }]
-        }] });
-
-/**
- * A wrapper for items to be rendered in `SkyDataManagerToolbarComponent`. The contents are
- * rendered in an additional toolbar row beneath the primary toolbar and above the multiselect
- * toolbar (if present).
- */
-class SkyDataManagerToolbarSectionComponent {
-}
-SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n", dependencies: [{ kind: "component", type: i10.λ38, selector: "sky-toolbar-section" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-data-manager-toolbar-section', template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n" }]
-        }] });
-
-class SkyDataManagerModule {
-}
-SkyDataManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
-        SkyDataManagerComponent,
-        SkyDataManagerToolbarLeftItemComponent,
-        SkyDataManagerToolbarPrimaryItemComponent,
-        SkyDataManagerToolbarRightItemComponent,
-        SkyDataManagerToolbarSectionComponent,
-        SkyDataManagerToolbarComponent,
-        SkyDataViewComponent], imports: [CommonModule,
-        FormsModule,
-        SkyBackToTopModule,
-        SkyCheckboxModule,
-        SkyDataManagerResourcesModule,
-        SkyFilterModule,
-        SkyIconModule,
-        SkyModalModule,
-        SkyRadioModule,
-        SkyRepeaterModule,
-        SkySearchModule,
-        SkyStatusIndicatorModule,
-        SkySortModule,
-        SkyToolbarModule,
-        SkyViewkeeperModule], exports: [SkyDataManagerColumnPickerComponent,
-        SkyDataManagerComponent,
-        SkyDataManagerToolbarLeftItemComponent,
-        SkyDataManagerToolbarPrimaryItemComponent,
-        SkyDataManagerToolbarRightItemComponent,
-        SkyDataManagerToolbarSectionComponent,
-        SkyDataManagerToolbarComponent,
-        SkyDataViewComponent] });
-SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerModule, providers: [
-        {
-            provide: SkyDataManagerColumnPickerService,
-            useClass: SkyDataManagerColumnPickerImplService,
-        },
-    ], imports: [CommonModule,
-        FormsModule,
-        SkyBackToTopModule,
-        SkyCheckboxModule,
-        SkyDataManagerResourcesModule,
-        SkyFilterModule,
-        SkyIconModule,
-        SkyModalModule,
-        SkyRadioModule,
-        SkyRepeaterModule,
-        SkySearchModule,
-        SkyStatusIndicatorModule,
-        SkySortModule,
-        SkyToolbarModule,
-        SkyViewkeeperModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDataManagerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkyDataManagerColumnPickerComponent,
-                        SkyDataManagerComponent,
-                        SkyDataManagerToolbarLeftItemComponent,
-                        SkyDataManagerToolbarPrimaryItemComponent,
-                        SkyDataManagerToolbarRightItemComponent,
-                        SkyDataManagerToolbarSectionComponent,
-                        SkyDataManagerToolbarComponent,
-                        SkyDataViewComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        SkyBackToTopModule,
-                        SkyCheckboxModule,
-                        SkyDataManagerResourcesModule,
-                        SkyFilterModule,
-                        SkyIconModule,
-                        SkyModalModule,
-                        SkyRadioModule,
-                        SkyRepeaterModule,
-                        SkySearchModule,
-                        SkyStatusIndicatorModule,
-                        SkySortModule,
-                        SkyToolbarModule,
-                        SkyViewkeeperModule,
-                    ],
-                    exports: [
-                        SkyDataManagerColumnPickerComponent,
-                        SkyDataManagerComponent,
-                        SkyDataManagerToolbarLeftItemComponent,
-                        SkyDataManagerToolbarPrimaryItemComponent,
-                        SkyDataManagerToolbarRightItemComponent,
-                        SkyDataManagerToolbarSectionComponent,
-                        SkyDataManagerToolbarComponent,
-                        SkyDataViewComponent,
-                    ],
-                    providers: [
-                        {
-                            provide: SkyDataManagerColumnPickerService,
-                            useClass: SkyDataManagerColumnPickerImplService,
-                        },
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SkyDataManagerColumnPickerSortStrategy, SkyDataManagerFilterModalContext, SkyDataManagerModule, SkyDataManagerService, SkyDataManagerState, SkyDataViewState, SkyDataManagerColumnPickerComponent as λ1, SkyDataManagerComponent as λ2, SkyDataManagerToolbarLeftItemComponent as λ3, SkyDataManagerToolbarPrimaryItemComponent as λ4, SkyDataManagerToolbarRightItemComponent as λ5, SkyDataManagerToolbarSectionComponent as λ6, SkyDataManagerToolbarComponent as λ7, SkyDataViewComponent as λ8 };
-//# sourceMappingURL=skyux-data-manager.mjs.map