@skyux/list-builder 5.0.0-beta.0 → 5.0.1

package/fesm5/skyux-list-builder.js

@@ -1,2884 +0,0 @@
-import { __spread, __extends, __decorate } from 'tslib';
-import { Injectable, EventEmitter, Input, Output, ContentChildren, Component, ChangeDetectionStrategy, NgModule, ViewChild, TemplateRef, ViewContainerRef, forwardRef, ChangeDetectorRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BehaviorSubject, Observable, Subject, of, combineLatest } from 'rxjs';
-import { map, take, distinctUntilChanged, takeUntil, skip, flatMap, scan } from 'rxjs/operators';
-import { ListItemModel, getData, compare, AsyncList, AsyncItem, StateOrchestrator, StateDispatcher, StateNode, getValue, isObservable } from '@skyux/list-builder-common';
-import { SkyFilterModule, SkyPagingModule, SkySortModule } from '@skyux/lists';
-import { getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule } from '@skyux/i18n';
-import { SkyIconModule } from '@skyux/indicators';
-import { SkyDropdownModule } from '@skyux/popovers';
-import { SkyToolbarModule } from '@skyux/layout';
-import { SkySearchComponent, SkySearchModule } from '@skyux/lookup';
-import { SkyCheckboxModule } from '@skyux/forms';
-
-var ListDataRequestModel = /** @class */ (function () {
-    function ListDataRequestModel(data) {
-        /**
-         * Indicates whether to disable the search bar and filter button.
-         * @default false
-         */
-        this.isToolbarDisabled = false;
-        if (data !== undefined) {
-            this.filters = data.filters;
-            this.pageSize = data.pageSize;
-            this.pageNumber = data.pageNumber;
-            this.search = data.search;
-            this.sort = data.sort;
-            this.isToolbarDisabled = data.isToolbarDisabled;
-        }
-    }
-    return ListDataRequestModel;
-}());
-
-var ListDataResponseModel = /** @class */ (function () {
-    function ListDataResponseModel(data) {
-        if (data !== undefined) {
-            this.count = data.count;
-            this.items = data.items;
-        }
-    }
-    return ListDataResponseModel;
-}());
-
-/**
- * @internal
- */
-var ListDataProvider = /** @class */ (function () {
-    function ListDataProvider(data) {
-    }
-    return ListDataProvider;
-}());
-
-/**
- * @internal
- */
-var ListItemsLoadAction = /** @class */ (function () {
-    function ListItemsLoadAction(items, refresh, dataChanged, count) {
-        if (refresh === void 0) { refresh = false; }
-        if (dataChanged === void 0) { dataChanged = true; }
-        this.items = items;
-        this.refresh = refresh;
-        this.dataChanged = dataChanged;
-        this.count = count;
-    }
-    return ListItemsLoadAction;
-}());
-
-/**
- * @internal
- */
-var ListItemsSetLoadingAction = /** @class */ (function () {
-    function ListItemsSetLoadingAction(loading) {
-        if (loading === void 0) { loading = true; }
-        this.loading = loading;
-    }
-    return ListItemsSetLoadingAction;
-}());
-
-/**
- * @internal
- */
-var ListSelectedLoadAction = /** @class */ (function () {
-    function ListSelectedLoadAction(items) {
-        this.items = items;
-    }
-    return ListSelectedLoadAction;
-}());
-
-/**
- * @internal
- */
-var ListSelectedSetLoadingAction = /** @class */ (function () {
-    function ListSelectedSetLoadingAction(loading) {
-        if (loading === void 0) { loading = true; }
-        this.loading = loading;
-    }
-    return ListSelectedSetLoadingAction;
-}());
-
-/**
- * Specifies a set of fields to sort by.
- */
-var ListSortModel = /** @class */ (function () {
-    function ListSortModel(data) {
-        /**
-         * Specifies the list of available views to sort.
-         */
-        this.available = [];
-        /**
-         * Specifies whether the sort applies to all list views.
-         */
-        this.global = [];
-        /**
-         * Specifies the fields to sort.
-         * For information about `ListSortFieldSelectorModel`, see the
-         * [shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common).
-         */
-        this.fieldSelectors = [];
-        if (data) {
-            this.available = data.available;
-            this.global = data.global;
-            this.fieldSelectors = data.fieldSelectors;
-        }
-    }
-    return ListSortModel;
-}());
-
-/**
- * @internal
- */
-var ListSortSetFieldSelectorsAction = /** @class */ (function () {
-    function ListSortSetFieldSelectorsAction(fieldSelectors) {
-        this.fieldSelectors = fieldSelectors;
-    }
-    return ListSortSetFieldSelectorsAction;
-}());
-
-/**
- * Specifies a function to dynamically manage the data source when users change the text
- * in the list field. The search function must return an array or a promise of an array.
- * The `search` property is particularly useful when the data source does not live
- * in the source code.
- */
-var ListSearchModel = /** @class */ (function () {
-    function ListSearchModel(data) {
-        /**
-         * Specifies the text to search.
-         */
-        this.searchText = '';
-        /**
-         * Specifies an array of functions that returns a `boolean` value of `true` when
-         * the search is successful. This property accepts a function of type
-         * `(data: any, searchText: string) => boolean>.`
-         */
-        this.functions = [];
-        /**
-         * Specifies the columns to search. The columns correspond to `field` values that
-         * you specify with the list component's `data` property.
-         */
-        this.fieldSelectors = [];
-        if (data) {
-            this.searchText = data.searchText;
-            this.functions = __spread(data.functions);
-            this.fieldSelectors = data.fieldSelectors;
-        }
-    }
-    return ListSearchModel;
-}());
-
-var idIndex = 0;
-var SkyListInMemoryDataProvider = /** @class */ (function (_super) {
-    __extends(SkyListInMemoryDataProvider, _super);
-    function SkyListInMemoryDataProvider(data, searchFunction) {
-        var _this = _super.call(this, data) || this;
-        _this.items = new BehaviorSubject([]);
-        _this.searchFunction = searchFunction;
-        if (data) {
-            data.subscribe(function (items) {
-                _this.items.next(items.map(function (d) {
-                    return new ListItemModel(d.id || "sky-list-data-in-memory-provider-item-" + ++idIndex, d);
-                }));
-            });
-        }
-        return _this;
-    }
-    SkyListInMemoryDataProvider.prototype.count = function () {
-        return this.items.pipe(map(function (items) { return items.length; }));
-    };
-    SkyListInMemoryDataProvider.prototype.get = function (request) {
-        return this.filteredItems(request).pipe(map(function (result) {
-            if (request.pageNumber && request.pageSize) {
-                var itemStart = (request.pageNumber - 1) * request.pageSize;
-                var pagedResult = result.slice(itemStart, itemStart + request.pageSize);
-                return new ListDataResponseModel({
-                    count: result.length,
-                    items: pagedResult
-                });
-            }
-            else {
-                return new ListDataResponseModel({
-                    count: result.length,
-                    items: result
-                });
-            }
-        }));
-    };
-    SkyListInMemoryDataProvider.prototype.filteredItems = function (request) {
-        var _this = this;
-        var showSelectedId = ['show-selected'];
-        return this.items.pipe(map(function (items) {
-            var dataChanged = false;
-            var search = request.search;
-            var sort = request.sort;
-            var filters = request.filters;
-            if (_this.lastItems === undefined || _this.lastItems !== items) {
-                dataChanged = true;
-                _this.lastItems = items;
-            }
-            var searchChanged = false;
-            var filtersChanged = false;
-            if (request.isToolbarDisabled) {
-                searchChanged = true;
-                search = new ListSearchModel();
-                filters = filters.filter(function (f) { return showSelectedId.indexOf(f.name) >= 0; });
-                filtersChanged = true;
-            }
-            else {
-                if (_this.lastSearch === undefined || _this.lastSearch !== search) {
-                    searchChanged = true;
-                }
-                if (_this.lastFilters === undefined || _this.lastFilters !== filters) {
-                    filtersChanged = true;
-                }
-            }
-            _this.lastSearch = search;
-            _this.lastFilters = filters;
-            var result = items;
-            // Apply filters.
-            if (!dataChanged && !filtersChanged && _this.lastFilterResults !== undefined) {
-                result = _this.lastFilterResults;
-            }
-            else if (filters && filters.length > 0) {
-                result = result.filter(function (item) {
-                    for (var i = 0; i < filters.length; i++) {
-                        var filter = filters[i];
-                        if (filter.value === undefined ||
-                            filter.value === '' ||
-                            filter.value === false ||
-                            filter.value === filter.defaultValue) {
-                            continue;
-                        }
-                        if (!filter.filterFunction(item, filter.value)) {
-                            return false;
-                        }
-                    }
-                    return true;
-                });
-                _this.lastFilterResults = result;
-            }
-            else {
-                _this.lastFilterResults = undefined;
-            }
-            // Apply search.
-            if (!dataChanged && !searchChanged && _this.lastSearchResults !== undefined && !filtersChanged) {
-                result = _this.lastSearchResults;
-            }
-            else if (search && search.searchText !== undefined && search.searchText.length > 0) {
-                var searchText_1 = search.searchText.toLowerCase();
-                var searchFunctions_1;
-                if (_this.searchFunction !== undefined) {
-                    searchFunctions_1 = [_this.searchFunction];
-                }
-                else {
-                    searchFunctions_1 = search.functions;
-                }
-                result = result.filter(function (item) {
-                    var isMatch = false;
-                    for (var i = 0; i < searchFunctions_1.length; i++) {
-                        var searchFunction = searchFunctions_1[i];
-                        var searchResult = searchFunction(item.data, searchText_1);
-                        if ((typeof searchResult === 'string' && searchResult.indexOf(searchText_1) !== -1) ||
-                            searchResult === true) {
-                            isMatch = true;
-                            break;
-                        }
-                    }
-                    return isMatch;
-                });
-                _this.lastSearchResults = result;
-            }
-            else {
-                _this.lastSearchResults = undefined;
-            }
-            // Apply sort.
-            if (sort && sort.fieldSelectors.length > 0) {
-                result = result.slice().sort(function (item1, item2) {
-                    var compareResult = 0;
-                    for (var i = 0; i < sort.fieldSelectors.length; i++) {
-                        var selector = sort.fieldSelectors[i];
-                        var value1 = getData(item1.data, selector.fieldSelector);
-                        var value2 = getData(item2.data, selector.fieldSelector);
-                        compareResult = compare(value1, value2);
-                        if (selector.descending && compareResult !== 0) {
-                            compareResult *= -1;
-                        }
-                        if (compareResult !== 0) {
-                            break;
-                        }
-                    }
-                    return compareResult;
-                });
-            }
-            return result;
-        }));
-    };
-    return SkyListInMemoryDataProvider;
-}(ListDataProvider));
-
-/**
- * @internal
- */
-var ListPagingModel = /** @class */ (function () {
-    function ListPagingModel(data) {
-        if (data !== undefined) {
-            this.itemsPerPage = data.itemsPerPage || 10;
-            this.maxDisplayedPages = data.maxDisplayedPages || 5;
-            this.pageCount = data.pageCount || 0;
-            this.pageNumber = data.pageNumber || 1;
-        }
-    }
-    return ListPagingModel;
-}());
-
-/**
- * Contains data about the selected items in the list.
- */
-var ListSelectedModel = /** @class */ (function () {
-    function ListSelectedModel() {
-        this.selectedIdMap = new Map();
-    }
-    return ListSelectedModel;
-}());
-
-/**
- * @internal
- */
-var ListToolbarModel = /** @class */ (function () {
-    function ListToolbarModel(data) {
-        this.items = [];
-        this.showMultiselectToolbar = false;
-        if (data) {
-            this.exists = data.exists;
-            this.disabled = data.disabled;
-            this.items = data.items;
-            this.type = data.type;
-            this.showMultiselectToolbar = data.showMultiselectToolbar;
-        }
-    }
-    return ListToolbarModel;
-}());
-
-/**
- * @internal
- */
-var ListViewsModel = /** @class */ (function () {
-    function ListViewsModel(data) {
-        this.views = [];
-        if (data) {
-            this.active = data.active;
-            this.views = data.views;
-        }
-    }
-    return ListViewsModel;
-}());
-
-/**
- * @internal
- */
-var ListStateModel = /** @class */ (function () {
-    function ListStateModel() {
-        this.filters = [];
-        this.items = new AsyncList();
-        this.paging = new ListPagingModel();
-        this.search = new ListSearchModel();
-        this.selected = new AsyncItem();
-        this.sort = new ListSortModel();
-        this.toolbar = new ListToolbarModel();
-        this.views = new ListViewsModel();
-        this.selected.item = new ListSelectedModel();
-    }
-    return ListStateModel;
-}());
-
-/**
- * @internal
- */
-var ListFiltersUpdateAction = /** @class */ (function () {
-    function ListFiltersUpdateAction(filters) {
-        this.filters = filters;
-    }
-    return ListFiltersUpdateAction;
-}());
-
-/**
- * @internal
- */
-var ListSearchSetFunctionsAction = /** @class */ (function () {
-    function ListSearchSetFunctionsAction(functions) {
-        if (functions === void 0) { functions = []; }
-        this.functions = functions;
-    }
-    return ListSearchSetFunctionsAction;
-}());
-
-/**
- * @internal
- */
-var ListSearchSetSearchTextAction = /** @class */ (function () {
-    function ListSearchSetSearchTextAction(searchText) {
-        this.searchText = searchText;
-    }
-    return ListSearchSetSearchTextAction;
-}());
-
-/**
- * @internal
- */
-var ListSearchSetFieldSelectorsAction = /** @class */ (function () {
-    function ListSearchSetFieldSelectorsAction(fieldSelectors) {
-        if (fieldSelectors === void 0) { fieldSelectors = []; }
-        this.fieldSelectors = fieldSelectors;
-    }
-    return ListSearchSetFieldSelectorsAction;
-}());
-
-/**
- * @internal
- */
-var ListSearchSetOptionsAction = /** @class */ (function () {
-    function ListSearchSetOptionsAction(searchTextAction, setFieldSelectorsAction, setFunctionsAction) {
-        this.searchTextAction = searchTextAction;
-        this.setFieldSelectorsAction = setFieldSelectorsAction;
-        this.setFunctionsAction = setFunctionsAction;
-    }
-    return ListSearchSetOptionsAction;
-}());
-
-/**
- * @internal
- */
-var ListSelectedSetItemsSelectedAction = /** @class */ (function () {
-    function ListSelectedSetItemsSelectedAction(items, selected, refresh) {
-        if (selected === void 0) { selected = false; }
-        if (refresh === void 0) { refresh = true; }
-        this.items = items;
-        this.selected = selected;
-        this.refresh = refresh;
-    }
-    return ListSelectedSetItemsSelectedAction;
-}());
-
-/**
- * @internal
- */
-var ListSortSetAvailableAction = /** @class */ (function () {
-    function ListSortSetAvailableAction(available) {
-        this.available = available;
-    }
-    return ListSortSetAvailableAction;
-}());
-
-/**
- * @internal
- */
-var ListSortSetGlobalAction = /** @class */ (function () {
-    function ListSortSetGlobalAction(global) {
-        this.global = global;
-    }
-    return ListSortSetGlobalAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarItemsDisableAction = /** @class */ (function () {
-    function ListToolbarItemsDisableAction(disable) {
-        this.disable = disable;
-    }
-    return ListToolbarItemsDisableAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarItemsLoadAction = /** @class */ (function () {
-    function ListToolbarItemsLoadAction(items, index) {
-        if (index === void 0) { index = -1; }
-        this.items = items;
-        this.index = index;
-    }
-    return ListToolbarItemsLoadAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarItemsRemoveAction = /** @class */ (function () {
-    function ListToolbarItemsRemoveAction(ids) {
-        this.ids = ids;
-    }
-    return ListToolbarItemsRemoveAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarSetExistsAction = /** @class */ (function () {
-    function ListToolbarSetExistsAction(exists) {
-        this.exists = exists;
-    }
-    return ListToolbarSetExistsAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarShowMultiselectToolbarAction = /** @class */ (function () {
-    function ListToolbarShowMultiselectToolbarAction(exists) {
-        this.exists = exists;
-    }
-    return ListToolbarShowMultiselectToolbarAction;
-}());
-
-/**
- * @internal
- */
-var ListViewsSetActiveAction = /** @class */ (function () {
-    function ListViewsSetActiveAction(view) {
-        this.view = view;
-    }
-    return ListViewsSetActiveAction;
-}());
-
-/**
- * @internal
- */
-var ListStateOrchestrator = /** @class */ (function (_super) {
-    __extends(ListStateOrchestrator, _super);
-    function ListStateOrchestrator() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return ListStateOrchestrator;
-}(StateOrchestrator));
-/**
- * @internal
- */
-var ListStateDispatcher = /** @class */ (function (_super) {
-    __extends(ListStateDispatcher, _super);
-    function ListStateDispatcher() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ListStateDispatcher.prototype.viewsSetActive = function (id) {
-        this.next(new ListViewsSetActiveAction(id));
-    };
-    ListStateDispatcher.prototype.toolbarExists = function (exists) {
-        this.next(new ListToolbarSetExistsAction(exists));
-    };
-    ListStateDispatcher.prototype.toolbarSetDisabled = function (disabled) {
-        this.next(new ListToolbarItemsDisableAction(disabled));
-    };
-    ListStateDispatcher.prototype.toolbarAddItems = function (items, index) {
-        if (index === void 0) { index = -1; }
-        this.next(new ListToolbarItemsLoadAction(items, index));
-    };
-    ListStateDispatcher.prototype.toolbarRemoveItems = function (ids) {
-        this.next(new ListToolbarItemsRemoveAction(ids));
-    };
-    ListStateDispatcher.prototype.toolbarShowMultiselectToolbar = function (show) {
-        this.next(new ListToolbarShowMultiselectToolbarAction(show));
-    };
-    ListStateDispatcher.prototype.searchSetFunctions = function (sortFunctions) {
-        this.next(new ListSearchSetFunctionsAction(sortFunctions));
-    };
-    ListStateDispatcher.prototype.searchSetFieldSelectors = function (fieldSelectors) {
-        this.next(new ListSearchSetFieldSelectorsAction(fieldSelectors));
-    };
-    ListStateDispatcher.prototype.searchSetText = function (searchText) {
-        this.next(new ListSearchSetSearchTextAction(searchText));
-    };
-    ListStateDispatcher.prototype.searchSetOptions = function (searchOptions) {
-        this.next(new ListSearchSetOptionsAction(new ListSearchSetSearchTextAction(searchOptions.searchText), new ListSearchSetFieldSelectorsAction(searchOptions.fieldSelectors), new ListSearchSetFunctionsAction(searchOptions.functions)));
-    };
-    ListStateDispatcher.prototype.sortSetAvailable = function (sortLabels) {
-        this.next(new ListSortSetAvailableAction(sortLabels));
-    };
-    ListStateDispatcher.prototype.sortSetFieldSelectors = function (fieldSelectors) {
-        this.next(new ListSortSetFieldSelectorsAction(fieldSelectors));
-    };
-    ListStateDispatcher.prototype.sortSetGlobal = function (sortLabels) {
-        this.next(new ListSortSetGlobalAction(sortLabels));
-    };
-    ListStateDispatcher.prototype.filtersUpdate = function (filters) {
-        this.next(new ListFiltersUpdateAction(filters));
-    };
-    ListStateDispatcher.prototype.setSelected = function (selectedIds, selected, refresh) {
-        if (refresh === void 0) { refresh = false; }
-        this.next(new ListSelectedSetItemsSelectedAction(selectedIds, selected, refresh));
-    };
-    ListStateDispatcher = __decorate([
-        Injectable()
-    ], ListStateDispatcher);
-    return ListStateDispatcher;
-}(StateDispatcher));
-
-/**
- * @internal
- */
-var ListFiltersOrchestrator = /** @class */ (function (_super) {
-    __extends(ListFiltersOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListFiltersOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListFiltersUpdateAction, _this.update);
-        return _this;
-    }
-    ListFiltersOrchestrator.prototype.update = function (state, action) {
-        return __spread(action.filters);
-    };
-    return ListFiltersOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * @internal
- */
-var ListItemsSetSelectedAction = /** @class */ (function () {
-    function ListItemsSetSelectedAction(items, selected, refresh) {
-        if (selected === void 0) { selected = false; }
-        if (refresh === void 0) { refresh = true; }
-        this.items = items;
-        this.selected = selected;
-        this.refresh = refresh;
-    }
-    return ListItemsSetSelectedAction;
-}());
-
-/**
- * @internal
- */
-var ListItemsOrchestrator = /** @class */ (function (_super) {
-    __extends(ListItemsOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListItemsOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListItemsSetLoadingAction, _this.setLoading)
-            .register(ListItemsLoadAction, _this.load)
-            .register(ListItemsSetSelectedAction, _this.setItemsSelected);
-        return _this;
-    }
-    ListItemsOrchestrator.prototype.setLoading = function (state, action) {
-        return new AsyncList(state.items, state.lastUpdate, action.loading, state.count);
-    };
-    ListItemsOrchestrator.prototype.load = function (state, action) {
-        var newListItems = action.items.map(function (g) { return new ListItemModel(g.id, g.data, g.isSelected); });
-        var resultItems = (action.refresh) ? __spread(newListItems) : __spread(state.items, newListItems);
-        var count = action.count === undefined ? resultItems.length : action.count;
-        return new AsyncList(resultItems, action.dataChanged ? Date.now() : state.lastUpdate, false, count);
-    };
-    ListItemsOrchestrator.prototype.setItemsSelected = function (state, action) {
-        var newSelectedIds = action.items || [];
-        var newListItemModels = this.cloneListItemModelArray(state.items);
-        if (action.refresh) {
-            newListItemModels.forEach(function (item) { return item.isSelected = undefined; });
-        }
-        newSelectedIds.map(function (s) {
-            var newItem = newListItemModels.find(function (i) { return i.id === s; });
-            if (newItem) {
-                newItem.isSelected = action.selected;
-            }
-        });
-        return new AsyncList(newListItemModels, Date.now(), state.loading, state.count);
-    };
-    ListItemsOrchestrator.prototype.cloneListItemModelArray = function (source) {
-        var newListItems = [];
-        source.forEach(function (item) {
-            newListItems.push(new ListItemModel(item.id, Object.assign({}, item.data), item.isSelected));
-        });
-        return newListItems;
-    };
-    return ListItemsOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * @internal
- */
-var ListPagingSetMaxPagesAction = /** @class */ (function () {
-    function ListPagingSetMaxPagesAction(maxPages) {
-        this.maxPages = maxPages;
-    }
-    return ListPagingSetMaxPagesAction;
-}());
-
-/**
- * @internal
- */
-var ListPagingSetItemsPerPageAction = /** @class */ (function () {
-    function ListPagingSetItemsPerPageAction(itemsPerPage) {
-        this.itemsPerPage = itemsPerPage;
-    }
-    return ListPagingSetItemsPerPageAction;
-}());
-
-/**
- * @internal
- */
-var ListPagingSetPageNumberAction = /** @class */ (function () {
-    function ListPagingSetPageNumberAction(pageNumber) {
-        this.pageNumber = pageNumber;
-    }
-    return ListPagingSetPageNumberAction;
-}());
-
-/**
- * @internal
- */
-var ListPagingOrchestrator = /** @class */ (function (_super) {
-    __extends(ListPagingOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListPagingOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListPagingSetMaxPagesAction, _this.setMaxPages)
-            .register(ListPagingSetItemsPerPageAction, _this.setItemsPerPage)
-            .register(ListPagingSetPageNumberAction, _this.setPageNumber);
-        return _this;
-    }
-    ListPagingOrchestrator.prototype.setMaxPages = function (state, action) {
-        return new ListPagingModel(Object.assign({}, state, { maxDisplayedPages: Number(action.maxPages) }));
-    };
-    ListPagingOrchestrator.prototype.setItemsPerPage = function (state, action) {
-        return new ListPagingModel(Object.assign({}, state, { itemsPerPage: Number(action.itemsPerPage) }));
-    };
-    ListPagingOrchestrator.prototype.setPageNumber = function (state, action) {
-        return new ListPagingModel(Object.assign({}, state, { pageNumber: Number(action.pageNumber) }));
-    };
-    return ListPagingOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * @internal
- */
-var ListViewsLoadAction = /** @class */ (function () {
-    function ListViewsLoadAction(views) {
-        this.views = views;
-    }
-    return ListViewsLoadAction;
-}());
-
-/**
- * @internal
- */
-var ListViewsOrchestrator = /** @class */ (function (_super) {
-    __extends(ListViewsOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListViewsOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListViewsSetActiveAction, _this.setActive)
-            .register(ListViewsLoadAction, _this.load);
-        return _this;
-    }
-    ListViewsOrchestrator.prototype.setActive = function (state, action) {
-        return new ListViewsModel(Object.assign({}, state, { active: action.view }));
-    };
-    ListViewsOrchestrator.prototype.load = function (state, action) {
-        return new ListViewsModel(Object.assign({}, state, { views: action.views }));
-    };
-    return ListViewsOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * @internal
- */
-var ListToolbarItemModel = /** @class */ (function () {
-    function ListToolbarItemModel(data) {
-        this.index = -1;
-        if (data) {
-            this.index = data.index;
-            this.template = data.template;
-            this.location = data.location;
-            this.view = data.view;
-            this.id = data.id;
-        }
-    }
-    return ListToolbarItemModel;
-}());
-
-/**
- * @internal
- */
-var ListToolbarSetTypeAction = /** @class */ (function () {
-    function ListToolbarSetTypeAction(type) {
-        this.type = type;
-    }
-    return ListToolbarSetTypeAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarOrchestrator = /** @class */ (function (_super) {
-    __extends(ListToolbarOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListToolbarOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListToolbarSetExistsAction, _this.setExists)
-            .register(ListToolbarItemsDisableAction, _this.setDisabled)
-            .register(ListToolbarItemsLoadAction, _this.load)
-            .register(ListToolbarSetTypeAction, _this.setType)
-            .register(ListToolbarItemsRemoveAction, _this.remove)
-            .register(ListToolbarShowMultiselectToolbarAction, _this.showMultiselectToolbar);
-        return _this;
-    }
-    ListToolbarOrchestrator.prototype.setExists = function (state, action) {
-        var newModel = new ListToolbarModel(state);
-        newModel.exists = action.exists;
-        return newModel;
-    };
-    ListToolbarOrchestrator.prototype.setDisabled = function (state, action) {
-        var newModel = new ListToolbarModel(state);
-        newModel.disabled = action.disable;
-        return newModel;
-    };
-    ListToolbarOrchestrator.prototype.setType = function (state, action) {
-        var newModel = new ListToolbarModel(state);
-        newModel.type = action.type;
-        return newModel;
-    };
-    ListToolbarOrchestrator.prototype.load = function (state, action) {
-        var newModel = new ListToolbarModel(state);
-        var newListItems = action.items.map(function (item) {
-            /**
-             * NOTE: Originally this function went off the action index and item models did not include
-             * the index. We changed this but must leave functionality to convert the action index for
-             * backwards compatibility.
-             */
-            if (!item.index) {
-                item.index = action.index;
-            }
-            return new ListToolbarItemModel(item);
-        });
-        var items = __spread(state.items, newListItems);
-        items = items.sort(function (a, b) {
-            if (a.index < b.index) {
-                return -1;
-            }
-            else if (a.index > b.index) {
-                return 1;
-            }
-            else {
-                return 0;
-            }
-        });
-        newModel.items = items;
-        return newModel;
-    };
-    ListToolbarOrchestrator.prototype.remove = function (state, action) {
-        var newModel = new ListToolbarModel(state);
-        newModel.items = newModel.items.filter(function (item) {
-            return action.ids.indexOf(item.id) === -1;
-        });
-        return newModel;
-    };
-    ListToolbarOrchestrator.prototype.showMultiselectToolbar = function (state, action) {
-        var newModel = new ListToolbarModel(state);
-        newModel.showMultiselectToolbar = action.exists;
-        return newModel;
-    };
-    return ListToolbarOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * @internal
- */
-var ListSearchOrchestrator = /** @class */ (function (_super) {
-    __extends(ListSearchOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListSearchOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListSearchSetSearchTextAction, _this.setSearchText)
-            .register(ListSearchSetFunctionsAction, _this.setFunctions)
-            .register(ListSearchSetFieldSelectorsAction, _this.setFieldSelectors)
-            .register(ListSearchSetOptionsAction, _this.setOptions);
-        return _this;
-    }
-    ListSearchOrchestrator.prototype.setSearchText = function (state, action) {
-        return new ListSearchModel(Object.assign({}, state, { searchText: action.searchText ? action.searchText : '' }));
-    };
-    ListSearchOrchestrator.prototype.setFunctions = function (state, action) {
-        return new ListSearchModel(Object.assign({}, state, { functions: __spread(action.functions) }));
-    };
-    ListSearchOrchestrator.prototype.setFieldSelectors = function (state, action) {
-        return new ListSearchModel(Object.assign({}, state, { fieldSelectors: __spread(action.fieldSelectors) }));
-    };
-    ListSearchOrchestrator.prototype.setOptions = function (state, action) {
-        var result = state;
-        /* istanbul ignore else */
-        if (action.searchTextAction) {
-            result = this.setSearchText(result, action.searchTextAction);
-        }
-        /* istanbul ignore else */
-        if (action.setFieldSelectorsAction) {
-            result = this.setFieldSelectors(result, action.setFieldSelectorsAction);
-        }
-        /* istanbul ignore else */
-        if (action.setFunctionsAction) {
-            result = this.setFunctions(result, action.setFunctionsAction);
-        }
-        return result;
-    };
-    return ListSearchOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * @internal
- */
-var ListSelectedSetItemSelectedAction = /** @class */ (function () {
-    function ListSelectedSetItemSelectedAction(id, selected) {
-        this.id = id;
-        this.selected = selected;
-    }
-    return ListSelectedSetItemSelectedAction;
-}());
-
-/**
- * @internal
- */
-var ListSelectedOrchestrator = /** @class */ (function (_super) {
-    __extends(ListSelectedOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListSelectedOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListSelectedSetLoadingAction, _this.setLoading)
-            .register(ListSelectedSetItemSelectedAction, _this.setItemSelected)
-            .register(ListSelectedSetItemsSelectedAction, _this.setItemsSelected)
-            .register(ListSelectedLoadAction, _this.load);
-        return _this;
-    }
-    ListSelectedOrchestrator.prototype.setLoading = function (state, action) {
-        return new AsyncItem(state.item, state.lastUpdate, action.loading);
-    };
-    ListSelectedOrchestrator.prototype.load = function (state, action) {
-        var newSelected = new ListSelectedModel();
-        action.items.map(function (s) { return newSelected.selectedIdMap.set(s, true); });
-        return new AsyncItem(Object.assign({}, state.item, newSelected), Date.now(), false);
-    };
-    ListSelectedOrchestrator.prototype.setItemSelected = function (state, action) {
-        var newSelected = this.cloneListSelectedModel(state.item);
-        newSelected.selectedIdMap.set(action.id, action.selected);
-        return new AsyncItem(newSelected, state.lastUpdate, state.loading);
-    };
-    ListSelectedOrchestrator.prototype.setItemsSelected = function (state, action) {
-        var newSelectedIds = action.items || [];
-        var newListSelectedModel = action.refresh ? new ListSelectedModel() : this.cloneListSelectedModel(state.item);
-        if (newSelectedIds instanceof Observable) {
-            newSelectedIds
-                .pipe(take(1))
-                .subscribe(function (selectedIds) {
-                selectedIds.map(function (s) { return newListSelectedModel.selectedIdMap.set(s, action.selected); });
-            });
-        }
-        else {
-            newSelectedIds.map(function (s) { return newListSelectedModel.selectedIdMap.set(s, action.selected); });
-        }
-        return new AsyncItem(newListSelectedModel, state.lastUpdate, state.loading);
-    };
-    ListSelectedOrchestrator.prototype.cloneListSelectedModel = function (source) {
-        var newListItems = new ListSelectedModel();
-        newListItems.selectedIdMap = new Map(source.selectedIdMap);
-        return newListItems;
-    };
-    return ListSelectedOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * These properties are a work in progress, and we do not recommend using them.
- */
-var ListSortLabelModel = /** @class */ (function () {
-    function ListSortLabelModel(data) {
-        /**
-         * Indicates whether to sort all fields.
-         * @default false
-         */
-        this.global = false;
-        /**
-         * Indicates whether to sort in descending order.
-         * @default false
-         */
-        this.descending = false;
-        if (data) {
-            this.text = data.text;
-            this.fieldType = data.fieldType;
-            this.fieldSelector = data.fieldSelector;
-            this.global = data.global;
-            this.descending = data.descending;
-        }
-    }
-    return ListSortLabelModel;
-}());
-
-/**
- * @internal
- */
-var ListSortOrchestrator = /** @class */ (function (_super) {
-    __extends(ListSortOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListSortOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListSortSetFieldSelectorsAction, _this.setFieldSelectors)
-            .register(ListSortSetAvailableAction, _this.setAvailable)
-            .register(ListSortSetGlobalAction, _this.setGlobal);
-        return _this;
-    }
-    ListSortOrchestrator.prototype.setFieldSelectors = function (state, action) {
-        return new ListSortModel(Object.assign({}, state, { fieldSelectors: action.fieldSelectors }));
-    };
-    ListSortOrchestrator.prototype.setAvailable = function (state, action) {
-        var newAvailable = action.available.map(function (available) { return new ListSortLabelModel(available); });
-        return new ListSortModel(Object.assign({}, state, { available: newAvailable }));
-    };
-    ListSortOrchestrator.prototype.setGlobal = function (state, action) {
-        var newGlobal = action.global.map(function (global) { return new ListSortLabelModel(global); });
-        return new ListSortModel(Object.assign({}, state, { global: newGlobal }));
-    };
-    return ListSortOrchestrator;
-}(ListStateOrchestrator));
-
-/**
- * @internal
- */
-var ListState = /** @class */ (function (_super) {
-    __extends(ListState, _super);
-    function ListState(dispatcher) {
-        var _this = _super.call(this, new ListStateModel(), dispatcher) || this;
-        _this
-            .register('filters', ListFiltersOrchestrator)
-            .register('items', ListItemsOrchestrator)
-            .register('paging', ListPagingOrchestrator)
-            .register('search', ListSearchOrchestrator)
-            .register('sort', ListSortOrchestrator)
-            .register('toolbar', ListToolbarOrchestrator)
-            .register('views', ListViewsOrchestrator)
-            .register('selected', ListSelectedOrchestrator)
-            .begin();
-        return _this;
-    }
-    ListState.ctorParameters = function () { return [
-        { type: ListStateDispatcher }
-    ]; };
-    ListState = __decorate([
-        Injectable()
-    ], ListState);
-    return ListState;
-}(StateNode));
-
-var idIndex$1 = 0;
-/**
- * @internal
- */
-var ListViewComponent = /** @class */ (function () {
-    function ListViewComponent(state, defaultName) {
-        var _this = this;
-        this.viewId = "sky-list-view-cmp-" + ++idIndex$1;
-        this.state = state;
-        this.viewName = defaultName;
-        this.hasToolbar = this.state.pipe(map(function (s) { return s.toolbar.exists; }));
-        this.active = this.state.pipe(map(function (s) { return s.views.active === _this.viewId; }));
-        this.active.pipe(distinctUntilChanged()).subscribe(function (isActive) { return isActive ? _this.onViewActive() : _this.onViewInactive(); });
-    }
-    Object.defineProperty(ListViewComponent.prototype, "id", {
-        get: function () {
-            return this.viewId;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ListViewComponent.prototype, "label", {
-        get: function () {
-            return this.viewName;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /* istanbul ignore next */
-    ListViewComponent.prototype.onViewActive = function () {
-    };
-    ListViewComponent.prototype.onViewInactive = function () {
-    };
-    return ListViewComponent;
-}());
-
-/**
- * @internal
- */
-var ListViewModel = /** @class */ (function () {
-    function ListViewModel(id, name) {
-        this.id = id;
-        this.name = name;
-    }
-    return ListViewModel;
-}());
-
-var idIndex$2 = 0;
-var SkyListComponent = /** @class */ (function () {
-    function SkyListComponent(state, dispatcher) {
-        this.state = state;
-        this.dispatcher = dispatcher;
-        this.id = "sky-list-cmp-" + ++idIndex$2;
-        /**
-         * Specifies the data to display. The list component requires this property or the
-         * `dataProvider` property. For checklist or multiselect grids, each row requires an
-         * `id` property to manage selected items with the `selectedIds` input and the
-         * `selectedIdsChange` event. If you do not provide an `id`, the list automatically
-         * generates one. To update data in your view outside of a `dataProvider`, you must use
-         * an observable instead of a static array.
-         */
-        this.data = [];
-        /**
-         * Specifies a set of filters to apply to list data.
-         * These filters create a filter summary when the list includes the
-         * [`sky-list-filter-summary`](https://developer.blackbaud.com/skyux/components/list/filters)
-         * component.
-         */
-        this.appliedFilters = [];
-        /**
-         * For list views that support item selection, emits the selected entries.
-         */
-        this.selectedIdsChange = new EventEmitter();
-        /**
-         * Emits the filters applied to the list.
-         */
-        this.appliedFiltersChange = new EventEmitter();
-        /* tslint:enable */
-        this.dataFirstLoad = false;
-        this.lastSelectedIds = [];
-        this.lastFilters = [];
-        this.ngUnsubscribe = new Subject();
-    }
-    SkyListComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        if (this.data && this.dataProvider && this.initialTotal) {
-            this.dataFirstLoad = true;
-        }
-        if (this.listViews.length > 0) {
-            var defaultView = (this.defaultView === undefined) ? this.listViews.first : this.defaultView;
-            this.dispatcher.next(new ListViewsLoadAction(this.listViews.map(function (v) { return new ListViewModel(v.id, v.label); })));
-            // activate the default view
-            this.dispatcher.next(new ListViewsSetActiveAction(defaultView.id));
-        }
-        else {
-            return;
-        }
-        // set sort fields
-        getValue(this.sortFields, function (sortFields) {
-            var sortArray;
-            if (!Array.isArray(sortFields) && sortFields) {
-                sortArray = [sortFields];
-            }
-            else {
-                sortArray = sortFields;
-            }
-            _this.dispatcher.next(new ListSortSetFieldSelectorsAction(sortArray || []));
-        });
-        this.displayedItems.subscribe(function (result) {
-            _this.dispatcher.next(new ListItemsSetLoadingAction());
-            _this.dispatcher.next(new ListItemsLoadAction(result.items, true, true, result.count));
-        });
-        // Watch for selection changes.
-        this.state
-            .pipe(map(function (current) { return current.selected; }), takeUntil(this.ngUnsubscribe), distinctUntilChanged())
-            .subscribe(function (selected) {
-            // Update lastSelectedIds to help us retain user selections.
-            var selectedIdsList = [];
-            selected.item.selectedIdMap.forEach(function (value, key) {
-                if (value === true) {
-                    selectedIdsList.push(key);
-                }
-            });
-            // If changes are distinct, emit selectedIdsChange.
-            var distinctChanges = !_this.arraysEqual(_this.lastSelectedIds, selectedIdsList);
-            if (_this.selectedIdsChange.observers.length > 0 && distinctChanges) {
-                _this.selectedIdsChange.emit(selected.item.selectedIdMap);
-            }
-            _this.lastSelectedIds = selectedIdsList;
-        });
-        if (this.appliedFiltersChange.observers.length > 0) {
-            this.state
-                .pipe(map(function (current) { return current.filters; }), takeUntil(this.ngUnsubscribe), skip(1))
-                .subscribe(function (filters) {
-                /**
-                 * We are doing this instead of a distinctUntilChange due to memory allocation issues
-                 * with the javascript array. To fix fully the array should be changed to an object in
-                 * a breaking change.
-                 */
-                if (!_this.arraysEqual(filters, _this.lastFilters)) {
-                    _this.lastFilters = filters.slice(0);
-                    _this.appliedFiltersChange.emit(filters);
-                }
-            });
-        }
-    };
-    SkyListComponent.prototype.ngOnChanges = function (changes) {
-        var _this = this;
-        if (changes['appliedFilters'] &&
-            changes['appliedFilters'].currentValue !== changes['appliedFilters'].previousValue) {
-            this.state.pipe(take(1)).subscribe(function (currentState) {
-                if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
-                    _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                }
-                _this.dispatcher.filtersUpdate(_this.appliedFilters);
-            });
-        }
-        if (changes['selectedIds']) {
-            // Only send selection changes to dispatcher if changes are distinct.
-            var newSelectedIds = changes['selectedIds'].currentValue;
-            if (!this.arraysEqual(newSelectedIds, this.lastSelectedIds)) {
-                this.dispatcher.setSelected(newSelectedIds, true, true);
-            }
-        }
-    };
-    SkyListComponent.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    SkyListComponent.prototype.refreshDisplayedItems = function () {
-        var _this = this;
-        this.displayedItems.pipe(take(1)).subscribe(function (result) {
-            _this.dispatcher.next(new ListItemsSetLoadingAction());
-            _this.dispatcher.next(new ListItemsLoadAction(result.items, true, true, result.count));
-        });
-    };
-    Object.defineProperty(SkyListComponent.prototype, "displayedItems", {
-        get: function () {
-            var _this = this;
-            if (!this.data && !this.dataProvider) {
-                throw new Error('List requires data or dataProvider to be set.');
-            }
-            var data = this.data;
-            if (!isObservable(data)) {
-                data = of(this.data);
-            }
-            if (!this.dataProvider) {
-                this.dataProvider = new SkyListInMemoryDataProvider(data, this.searchFunction);
-            }
-            var selectedIds = this.selectedIds || of([]);
-            if (!isObservable(selectedIds)) {
-                selectedIds = of(selectedIds);
-            }
-            var selectedChanged = false;
-            // This subject is used to cancel previous request to the list's data provider when a new change
-            // to the list's state occurs. In a future breaking change this should be replaced or coupled
-            // with adding a debounce time to the Observable which watches for state changes.
-            var cancelLastRequest = new Subject();
-            return combineLatest([
-                this.state.pipe(map(function (s) { return s.filters; }), distinctUntilChanged()),
-                this.state.pipe(map(function (s) { return s.search; }), distinctUntilChanged()),
-                this.state.pipe(map(function (s) { return s.sort.fieldSelectors; }), distinctUntilChanged()),
-                this.state.pipe(map(function (s) { return s.paging.itemsPerPage; }), distinctUntilChanged()),
-                this.state.pipe(map(function (s) { return s.paging.pageNumber; }), distinctUntilChanged()),
-                this.state.pipe(map(function (s) { return s.toolbar.disabled; }), distinctUntilChanged()),
-                selectedIds.pipe(distinctUntilChanged(), map(function (selected) {
-                    selectedChanged = true;
-                    return selected;
-                })),
-                data.pipe(distinctUntilChanged())
-            ], function (filters, search, sortFieldSelectors, itemsPerPage, pageNumber, isToolbarDisabled, selected, itemsData) {
-                cancelLastRequest.next();
-                cancelLastRequest.complete();
-                if (selectedChanged) {
-                    _this.dispatcher.next(new ListSelectedSetLoadingAction());
-                    _this.dispatcher.next(new ListSelectedLoadAction(selected));
-                    _this.dispatcher.next(new ListSelectedSetLoadingAction(false));
-                    selectedChanged = false;
-                }
-                var response;
-                if (_this.dataFirstLoad) {
-                    _this.dataFirstLoad = false;
-                    var initialItems = itemsData.map(function (d) { return new ListItemModel(d.id || "sky-list-item-model-" + ++idIndex$2, d); });
-                    response = of(new ListDataResponseModel({
-                        count: _this.initialTotal,
-                        items: initialItems
-                    })).pipe(takeUntil(cancelLastRequest));
-                }
-                else {
-                    response = _this.dataProvider.get(new ListDataRequestModel({
-                        filters: filters,
-                        pageSize: itemsPerPage,
-                        pageNumber: pageNumber,
-                        search: search,
-                        sort: new ListSortModel({ fieldSelectors: sortFieldSelectors }),
-                        isToolbarDisabled: isToolbarDisabled
-                    })).pipe(takeUntil(cancelLastRequest));
-                }
-                return response;
-            })
-                .pipe(takeUntil(this.ngUnsubscribe), 
-            // Retain user selections from previous state.
-            // This is only necessary for grids component (based on item.isSelected).
-            map(function (response) {
-                return response.pipe(map(function (listDataResponseModel) {
-                    return new ListDataResponseModel({
-                        count: listDataResponseModel.count,
-                        items: _this.getItemsAndRetainSelections(listDataResponseModel.items, _this.lastSelectedIds)
-                    });
-                }));
-            }), flatMap(function (value) { return value; }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyListComponent.prototype, "selectedItems", {
-        get: function () {
-            return combineLatest(this.state.pipe(map(function (current) { return current.items.items; }), distinctUntilChanged()), this.state.pipe(map(function (current) { return current.selected; }), distinctUntilChanged()), function (items, selected) {
-                return items.filter(function (i) { return selected.item.selectedIdMap.get(i.id); });
-            }).pipe(takeUntil(this.ngUnsubscribe));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyListComponent.prototype, "lastUpdate", {
-        get: function () {
-            return this.state
-                .pipe(takeUntil(this.ngUnsubscribe), map(function (s) {
-                return s.items.lastUpdate ? new Date(s.items.lastUpdate) : undefined;
-            }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyListComponent.prototype, "views", {
-        get: function () {
-            return this.listViews.toArray();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyListComponent.prototype, "itemCount", {
-        get: function () {
-            return this.dataProvider.count();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkyListComponent.prototype.getItemsAndRetainSelections = function (newList, selectedIds) {
-        var updatedListModel = newList.slice();
-        updatedListModel.forEach(function (item) {
-            item.isSelected = selectedIds.indexOf(item.id) > -1 ? true : false;
-        });
-        return updatedListModel;
-    };
-    SkyListComponent.prototype.arraysEqual = function (arrayA, arrayB) {
-        /* istanbul ignore next */
-        if (arrayA === arrayB) {
-            return true;
-        }
-        if (arrayA === undefined || arrayB === undefined) {
-            return false;
-        }
-        if (arrayA.length !== arrayB.length) {
-            return false;
-        }
-        for (var i = 0; i < arrayA.length; ++i) {
-            if (arrayA[i] !== arrayB[i]) {
-                return false;
-            }
-        }
-        return true;
-    };
-    SkyListComponent.ctorParameters = function () { return [
-        { type: ListState },
-        { type: ListStateDispatcher }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyListComponent.prototype, "data", void 0);
-    __decorate([
-        Input()
-    ], SkyListComponent.prototype, "dataProvider", void 0);
-    __decorate([
-        Input()
-    ], SkyListComponent.prototype, "defaultView", void 0);
-    __decorate([
-        Input()
-    ], SkyListComponent.prototype, "initialTotal", void 0);
-    __decorate([
-        Input()
-    ], SkyListComponent.prototype, "selectedIds", void 0);
-    __decorate([
-        Input()
-    ], SkyListComponent.prototype, "sortFields", void 0);
-    __decorate([
-        Input()
-    ], SkyListComponent.prototype, "appliedFilters", void 0);
-    __decorate([
-        Output()
-    ], SkyListComponent.prototype, "selectedIdsChange", void 0);
-    __decorate([
-        Output()
-    ], SkyListComponent.prototype, "appliedFiltersChange", void 0);
-    __decorate([
-        Input('search')
-    ], SkyListComponent.prototype, "searchFunction", void 0);
-    __decorate([
-        ContentChildren(ListViewComponent)
-    ], SkyListComponent.prototype, "listViews", void 0);
-    SkyListComponent = __decorate([
-        Component({
-            selector: 'sky-list',
-            template: '<ng-content></ng-content>',
-            providers: [ListState, ListStateDispatcher],
-            changeDetection: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyListComponent);
-    return SkyListComponent;
-}());
-
-var SkyListModule = /** @class */ (function () {
-    function SkyListModule() {
-    }
-    SkyListModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyListComponent
-            ],
-            imports: [
-                CommonModule
-            ],
-            exports: [
-                SkyListComponent
-            ]
-        })
-    ], SkyListModule);
-    return SkyListModule;
-}());
-
-var ListFilterModel = /** @class */ (function () {
-    function ListFilterModel(data) {
-        /**
-         * Indicates whether users can dismiss the filter's summary item.
-         * @default true
-         */
-        this.dismissible = true;
-        if (data) {
-            this.name = data.name;
-            this.label = data.label;
-            this.filterFunction = data.filterFunction;
-            this.value = data.value;
-            this.dismissible = data.dismissible;
-            this.defaultValue = data.defaultValue;
-        }
-    }
-    return ListFilterModel;
-}());
-
-/**
- * @internal
- */
-var SkyListFilterInlineModel = /** @class */ (function () {
-    function SkyListFilterInlineModel(data) {
-        this.onChange = new EventEmitter();
-        if (data) {
-            this.name = data.name;
-            this.filterFunction = data.filterFunction;
-            this.value = data.value;
-            this.template = data.template;
-            this.defaultValue = data.defaultValue;
-        }
-    }
-    SkyListFilterInlineModel.prototype.changed = function (value) {
-        this.value = value;
-        this.onChange.emit(value);
-    };
-    return SkyListFilterInlineModel;
-}());
-
-/**
- * Contains a filter button for the list toolbar. Place a
- * [`sky-filter-button`](https://developer.blackbaud.com/skyux/components/filter)
- * component inside this component to open a modal with filtering options.
- * To apply filter options, use the
- * [list component's](https://developer.blackbaud.com/skyux/components/list/overview#list-properties)
- * `appliedFilters` property.
- */
-var SkyListFilterButtonComponent = /** @class */ (function () {
-    function SkyListFilterButtonComponent(dispatcher) {
-        this.dispatcher = dispatcher;
-        this.filterButtonItemToolbarIndex = 5000;
-    }
-    SkyListFilterButtonComponent.prototype.ngAfterViewInit = function () {
-        this.dispatcher.toolbarAddItems([
-            new ListToolbarItemModel({
-                template: this.filterButtonTemplate,
-                location: 'left',
-                index: this.filterButtonItemToolbarIndex
-            })
-        ]);
-    };
-    SkyListFilterButtonComponent.ctorParameters = function () { return [
-        { type: ListStateDispatcher }
-    ]; };
-    __decorate([
-        ViewChild('filterButton', {
-            read: TemplateRef,
-            static: true
-        })
-    ], SkyListFilterButtonComponent.prototype, "filterButtonTemplate", void 0);
-    SkyListFilterButtonComponent = __decorate([
-        Component({
-            selector: 'sky-list-filter-button',
-            template: "<ng-template #filterButton>\n  <ng-content></ng-content>\n</ng-template>\n"
-        })
-    ], SkyListFilterButtonComponent);
-    return SkyListFilterButtonComponent;
-}());
-
-/**
- * Creates a filter summary based on the
- * [list component's](https://developer.blackbaud.com/skyux/components/list/overview#list-properties)
- * `appliedFilters` property. Place this component within the
- * [`sky-list-toolbar`](https://developer.blackbaud.com/skyux/components/list/toolbar) component.
- */
-var SkyListFilterSummaryComponent = /** @class */ (function () {
-    function SkyListFilterSummaryComponent(state, dispatcher) {
-        this.state = state;
-        this.dispatcher = dispatcher;
-        /**
-         * Emits a `ListFilterModel` when users select a summary item. A common use case is
-         * to open a filter modal when this event is received.
-         */
-        this.summaryItemClick = new EventEmitter();
-    }
-    SkyListFilterSummaryComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        // The setTimeout here is to ensure we avoid any ExpressionChangedAfterItHasBeenCheckedError issues.
-        setTimeout(function () {
-            _this.appliedFilters = _this.state.pipe(map(function (state) {
-                return state.filters.filter(function (filter) {
-                    return filter.value !== '' &&
-                        filter.value !== undefined &&
-                        filter.value !== false &&
-                        filter.value !== filter.defaultValue;
-                });
-            }));
-        });
-    };
-    SkyListFilterSummaryComponent.prototype.filterSummaryItemDismiss = function (index) {
-        var _this = this;
-        this.appliedFilters.pipe(take(1)).subscribe(function (filters) {
-            filters.splice(index, 1);
-            _this.dispatcher.filtersUpdate(filters.slice());
-        });
-    };
-    SkyListFilterSummaryComponent.prototype.filterSummaryItemClick = function (item) {
-        this.summaryItemClick.emit(item);
-    };
-    SkyListFilterSummaryComponent.ctorParameters = function () { return [
-        { type: ListState },
-        { type: ListStateDispatcher }
-    ]; };
-    __decorate([
-        Output()
-    ], SkyListFilterSummaryComponent.prototype, "summaryItemClick", void 0);
-    SkyListFilterSummaryComponent = __decorate([
-        Component({
-            selector: 'sky-list-filter-summary',
-            template: "<sky-filter-summary>\n  <sky-filter-summary-item\n    *ngFor=\"let item of appliedFilters | async; let i = index\"\n    (dismiss)=\"filterSummaryItemDismiss(i)\"\n    (itemClick)=\"filterSummaryItemClick(item)\"\n    [dismissible]=\"item.dismissible\"\n    >\n    {{item.label || item.value}}\n  </sky-filter-summary-item>\n</sky-filter-summary>\n"
-        })
-    ], SkyListFilterSummaryComponent);
-    return SkyListFilterSummaryComponent;
-}());
-
-/**
- * Creates a filter in the list's inline filter area.
- */
-var SkyListFilterInlineItemComponent = /** @class */ (function () {
-    function SkyListFilterInlineItemComponent() {
-        /* tslint:enable:no-input-rename */
-        this.onChange = new EventEmitter();
-    }
-    SkyListFilterInlineItemComponent.prototype.ngOnInit = function () {
-        if (this.name === undefined || this.name.length === 0) {
-            throw new Error('Inline filter requires a name.');
-        }
-    };
-    Object.defineProperty(SkyListFilterInlineItemComponent.prototype, "template", {
-        get: function () {
-            return this.templates.length > 0 ? this.templates.first : this.templateInput;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input()
-    ], SkyListFilterInlineItemComponent.prototype, "name", void 0);
-    __decorate([
-        Input()
-    ], SkyListFilterInlineItemComponent.prototype, "value", void 0);
-    __decorate([
-        Input()
-    ], SkyListFilterInlineItemComponent.prototype, "defaultValue", void 0);
-    __decorate([
-        Input('filter')
-    ], SkyListFilterInlineItemComponent.prototype, "filterFunction", void 0);
-    __decorate([
-        Input('template')
-    ], SkyListFilterInlineItemComponent.prototype, "templateInput", void 0);
-    __decorate([
-        ContentChildren(TemplateRef)
-    ], SkyListFilterInlineItemComponent.prototype, "templates", void 0);
-    SkyListFilterInlineItemComponent = __decorate([
-        Component({
-            selector: 'sky-list-filter-inline-item',
-            template: '<ng-content></ng-content>'
-        })
-    ], SkyListFilterInlineItemComponent);
-    return SkyListFilterInlineItemComponent;
-}());
-
-/**
- * Creates an inline filter area for the list. Place each filter
- * in a `sky-list-filter-inline-item` component.
- */
-var SkyListFilterInlineComponent = /** @class */ (function () {
-    function SkyListFilterInlineComponent(dispatcher, state) {
-        this.dispatcher = dispatcher;
-        this.state = state;
-        this.inlineFilters = [];
-    }
-    SkyListFilterInlineComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        this.inlineFilters = this.filters.map(function (filter) {
-            return new SkyListFilterInlineModel({
-                name: filter.name,
-                filterFunction: filter.filterFunction,
-                template: filter.template,
-                value: filter.value,
-                defaultValue: filter.defaultValue
-            });
-        });
-        this.inlineFilters.forEach(function (filter) {
-            filter.onChange.subscribe(function (value) {
-                _this.applyFilters();
-            });
-        });
-        this.dispatcher.filtersUpdate(this.getFilterModelFromInline(this.inlineFilters));
-    };
-    SkyListFilterInlineComponent.prototype.applyFilters = function () {
-        var _this = this;
-        this.state.pipe(take(1)).subscribe(function (currentState) {
-            if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
-                _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-            }
-            _this.dispatcher.filtersUpdate(_this.getFilterModelFromInline(_this.inlineFilters));
-        });
-    };
-    SkyListFilterInlineComponent.prototype.getFilterModelFromInline = function (inlineFilters) {
-        return inlineFilters.map(function (filter) {
-            return new ListFilterModel({
-                name: filter.name,
-                value: filter.value,
-                filterFunction: filter.filterFunction,
-                defaultValue: filter.defaultValue
-            });
-        });
-    };
-    SkyListFilterInlineComponent.ctorParameters = function () { return [
-        { type: ListStateDispatcher },
-        { type: ListState }
-    ]; };
-    __decorate([
-        ContentChildren(SkyListFilterInlineItemComponent)
-    ], SkyListFilterInlineComponent.prototype, "filters", void 0);
-    SkyListFilterInlineComponent = __decorate([
-        Component({
-            selector: 'sky-list-filter-inline',
-            template: "<ng-content></ng-content>\n\n<sky-filter-inline>\n  <sky-filter-inline-item\n    *ngFor=\"let filter of inlineFilters\">\n    <sky-list-filter-inline-item-renderer\n      [template]=\"filter.template\"\n      [filter]=\"filter\">\n    </sky-list-filter-inline-item-renderer>\n  </sky-filter-inline-item>\n</sky-filter-inline>\n"
-        })
-    ], SkyListFilterInlineComponent);
-    return SkyListFilterInlineComponent;
-}());
-
-/**
- * @internal
- */
-var SkyListFilterInlineItemRendererComponent = /** @class */ (function () {
-    function SkyListFilterInlineItemRendererComponent() {
-    }
-    SkyListFilterInlineItemRendererComponent.prototype.ngOnInit = function () {
-        /* istanbul ignore else */
-        /* sanity check */
-        if (this.template !== undefined) {
-            this.container.createEmbeddedView(this.template, this);
-        }
-    };
-    __decorate([
-        Input()
-    ], SkyListFilterInlineItemRendererComponent.prototype, "template", void 0);
-    __decorate([
-        Input()
-    ], SkyListFilterInlineItemRendererComponent.prototype, "filter", void 0);
-    __decorate([
-        ViewChild('container', {
-            read: ViewContainerRef,
-            static: true
-        })
-    ], SkyListFilterInlineItemRendererComponent.prototype, "container", void 0);
-    SkyListFilterInlineItemRendererComponent = __decorate([
-        Component({
-            selector: 'sky-list-filter-inline-item-renderer',
-            template: '<ng-template #container></ng-template>'
-        })
-    ], SkyListFilterInlineItemRendererComponent);
-    return SkyListFilterInlineItemRendererComponent;
-}());
-
-var SkyListFiltersModule = /** @class */ (function () {
-    function SkyListFiltersModule() {
-    }
-    SkyListFiltersModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyListFilterButtonComponent,
-                SkyListFilterSummaryComponent,
-                SkyListFilterInlineItemComponent,
-                SkyListFilterInlineComponent,
-                SkyListFilterInlineItemRendererComponent
-            ],
-            imports: [
-                CommonModule,
-                SkyFilterModule
-            ],
-            exports: [
-                SkyListFilterButtonComponent,
-                SkyListFilterSummaryComponent,
-                SkyListFilterInlineItemComponent,
-                SkyListFilterInlineComponent,
-                SkyListFilterInlineItemRendererComponent
-            ]
-        })
-    ], SkyListFiltersModule);
-    return SkyListFiltersModule;
-}());
-
-/**
- * Provides a SKY UX-themed pagination control to display list data across multiple pages.
- * @internal
- */
-var ListPagingComponent = /** @class */ (function () {
-    function ListPagingComponent(state, dispatcher) {
-        this.initialized = new BehaviorSubject(false);
-        this.state = state;
-        this.dispatcher = dispatcher;
-    }
-    return ListPagingComponent;
-}());
-
-/**
- * Displays a pagination control for a SKY UX-themed list of data.
- */
-var SkyListPagingComponent = /** @class */ (function (_super) {
-    __extends(SkyListPagingComponent, _super);
-    function SkyListPagingComponent(state, dispatcher) {
-        var _this = _super.call(this, state, dispatcher) || this;
-        /**
-         * Specifies the number of list items per page.
-         * @default 10
-         */
-        _this.pageSize = 10;
-        /**
-         * Specifies the maximum pages to display.
-         * @default 5
-         */
-        _this.maxPages = 5;
-        /**
-         * Specifies the current page number.
-         * @default 1
-         */
-        _this.pageNumber = 1;
-        return _this;
-    }
-    SkyListPagingComponent_1 = SkyListPagingComponent;
-    SkyListPagingComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.currentPageNumber = this.state.pipe(map(function (s) { return s.paging.pageNumber; }));
-        this.maxDisplayedPages = this.state.pipe(map(function (s) { return s.paging.maxDisplayedPages; }));
-        this.itemsPerPage = this.state.pipe(map(function (s) { return s.paging.itemsPerPage; }));
-        this.itemCount = this.state
-            .pipe(map(function (s) {
-            return s.items;
-        }), scan(function (previousValue, newValue) {
-            if (previousValue.lastUpdate > newValue.lastUpdate) {
-                return previousValue;
-            }
-            else {
-                return newValue;
-            }
-        }), map(function (result) {
-            return result.count;
-        }), distinctUntilChanged());
-        // subscribe to or use inputs
-        getValue(this.pageSize, function (pageSize) {
-            return _this.dispatcher.next(new ListPagingSetItemsPerPageAction(Number(pageSize)));
-        });
-        getValue(this.maxPages, function (maxPages) {
-            return _this.dispatcher.next(new ListPagingSetMaxPagesAction(Number(maxPages)));
-        });
-        getValue(this.pageNumber, function (pageNumber) {
-            return _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(pageNumber)));
-        });
-    };
-    SkyListPagingComponent.prototype.pageChange = function (currentPage) {
-        var _this = this;
-        // Paging must be updated after list data has been updated.
-        // Adding a setTimeout will pull it out of the stream.
-        setTimeout(function () {
-            _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(currentPage)));
-        });
-    };
-    var SkyListPagingComponent_1;
-    SkyListPagingComponent.ctorParameters = function () { return [
-        { type: ListState },
-        { type: ListStateDispatcher }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyListPagingComponent.prototype, "pageSize", void 0);
-    __decorate([
-        Input()
-    ], SkyListPagingComponent.prototype, "maxPages", void 0);
-    __decorate([
-        Input()
-    ], SkyListPagingComponent.prototype, "pageNumber", void 0);
-    SkyListPagingComponent = SkyListPagingComponent_1 = __decorate([
-        Component({
-            selector: 'sky-list-paging',
-            template: "<sky-paging\n  [pageSize]=\"itemsPerPage | async\"\n  [maxPages]=\"maxDisplayedPages | async\"\n  [currentPage]=\"currentPageNumber | async\"\n  [itemCount]=\"itemCount | async\"\n  (currentPageChange)=\"pageChange($event)\"\n  >\n</sky-paging>\n",
-            providers: [
-                /* tslint:disable */
-                { provide: ListPagingComponent, useExisting: forwardRef(function () { return SkyListPagingComponent_1; }) }
-                /* tslint:enable */
-            ],
-            changeDetection: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyListPagingComponent);
-    return SkyListPagingComponent;
-}(ListPagingComponent));
-
-var SkyListPagingModule = /** @class */ (function () {
-    function SkyListPagingModule() {
-    }
-    SkyListPagingModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyListPagingComponent
-            ],
-            imports: [
-                CommonModule,
-                SkyPagingModule
-            ],
-            exports: [
-                SkyListPagingComponent
-            ]
-        })
-    ], SkyListPagingModule);
-    return SkyListPagingModule;
-}());
-
-var SkyListBuilderResourcesProvider = /** @class */ (function () {
-    function SkyListBuilderResourcesProvider() {
-        this.resources = { "EN-US": { "skyux_list_show_secondary_actions_button": "More", "skyux_list_multiselect_clear_all": "Clear all", "skyux_list_mutliselect_select_all": "Select all", "skyux_list_mutliselect_show_selected": "Only show selected items", "skyux_list_view_switcher_dropdown_title": "Select view" } };
-    }
-    SkyListBuilderResourcesProvider.prototype.getString = function (localeInfo, name) {
-        return getStringForLocale(this.resources, localeInfo.locale, name);
-    };
-    SkyListBuilderResourcesProvider = __decorate([
-        Injectable()
-    ], SkyListBuilderResourcesProvider);
-    return SkyListBuilderResourcesProvider;
-}());
-
-var SkyListBuilderResourcesModule = /** @class */ (function () {
-    function SkyListBuilderResourcesModule() {
-    }
-    SkyListBuilderResourcesModule = __decorate([
-        NgModule({
-            providers: [{
-                    provide: SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyListBuilderResourcesProvider,
-                    multi: true
-                }]
-        })
-    ], SkyListBuilderResourcesModule);
-    return SkyListBuilderResourcesModule;
-}());
-
-/**
- * @internal
- */
-var SkyListSecondaryActionsService = /** @class */ (function () {
-    function SkyListSecondaryActionsService() {
-        this.secondaryActionsCount = 0;
-        this.secondaryActionsSubject = new BehaviorSubject(0);
-        this.actionsStream = new BehaviorSubject([]);
-        this.actions = [];
-    }
-    SkyListSecondaryActionsService.prototype.addSecondaryAction = function (action) {
-        this.secondaryActionsCount++;
-        this.secondaryActionsSubject.next(this.secondaryActionsCount);
-        this.actions.push(action);
-        this.actionsStream.next(this.actions);
-    };
-    SkyListSecondaryActionsService.prototype.removeSecondaryAction = function (action) {
-        this.secondaryActionsCount--;
-        this.secondaryActionsSubject.next(this.secondaryActionsCount);
-        this.actions = this.actions.filter(function (existingItem) { return existingItem !== action; });
-        this.actionsStream.next(this.actions);
-    };
-    SkyListSecondaryActionsService.prototype.ngOnDestroy = function () {
-        this.secondaryActionsSubject.complete();
-        this.actionsStream.complete();
-    };
-    SkyListSecondaryActionsService = __decorate([
-        Injectable()
-    ], SkyListSecondaryActionsService);
-    return SkyListSecondaryActionsService;
-}());
-
-/**
- * Adds a dropdown to the list toolbar for secondary actions. If the dropdown does not
- * include actions, the secondary actions dropdown is hidden.
- */
-var SkyListSecondaryActionsComponent = /** @class */ (function () {
-    function SkyListSecondaryActionsComponent(dispatcher) {
-        this.dispatcher = dispatcher;
-        this.actions = [];
-        this.secondaryActionsItemToolbarIndex = 5000;
-    }
-    SkyListSecondaryActionsComponent.prototype.ngAfterViewInit = function () {
-        var secondaryActionItem = new ListToolbarItemModel({
-            id: 'secondary-actions',
-            template: this.secondaryActionsTemplate,
-            location: 'center',
-            index: this.secondaryActionsItemToolbarIndex
-        });
-        this.dispatcher.toolbarAddItems([
-            secondaryActionItem
-        ]);
-    };
-    SkyListSecondaryActionsComponent.ctorParameters = function () { return [
-        { type: ListStateDispatcher }
-    ]; };
-    __decorate([
-        ViewChild('secondaryActions', {
-            read: TemplateRef,
-            static: true
-        })
-    ], SkyListSecondaryActionsComponent.prototype, "secondaryActionsTemplate", void 0);
-    SkyListSecondaryActionsComponent = __decorate([
-        Component({
-            selector: 'sky-list-secondary-actions',
-            template: "<ng-template #secondaryActions>\n  <sky-list-secondary-actions-host>\n    <ng-content></ng-content>\n  </sky-list-secondary-actions-host>\n</ng-template>\n",
-            providers: [
-                SkyListSecondaryActionsService
-            ],
-            changeDetection: ChangeDetectionStrategy.OnPush
-        })
-    ], SkyListSecondaryActionsComponent);
-    return SkyListSecondaryActionsComponent;
-}());
-
-/**
- * Adds actions to the secondary actions dropdown in the list toolbar.
- */
-var SkyListSecondaryActionComponent = /** @class */ (function () {
-    function SkyListSecondaryActionComponent(actionService) {
-        this.actionService = actionService;
-    }
-    SkyListSecondaryActionComponent.prototype.ngAfterContentInit = function () {
-        this.actionService.addSecondaryAction({
-            template: this.templateRef
-        });
-    };
-    SkyListSecondaryActionComponent.ctorParameters = function () { return [
-        { type: SkyListSecondaryActionsService }
-    ]; };
-    __decorate([
-        ViewChild('listSecondaryAction', {
-            read: TemplateRef,
-            static: true
-        })
-    ], SkyListSecondaryActionComponent.prototype, "templateRef", void 0);
-    SkyListSecondaryActionComponent = __decorate([
-        Component({
-            selector: 'sky-list-secondary-action',
-            template: "<ng-template #listSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n"
-        })
-    ], SkyListSecondaryActionComponent);
-    return SkyListSecondaryActionComponent;
-}());
-
-// Note: this component is needed to ensure any reactive styles placed in the element have
-// their host to be based off of. Without this component the host is not written via the dispatcher.
-/**
- * @internal
- */
-var SkyListSecondaryActionsHostComponent = /** @class */ (function () {
-    function SkyListSecondaryActionsHostComponent(changeDetector, actionService) {
-        this.changeDetector = changeDetector;
-        this.actionService = actionService;
-        this.dropdownHidden = false;
-        this.actions = [];
-        this.ngUnsubscribe = new Subject();
-    }
-    SkyListSecondaryActionsHostComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.actionService.actionsStream
-            .pipe(takeUntil(this.ngUnsubscribe), distinctUntilChanged())
-            .subscribe(function (actions) {
-            var hasSecondaryActions = (actions.length > 0);
-            _this.dropdownHidden = !hasSecondaryActions;
-            _this.actions = actions;
-            _this.changeDetector.detectChanges();
-        });
-    };
-    SkyListSecondaryActionsHostComponent.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    SkyListSecondaryActionsHostComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: SkyListSecondaryActionsService }
-    ]; };
-    SkyListSecondaryActionsHostComponent = __decorate([
-        Component({
-            selector: 'sky-list-secondary-actions-host',
-            template: "<div\n  class=\"sky-list-secondary-actions\"\n  [ngClass]=\"{ 'sky-list-secondary-actions-hidden': dropdownHidden }\"\n>\n  <sky-dropdown\n    [attr.title]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n    [label]=\"'skyux_list_show_secondary_actions_button' | skyLibResources\"\n  >\n    <sky-dropdown-button>\n      <sky-icon\n        icon=\"ellipsis-h\"\n      >\n      </sky-icon>\n      <span\n        class=\"sky-list-secondary-actions-btn-text\"\n      >\n        {{ 'skyux_list_show_secondary_actions_button' | skyLibResources }}\n      </span>\n    </sky-dropdown-button>\n    <sky-dropdown-menu>\n      <sky-dropdown-item *ngFor=\"let action of actions\">\n        <ng-container *ngTemplateOutlet=\"action.template\">\n        </ng-container>\n      </sky-dropdown-item>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-content>\n</ng-content>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-list-secondary-actions ::ng-deep .sky-dropdown-button-type-select{padding:6px 12px}.sky-list-secondary-actions ::ng-deep .sky-dropdown-button-type-select sky-icon[icon=ellipsis-h]{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.sky-list-secondary-actions-hidden{display:none}:host .sky-list-secondary-actions-btn-text{display:none}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-xs) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:none}@media (min-width:768px){:host .sky-list-secondary-actions-btn-text{display:inline}:host .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}"]
-        })
-    ], SkyListSecondaryActionsHostComponent);
-    return SkyListSecondaryActionsHostComponent;
-}());
-
-var SkyListSecondaryActionsModule = /** @class */ (function () {
-    function SkyListSecondaryActionsModule() {
-    }
-    SkyListSecondaryActionsModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyListSecondaryActionsComponent,
-                SkyListSecondaryActionsHostComponent,
-                SkyListSecondaryActionComponent
-            ],
-            imports: [
-                CommonModule,
-                SkyDropdownModule,
-                SkyI18nModule,
-                SkyIconModule,
-                SkyListBuilderResourcesModule
-            ],
-            exports: [
-                SkyListSecondaryActionsComponent,
-                SkyListSecondaryActionsHostComponent,
-                SkyListSecondaryActionComponent
-            ]
-        })
-    ], SkyListSecondaryActionsModule);
-    return SkyListSecondaryActionsModule;
-}());
-
-var idIndex$3 = 0;
-/**
- * Defines a toolbar item for the list toolbar.
- */
-var SkyListToolbarItemComponent = /** @class */ (function () {
-    function SkyListToolbarItemComponent() {
-        /**
-         * Specifies the ID of the item.
-         */
-        this.id = "sky-list-toolbar-item-" + ++idIndex$3;
-        /**
-         * Specifies the index of the item at the given item location.
-         * @default -1
-         */
-        this.index = -1;
-        /**
-         * Specifies the toolbar location of the item. The valid options are `left`,
-         * `center`, and `right`.
-         * @default 'left'
-         */
-        this.location = 'left';
-    }
-    Object.defineProperty(SkyListToolbarItemComponent.prototype, "template", {
-        get: function () {
-            return this.templates.length > 0 ? this.templates.first : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        Input()
-    ], SkyListToolbarItemComponent.prototype, "id", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarItemComponent.prototype, "index", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarItemComponent.prototype, "location", void 0);
-    __decorate([
-        ContentChildren(TemplateRef)
-    ], SkyListToolbarItemComponent.prototype, "templates", void 0);
-    SkyListToolbarItemComponent = __decorate([
-        Component({
-            selector: 'sky-list-toolbar-item',
-            template: '<ng-content></ng-content>'
-        })
-    ], SkyListToolbarItemComponent);
-    return SkyListToolbarItemComponent;
-}());
-
-/**
- * Adds a sort dropdown to the list toolbar.
- */
-var SkyListToolbarSortComponent = /** @class */ (function () {
-    function SkyListToolbarSortComponent() {
-    }
-    __decorate([
-        Input()
-    ], SkyListToolbarSortComponent.prototype, "label", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarSortComponent.prototype, "field", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarSortComponent.prototype, "type", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarSortComponent.prototype, "descending", void 0);
-    SkyListToolbarSortComponent = __decorate([
-        Component({
-            selector: 'sky-list-toolbar-sort',
-            template: ''
-        })
-    ], SkyListToolbarSortComponent);
-    return SkyListToolbarSortComponent;
-}());
-
-/**
- * Adds a section on the right side of the toolbar for items that substantially change
- * or affect the view of the list. This includes simple filters and view switchers.
- * If the view section includes more than one item, simple filters appear on the left
- * and view switchers appear on the right.
- */
-var SkyListToolbarViewActionsComponent = /** @class */ (function () {
-    function SkyListToolbarViewActionsComponent() {
-    }
-    SkyListToolbarViewActionsComponent = __decorate([
-        Component({
-            selector: 'sky-list-toolbar-view-actions',
-            template: "<ng-content></ng-content>\n",
-            styles: [":host{display:flex;align-items:center}:host::ng-deep>:not(:last-child){margin-right:5px}.sky-list-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}"]
-        })
-    ], SkyListToolbarViewActionsComponent);
-    return SkyListToolbarViewActionsComponent;
-}());
-
-/**
- * @internal
- */
-var ListToolbarConfigSetSearchEnabledAction = /** @class */ (function () {
-    function ListToolbarConfigSetSearchEnabledAction(enabled) {
-        this.enabled = enabled;
-    }
-    return ListToolbarConfigSetSearchEnabledAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarConfigSetSortSelectorEnabledAction = /** @class */ (function () {
-    /* istanbul ignore next */
-    function ListToolbarConfigSetSortSelectorEnabledAction(enabled) {
-        if (enabled === void 0) { enabled = true; }
-        this.enabled = enabled;
-    }
-    return ListToolbarConfigSetSortSelectorEnabledAction;
-}());
-
-/**
- * @internal
- */
-var ListToolbarConfigModel = /** @class */ (function () {
-    function ListToolbarConfigModel(data) {
-        this.searchEnabled = true;
-        this.sortSelectorEnabled = true;
-        if (data) {
-            this.searchEnabled = data.searchEnabled;
-            this.sortSelectorEnabled = data.sortSelectorEnabled;
-        }
-    }
-    return ListToolbarConfigModel;
-}());
-
-/**
- * @internal
- */
-var ListToolbarStateModel = /** @class */ (function () {
-    function ListToolbarStateModel() {
-        this.config = new ListToolbarConfigModel();
-    }
-    return ListToolbarStateModel;
-}());
-
-/**
- * @internal
- */
-var ListToolbarStateDispatcher = /** @class */ (function (_super) {
-    __extends(ListToolbarStateDispatcher, _super);
-    function ListToolbarStateDispatcher() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ListToolbarStateDispatcher = __decorate([
-        Injectable()
-    ], ListToolbarStateDispatcher);
-    return ListToolbarStateDispatcher;
-}(StateDispatcher));
-/**
- * @internal
- */
-var ListToolbarStateOrchestrator = /** @class */ (function (_super) {
-    __extends(ListToolbarStateOrchestrator, _super);
-    function ListToolbarStateOrchestrator() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return ListToolbarStateOrchestrator;
-}(StateOrchestrator));
-
-/**
- * @internal
- */
-var ListToolbarConfigOrchestrator = /** @class */ (function (_super) {
-    __extends(ListToolbarConfigOrchestrator, _super);
-    /* istanbul ignore next */
-    function ListToolbarConfigOrchestrator() {
-        var _this = _super.call(this) || this;
-        _this
-            .register(ListToolbarConfigSetSearchEnabledAction, _this.setSearchEnabled)
-            .register(ListToolbarConfigSetSortSelectorEnabledAction, _this.setSortSelectorEnabled);
-        return _this;
-    }
-    ListToolbarConfigOrchestrator.prototype.setSearchEnabled = function (state, action) {
-        return new ListToolbarConfigModel(Object.assign({}, state, { searchEnabled: action.enabled }));
-    };
-    ListToolbarConfigOrchestrator.prototype.setSortSelectorEnabled = function (state, action) {
-        return new ListToolbarConfigModel(Object.assign({}, state, { sortSelectorEnabled: action.enabled }));
-    };
-    return ListToolbarConfigOrchestrator;
-}(ListToolbarStateOrchestrator));
-
-/**
- * @internal
- */
-var ListToolbarState = /** @class */ (function (_super) {
-    __extends(ListToolbarState, _super);
-    function ListToolbarState(initialState, dispatcher) {
-        var _this = _super.call(this, initialState, dispatcher) || this;
-        _this
-            .register('config', ListToolbarConfigOrchestrator)
-            .begin();
-        return _this;
-    }
-    ListToolbarState.ctorParameters = function () { return [
-        { type: ListToolbarStateModel },
-        { type: ListToolbarStateDispatcher }
-    ]; };
-    ListToolbarState = __decorate([
-        Injectable()
-    ], ListToolbarState);
-    return ListToolbarState;
-}(StateNode));
-
-var nextId = 0;
-/**
- * Displays a toolbar for a SKY UX-themed list of data.
- */
-var SkyListToolbarComponent = /** @class */ (function () {
-    function SkyListToolbarComponent(changeDetector, state, dispatcher, toolbarState, toolbarDispatcher) {
-        this.changeDetector = changeDetector;
-        this.state = state;
-        this.dispatcher = dispatcher;
-        this.toolbarState = toolbarState;
-        this.toolbarDispatcher = toolbarDispatcher;
-        /**
-         * Display the search bar in the standard position or in a separate section.
-         * To highlight the search bar in a section above all other toolbar items,
-         * set this property to `search`.
-         * @default 'standard'
-         */
-        this.toolbarType = 'standard';
-        this.isToolbarDisabled = false;
-        this.inlineFilterBarExpanded = false;
-        this.hasAdditionalToolbarSection = false;
-        this.hasViewActions = false;
-        this.filterButtonId = "sky-list-toolbar-filter-button-" + ++nextId;
-        this.listFilterInlineId = "sky-list-toolbar-filter-inline-" + ++nextId;
-        /**
-         * Fires when users submit a search.
-         * @internal
-         */
-        this.searchApplied = new Subject();
-        this.customItemIds = [];
-        this.hasSortSelectors = false;
-        this.inlineFiltersItemToolbarIndex = 5000;
-        this.sortSelectorItemToolbarIndex = 6000;
-        this.ngUnsubscribe = new Subject();
-    }
-    Object.defineProperty(SkyListToolbarComponent.prototype, "inMemorySearchEnabled", {
-        get: function () {
-            if (this._inMemorySearchEnabled === undefined) {
-                return true;
-            }
-            return this._inMemorySearchEnabled;
-        },
-        /**
-         * Indicates whether to use the in-memory search.
-         * Setting this to `false` will allow consumers to run their own searches remotely,
-         * and push new values to the list component by updating the `data` property.
-         * @default true
-         * @internal
-         */
-        set: function (value) {
-            this._inMemorySearchEnabled = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyListToolbarComponent.prototype, "isFilterBarDisplayed", {
-        get: function () {
-            return !this.isToolbarDisabled && this.hasInlineFilters && this.inlineFilterBarExpanded;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkyListToolbarComponent.prototype, "filterButtonAriaControls", {
-        get: function () {
-            return this.isFilterBarDisplayed ? this.listFilterInlineId : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkyListToolbarComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.dispatcher.toolbarExists(true);
-        getValue(this.searchText, function (searchText) {
-            _this.updateSearchText(searchText);
-        });
-        getValue(this.searchEnabled, function (searchEnabled) {
-            _this.toolbarDispatcher.next(new ListToolbarConfigSetSearchEnabledAction(searchEnabled === undefined ? true : searchEnabled));
-        });
-        getValue(this.toolbarType, function (type) {
-            _this.dispatcher.next(new ListToolbarSetTypeAction(_this.toolbarType));
-        });
-        getValue(this.sortSelectorEnabled, function (sortSelectorEnabled) {
-            _this.toolbarDispatcher.next(new ListToolbarConfigSetSortSelectorEnabledAction(sortSelectorEnabled === undefined ? true : sortSelectorEnabled));
-        });
-        this.sortSelectors = this.getSortSelectors();
-        // Initialize the sort toolbar item if necessary
-        this.sortSelectors
-            .pipe(takeUntil(this.ngUnsubscribe), distinctUntilChanged())
-            .subscribe(function (currentSort) {
-            if (currentSort.length > 0 && !_this.hasSortSelectors) {
-                _this.hasSortSelectors = true;
-                _this.dispatcher.toolbarAddItems([
-                    new ListToolbarItemModel({
-                        id: 'sort-selector',
-                        template: _this.sortSelectorTemplate,
-                        location: 'left',
-                        index: _this.sortSelectorItemToolbarIndex
-                    })
-                ]);
-            }
-            else if (currentSort.length < 1 && _this.hasSortSelectors) {
-                _this.hasSortSelectors = false;
-                _this.dispatcher.toolbarRemoveItems([
-                    'sort-selector'
-                ]);
-            }
-        });
-        this.searchTextInput = this.state.pipe(takeUntil(this.ngUnsubscribe), map(function (s) { return s.search.searchText; }), distinctUntilChanged());
-        this.view = this.state.pipe(takeUntil(this.ngUnsubscribe), map(function (s) { return s.views.active; }), distinctUntilChanged());
-        this.watchTemplates();
-        this.type = this.state.pipe(takeUntil(this.ngUnsubscribe), map(function (state) { return state.toolbar.type; }), distinctUntilChanged());
-        this.type.pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (toolbarType) {
-            if (toolbarType === 'search') {
-                _this.dispatcher.toolbarRemoveItems(['search']);
-            }
-            else {
-                _this.dispatcher.toolbarAddItems([
-                    new ListToolbarItemModel({
-                        id: 'search',
-                        template: _this.searchTemplate,
-                        location: 'right'
-                    })
-                ]);
-            }
-        });
-        this.isSearchEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), map(function (s) { return s.config; }), distinctUntilChanged(), map(function (c) { return c.searchEnabled; }));
-        this.state.pipe(map(function (s) { return s.toolbar; }), takeUntil(this.ngUnsubscribe), distinctUntilChanged(), map(function (c) { return c.disabled; }))
-            .subscribe(function (isDisabled) { return _this.isToolbarDisabled = isDisabled; });
-        this.isSortSelectorEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), map(function (s) { return s.config; }), distinctUntilChanged(), map(function (c) { return c.sortSelectorEnabled; }));
-        this.isMultiselectEnabled = this.state.pipe(takeUntil(this.ngUnsubscribe), map(function (s) { return s.toolbar; }), distinctUntilChanged(), map(function (t) { return t.showMultiselectToolbar; }));
-        this.hasAppliedFilters = this.state.pipe(takeUntil(this.ngUnsubscribe), map(function (s) { return s.filters; }), distinctUntilChanged(), map(function (filters) {
-            var activeFilters = filters.filter(function (f) {
-                return f.value !== '' &&
-                    f.value !== undefined &&
-                    f.value !== false &&
-                    f.value !== f.defaultValue;
-            });
-            return activeFilters.length > 0;
-        }));
-        this.state.pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (current) {
-            _this.hasAdditionalToolbarSection = (current.toolbar.items.length > 0);
-            _this.changeDetector.detectChanges();
-        });
-    };
-    SkyListToolbarComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        // Inject custom toolbar items.
-        this.toolbarItems.forEach(function (toolbarItem) {
-            _this.dispatcher.toolbarAddItems([
-                new ListToolbarItemModel(toolbarItem)
-            ]);
-            _this.customItemIds.push(toolbarItem.id);
-        });
-        this.toolbarItems.changes.pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (newItems) {
-            newItems.forEach(function (item) {
-                if (_this.customItemIds.indexOf(item.id) < 0) {
-                    _this.dispatcher.toolbarAddItems([
-                        new ListToolbarItemModel(item)
-                    ]);
-                    _this.customItemIds.push(item.id);
-                }
-            });
-            var itemsToRemove = [];
-            _this.customItemIds.forEach(function (itemId, index) {
-                if (!newItems.find(function (item) { return item.id === itemId; })) {
-                    itemsToRemove.push(itemId);
-                    _this.customItemIds.splice(index, 1);
-                }
-            });
-            _this.dispatcher.toolbarRemoveItems(itemsToRemove);
-        });
-        var sortModels = this.toolbarSorts.map(function (sort) {
-            return new ListSortLabelModel({
-                text: sort.label,
-                fieldSelector: sort.field,
-                fieldType: sort.type,
-                global: true,
-                descending: sort.descending
-            });
-        });
-        this.dispatcher.sortSetGlobal(sortModels);
-        // Add inline filters.
-        this.showFilterSummary = (this.filterSummary.length > 0);
-        this.hasInlineFilters = (this.inlineFilter.length > 0);
-        if (this.hasInlineFilters) {
-            this.dispatcher.toolbarAddItems([
-                new ListToolbarItemModel({
-                    template: this.inlineFilterButtonTemplate,
-                    location: 'left',
-                    index: this.inlineFiltersItemToolbarIndex
-                })
-            ]);
-        }
-        // Check for view actions
-        this.hasViewActions = (this.viewActions.length > 0);
-    };
-    SkyListToolbarComponent.prototype.ngOnDestroy = function () {
-        this.searchApplied.complete();
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    SkyListToolbarComponent.prototype.setSort = function (sort) {
-        var _this = this;
-        this.state.pipe(take(1)).subscribe(function (currentState) {
-            if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
-                _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-            }
-            _this.dispatcher.sortSetFieldSelectors([{ fieldSelector: sort.fieldSelector, descending: sort.descending }]);
-        });
-    };
-    SkyListToolbarComponent.prototype.inlineFilterButtonClick = function () {
-        this.inlineFilterBarExpanded = !this.inlineFilterBarExpanded;
-    };
-    SkyListToolbarComponent.prototype.updateSearchText = function (searchText) {
-        var _this = this;
-        this.searchApplied.next(searchText);
-        if (this.inMemorySearchEnabled) {
-            this.state.pipe(take(1)).subscribe(function (currentState) {
-                if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
-                    _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                }
-                _this.dispatcher.searchSetText(searchText);
-            });
-        }
-    };
-    SkyListToolbarComponent.prototype.itemIsInView = function (itemView, activeView) {
-        return (itemView === undefined || itemView === activeView);
-    };
-    SkyListToolbarComponent.prototype.getSortSelectors = function () {
-        return combineLatest(this.state.pipe(map(function (s) { return s.sort.available; }), distinctUntilChanged()), this.state.pipe(map(function (s) { return s.sort.global; }), distinctUntilChanged()), this.state.pipe(map(function (s) { return s.sort.fieldSelectors; }), distinctUntilChanged()), function (available, global, fieldSelectors) {
-            // Get sorts that are in the global that are not in the available
-            var sorts = global.filter(function (g) { return available.filter(function (a) { return a.fieldSelector === g.fieldSelector; }).length === 0; });
-            var resultSortSelectors = __spread(sorts, available).map(function (sortLabels) {
-                var fs = fieldSelectors.filter(function (f) {
-                    return f.fieldSelector === sortLabels.fieldSelector
-                        && f.descending === sortLabels.descending;
-                });
-                var selected = false;
-                if (fs.length > 0) {
-                    selected = true;
-                }
-                return {
-                    sort: sortLabels,
-                    selected: selected
-                };
-            });
-            return resultSortSelectors;
-        }).pipe(takeUntil(this.ngUnsubscribe));
-    };
-    SkyListToolbarComponent.prototype.watchTemplates = function () {
-        var _this = this;
-        combineLatest(this.state.pipe(map(function (s) { return s.toolbar; }), distinctUntilChanged()), this.view.pipe(distinctUntilChanged()), function (toolbar, view) {
-            var items = toolbar.items.filter(function (i) {
-                return _this.itemIsInView(i.view, view);
-            });
-            var templates = {};
-            items.forEach(function (item) {
-                templates[item.location] = templates[item.location] || [];
-                templates[item.location].push(item);
-            });
-            return templates;
-        }).pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(function (value) {
-            _this.leftTemplates = value.left;
-            _this.centerTemplates = value.center;
-            _this.rightTemplates = value.right;
-            _this.changeDetector.markForCheck();
-        });
-    };
-    SkyListToolbarComponent.ctorParameters = function () { return [
-        { type: ChangeDetectorRef },
-        { type: ListState },
-        { type: ListStateDispatcher },
-        { type: ListToolbarState },
-        { type: ListToolbarStateDispatcher }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyListToolbarComponent.prototype, "inMemorySearchEnabled", null);
-    __decorate([
-        Input()
-    ], SkyListToolbarComponent.prototype, "placeholder", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarComponent.prototype, "searchEnabled", void 0);
-    __decorate([
-        ViewChild(SkySearchComponent, {
-            read: SkySearchComponent,
-            static: false
-        })
-    ], SkyListToolbarComponent.prototype, "searchComponent", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarComponent.prototype, "sortSelectorEnabled", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarComponent.prototype, "toolbarType", void 0);
-    __decorate([
-        Input()
-    ], SkyListToolbarComponent.prototype, "searchText", void 0);
-    __decorate([
-        ContentChildren(SkyListToolbarItemComponent)
-    ], SkyListToolbarComponent.prototype, "toolbarItems", void 0);
-    __decorate([
-        ContentChildren(SkyListToolbarSortComponent)
-    ], SkyListToolbarComponent.prototype, "toolbarSorts", void 0);
-    __decorate([
-        ContentChildren(SkyListFilterSummaryComponent)
-    ], SkyListToolbarComponent.prototype, "filterSummary", void 0);
-    __decorate([
-        ContentChildren(SkyListFilterInlineComponent)
-    ], SkyListToolbarComponent.prototype, "inlineFilter", void 0);
-    __decorate([
-        ContentChildren(SkyListToolbarViewActionsComponent)
-    ], SkyListToolbarComponent.prototype, "viewActions", void 0);
-    __decorate([
-        ViewChild('search', {
-            read: TemplateRef,
-            static: true
-        })
-    ], SkyListToolbarComponent.prototype, "searchTemplate", void 0);
-    __decorate([
-        ViewChild('sortSelector', {
-            read: TemplateRef,
-            static: true
-        })
-    ], SkyListToolbarComponent.prototype, "sortSelectorTemplate", void 0);
-    __decorate([
-        ViewChild('inlineFilterButton', {
-            read: TemplateRef,
-            static: true
-        })
-    ], SkyListToolbarComponent.prototype, "inlineFilterButtonTemplate", void 0);
-    SkyListToolbarComponent = __decorate([
-        Component({
-            selector: 'sky-list-toolbar',
-            template: "<div class=\"sky-list-toolbar-container\">\n  <sky-toolbar *ngIf=\"(type | async) !== 'search'\">\n\n    <sky-toolbar-section>\n      <sky-toolbar-item *ngFor=\"let item of leftTemplates\">\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n      <sky-toolbar-item *ngFor=\"let item of centerTemplates\">\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n      <sky-toolbar-item *ngFor=\"let item of rightTemplates\"\n        [attr.sky-toolbar-id]=\"item.id\"\n      >\n        <sky-list-toolbar-item-renderer\n          [attr.sky-cmp-id]=\"item.id\"\n          [template]=\"item.template\"\n        >\n        </sky-list-toolbar-item-renderer>\n      </sky-toolbar-item>\n\n      <ng-content></ng-content>\n\n      <sky-toolbar-view-actions *ngIf=\"hasViewActions\">\n        <ng-content\n          select=\"sky-list-toolbar-view-actions\"\n        >\n        </ng-content>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n\n    <sky-toolbar-section *ngIf=\"showFilterSummary && (hasAppliedFilters | async)\">\n      <ng-content select=\"sky-list-filter-summary\">\n      </ng-content>\n    </sky-toolbar-section>\n  </sky-toolbar>\n\n  <div *ngIf=\"(type | async) === 'search' &&\n    ((isSearchEnabled | async) || hasAdditionalToolbarSection)\"\n    class=\"sky-list-toolbar-search\"\n  >\n    <sky-toolbar>\n      <sky-toolbar-section *ngIf=\"(isSearchEnabled | async)\">\n        <sky-toolbar-item>\n          <sky-list-toolbar-item-renderer\n            sky-cmp-id=\"search\"\n            [template]=\"search\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n      </sky-toolbar-section>\n      <sky-toolbar-section [hidden]=\"!hasAdditionalToolbarSection\">\n        <sky-toolbar-item *ngFor=\"let item of leftTemplates\">\n          <sky-list-toolbar-item-renderer\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <sky-toolbar-item *ngFor=\"let item of centerTemplates\">\n          <sky-list-toolbar-item-renderer\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <sky-toolbar-item *ngFor=\"let item of rightTemplates\"\n          [attr.sky-toolbar-id]=\"item.id\"\n        >\n          <sky-list-toolbar-item-renderer *ngIf=\"item.id !== 'search'\"\n            [attr.sky-cmp-id]=\"item.id\"\n            [template]=\"item.template\"\n          >\n          </sky-list-toolbar-item-renderer>\n        </sky-toolbar-item>\n        <ng-content></ng-content>\n\n        <sky-toolbar-view-actions *ngIf=\"hasViewActions\">\n          <ng-content\n            select=\"sky-list-toolbar-view-actions\"\n          >\n          </ng-content>\n        </sky-toolbar-view-actions>\n      </sky-toolbar-section>\n    </sky-toolbar>\n  </div>\n  <div\n    *ngIf=\"isFilterBarDisplayed\"\n    [attr.aria-labelledby]=\"filterButtonId\"\n    [id]=\"listFilterInlineId\"\n  >\n    <ng-content select=\"sky-list-filter-inline\">\n    </ng-content>\n  </div>\n  <sky-list-multiselect-toolbar *ngIf=\"isMultiselectEnabled | async\">\n  </sky-list-multiselect-toolbar>\n</div>\n\n<ng-template #search>\n  <div *ngIf=\"isSearchEnabled | async\"\n    class=\"sky-list-toolbar-search-wrapper\"\n  >\n    <sky-search\n      [disabled]=\"isToolbarDisabled\"\n      [expandMode]=\"(type | async) === 'search' ? 'fit' : 'responsive'\"\n      [placeholderText]=\"placeholder\"\n      [searchText]=\"searchTextInput | async\"\n      (searchApply)=\"updateSearchText($event)\"\n    >\n    </sky-search>\n    <ng-content\n      select=\"sky-list-toolbar-search-actions\"\n    ></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #sortSelector>\n  <div *ngIf=\"(isSortSelectorEnabled | async) && (sortSelectors | async).length > 0\"\n    class=\"sky-toolbar-item-sort-container\"\n  >\n    <sky-sort [showButtonText]=\"true\">\n      <sky-sort-item *ngFor=\"let item of sortSelectors | async\"\n        [active]=\"item.selected\"\n        (itemSelect)=\"setSort(item.sort)\"\n      >\n        {{ item.sort.text }}\n      </sky-sort-item>\n    </sky-sort>\n  </div>\n</ng-template>\n\n<ng-template #inlineFilterButton>\n  <sky-filter-button\n    [active]=\"hasAppliedFilters | async\"\n    [ariaControls]=\"filterButtonAriaControls\"\n    [ariaExpanded]=\"inlineFilterBarExpanded\"\n    [disabled]=\"isToolbarDisabled\"\n    [filterButtonId]=\"filterButtonId\"\n    [showButtonText]=\"true\"\n    (filterButtonClick)=\"inlineFilterButtonClick()\"\n  >\n  </sky-filter-button>\n</ng-template>\n",
-            providers: [
-                ListToolbarState,
-                ListToolbarStateDispatcher,
-                ListToolbarStateModel
-            ],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-list-toolbar-search-wrapper{display:flex}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-dismiss-absolute{padding:0;position:static}.sky-list-toolbar-search-wrapper ::ng-deep .sky-search-container{position:relative;height:100%}.sky-list-toolbar-search-wrapper ::ng-deep sky-search{flex:1 1 auto}.sky-list-toolbar-search-wrapper ::ng-deep sky-list-toolbar-search-actions{flex:0 0 auto;z-index:1}.sky-list-toolbar-container ::ng-deep .sky-toolbar-section-items sky-toolbar-item{flex:0 1 auto;align-self:flex-start}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section{padding-top:0}.sky-list-toolbar-search ::ng-deep .sky-toolbar-section-items{display:block;width:100%}.sky-list-toolbar-search ::ng-deep .sky-toolbar-item{margin:0}.sky-list-toolbar-search ::ng-deep .sky-search-dismiss-absolute,.sky-list-toolbar-search ::ng-deep .sky-toolbar-container{background-color:#eeeeef}.sky-list-toolbar-search ::ng-deep .sky-search-btn:disabled,.sky-list-toolbar-search ::ng-deep input[type=text]:disabled{background-color:#cdcfd2;opacity:1}.sky-list-toolbar-container ::ng-deep sky-toolbar-item[sky-toolbar-id=sort-selector] .sky-toolbar-item{margin-right:0}.sky-list-toolbar-container ::ng-deep sky-checkbox{position:relative;top:-2px}"]
-        })
-    ], SkyListToolbarComponent);
-    return SkyListToolbarComponent;
-}());
-
-/**
- * @internal
- */
-var SkyListToolbarItemRendererComponent = /** @class */ (function () {
-    function SkyListToolbarItemRendererComponent() {
-    }
-    SkyListToolbarItemRendererComponent.prototype.ngOnInit = function () {
-        if (this.template !== undefined) {
-            this.container.createEmbeddedView(this.template, this);
-        }
-    };
-    __decorate([
-        Input()
-    ], SkyListToolbarItemRendererComponent.prototype, "template", void 0);
-    __decorate([
-        ViewChild('container', {
-            read: ViewContainerRef,
-            static: true
-        })
-    ], SkyListToolbarItemRendererComponent.prototype, "container", void 0);
-    SkyListToolbarItemRendererComponent = __decorate([
-        Component({
-            selector: 'sky-list-toolbar-item-renderer',
-            template: '<ng-template #container></ng-template>'
-        })
-    ], SkyListToolbarItemRendererComponent);
-    return SkyListToolbarItemRendererComponent;
-}());
-
-var uniqueId = 0;
-/**
- * @internal
- */
-var SkyListMultiselectToolbarComponent = /** @class */ (function () {
-    function SkyListMultiselectToolbarComponent(state, dispatcher) {
-        this.state = state;
-        this.dispatcher = dispatcher;
-        this.showOnlySelected = false;
-        this.multiselectToolbarId = "sky-list-multiselect-toolbar-" + uniqueId++;
-        this.selectedIdMap = new Map();
-        this.ngUnsubscribe = new Subject();
-    }
-    SkyListMultiselectToolbarComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.state
-            .pipe(map(function (t) { return t.selected.item; }), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.selectedMapEqual))
-            .subscribe(function (model) {
-            _this.selectedIdMap = model.selectedIdMap;
-            if (_this.showOnlySelected) {
-                _this.reapplyFilter(true);
-            }
-        });
-        // If 'show-selected' filter is programatically set from a child component (e.g. checkilst),
-        // make sure the checked state of the 'show-selected' checkbox stays in sync.
-        this.state
-            .pipe(map(function (t) { return t.filters; }), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.showSelectedValuesEqual))
-            .subscribe(function (filters) {
-            var showSelectedFilter = filters.find(function (filter) { return filter.name === 'show-selected'; });
-            if (showSelectedFilter) {
-                _this.showOnlySelected = (showSelectedFilter.value === 'true');
-            }
-        });
-    };
-    SkyListMultiselectToolbarComponent.prototype.ngOnDestroy = function () {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    };
-    SkyListMultiselectToolbarComponent.prototype.selectAll = function () {
-        var _this = this;
-        this.state
-            .pipe(map(function (state) { return state.items.items; }), take(1))
-            .subscribe(function (items) {
-            _this.dispatcher.setSelected(items.map(function (item) { return item.id; }), true);
-            if (_this.showOnlySelected) {
-                _this.reapplyFilter(_this.showOnlySelected);
-            }
-        });
-    };
-    SkyListMultiselectToolbarComponent.prototype.clearSelections = function () {
-        var _this = this;
-        this.state
-            .pipe(map(function (state) { return state.items.items; }), take(1))
-            .subscribe(function (items) {
-            _this.dispatcher.setSelected(items.map(function (item) { return item.id; }), false);
-            if (_this.showOnlySelected) {
-                _this.reapplyFilter(_this.showOnlySelected);
-            }
-        });
-    };
-    SkyListMultiselectToolbarComponent.prototype.changeVisibleItems = function (change) {
-        this.showOnlySelected = change.checked;
-        this.reapplyFilter(change.checked);
-    };
-    SkyListMultiselectToolbarComponent.prototype.reapplyFilter = function (isSelected) {
-        var _this = this;
-        var self = this;
-        this.state
-            .pipe(map(function (state) { return state.filters; }), take(1))
-            .subscribe(function (filters) {
-            filters = filters.filter(function (filter) { return filter.name !== 'show-selected'; });
-            filters.push(self.getShowSelectedFilter(isSelected));
-            _this.dispatcher.filtersUpdate(filters);
-        });
-        // If "show selected" is checked and paging is enabled, go to page one.
-        /* istanbul ignore else */
-        if (isSelected) {
-            this.state.pipe(take(1))
-                .subscribe(function (currentState) {
-                if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
-                    _this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                }
-            });
-        }
-        this.dispatcher.toolbarSetDisabled(isSelected);
-    };
-    SkyListMultiselectToolbarComponent.prototype.getShowSelectedFilter = function (isSelected) {
-        var _this = this;
-        return new ListFilterModel({
-            name: 'show-selected',
-            value: isSelected.toString(),
-            filterFunction: function (model, showOnlySelected) {
-                /* istanbul ignore else */
-                if (showOnlySelected.toString() !== false.toString()) {
-                    return _this.selectedIdMap.get(model.id);
-                }
-            },
-            defaultValue: false.toString()
-        });
-    };
-    SkyListMultiselectToolbarComponent.prototype.showSelectedValuesEqual = function (prev, next) {
-        var prevShowSelectedFilter = prev.find(function (filter) { return filter.name === 'show-selected'; });
-        var nextShowSelectedFilter = next.find(function (filter) { return filter.name === 'show-selected'; });
-        // Both undefined.
-        if (!prevShowSelectedFilter && !nextShowSelectedFilter) {
-            return true;
-        }
-        // Only one undefined.
-        if ((prevShowSelectedFilter && !nextShowSelectedFilter) || (!prevShowSelectedFilter && nextShowSelectedFilter)) {
-            return false;
-        }
-        // Defined, but with different "value".
-        return prevShowSelectedFilter.value === nextShowSelectedFilter.value;
-    };
-    SkyListMultiselectToolbarComponent.prototype.selectedMapEqual = function (prev, next) {
-        if (prev.selectedIdMap.size !== next.selectedIdMap.size) {
-            return false;
-        }
-        for (var i = 0; i < next.selectedIdMap.size; i++) {
-            var key = Array.from(next.selectedIdMap.keys())[i];
-            var value = next.selectedIdMap.get(key);
-            if (value !== prev.selectedIdMap.get(key)) {
-                return false;
-            }
-        }
-        return true;
-    };
-    SkyListMultiselectToolbarComponent.ctorParameters = function () { return [
-        { type: ListState },
-        { type: ListStateDispatcher }
-    ]; };
-    __decorate([
-        Input()
-    ], SkyListMultiselectToolbarComponent.prototype, "showOnlySelected", void 0);
-    SkyListMultiselectToolbarComponent = __decorate([
-        Component({
-            selector: 'sky-list-multiselect-toolbar',
-            template: "<sky-toolbar\n  class=\"sky-list-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer\n        [template]=\"selectAllTemplate\"\n      >\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer\n        [template]=\"clearSelectionsTemplate\"\n      >\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <ng-container *ngTemplateOutlet=\"showSelectedTemplate\"></ng-container>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n  <button\n    class=\"sky-btn sky-btn-link\"\n    type=\"button\"\n    [attr.id]=\"multiselectToolbarId + '-select-all'\"\n    (click)=\"selectAll();$event.preventDefault();\"\n  >\n    {{ 'skyux_list_mutliselect_select_all' | skyLibResources }}\n  </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n  <button\n    class=\"sky-btn sky-btn-link\"\n    type=\"button\"\n    [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n    (click)=\"clearSelections();$event.preventDefault();\"\n  >\n    {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n  </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n  <sky-checkbox\n    [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n    [checked]=\"showOnlySelected\"\n    (change)=\"changeVisibleItems($event)\"\n  >\n    <sky-checkbox-label>\n      {{ 'skyux_list_mutliselect_show_selected' | skyLibResources }}\n    </sky-checkbox-label>\n  </sky-checkbox>\n</ng-template>\n",
-            styles: [":host-context(.sky-list-toolbar-search+) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(sky-toolbar+) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}"]
-        })
-    ], SkyListMultiselectToolbarComponent);
-    return SkyListMultiselectToolbarComponent;
-}());
-
-/**
- * Displays custom actions in the toolbar beside to the search bar.
- */
-var SkyListToolbarSearchActionsComponent = /** @class */ (function () {
-    function SkyListToolbarSearchActionsComponent() {
-    }
-    SkyListToolbarSearchActionsComponent = __decorate([
-        Component({
-            selector: 'sky-list-toolbar-search-actions',
-            template: "<div\n  class=\"sky-list-toolbar-search-actions\"\n>\n  <ng-content></ng-content>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".sky-list-toolbar-search-actions{margin-left:10px}"]
-        })
-    ], SkyListToolbarSearchActionsComponent);
-    return SkyListToolbarSearchActionsComponent;
-}());
-
-var SkyListToolbarModule = /** @class */ (function () {
-    function SkyListToolbarModule() {
-    }
-    SkyListToolbarModule = __decorate([
-        NgModule({
-            declarations: [
-                SkyListToolbarComponent,
-                SkyListToolbarItemComponent,
-                SkyListToolbarItemRendererComponent,
-                SkyListMultiselectToolbarComponent,
-                SkyListToolbarSearchActionsComponent,
-                SkyListToolbarSortComponent,
-                SkyListToolbarViewActionsComponent
-            ],
-            imports: [
-                CommonModule,
-                SkyCheckboxModule,
-                SkyI18nModule,
-                SkyToolbarModule,
-                SkySearchModule,
-                SkySortModule,
-                SkyFilterModule,
-                SkyListFiltersModule,
-                SkyIconModule,
-                SkyListBuilderResourcesModule
-            ],
-            exports: [
-                SkyListToolbarComponent,
-                SkyListToolbarItemComponent,
-                SkyListToolbarItemRendererComponent,
-                SkyListMultiselectToolbarComponent,
-                SkyListToolbarSearchActionsComponent,
-                SkyListToolbarSortComponent,
-                SkyListToolbarViewActionsComponent
-            ]
-        })
-    ], SkyListToolbarModule);
-    return SkyListToolbarModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ListDataProvider, ListDataRequestModel, ListDataResponseModel, ListFilterModel, ListFiltersOrchestrator, ListFiltersUpdateAction, ListItemsLoadAction, ListItemsOrchestrator, ListItemsSetLoadingAction, ListItemsSetSelectedAction, ListPagingModel, ListPagingOrchestrator, ListPagingSetItemsPerPageAction, ListPagingSetMaxPagesAction, ListPagingSetPageNumberAction, ListSearchModel, ListSearchOrchestrator, ListSearchSetFieldSelectorsAction, ListSearchSetFunctionsAction, ListSearchSetOptionsAction, ListSearchSetSearchTextAction, ListSelectedLoadAction, ListSelectedModel, ListSelectedOrchestrator, ListSelectedSetItemSelectedAction, ListSelectedSetItemsSelectedAction, ListSelectedSetLoadingAction, ListSortLabelModel, ListSortModel, ListSortOrchestrator, ListSortSetAvailableAction, ListSortSetFieldSelectorsAction, ListSortSetGlobalAction, ListState, ListStateDispatcher, ListStateModel, ListStateOrchestrator, ListToolbarItemModel, ListToolbarItemsDisableAction, ListToolbarItemsLoadAction, ListToolbarItemsRemoveAction, ListToolbarModel, ListToolbarOrchestrator, ListToolbarSetExistsAction, ListToolbarSetTypeAction, ListToolbarShowMultiselectToolbarAction, ListViewComponent, ListViewModel, ListViewsLoadAction, ListViewsModel, ListViewsOrchestrator, ListViewsSetActiveAction, SkyListComponent, SkyListFilterInlineModel, SkyListFiltersModule, SkyListInMemoryDataProvider, SkyListModule, SkyListPagingModule, SkyListSecondaryActionsComponent, SkyListSecondaryActionsModule, SkyListToolbarComponent, SkyListToolbarModule, SkyListFilterButtonComponent as ɵa, SkyListFilterSummaryComponent as ɵb, SkyListFilterInlineItemComponent as ɵc, SkyListFilterInlineComponent as ɵd, SkyListFilterInlineItemRendererComponent as ɵe, SkyListPagingComponent as ɵf, ListPagingComponent as ɵg, SkyListSecondaryActionsService as ɵh, SkyListSecondaryActionsHostComponent as ɵi, SkyListSecondaryActionComponent as ɵj, SkyListBuilderResourcesModule as ɵk, SkyListBuilderResourcesProvider as ɵl, ListToolbarState as ɵm, ListToolbarStateModel as ɵn, ListToolbarStateDispatcher as ɵo, SkyListToolbarItemComponent as ɵp, SkyListToolbarSortComponent as ɵq, SkyListToolbarViewActionsComponent as ɵr, SkyListToolbarItemRendererComponent as ɵs, SkyListMultiselectToolbarComponent as ɵt, SkyListToolbarSearchActionsComponent as ɵu };
-//# sourceMappingURL=skyux-list-builder.js.map