@skyux/list-builder 5.0.0 → 5.5.0-alpha.0

package/fesm2015/skyux-list-builder.js

@@ -139,6 +139,7 @@ class ListSearchModel {
     constructor(data) {
         /**
          * Specifies the text to search.
+         * @default ""
          */
         this.searchText = '';
         /**
@@ -167,8 +168,8 @@ class SkyListInMemoryDataProvider extends ListDataProvider {
         this.items = new BehaviorSubject([]);
         this.searchFunction = searchFunction;
         if (data) {
-            data.subscribe(items => {
-                this.items.next(items.map(d => new ListItemModel(d.id || `sky-list-data-in-memory-provider-item-${++idIndex$3}`, d)));
+            data.subscribe((items) => {
+                this.items.next(items.map((d) => new ListItemModel(d.id || `sky-list-data-in-memory-provider-item-${++idIndex$3}`, d)));
             });
         }
     }
@@ -182,20 +183,20 @@ class SkyListInMemoryDataProvider extends ListDataProvider {
                 let pagedResult = result.slice(itemStart, itemStart + request.pageSize);
                 return new ListDataResponseModel({
                     count: result.length,
-                    items: pagedResult
+                    items: pagedResult,
                 });
             }
             else {
                 return new ListDataResponseModel({
                     count: result.length,
-                    items: result
+                    items: result,
                 });
             }
         }));
     }
     filteredItems(request) {
         const showSelectedId = ['show-selected'];
-        return this.items.pipe(map(items => {
+        return this.items.pipe(map((items) => {
             let dataChanged = false;
             let search = request.search;
             let sort = request.sort;
@@ -209,7 +210,7 @@ class SkyListInMemoryDataProvider extends ListDataProvider {
             if (request.isToolbarDisabled) {
                 searchChanged = true;
                 search = new ListSearchModel();
-                filters = filters.filter(f => showSelectedId.indexOf(f.name) >= 0);
+                filters = filters.filter((f) => showSelectedId.indexOf(f.name) >= 0);
                 filtersChanged = true;
             }
             else {
@@ -224,11 +225,13 @@ class SkyListInMemoryDataProvider extends ListDataProvider {
             this.lastFilters = filters;
             let result = items;
             // Apply filters.
-            if (!dataChanged && !filtersChanged && this.lastFilterResults !== undefined) {
+            if (!dataChanged &&
+                !filtersChanged &&
+                this.lastFilterResults !== undefined) {
                 result = this.lastFilterResults;
             }
             else if (filters && filters.length > 0) {
-                result = result.filter(item => {
+                result = result.filter((item) => {
                     for (let i = 0; i < filters.length; i++) {
                         let filter = filters[i];
                         if (filter.value === undefined ||
@@ -250,10 +253,15 @@ class SkyListInMemoryDataProvider extends ListDataProvider {
             }
             // Apply search.
             /* istanbul ignore next */
-            if (!dataChanged && !searchChanged && this.lastSearchResults !== undefined && !filtersChanged) {
+            if (!dataChanged &&
+                !searchChanged &&
+                this.lastSearchResults !== undefined &&
+                !filtersChanged) {
                 result = this.lastSearchResults;
             }
-            else if (search && search.searchText !== undefined && search.searchText.length > 0) {
+            else if (search &&
+                search.searchText !== undefined &&
+                search.searchText.length > 0) {
                 let searchText = search.searchText.toLowerCase();
                 let searchFunctions;
                 if (this.searchFunction !== undefined) {
@@ -262,12 +270,13 @@ class SkyListInMemoryDataProvider extends ListDataProvider {
                 else {
                     searchFunctions = search.functions;
                 }
-                result = result.filter(item => {
+                result = result.filter((item) => {
                     let isMatch = false;
                     for (let i = 0; i < searchFunctions.length; i++) {
                         let searchFunction = searchFunctions[i];
                         let searchResult = searchFunction(item.data, searchText);
-                        if ((typeof searchResult === 'string' && searchResult.indexOf(searchText) !== -1) ||
+                        if ((typeof searchResult === 'string' &&
+                            searchResult.indexOf(searchText) !== -1) ||
                             searchResult === true) {
                             isMatch = true;
                             break;
@@ -282,7 +291,9 @@ class SkyListInMemoryDataProvider extends ListDataProvider {
             }
             // Apply sort.
             if (sort && sort.fieldSelectors.length > 0) {
-                result = result.slice().sort((item1, item2) => {
+                result = result
+                    .slice()
+                    .sort((item1, item2) => {
                     let compareResult = 0;
                     for (let i = 0; i < sort.fieldSelectors.length; i++) {
                         let selector = sort.fieldSelectors[i];
@@ -561,9 +572,9 @@ class ListStateDispatcher extends StateDispatcher {
         this.next(new ListSelectedSetItemsSelectedAction(selectedIds, selected, refresh));
     }
 }
-ListStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-ListStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListStateDispatcher });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListStateDispatcher, decorators: [{
+ListStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ListStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListStateDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListStateDispatcher, decorators: [{
             type: Injectable
         }] });
 
@@ -574,8 +585,7 @@ class ListFiltersOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListFiltersUpdateAction, this.update);
+        this.register(ListFiltersUpdateAction, this.update);
     }
     update(state, action) {
         return [...action.filters];
@@ -602,8 +612,7 @@ class ListItemsOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListItemsSetLoadingAction, this.setLoading)
+        this.register(ListItemsSetLoadingAction, this.setLoading)
             .register(ListItemsLoadAction, this.load)
             .register(ListItemsSetSelectedAction, this.setItemsSelected);
     }
@@ -611,8 +620,10 @@ class ListItemsOrchestrator extends ListStateOrchestrator {
         return new AsyncList(state.items, state.lastUpdate, action.loading, state.count);
     }
     load(state, action) {
-        const newListItems = action.items.map(g => new ListItemModel(g.id, g.data, g.isSelected));
-        const resultItems = (action.refresh) ? [...newListItems] : [...state.items, ...newListItems];
+        const newListItems = action.items.map((g) => new ListItemModel(g.id, g.data, g.isSelected));
+        const resultItems = action.refresh
+            ? [...newListItems]
+            : [...state.items, ...newListItems];
         let count = action.count === undefined ? resultItems.length : action.count;
         return new AsyncList(resultItems, action.dataChanged ? Date.now() : state.lastUpdate, false, count);
     }
@@ -621,10 +632,10 @@ class ListItemsOrchestrator extends ListStateOrchestrator {
         const newSelectedIds = action.items || [];
         let newListItemModels = this.cloneListItemModelArray(state.items);
         if (action.refresh) {
-            newListItemModels.forEach(item => item.isSelected = undefined);
+            newListItemModels.forEach((item) => (item.isSelected = undefined));
         }
-        newSelectedIds.map(s => {
-            let newItem = newListItemModels.find(i => i.id === s);
+        newSelectedIds.map((s) => {
+            let newItem = newListItemModels.find((i) => i.id === s);
             /* istanbul ignore next */
             if (newItem) {
                 newItem.isSelected = action.selected;
@@ -634,7 +645,7 @@ class ListItemsOrchestrator extends ListStateOrchestrator {
     }
     cloneListItemModelArray(source) {
         let newListItems = [];
-        source.forEach(item => {
+        source.forEach((item) => {
             newListItems.push(new ListItemModel(item.id, Object.assign({}, item.data), item.isSelected));
         });
         return newListItems;
@@ -675,8 +686,7 @@ class ListPagingOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListPagingSetMaxPagesAction, this.setMaxPages)
+        this.register(ListPagingSetMaxPagesAction, this.setMaxPages)
             .register(ListPagingSetItemsPerPageAction, this.setItemsPerPage)
             .register(ListPagingSetPageNumberAction, this.setPageNumber);
     }
@@ -707,9 +717,7 @@ class ListViewsOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListViewsSetActiveAction, this.setActive)
-            .register(ListViewsLoadAction, this.load);
+        this.register(ListViewsSetActiveAction, this.setActive).register(ListViewsLoadAction, this.load);
     }
     setActive(state, action) {
         return new ListViewsModel(Object.assign({}, state, { active: action.view }));
@@ -751,8 +759,7 @@ class ListToolbarOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListToolbarSetExistsAction, this.setExists)
+        this.register(ListToolbarSetExistsAction, this.setExists)
             .register(ListToolbarItemsDisableAction, this.setDisabled)
             .register(ListToolbarItemsLoadAction, this.load)
             .register(ListToolbarSetTypeAction, this.setType)
@@ -776,7 +783,7 @@ class ListToolbarOrchestrator extends ListStateOrchestrator {
     }
     load(state, action) {
         const newModel = new ListToolbarModel(state);
-        const newListItems = action.items.map(item => {
+        const newListItems = action.items.map((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
@@ -823,14 +830,15 @@ class ListSearchOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListSearchSetSearchTextAction, this.setSearchText)
+        this.register(ListSearchSetSearchTextAction, this.setSearchText)
             .register(ListSearchSetFunctionsAction, this.setFunctions)
             .register(ListSearchSetFieldSelectorsAction, this.setFieldSelectors)
             .register(ListSearchSetOptionsAction, this.setOptions);
     }
     setSearchText(state, action) {
-        return new ListSearchModel(Object.assign({}, state, { searchText: action.searchText ? action.searchText : '' }));
+        return new ListSearchModel(Object.assign({}, state, {
+            searchText: action.searchText ? action.searchText : '',
+        }));
     }
     setFunctions(state, action) {
         return new ListSearchModel(Object.assign({}, state, { functions: [...action.functions] }));
@@ -873,8 +881,7 @@ class ListSelectedOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListSelectedSetLoadingAction, this.setLoading)
+        this.register(ListSelectedSetLoadingAction, this.setLoading)
             .register(ListSelectedSetItemSelectedAction, this.setItemSelected)
             .register(ListSelectedSetItemsSelectedAction, this.setItemsSelected)
             .register(ListSelectedLoadAction, this.load);
@@ -884,7 +891,7 @@ class ListSelectedOrchestrator extends ListStateOrchestrator {
     }
     load(state, action) {
         const newSelected = new ListSelectedModel();
-        action.items.map(s => newSelected.selectedIdMap.set(s, true));
+        action.items.map((s) => newSelected.selectedIdMap.set(s, true));
         return new AsyncItem(Object.assign({}, state.item, newSelected), Date.now(), false);
     }
     setItemSelected(state, action) {
@@ -894,16 +901,16 @@ class ListSelectedOrchestrator extends ListStateOrchestrator {
     }
     setItemsSelected(state, action) {
         const newSelectedIds = action.items || [];
-        const newListSelectedModel = action.refresh ? new ListSelectedModel() : this.cloneListSelectedModel(state.item);
+        const newListSelectedModel = action.refresh
+            ? new ListSelectedModel()
+            : this.cloneListSelectedModel(state.item);
         if (newSelectedIds instanceof Observable) {
-            newSelectedIds
-                .pipe(take(1))
-                .subscribe(selectedIds => {
-                selectedIds.map(s => newListSelectedModel.selectedIdMap.set(s, action.selected));
+            newSelectedIds.pipe(take(1)).subscribe((selectedIds) => {
+                selectedIds.map((s) => newListSelectedModel.selectedIdMap.set(s, action.selected));
             });
         }
         else {
-            newSelectedIds.map(s => newListSelectedModel.selectedIdMap.set(s, action.selected));
+            newSelectedIds.map((s) => newListSelectedModel.selectedIdMap.set(s, action.selected));
         }
         return new AsyncItem(newListSelectedModel, state.lastUpdate, state.loading);
     }
@@ -946,8 +953,7 @@ class ListSortOrchestrator extends ListStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListSortSetFieldSelectorsAction, this.setFieldSelectors)
+        this.register(ListSortSetFieldSelectorsAction, this.setFieldSelectors)
             .register(ListSortSetAvailableAction, this.setAvailable)
             .register(ListSortSetGlobalAction, this.setGlobal);
     }
@@ -955,11 +961,11 @@ class ListSortOrchestrator extends ListStateOrchestrator {
         return new ListSortModel(Object.assign({}, state, { fieldSelectors: action.fieldSelectors }));
     }
     setAvailable(state, action) {
-        const newAvailable = action.available.map(available => new ListSortLabelModel(available));
+        const newAvailable = action.available.map((available) => new ListSortLabelModel(available));
         return new ListSortModel(Object.assign({}, state, { available: newAvailable }));
     }
     setGlobal(state, action) {
-        const newGlobal = action.global.map(global => new ListSortLabelModel(global));
+        const newGlobal = action.global.map((global) => new ListSortLabelModel(global));
         return new ListSortModel(Object.assign({}, state, { global: newGlobal }));
     }
 }
@@ -970,8 +976,7 @@ class ListSortOrchestrator extends ListStateOrchestrator {
 class ListState extends StateNode {
     constructor(dispatcher) {
         super(new ListStateModel(), dispatcher);
-        this
-            .register('filters', ListFiltersOrchestrator)
+        this.register('filters', ListFiltersOrchestrator)
             .register('items', ListItemsOrchestrator)
             .register('paging', ListPagingOrchestrator)
             .register('search', ListSearchOrchestrator)
@@ -982,9 +987,9 @@ class ListState extends StateNode {
             .begin();
     }
 }
-ListState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListState, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
-ListState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListState, decorators: [{
+ListState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListState, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+ListState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListState });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListState, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: ListStateDispatcher }]; } });
 
@@ -998,9 +1003,11 @@ class ListViewComponent {
         this.state = state;
         this.viewName = defaultName;
         /* istanbul ignore next */
-        this.hasToolbar = this.state.pipe(map(s => s.toolbar.exists));
-        this.active = this.state.pipe(map(s => s.views.active === this.viewId));
-        this.active.pipe(distinctUntilChanged()).subscribe(isActive => isActive ? this.onViewActive() : this.onViewInactive());
+        this.hasToolbar = this.state.pipe(map((s) => s.toolbar.exists));
+        this.active = this.state.pipe(map((s) => s.views.active === this.viewId));
+        this.active
+            .pipe(distinctUntilChanged())
+            .subscribe((isActive) => isActive ? this.onViewActive() : this.onViewInactive());
     }
     get id() {
         return this.viewId;
@@ -1009,10 +1016,8 @@ class ListViewComponent {
         return this.viewName;
     }
     /* istanbul ignore next */
-    onViewActive() {
-    }
-    onViewInactive() {
-    }
+    onViewActive() { }
+    onViewInactive() { }
 }
 
 /**
@@ -1055,7 +1060,6 @@ class SkyListComponent {
          * Emits the filters applied to the list.
          */
         this.appliedFiltersChange = new EventEmitter();
-        /* tslint:enable */
         this.dataFirstLoad = false;
         this.lastSelectedIds = [];
         this.lastFilters = [];
@@ -1066,8 +1070,10 @@ class SkyListComponent {
             this.dataFirstLoad = true;
         }
         if (this.listViews.length > 0) {
-            let defaultView = (this.defaultView === undefined) ? this.listViews.first : this.defaultView;
-            this.dispatcher.next(new ListViewsLoadAction(this.listViews.map(v => new ListViewModel(v.id, v.label))));
+            let defaultView = this.defaultView === undefined
+                ? this.listViews.first
+                : this.defaultView;
+            this.dispatcher.next(new ListViewsLoadAction(this.listViews.map((v) => new ListViewModel(v.id, v.label))));
             // activate the default view
             this.dispatcher.next(new ListViewsSetActiveAction(defaultView.id));
         }
@@ -1085,14 +1091,14 @@ class SkyListComponent {
             }
             this.dispatcher.next(new ListSortSetFieldSelectorsAction(sortArray || []));
         });
-        this.displayedItems.subscribe(result => {
+        this.displayedItems.subscribe((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(current => current.selected), takeUntil(this.ngUnsubscribe), distinctUntilChanged())
-            .subscribe(selected => {
+            .pipe(map((current) => current.selected), takeUntil(this.ngUnsubscribe), distinctUntilChanged())
+            .subscribe((selected) => {
             // Update lastSelectedIds to help us retain user selections.
             let selectedIdsList = [];
             selected.item.selectedIdMap.forEach((value, key) => {
@@ -1109,7 +1115,7 @@ class SkyListComponent {
         });
         if (this.appliedFiltersChange.observers.length > 0) {
             this.state
-                .pipe(map(current => current.filters), takeUntil(this.ngUnsubscribe), skip(1))
+                .pipe(map((current) => current.filters), takeUntil(this.ngUnsubscribe), skip(1))
                 .subscribe((filters) => {
                 /**
                  * We are doing this instead of a distinctUntilChange due to memory allocation issues
@@ -1125,9 +1131,11 @@ class SkyListComponent {
     }
     ngOnChanges(changes) {
         if (changes['appliedFilters'] &&
-            changes['appliedFilters'].currentValue !== changes['appliedFilters'].previousValue) {
+            changes['appliedFilters'].currentValue !==
+                changes['appliedFilters'].previousValue) {
             this.state.pipe(take(1)).subscribe((currentState) => {
-                if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+                if (currentState.paging.pageNumber &&
+                    currentState.paging.pageNumber !== 1) {
                     this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
                 }
                 this.dispatcher.filtersUpdate(this.appliedFilters);
@@ -1172,17 +1180,17 @@ class SkyListComponent {
         // with adding a debounce time to the Observable which watches for state changes.
         let cancelLastRequest = new Subject();
         return combineLatest([
-            this.state.pipe(map(s => s.filters), distinctUntilChanged()),
-            this.state.pipe(map(s => s.search), distinctUntilChanged()),
-            this.state.pipe(map(s => s.sort.fieldSelectors), distinctUntilChanged()),
-            this.state.pipe(map(s => s.paging.itemsPerPage), distinctUntilChanged()),
-            this.state.pipe(map(s => s.paging.pageNumber), distinctUntilChanged()),
-            this.state.pipe(map(s => s.toolbar.disabled), distinctUntilChanged()),
-            selectedIds.pipe(distinctUntilChanged(), map(selected => {
+            this.state.pipe(map((s) => s.filters), distinctUntilChanged()),
+            this.state.pipe(map((s) => s.search), distinctUntilChanged()),
+            this.state.pipe(map((s) => s.sort.fieldSelectors), distinctUntilChanged()),
+            this.state.pipe(map((s) => s.paging.itemsPerPage), distinctUntilChanged()),
+            this.state.pipe(map((s) => s.paging.pageNumber), distinctUntilChanged()),
+            this.state.pipe(map((s) => s.toolbar.disabled), distinctUntilChanged()),
+            selectedIds.pipe(distinctUntilChanged(), map((selected) => {
                 selectedChanged = true;
                 return selected;
             })),
-            data.pipe(distinctUntilChanged())
+            data.pipe(distinctUntilChanged()),
         ], (filters, search, sortFieldSelectors, itemsPerPage, pageNumber, isToolbarDisabled, selected, itemsData) => {
             cancelLastRequest.next();
             cancelLastRequest.complete();
@@ -1195,44 +1203,44 @@ class SkyListComponent {
             let response;
             if (this.dataFirstLoad) {
                 this.dataFirstLoad = false;
-                let initialItems = itemsData.map(d => new ListItemModel(d.id || `sky-list-item-model-${++idIndex$1}`, d));
+                let initialItems = itemsData.map((d) => new ListItemModel(d.id || `sky-list-item-model-${++idIndex$1}`, d));
                 response = of(new ListDataResponseModel({
                     count: this.initialTotal,
-                    items: initialItems
+                    items: initialItems,
                 })).pipe(takeUntil(cancelLastRequest));
             }
             else {
-                response = this.dataProvider.get(new ListDataRequestModel({
+                response = this.dataProvider
+                    .get(new ListDataRequestModel({
                     filters: filters,
                     pageSize: itemsPerPage,
                     pageNumber: pageNumber,
                     search: search,
                     sort: new ListSortModel({ fieldSelectors: sortFieldSelectors }),
-                    isToolbarDisabled: isToolbarDisabled
-                })).pipe(takeUntil(cancelLastRequest));
+                    isToolbarDisabled: isToolbarDisabled,
+                }))
+                    .pipe(takeUntil(cancelLastRequest));
             }
             return response;
-        })
-            .pipe(takeUntil(this.ngUnsubscribe), 
+        }).pipe(takeUntil(this.ngUnsubscribe), 
         // Retain user selections from previous state.
         // This is only necessary for grids component (based on item.isSelected).
-        map(response => {
-            return response.pipe(map(listDataResponseModel => {
+        map((response) => {
+            return response.pipe(map((listDataResponseModel) => {
                 return new ListDataResponseModel({
                     count: listDataResponseModel.count,
-                    items: this.getItemsAndRetainSelections(listDataResponseModel.items, this.lastSelectedIds)
+                    items: this.getItemsAndRetainSelections(listDataResponseModel.items, this.lastSelectedIds),
                 });
             }));
-        }), flatMap(value => value));
+        }), flatMap((value) => value));
     }
     get selectedItems() {
-        return combineLatest(this.state.pipe(map(current => current.items.items), distinctUntilChanged()), this.state.pipe(map(current => current.selected), distinctUntilChanged()), (items, selected) => {
-            return items.filter(i => selected.item.selectedIdMap.get(i.id));
+        return combineLatest(this.state.pipe(map((current) => current.items.items), distinctUntilChanged()), this.state.pipe(map((current) => current.selected), distinctUntilChanged()), (items, selected) => {
+            return items.filter((i) => selected.item.selectedIdMap.get(i.id));
         }).pipe(takeUntil(this.ngUnsubscribe));
     }
     get lastUpdate() {
-        return this.state
-            .pipe(takeUntil(this.ngUnsubscribe), map(s => s.items.lastUpdate ? new Date(s.items.lastUpdate) : undefined));
+        return this.state.pipe(takeUntil(this.ngUnsubscribe), map((s) => s.items.lastUpdate ? new Date(s.items.lastUpdate) : undefined));
     }
     get views() {
         return this.listViews.toArray();
@@ -1242,7 +1250,7 @@ class SkyListComponent {
     }
     getItemsAndRetainSelections(newList, selectedIds) {
         let updatedListModel = newList.slice();
-        updatedListModel.forEach(item => {
+        updatedListModel.forEach((item) => {
             item.isSelected = selectedIds.indexOf(item.id) > -1 ? true : false;
         });
         return updatedListModel;
@@ -1266,15 +1274,15 @@ class SkyListComponent {
         return true;
     }
 }
-SkyListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListComponent, selector: "sky-list", inputs: { data: "data", dataProvider: "dataProvider", defaultView: "defaultView", initialTotal: "initialTotal", selectedIds: "selectedIds", sortFields: "sortFields", appliedFilters: "appliedFilters", searchFunction: ["search", "searchFunction"] }, outputs: { selectedIdsChange: "selectedIdsChange", appliedFiltersChange: "appliedFiltersChange" }, providers: [ListState, ListStateDispatcher], queries: [{ propertyName: "listViews", predicate: ListViewComponent }], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListComponent, decorators: [{
+SkyListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListComponent, selector: "sky-list", inputs: { data: "data", dataProvider: "dataProvider", defaultView: "defaultView", initialTotal: "initialTotal", selectedIds: "selectedIds", sortFields: "sortFields", appliedFilters: "appliedFilters", searchFunction: ["search", "searchFunction"] }, outputs: { selectedIdsChange: "selectedIdsChange", appliedFiltersChange: "appliedFiltersChange" }, providers: [ListState, ListStateDispatcher], queries: [{ propertyName: "listViews", predicate: ListViewComponent }], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list',
                     template: '<ng-content></ng-content>',
                     providers: [ListState, ListStateDispatcher],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { data: [{
                 type: Input
@@ -1304,23 +1312,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
 
 class SkyListModule {
 }
-SkyListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListModule, declarations: [SkyListComponent], imports: [CommonModule], exports: [SkyListComponent] });
-SkyListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListModule, decorators: [{
+SkyListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListModule, declarations: [SkyListComponent], imports: [CommonModule], exports: [SkyListComponent] });
+SkyListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SkyListComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        SkyListComponent
-                    ]
+                    declarations: [SkyListComponent],
+                    imports: [CommonModule],
+                    exports: [SkyListComponent],
                 }]
         }] });
 
@@ -1380,24 +1380,24 @@ class SkyListFilterButtonComponent {
             new ListToolbarItemModel({
                 template: this.filterButtonTemplate,
                 location: 'left',
-                index: this.filterButtonItemToolbarIndex
-            })
+                index: this.filterButtonItemToolbarIndex,
+            }),
         ]);
     }
 }
-SkyListFilterButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterButtonComponent, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListFilterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListFilterButtonComponent, selector: "sky-list-filter-button", viewQueries: [{ propertyName: "filterButtonTemplate", first: true, predicate: ["filterButton"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #filterButton>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterButtonComponent, decorators: [{
+SkyListFilterButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterButtonComponent, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListFilterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterButtonComponent, selector: "sky-list-filter-button", viewQueries: [{ propertyName: "filterButtonTemplate", first: true, predicate: ["filterButton"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #filterButton>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-filter-button',
-                    templateUrl: './list-filter-button.component.html'
+                    templateUrl: './list-filter-button.component.html',
                 }]
         }], ctorParameters: function () { return [{ type: ListStateDispatcher }]; }, propDecorators: { filterButtonTemplate: [{
                 type: ViewChild,
                 args: ['filterButton', {
                         read: TemplateRef,
-                        static: true
+                        static: true,
                     }]
             }] } });
 
@@ -1422,10 +1422,10 @@ class SkyListFilterSummaryComponent {
         setTimeout(() => {
             this.appliedFilters = this.state.pipe(map((state) => {
                 return state.filters.filter((filter) => {
-                    return filter.value !== '' &&
+                    return (filter.value !== '' &&
                         filter.value !== undefined &&
                         filter.value !== false &&
-                        filter.value !== filter.defaultValue;
+                        filter.value !== filter.defaultValue);
                 });
             }));
         });
@@ -1440,13 +1440,13 @@ class SkyListFilterSummaryComponent {
         this.summaryItemClick.emit(item);
     }
 }
-SkyListFilterSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterSummaryComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListFilterSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListFilterSummaryComponent, selector: "sky-list-filter-summary", outputs: { summaryItemClick: "summaryItemClick" }, ngImport: i0, 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", components: [{ type: i3.λ5, selector: "sky-filter-summary" }, { type: i3.λ4, selector: "sky-filter-summary-item", inputs: ["dismissible"], outputs: ["dismiss", "itemClick"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterSummaryComponent, decorators: [{
+SkyListFilterSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterSummaryComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListFilterSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterSummaryComponent, selector: "sky-list-filter-summary", outputs: { summaryItemClick: "summaryItemClick" }, ngImport: i0, 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", components: [{ type: i3.λ5, selector: "sky-filter-summary" }, { type: i3.λ4, selector: "sky-filter-summary-item", inputs: ["dismissible"], outputs: ["dismiss", "itemClick"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterSummaryComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-filter-summary',
-                    templateUrl: './list-filter-summary.component.html'
+                    templateUrl: './list-filter-summary.component.html',
                 }]
         }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { summaryItemClick: [{
                 type: Output
@@ -1457,7 +1457,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
  */
 class SkyListFilterInlineItemComponent {
     constructor() {
-        /* tslint:enable:no-input-rename */
         this.onChange = new EventEmitter();
     }
     ngOnInit() {
@@ -1466,16 +1465,18 @@ class SkyListFilterInlineItemComponent {
         }
     }
     get template() {
-        return this.templates.length > 0 ? this.templates.first : this.templateInput;
+        return this.templates.length > 0
+            ? this.templates.first
+            : this.templateInput;
     }
 }
-SkyListFilterInlineItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterInlineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListFilterInlineItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListFilterInlineItemComponent, selector: "sky-list-filter-inline-item", inputs: { name: "name", value: "value", defaultValue: "defaultValue", filterFunction: ["filter", "filterFunction"], templateInput: ["template", "templateInput"] }, queries: [{ propertyName: "templates", predicate: TemplateRef }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterInlineItemComponent, decorators: [{
+SkyListFilterInlineItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterInlineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListFilterInlineItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterInlineItemComponent, selector: "sky-list-filter-inline-item", inputs: { name: "name", value: "value", defaultValue: "defaultValue", filterFunction: ["filter", "filterFunction"], templateInput: ["template", "templateInput"] }, queries: [{ propertyName: "templates", predicate: TemplateRef }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterInlineItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-filter-inline-item',
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
                 }]
         }], propDecorators: { name: [{
                 type: Input
@@ -1506,13 +1507,13 @@ class SkyListFilterInlineItemRendererComponent {
         }
     }
 }
-SkyListFilterInlineItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterInlineItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListFilterInlineItemRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListFilterInlineItemRendererComponent, selector: "sky-list-filter-inline-item-renderer", inputs: { template: "template", filter: "filter" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-template #container></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterInlineItemRendererComponent, decorators: [{
+SkyListFilterInlineItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterInlineItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListFilterInlineItemRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterInlineItemRendererComponent, selector: "sky-list-filter-inline-item-renderer", inputs: { template: "template", filter: "filter" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-template #container></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterInlineItemRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-filter-inline-item-renderer',
-                    template: '<ng-template #container></ng-template>'
+                    template: '<ng-template #container></ng-template>',
                 }]
         }], propDecorators: { template: [{
                 type: Input
@@ -1522,7 +1523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                 type: ViewChild,
                 args: ['container', {
                         read: ViewContainerRef,
-                        static: true
+                        static: true,
                     }]
             }] } });
 
@@ -1537,16 +1538,16 @@ class SkyListFilterInlineComponent {
         this.inlineFilters = [];
     }
     ngAfterContentInit() {
-        this.inlineFilters = this.filters.map(filter => {
+        this.inlineFilters = this.filters.map((filter) => {
             return new SkyListFilterInlineModel({
                 name: filter.name,
                 filterFunction: filter.filterFunction,
                 template: filter.template,
                 value: filter.value,
-                defaultValue: filter.defaultValue
+                defaultValue: filter.defaultValue,
             });
         });
-        this.inlineFilters.forEach(filter => {
+        this.inlineFilters.forEach((filter) => {
             filter.onChange.subscribe((value) => {
                 this.applyFilters();
             });
@@ -1555,7 +1556,8 @@ class SkyListFilterInlineComponent {
     }
     applyFilters() {
         this.state.pipe(take(1)).subscribe((currentState) => {
-            if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+            if (currentState.paging.pageNumber &&
+                currentState.paging.pageNumber !== 1) {
                 this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
             }
             this.dispatcher.filtersUpdate(this.getFilterModelFromInline(this.inlineFilters));
@@ -1567,18 +1569,18 @@ class SkyListFilterInlineComponent {
                 name: filter.name,
                 value: filter.value,
                 filterFunction: filter.filterFunction,
-                defaultValue: filter.defaultValue
+                defaultValue: filter.defaultValue,
             });
         });
     }
 }
-SkyListFilterInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterInlineComponent, deps: [{ token: ListStateDispatcher }, { token: ListState }], target: i0.ɵɵFactoryTarget.Component });
-SkyListFilterInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListFilterInlineComponent, selector: "sky-list-filter-inline", queries: [{ propertyName: "filters", predicate: SkyListFilterInlineItemComponent }], ngImport: i0, 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", components: [{ type: i3.λ2, selector: "sky-filter-inline" }, { type: i3.λ3, selector: "sky-filter-inline-item" }, { type: SkyListFilterInlineItemRendererComponent, selector: "sky-list-filter-inline-item-renderer", inputs: ["template", "filter"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFilterInlineComponent, decorators: [{
+SkyListFilterInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterInlineComponent, deps: [{ token: ListStateDispatcher }, { token: ListState }], target: i0.ɵɵFactoryTarget.Component });
+SkyListFilterInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListFilterInlineComponent, selector: "sky-list-filter-inline", queries: [{ propertyName: "filters", predicate: SkyListFilterInlineItemComponent }], ngImport: i0, template: "<ng-content></ng-content>\n\n<sky-filter-inline>\n  <sky-filter-inline-item *ngFor=\"let filter of inlineFilters\">\n    <sky-list-filter-inline-item-renderer\n      [template]=\"filter.template\"\n      [filter]=\"filter\"\n    >\n    </sky-list-filter-inline-item-renderer>\n  </sky-filter-inline-item>\n</sky-filter-inline>\n", components: [{ type: i3.λ2, selector: "sky-filter-inline" }, { type: i3.λ3, selector: "sky-filter-inline-item" }, { type: SkyListFilterInlineItemRendererComponent, selector: "sky-list-filter-inline-item-renderer", inputs: ["template", "filter"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFilterInlineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-filter-inline',
-                    templateUrl: './list-filter-inline.component.html'
+                    templateUrl: './list-filter-inline.component.html',
                 }]
         }], ctorParameters: function () { return [{ type: ListStateDispatcher }, { type: ListState }]; }, propDecorators: { filters: [{
                 type: ContentChildren,
@@ -1587,21 +1589,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
 
 class SkyListFiltersModule {
 }
-SkyListFiltersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListFiltersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFiltersModule, declarations: [SkyListFilterButtonComponent,
+SkyListFiltersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListFiltersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFiltersModule, declarations: [SkyListFilterButtonComponent,
         SkyListFilterSummaryComponent,
         SkyListFilterInlineItemComponent,
         SkyListFilterInlineComponent,
-        SkyListFilterInlineItemRendererComponent], imports: [CommonModule,
-        SkyFilterModule], exports: [SkyListFilterButtonComponent,
+        SkyListFilterInlineItemRendererComponent], imports: [CommonModule, SkyFilterModule], exports: [SkyListFilterButtonComponent,
         SkyListFilterSummaryComponent,
         SkyListFilterInlineItemComponent,
         SkyListFilterInlineComponent] });
-SkyListFiltersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFiltersModule, imports: [[
-            CommonModule,
-            SkyFilterModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListFiltersModule, decorators: [{
+SkyListFiltersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFiltersModule, imports: [[CommonModule, SkyFilterModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListFiltersModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1609,18 +1607,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                         SkyListFilterSummaryComponent,
                         SkyListFilterInlineItemComponent,
                         SkyListFilterInlineComponent,
-                        SkyListFilterInlineItemRendererComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        SkyFilterModule
+                        SkyListFilterInlineItemRendererComponent,
                     ],
+                    imports: [CommonModule, SkyFilterModule],
                     exports: [
                         SkyListFilterButtonComponent,
                         SkyListFilterSummaryComponent,
                         SkyListFilterInlineItemComponent,
-                        SkyListFilterInlineComponent
-                    ]
+                        SkyListFilterInlineComponent,
+                    ],
                 }]
         }] });
 
@@ -1661,11 +1656,10 @@ class SkyListPagingComponent extends ListPagingComponent {
         this.pageNumber = 1;
     }
     ngOnInit() {
-        this.currentPageNumber = this.state.pipe(map(s => s.paging.pageNumber));
-        this.maxDisplayedPages = this.state.pipe(map(s => s.paging.maxDisplayedPages));
-        this.itemsPerPage = this.state.pipe(map(s => s.paging.itemsPerPage));
-        this.itemCount = this.state
-            .pipe(map((s) => {
+        this.currentPageNumber = this.state.pipe(map((s) => s.paging.pageNumber));
+        this.maxDisplayedPages = this.state.pipe(map((s) => s.paging.maxDisplayedPages));
+        this.itemsPerPage = this.state.pipe(map((s) => s.paging.itemsPerPage));
+        this.itemCount = this.state.pipe(map((s) => {
             return s.items;
         }), scan((previousValue, newValue) => {
             if (previousValue.lastUpdate > newValue.lastUpdate) {
@@ -1690,19 +1684,19 @@ class SkyListPagingComponent extends ListPagingComponent {
         });
     }
 }
-SkyListPagingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListPagingComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListPagingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListPagingComponent, selector: "sky-list-paging", inputs: { pageSize: "pageSize", maxPages: "maxPages", pageNumber: "pageNumber" }, providers: [
-        { provide: ListPagingComponent, useExisting: listPagingComponentRef }
-    ], usesInheritance: true, ngImport: i0, 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", components: [{ type: i3.λ7, selector: "sky-paging", inputs: ["currentPage", "itemCount", "maxPages", "pageSize", "pagingLabel"], outputs: ["currentPageChange"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListPagingComponent, decorators: [{
+SkyListPagingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListPagingComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListPagingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListPagingComponent, selector: "sky-list-paging", inputs: { pageSize: "pageSize", maxPages: "maxPages", pageNumber: "pageNumber" }, providers: [
+        { provide: ListPagingComponent, useExisting: listPagingComponentRef },
+    ], usesInheritance: true, ngImport: i0, 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", components: [{ type: i3.λ7, selector: "sky-paging", inputs: ["currentPage", "itemCount", "maxPages", "pageSize", "pagingLabel"], outputs: ["currentPageChange"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListPagingComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-paging',
                     templateUrl: './list-paging.component.html',
                     providers: [
-                        { provide: ListPagingComponent, useExisting: listPagingComponentRef }
+                        { provide: ListPagingComponent, useExisting: listPagingComponentRef },
                     ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { pageSize: [{
                 type: Input
@@ -1714,26 +1708,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
 
 class SkyListPagingModule {
 }
-SkyListPagingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListPagingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListPagingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListPagingModule, declarations: [SkyListPagingComponent], imports: [CommonModule,
-        SkyPagingModule], exports: [SkyListPagingComponent] });
-SkyListPagingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListPagingModule, imports: [[
-            CommonModule,
-            SkyPagingModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListPagingModule, decorators: [{
+SkyListPagingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListPagingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListPagingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListPagingModule, declarations: [SkyListPagingComponent], imports: [CommonModule, SkyPagingModule], exports: [SkyListPagingComponent] });
+SkyListPagingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListPagingModule, imports: [[CommonModule, SkyPagingModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListPagingModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SkyListPagingComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        SkyPagingModule
-                    ],
-                    exports: [
-                        SkyListPagingComponent
-                    ]
+                    declarations: [SkyListPagingComponent],
+                    imports: [CommonModule, SkyPagingModule],
+                    exports: [SkyListPagingComponent],
                 }]
         }] });
 
@@ -1744,7 +1727,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
  * To update this file, simply rerun the command.
  */
 const RESOURCES = {
-    'EN-US': { "skyux_list_show_secondary_actions_button": { "message": "More" }, "skyux_list_multiselect_clear_all": { "message": "Clear all" }, "skyux_list_mutliselect_select_all": { "message": "Select all" }, "skyux_list_mutliselect_show_selected": { "message": "Only show selected items" }, "skyux_list_view_switcher_dropdown_title": { "message": "Select view" } },
+    'EN-US': {
+        skyux_list_show_secondary_actions_button: { message: 'More' },
+        skyux_list_multiselect_clear_all: { message: 'Clear all' },
+        skyux_list_mutliselect_select_all: { message: 'Select all' },
+        skyux_list_mutliselect_show_selected: {
+            message: 'Only show selected items',
+        },
+        skyux_list_view_switcher_dropdown_title: { message: 'Select view' },
+    },
 };
 class SkyListBuilderResourcesProvider {
     getString(localeInfo, name) {
@@ -1756,22 +1747,26 @@ class SkyListBuilderResourcesProvider {
  */
 class SkyListBuilderResourcesModule {
 }
-SkyListBuilderResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListBuilderResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderResourcesModule, exports: [SkyI18nModule] });
-SkyListBuilderResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderResourcesModule, providers: [{
+SkyListBuilderResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListBuilderResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListBuilderResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListBuilderResourcesModule, exports: [SkyI18nModule] });
+SkyListBuilderResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListBuilderResourcesModule, providers: [
+        {
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyListBuilderResourcesProvider,
-            multi: true
-        }], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListBuilderResourcesModule, decorators: [{
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListBuilderResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
-                    providers: [{
+                    providers: [
+                        {
                             provide: SKY_LIB_RESOURCES_PROVIDERS,
                             useClass: SkyListBuilderResourcesProvider,
-                            multi: true
-                        }]
+                            multi: true,
+                        },
+                    ],
                 }]
         }] });
 
@@ -1794,7 +1789,7 @@ class SkyListSecondaryActionsService {
     removeSecondaryAction(action) {
         this.secondaryActionsCount--;
         this.secondaryActionsSubject.next(this.secondaryActionsCount);
-        this.actions = this.actions.filter(existingItem => existingItem !== action);
+        this.actions = this.actions.filter((existingItem) => existingItem !== action);
         this.actionsStream.next(this.actions);
     }
     ngOnDestroy() {
@@ -1802,9 +1797,9 @@ class SkyListSecondaryActionsService {
         this.actionsStream.complete();
     }
 }
-SkyListSecondaryActionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyListSecondaryActionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsService, decorators: [{
+SkyListSecondaryActionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyListSecondaryActionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsService, decorators: [{
             type: Injectable
         }] });
 
@@ -1825,7 +1820,7 @@ class SkyListSecondaryActionsHostComponent {
         this.actionService.actionsStream
             .pipe(takeUntil(this.ngUnsubscribe), distinctUntilChanged())
             .subscribe((actions) => {
-            const hasSecondaryActions = (actions.length > 0);
+            const hasSecondaryActions = actions.length > 0;
             this.dropdownHidden = !hasSecondaryActions;
             this.actions = actions;
             this.changeDetector.detectChanges();
@@ -1836,15 +1831,15 @@ class SkyListSecondaryActionsHostComponent {
         this.ngUnsubscribe.complete();
     }
 }
-SkyListSecondaryActionsHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsHostComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyListSecondaryActionsService }], target: i0.ɵɵFactoryTarget.Component });
-SkyListSecondaryActionsHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListSecondaryActionsHostComponent, selector: "sky-list-secondary-actions-host", ngImport: i0, 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", 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-xs) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-xs) .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-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .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-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .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-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2.λ2, selector: "sky-dropdown-button" }, { type: i3$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i2.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsHostComponent, decorators: [{
+SkyListSecondaryActionsHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsHostComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyListSecondaryActionsService }], target: i0.ɵɵFactoryTarget.Component });
+SkyListSecondaryActionsHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListSecondaryActionsHostComponent, selector: "sky-list-secondary-actions-host", ngImport: i0, 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 icon=\"ellipsis-h\"> </sky-icon>\n      <span class=\"sky-list-secondary-actions-btn-text\">\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\"> </ng-container>\n      </sky-dropdown-item>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-content> </ng-content>\n", 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-xs) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:none}:host-context(.sky-responsive-container-xs) .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-md) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .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-sm) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-md) .sky-list-secondary-actions-btn-text,:host-context(.sky-responsive-container-lg) .sky-list-secondary-actions-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .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-lg) .sky-list-secondary-actions ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2.λ2, selector: "sky-dropdown-button" }, { type: i3$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i2.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsHostComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-secondary-actions-host',
                     templateUrl: './list-secondary-actions-host.component.html',
                     styleUrls: ['./list-secondary-actions-host.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: SkyListSecondaryActionsService }]; } });
 
@@ -1863,32 +1858,26 @@ class SkyListSecondaryActionsComponent {
             id: 'secondary-actions',
             template: this.secondaryActionsTemplate,
             location: 'center',
-            index: this.secondaryActionsItemToolbarIndex
+            index: this.secondaryActionsItemToolbarIndex,
         });
-        this.dispatcher.toolbarAddItems([
-            secondaryActionItem
-        ]);
+        this.dispatcher.toolbarAddItems([secondaryActionItem]);
     }
 }
-SkyListSecondaryActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsComponent, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListSecondaryActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListSecondaryActionsComponent, selector: "sky-list-secondary-actions", providers: [
-        SkyListSecondaryActionsService
-    ], viewQueries: [{ propertyName: "secondaryActionsTemplate", first: true, predicate: ["secondaryActions"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, 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", components: [{ type: SkyListSecondaryActionsHostComponent, selector: "sky-list-secondary-actions-host" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsComponent, decorators: [{
+SkyListSecondaryActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsComponent, deps: [{ token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListSecondaryActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListSecondaryActionsComponent, selector: "sky-list-secondary-actions", providers: [SkyListSecondaryActionsService], viewQueries: [{ propertyName: "secondaryActionsTemplate", first: true, predicate: ["secondaryActions"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, 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", components: [{ type: SkyListSecondaryActionsHostComponent, selector: "sky-list-secondary-actions-host" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-secondary-actions',
                     templateUrl: './list-secondary-actions.component.html',
-                    providers: [
-                        SkyListSecondaryActionsService
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    providers: [SkyListSecondaryActionsService],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: ListStateDispatcher }]; }, propDecorators: { secondaryActionsTemplate: [{
                 type: ViewChild,
                 args: ['secondaryActions', {
                         read: TemplateRef,
-                        static: true
+                        static: true,
                     }]
             }] } });
 
@@ -1901,63 +1890,59 @@ class SkyListSecondaryActionComponent {
     }
     ngAfterContentInit() {
         this.actionService.addSecondaryAction({
-            template: this.templateRef
+            template: this.templateRef,
         });
     }
 }
-SkyListSecondaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionComponent, deps: [{ token: SkyListSecondaryActionsService }], target: i0.ɵɵFactoryTarget.Component });
-SkyListSecondaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListSecondaryActionComponent, selector: "sky-list-secondary-action", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["listSecondaryAction"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #listSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionComponent, decorators: [{
+SkyListSecondaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionComponent, deps: [{ token: SkyListSecondaryActionsService }], target: i0.ɵɵFactoryTarget.Component });
+SkyListSecondaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListSecondaryActionComponent, selector: "sky-list-secondary-action", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["listSecondaryAction"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #listSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-secondary-action',
-                    templateUrl: './list-secondary-action.component.html'
+                    templateUrl: './list-secondary-action.component.html',
                 }]
         }], ctorParameters: function () { return [{ type: SkyListSecondaryActionsService }]; }, propDecorators: { templateRef: [{
                 type: ViewChild,
                 args: ['listSecondaryAction', {
                         read: TemplateRef,
-                        static: true
+                        static: true,
                     }]
             }] } });
 
 class SkyListSecondaryActionsModule {
 }
-SkyListSecondaryActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListSecondaryActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsModule, declarations: [SkyListSecondaryActionsComponent,
+SkyListSecondaryActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListSecondaryActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsModule, declarations: [SkyListSecondaryActionsComponent,
         SkyListSecondaryActionsHostComponent,
         SkyListSecondaryActionComponent], imports: [CommonModule,
         SkyDropdownModule,
         SkyI18nModule,
         SkyIconModule,
-        SkyListBuilderResourcesModule], exports: [SkyListSecondaryActionsComponent,
-        SkyListSecondaryActionComponent] });
-SkyListSecondaryActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsModule, imports: [[
+        SkyListBuilderResourcesModule], exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent] });
+SkyListSecondaryActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsModule, imports: [[
             CommonModule,
             SkyDropdownModule,
             SkyI18nModule,
             SkyIconModule,
-            SkyListBuilderResourcesModule
+            SkyListBuilderResourcesModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListSecondaryActionsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         SkyListSecondaryActionsComponent,
                         SkyListSecondaryActionsHostComponent,
-                        SkyListSecondaryActionComponent
+                        SkyListSecondaryActionComponent,
                     ],
                     imports: [
                         CommonModule,
                         SkyDropdownModule,
                         SkyI18nModule,
                         SkyIconModule,
-                        SkyListBuilderResourcesModule
+                        SkyListBuilderResourcesModule,
                     ],
-                    exports: [
-                        SkyListSecondaryActionsComponent,
-                        SkyListSecondaryActionComponent
-                    ]
+                    exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent],
                 }]
         }] });
 
@@ -1977,9 +1962,9 @@ class SkyListToolbarItemComponent {
          */
         this.index = -1;
         /**
-         * Specifies the toolbar location of the item. The valid options are `left`,
-         * `center`, and `right`.
-         * @default 'left'
+         * Specifies the toolbar location of the item. The valid options are `"left"`,
+         * `"center"`, and `"right"`.
+         * @default "left"
          */
         this.location = 'left';
     }
@@ -1987,13 +1972,13 @@ class SkyListToolbarItemComponent {
         return this.templates.length > 0 ? this.templates.first : undefined;
     }
 }
-SkyListToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListToolbarItemComponent, selector: "sky-list-toolbar-item", inputs: { id: "id", index: "index", location: "location" }, queries: [{ propertyName: "templates", predicate: TemplateRef }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarItemComponent, decorators: [{
+SkyListToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarItemComponent, selector: "sky-list-toolbar-item", inputs: { id: "id", index: "index", location: "location" }, queries: [{ propertyName: "templates", predicate: TemplateRef }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-toolbar-item',
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
                 }]
         }], propDecorators: { id: [{
                 type: Input
@@ -2011,13 +1996,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
  */
 class SkyListToolbarSortComponent {
 }
-SkyListToolbarSortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListToolbarSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListToolbarSortComponent, selector: "sky-list-toolbar-sort", inputs: { label: "label", field: "field", type: "type", descending: "descending" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarSortComponent, decorators: [{
+SkyListToolbarSortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListToolbarSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarSortComponent, selector: "sky-list-toolbar-sort", inputs: { label: "label", field: "field", type: "type", descending: "descending" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarSortComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-toolbar-sort',
-                    template: ''
+                    template: '',
                 }]
         }], propDecorators: { label: [{
                 type: Input
@@ -2037,14 +2022,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
  */
 class SkyListToolbarViewActionsComponent {
 }
-SkyListToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListToolbarViewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListToolbarViewActionsComponent, selector: "sky-list-toolbar-view-actions", ngImport: i0, 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}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarViewActionsComponent, decorators: [{
+SkyListToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListToolbarViewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarViewActionsComponent, selector: "sky-list-toolbar-view-actions", ngImport: i0, 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}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarViewActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-toolbar-view-actions',
                     templateUrl: './list-toolbar-view-actions.component.html',
-                    styleUrls: ['./list-toolbar-view-actions.component.scss']
+                    styleUrls: ['./list-toolbar-view-actions.component.scss'],
                 }]
         }] });
 
@@ -2067,22 +2052,6 @@ class ListToolbarConfigSetSortSelectorEnabledAction {
     }
 }
 
-/**
- * @internal
- */
-class ListToolbarStateDispatcher extends StateDispatcher {
-}
-ListToolbarStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListToolbarStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-ListToolbarStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListToolbarStateDispatcher });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListToolbarStateDispatcher, decorators: [{
-            type: Injectable
-        }] });
-/**
- * @internal
- */
-class ListToolbarStateOrchestrator extends StateOrchestrator {
-}
-
 /**
  * @internal
  */
@@ -2097,6 +2066,31 @@ class ListToolbarConfigModel {
     }
 }
 
+/**
+ * @internal
+ */
+class ListToolbarStateModel {
+    constructor() {
+        this.config = new ListToolbarConfigModel();
+    }
+}
+
+/**
+ * @internal
+ */
+class ListToolbarStateDispatcher extends StateDispatcher {
+}
+ListToolbarStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListToolbarStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ListToolbarStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListToolbarStateDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListToolbarStateDispatcher, decorators: [{
+            type: Injectable
+        }] });
+/**
+ * @internal
+ */
+class ListToolbarStateOrchestrator extends StateOrchestrator {
+}
+
 /**
  * @internal
  */
@@ -2104,9 +2098,7 @@ class ListToolbarConfigOrchestrator extends ListToolbarStateOrchestrator {
     /* istanbul ignore next */
     constructor() {
         super();
-        this
-            .register(ListToolbarConfigSetSearchEnabledAction, this.setSearchEnabled)
-            .register(ListToolbarConfigSetSortSelectorEnabledAction, this.setSortSelectorEnabled);
+        this.register(ListToolbarConfigSetSearchEnabledAction, this.setSearchEnabled).register(ListToolbarConfigSetSortSelectorEnabledAction, this.setSortSelectorEnabled);
     }
     setSearchEnabled(state, action) {
         return new ListToolbarConfigModel(Object.assign({}, state, { searchEnabled: action.enabled }));
@@ -2116,29 +2108,18 @@ class ListToolbarConfigOrchestrator extends ListToolbarStateOrchestrator {
     }
 }
 
-/**
- * @internal
- */
-class ListToolbarStateModel {
-    constructor() {
-        this.config = new ListToolbarConfigModel();
-    }
-}
-
 /**
  * @internal
  */
 class ListToolbarState extends StateNode {
     constructor(initialState, dispatcher) {
         super(initialState, dispatcher);
-        this
-            .register('config', ListToolbarConfigOrchestrator)
-            .begin();
+        this.register('config', ListToolbarConfigOrchestrator).begin();
     }
 }
-ListToolbarState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListToolbarState, deps: [{ token: ListToolbarStateModel }, { token: ListToolbarStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
-ListToolbarState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListToolbarState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ListToolbarState, decorators: [{
+ListToolbarState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListToolbarState, deps: [{ token: ListToolbarStateModel }, { token: ListToolbarStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+ListToolbarState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListToolbarState });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ListToolbarState, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: ListToolbarStateModel }, { type: ListToolbarStateDispatcher }]; } });
 
@@ -2152,13 +2133,13 @@ class SkyListToolbarItemRendererComponent {
         }
     }
 }
-SkyListToolbarItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListToolbarItemRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: { template: "template" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-template #container></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarItemRendererComponent, decorators: [{
+SkyListToolbarItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListToolbarItemRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: { template: "template" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-template #container></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarItemRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-toolbar-item-renderer',
-                    template: '<ng-template #container></ng-template>'
+                    template: '<ng-template #container></ng-template>',
                 }]
         }], propDecorators: { template: [{
                 type: Input
@@ -2166,7 +2147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                 type: ViewChild,
                 args: ['container', {
                         read: ViewContainerRef,
-                        static: true
+                        static: true,
                     }]
             }] } });
 
@@ -2185,7 +2166,7 @@ class SkyListMultiselectToolbarComponent {
     }
     ngOnInit() {
         this.state
-            .pipe(map(t => t.selected.item), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.selectedMapEqual))
+            .pipe(map((t) => t.selected.item), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.selectedMapEqual))
             .subscribe((model) => {
             this.selectedIdMap = model.selectedIdMap;
             if (this.showOnlySelected) {
@@ -2195,11 +2176,11 @@ class SkyListMultiselectToolbarComponent {
         // 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(t => t.filters), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.showSelectedValuesEqual))
+            .pipe(map((t) => t.filters), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.showSelectedValuesEqual))
             .subscribe((filters) => {
-            const showSelectedFilter = filters.find(filter => filter.name === 'show-selected');
+            const showSelectedFilter = filters.find((filter) => filter.name === 'show-selected');
             if (showSelectedFilter) {
-                this.showOnlySelected = (showSelectedFilter.value === 'true');
+                this.showOnlySelected = showSelectedFilter.value === 'true';
             }
         });
     }
@@ -2209,9 +2190,9 @@ class SkyListMultiselectToolbarComponent {
     }
     selectAll() {
         this.state
-            .pipe(map(state => state.items.items), take(1))
-            .subscribe(items => {
-            this.dispatcher.setSelected(items.map(item => item.id), true);
+            .pipe(map((state) => state.items.items), take(1))
+            .subscribe((items) => {
+            this.dispatcher.setSelected(items.map((item) => item.id), true);
             if (this.showOnlySelected) {
                 this.reapplyFilter(this.showOnlySelected);
             }
@@ -2219,9 +2200,9 @@ class SkyListMultiselectToolbarComponent {
     }
     clearSelections() {
         this.state
-            .pipe(map(state => state.items.items), take(1))
-            .subscribe(items => {
-            this.dispatcher.setSelected(items.map(item => item.id), false);
+            .pipe(map((state) => state.items.items), take(1))
+            .subscribe((items) => {
+            this.dispatcher.setSelected(items.map((item) => item.id), false);
             if (this.showOnlySelected) {
                 this.reapplyFilter(this.showOnlySelected);
             }
@@ -2234,18 +2215,18 @@ class SkyListMultiselectToolbarComponent {
     reapplyFilter(isSelected) {
         let self = this;
         this.state
-            .pipe(map(state => state.filters), take(1))
+            .pipe(map((state) => state.filters), take(1))
             .subscribe((filters) => {
-            filters = filters.filter(filter => filter.name !== 'show-selected');
+            filters = filters.filter((filter) => 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((currentState) => {
-                if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+            this.state.pipe(take(1)).subscribe((currentState) => {
+                if (currentState.paging.pageNumber &&
+                    currentState.paging.pageNumber !== 1) {
                     this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
                 }
             });
@@ -2262,18 +2243,19 @@ class SkyListMultiselectToolbarComponent {
                     return this.selectedIdMap.get(model.id);
                 }
             },
-            defaultValue: false.toString()
+            defaultValue: false.toString(),
         });
     }
     showSelectedValuesEqual(prev, next) {
-        const prevShowSelectedFilter = prev.find(filter => filter.name === 'show-selected');
-        const nextShowSelectedFilter = next.find(filter => filter.name === 'show-selected');
+        const prevShowSelectedFilter = prev.find((filter) => filter.name === 'show-selected');
+        const nextShowSelectedFilter = next.find((filter) => filter.name === 'show-selected');
         // Both undefined.
         if (!prevShowSelectedFilter && !nextShowSelectedFilter) {
             return true;
         }
         // Only one undefined.
-        if ((prevShowSelectedFilter && !nextShowSelectedFilter) || (!prevShowSelectedFilter && nextShowSelectedFilter)) {
+        if ((prevShowSelectedFilter && !nextShowSelectedFilter) ||
+            (!prevShowSelectedFilter && nextShowSelectedFilter)) {
             return false;
         }
         // Defined, but with different "value".
@@ -2294,14 +2276,14 @@ class SkyListMultiselectToolbarComponent {
         return true;
     }
 }
-SkyListMultiselectToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListMultiselectToolbarComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListMultiselectToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListMultiselectToolbarComponent, selector: "sky-list-multiselect-toolbar", inputs: { showOnlySelected: "showOnlySelected" }, ngImport: i0, 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-toolbar +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(.sky-list-toolbar-search +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}\n"], components: [{ type: i3$2.λ37, selector: "sky-toolbar" }, { type: i3$2.λ38, selector: "sky-toolbar-section" }, { type: i3$2.λ39, selector: "sky-toolbar-item" }, { type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i3$2.λ40, selector: "sky-toolbar-view-actions" }, { type: i5$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListMultiselectToolbarComponent, decorators: [{
+SkyListMultiselectToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListMultiselectToolbarComponent, deps: [{ token: ListState }, { token: ListStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListMultiselectToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListMultiselectToolbarComponent, selector: "sky-list-multiselect-toolbar", inputs: { showOnlySelected: "showOnlySelected" }, ngImport: i0, template: "<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\">\n      </sky-list-toolbar-item-renderer>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\">\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-toolbar +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container,:host-context(.sky-list-toolbar-search +) .sky-list-multiselect-toolbar ::ng-deep .sky-toolbar-container{border-top:none}\n"], components: [{ type: i3$2.λ37, selector: "sky-toolbar" }, { type: i3$2.λ38, selector: "sky-toolbar-section" }, { type: i3$2.λ39, selector: "sky-toolbar-item" }, { type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i3$2.λ40, selector: "sky-toolbar-view-actions" }, { type: i5$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListMultiselectToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-multiselect-toolbar',
                     templateUrl: './list-multiselect-toolbar.component.html',
-                    styleUrls: ['./list-multiselect-toolbar.component.scss']
+                    styleUrls: ['./list-multiselect-toolbar.component.scss'],
                 }]
         }], ctorParameters: function () { return [{ type: ListState }, { type: ListStateDispatcher }]; }, propDecorators: { showOnlySelected: [{
                 type: Input
@@ -2322,7 +2304,7 @@ class SkyListToolbarComponent {
          * 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'
+         * @default "standard"
          */
         this.toolbarType = 'standard';
         this.isToolbarDisabled = false;
@@ -2359,7 +2341,9 @@ class SkyListToolbarComponent {
         return this._inMemorySearchEnabled;
     }
     get isFilterBarDisplayed() {
-        return !this.isToolbarDisabled && this.hasInlineFilters && this.inlineFilterBarExpanded;
+        return (!this.isToolbarDisabled &&
+            this.hasInlineFilters &&
+            this.inlineFilterBarExpanded);
     }
     get filterButtonAriaControls() {
         return this.isFilterBarDisplayed ? this.listFilterInlineId : undefined;
@@ -2390,23 +2374,20 @@ class SkyListToolbarComponent {
                         id: 'sort-selector',
                         template: this.sortSelectorTemplate,
                         location: 'left',
-                        index: this.sortSelectorItemToolbarIndex
-                    })
+                        index: this.sortSelectorItemToolbarIndex,
+                    }),
                 ]);
             }
             else if (currentSort.length < 1 && this.hasSortSelectors) {
                 this.hasSortSelectors = false;
-                this.dispatcher.toolbarRemoveItems([
-                    'sort-selector'
-                ]);
+                this.dispatcher.toolbarRemoveItems(['sort-selector']);
             }
         });
-        this.searchTextInput = this.state.pipe(takeUntil(this.ngUnsubscribe), map(s => s.search.searchText), distinctUntilChanged());
-        this.view = this.state.pipe(takeUntil(this.ngUnsubscribe), map(s => s.views.active), distinctUntilChanged());
+        this.searchTextInput = this.state.pipe(takeUntil(this.ngUnsubscribe), map((s) => s.search.searchText), distinctUntilChanged());
+        this.view = this.state.pipe(takeUntil(this.ngUnsubscribe), map((s) => s.views.active), distinctUntilChanged());
         this.watchTemplates();
         this.type = this.state.pipe(takeUntil(this.ngUnsubscribe), map((state) => state.toolbar.type), distinctUntilChanged());
-        this.type.pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((toolbarType) => {
+        this.type.pipe(takeUntil(this.ngUnsubscribe)).subscribe((toolbarType) => {
             if (toolbarType === 'search') {
                 this.dispatcher.toolbarRemoveItems(['search']);
             }
@@ -2415,80 +2396,77 @@ class SkyListToolbarComponent {
                     new ListToolbarItemModel({
                         id: 'search',
                         template: this.searchTemplate,
-                        location: 'right'
-                    })
+                        location: 'right',
+                    }),
                 ]);
             }
         });
-        this.isSearchEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), map(s => s.config), distinctUntilChanged(), map(c => c.searchEnabled));
-        this.state.pipe(map(s => s.toolbar), takeUntil(this.ngUnsubscribe), distinctUntilChanged(), map(c => c.disabled))
-            .subscribe(isDisabled => this.isToolbarDisabled = isDisabled);
-        this.isSortSelectorEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), map(s => s.config), distinctUntilChanged(), map(c => c.sortSelectorEnabled));
-        this.isMultiselectEnabled = this.state.pipe(takeUntil(this.ngUnsubscribe), map(s => s.toolbar), distinctUntilChanged(), map(t => t.showMultiselectToolbar));
-        this.hasAppliedFilters = this.state.pipe(takeUntil(this.ngUnsubscribe), map(s => s.filters), distinctUntilChanged(), map((filters) => {
+        this.isSearchEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), map((s) => s.config), distinctUntilChanged(), map((c) => c.searchEnabled));
+        this.state
+            .pipe(map((s) => s.toolbar), takeUntil(this.ngUnsubscribe), distinctUntilChanged(), map((c) => c.disabled))
+            .subscribe((isDisabled) => (this.isToolbarDisabled = isDisabled));
+        this.isSortSelectorEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), map((s) => s.config), distinctUntilChanged(), map((c) => c.sortSelectorEnabled));
+        this.isMultiselectEnabled = this.state.pipe(takeUntil(this.ngUnsubscribe), map((s) => s.toolbar), distinctUntilChanged(), map((t) => t.showMultiselectToolbar));
+        this.hasAppliedFilters = this.state.pipe(takeUntil(this.ngUnsubscribe), map((s) => s.filters), distinctUntilChanged(), map((filters) => {
             let activeFilters = filters.filter((f) => {
-                return f.value !== '' &&
+                return (f.value !== '' &&
                     f.value !== undefined &&
                     f.value !== false &&
-                    f.value !== f.defaultValue;
+                    f.value !== f.defaultValue);
             });
             return activeFilters.length > 0;
         }));
-        this.state.pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((current) => {
-            this.hasAdditionalToolbarSection = (current.toolbar.items.length > 0);
+        this.state.pipe(takeUntil(this.ngUnsubscribe)).subscribe((current) => {
+            this.hasAdditionalToolbarSection = current.toolbar.items.length > 0;
             this.changeDetector.detectChanges();
         });
     }
     ngAfterContentInit() {
         // Inject custom toolbar items.
         this.toolbarItems.forEach((toolbarItem) => {
-            this.dispatcher.toolbarAddItems([
-                new ListToolbarItemModel(toolbarItem)
-            ]);
+            this.dispatcher.toolbarAddItems([new ListToolbarItemModel(toolbarItem)]);
             this.customItemIds.push(toolbarItem.id);
         });
-        this.toolbarItems.changes.pipe(takeUntil(this.ngUnsubscribe))
+        this.toolbarItems.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((newItems) => {
-            newItems.forEach(item => {
+            newItems.forEach((item) => {
                 if (this.customItemIds.indexOf(item.id) < 0) {
-                    this.dispatcher.toolbarAddItems([
-                        new ListToolbarItemModel(item)
-                    ]);
+                    this.dispatcher.toolbarAddItems([new ListToolbarItemModel(item)]);
                     this.customItemIds.push(item.id);
                 }
             });
             const itemsToRemove = [];
             this.customItemIds.forEach((itemId, index) => {
-                if (!newItems.find(item => item.id === itemId)) {
+                if (!newItems.find((item) => item.id === itemId)) {
                     itemsToRemove.push(itemId);
                     this.customItemIds.splice(index, 1);
                 }
             });
             this.dispatcher.toolbarRemoveItems(itemsToRemove);
         });
-        const sortModels = this.toolbarSorts.map(sort => new ListSortLabelModel({
+        const sortModels = this.toolbarSorts.map((sort) => new ListSortLabelModel({
             text: sort.label,
             fieldSelector: sort.field,
             fieldType: sort.type,
             global: true,
-            descending: sort.descending
+            descending: sort.descending,
         }));
         this.dispatcher.sortSetGlobal(sortModels);
         // Add inline filters.
-        this.showFilterSummary = (this.filterSummary.length > 0);
-        this.hasInlineFilters = (this.inlineFilter.length > 0);
+        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
-                })
+                    index: this.inlineFiltersItemToolbarIndex,
+                }),
             ]);
         }
         // Check for view actions
-        this.hasViewActions = (this.viewActions.length > 0);
+        this.hasViewActions = this.viewActions.length > 0;
     }
     ngOnDestroy() {
         this.searchApplied.complete();
@@ -2497,10 +2475,13 @@ class SkyListToolbarComponent {
     }
     setSort(sort) {
         this.state.pipe(take(1)).subscribe((currentState) => {
-            if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+            if (currentState.paging.pageNumber &&
+                currentState.paging.pageNumber !== 1) {
                 this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
             }
-            this.dispatcher.sortSetFieldSelectors([{ fieldSelector: sort.fieldSelector, descending: sort.descending }]);
+            this.dispatcher.sortSetFieldSelectors([
+                { fieldSelector: sort.fieldSelector, descending: sort.descending },
+            ]);
         });
     }
     inlineFilterButtonClick() {
@@ -2510,7 +2491,8 @@ class SkyListToolbarComponent {
         this.searchApplied.next(searchText);
         if (this.inMemorySearchEnabled) {
             this.state.pipe(take(1)).subscribe((currentState) => {
-                if (currentState.paging.pageNumber && currentState.paging.pageNumber !== 1) {
+                if (currentState.paging.pageNumber &&
+                    currentState.paging.pageNumber !== 1) {
                     this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
                 }
                 this.dispatcher.searchSetText(searchText);
@@ -2518,16 +2500,17 @@ class SkyListToolbarComponent {
         }
     }
     itemIsInView(itemView, activeView) {
-        return (itemView === undefined || itemView === activeView);
+        return itemView === undefined || itemView === activeView;
     }
     getSortSelectors() {
-        return combineLatest(this.state.pipe(map(s => s.sort.available), distinctUntilChanged()), this.state.pipe(map(s => s.sort.global), distinctUntilChanged()), this.state.pipe(map(s => s.sort.fieldSelectors), distinctUntilChanged()), (available, global, fieldSelectors) => {
+        return combineLatest(this.state.pipe(map((s) => s.sort.available), distinctUntilChanged()), this.state.pipe(map((s) => s.sort.global), distinctUntilChanged()), this.state.pipe(map((s) => s.sort.fieldSelectors), distinctUntilChanged()), (available, global, fieldSelectors) => {
             // Get sorts that are in the global that are not in the available
-            let sorts = global.filter(g => available.filter(a => a.fieldSelector === g.fieldSelector).length === 0);
-            let resultSortSelectors = [...sorts, ...available].map(sortLabels => {
-                let fs = fieldSelectors.filter(f => {
-                    return f.fieldSelector === sortLabels.fieldSelector
-                        && f.descending === sortLabels.descending;
+            let sorts = global.filter((g) => available.filter((a) => a.fieldSelector === g.fieldSelector)
+                .length === 0);
+            let resultSortSelectors = [...sorts, ...available].map((sortLabels) => {
+                let fs = fieldSelectors.filter((f) => {
+                    return (f.fieldSelector === sortLabels.fieldSelector &&
+                        f.descending === sortLabels.descending);
                 });
                 let selected = false;
                 if (fs.length > 0) {
@@ -2535,14 +2518,14 @@ class SkyListToolbarComponent {
                 }
                 return {
                     sort: sortLabels,
-                    selected: selected
+                    selected: selected,
                 };
             });
             return resultSortSelectors;
         }).pipe(takeUntil(this.ngUnsubscribe));
     }
     watchTemplates() {
-        combineLatest(this.state.pipe(map(s => s.toolbar), distinctUntilChanged()), this.view.pipe(distinctUntilChanged()), (toolbar, view) => {
+        combineLatest(this.state.pipe(map((s) => s.toolbar), distinctUntilChanged()), this.view.pipe(distinctUntilChanged()), (toolbar, view) => {
             const items = toolbar.items.filter((i) => {
                 return this.itemIsInView(i.view, view);
             });
@@ -2552,7 +2535,8 @@ class SkyListToolbarComponent {
                 templates[item.location].push(item);
             });
             return templates;
-        }).pipe(takeUntil(this.ngUnsubscribe))
+        })
+            .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((value) => {
             this.leftTemplates = value.left;
             this.centerTemplates = value.center;
@@ -2561,13 +2545,13 @@ class SkyListToolbarComponent {
         });
     }
 }
-SkyListToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ListState }, { token: ListStateDispatcher }, { token: ListToolbarState }, { token: ListToolbarStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: { inMemorySearchEnabled: "inMemorySearchEnabled", placeholder: "placeholder", searchEnabled: "searchEnabled", sortSelectorEnabled: "sortSelectorEnabled", toolbarType: "toolbarType", searchText: "searchText" }, providers: [
+SkyListToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ListState }, { token: ListStateDispatcher }, { token: ListToolbarState }, { token: ListToolbarStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: { inMemorySearchEnabled: "inMemorySearchEnabled", placeholder: "placeholder", searchEnabled: "searchEnabled", sortSelectorEnabled: "sortSelectorEnabled", toolbarType: "toolbarType", searchText: "searchText" }, providers: [
         ListToolbarState,
         ListToolbarStateDispatcher,
-        ListToolbarStateModel
-    ], queries: [{ propertyName: "toolbarItems", predicate: SkyListToolbarItemComponent }, { propertyName: "toolbarSorts", predicate: SkyListToolbarSortComponent }, { propertyName: "filterSummary", predicate: SkyListFilterSummaryComponent }, { propertyName: "inlineFilter", predicate: SkyListFilterInlineComponent }, { propertyName: "viewActions", predicate: SkyListToolbarViewActionsComponent }], viewQueries: [{ propertyName: "searchComponent", first: true, predicate: SkySearchComponent, descendants: true, read: SkySearchComponent }, { propertyName: "searchTemplate", first: true, predicate: ["search"], descendants: true, read: TemplateRef, static: true }, { propertyName: "sortSelectorTemplate", first: true, predicate: ["sortSelector"], descendants: true, read: TemplateRef, static: true }, { propertyName: "inlineFilterButtonTemplate", first: true, predicate: ["inlineFilterButton"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, 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", 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-toolbar-container,.sky-list-toolbar-search ::ng-deep .sky-search-dismiss-absolute{background-color:#eeeeef}.sky-list-toolbar-search ::ng-deep input[type=text]:disabled,.sky-list-toolbar-search ::ng-deep .sky-search-btn: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}\n"], components: [{ type: i3$2.λ37, selector: "sky-toolbar" }, { type: i3$2.λ38, selector: "sky-toolbar-section" }, { type: i3$2.λ39, selector: "sky-toolbar-item" }, { type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i3$2.λ40, selector: "sky-toolbar-view-actions" }, { type: SkyListMultiselectToolbarComponent, selector: "sky-list-multiselect-toolbar", inputs: ["showOnlySelected"] }, { type: i8.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i3.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i3.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i3.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarComponent, decorators: [{
+        ListToolbarStateModel,
+    ], queries: [{ propertyName: "toolbarItems", predicate: SkyListToolbarItemComponent }, { propertyName: "toolbarSorts", predicate: SkyListToolbarSortComponent }, { propertyName: "filterSummary", predicate: SkyListFilterSummaryComponent }, { propertyName: "inlineFilter", predicate: SkyListFilterInlineComponent }, { propertyName: "viewActions", predicate: SkyListToolbarViewActionsComponent }], viewQueries: [{ propertyName: "searchComponent", first: true, predicate: SkySearchComponent, descendants: true, read: SkySearchComponent }, { propertyName: "searchTemplate", first: true, predicate: ["search"], descendants: true, read: TemplateRef, static: true }, { propertyName: "sortSelectorTemplate", first: true, predicate: ["sortSelector"], descendants: true, read: TemplateRef, static: true }, { propertyName: "inlineFilterButtonTemplate", first: true, predicate: ["inlineFilterButton"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<div class=\"sky-list-toolbar-container\">\n  <sky-toolbar *ngIf=\"(type | async) !== 'search'\">\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\n        *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 select=\"sky-list-toolbar-view-actions\"> </ng-content>\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n\n    <sky-toolbar-section\n      *ngIf=\"showFilterSummary && (hasAppliedFilters | async)\"\n    >\n      <ng-content select=\"sky-list-filter-summary\"> </ng-content>\n    </sky-toolbar-section>\n  </sky-toolbar>\n\n  <div\n    *ngIf=\"\n      (type | async) === 'search' &&\n      ((isSearchEnabled | async) || hasAdditionalToolbarSection)\n    \"\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\n          *ngFor=\"let item of rightTemplates\"\n          [attr.sky-toolbar-id]=\"item.id\"\n        >\n          <sky-list-toolbar-item-renderer\n            *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 select=\"sky-list-toolbar-view-actions\"> </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\"> </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\" class=\"sky-list-toolbar-search-wrapper\">\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 select=\"sky-list-toolbar-search-actions\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #sortSelector>\n  <div\n    *ngIf=\"\n      (isSortSelectorEnabled | async) && (sortSelectors | async).length > 0\n    \"\n    class=\"sky-toolbar-item-sort-container\"\n  >\n    <sky-sort [showButtonText]=\"true\">\n      <sky-sort-item\n        *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", 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-toolbar-container,.sky-list-toolbar-search ::ng-deep .sky-search-dismiss-absolute{background-color:#eeeeef}.sky-list-toolbar-search ::ng-deep input[type=text]:disabled,.sky-list-toolbar-search ::ng-deep .sky-search-btn: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}\n"], components: [{ type: i3$2.λ37, selector: "sky-toolbar" }, { type: i3$2.λ38, selector: "sky-toolbar-section" }, { type: i3$2.λ39, selector: "sky-toolbar-item" }, { type: SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i3$2.λ40, selector: "sky-toolbar-view-actions" }, { type: SkyListMultiselectToolbarComponent, selector: "sky-list-multiselect-toolbar", inputs: ["showOnlySelected"] }, { type: i8.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i3.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i3.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i3.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-toolbar',
@@ -2576,9 +2560,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                     providers: [
                         ListToolbarState,
                         ListToolbarStateDispatcher,
-                        ListToolbarStateModel
+                        ListToolbarStateModel,
                     ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: ListState }, { type: ListStateDispatcher }, { type: ListToolbarState }, { type: ListToolbarStateDispatcher }]; }, propDecorators: { inMemorySearchEnabled: [{
                 type: Input
@@ -2590,7 +2574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                 type: ViewChild,
                 args: [SkySearchComponent, {
                         read: SkySearchComponent,
-                        static: false
+                        static: false,
                     }]
             }], sortSelectorEnabled: [{
                 type: Input
@@ -2617,19 +2601,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                 type: ViewChild,
                 args: ['search', {
                         read: TemplateRef,
-                        static: true
+                        static: true,
                     }]
             }], sortSelectorTemplate: [{
                 type: ViewChild,
                 args: ['sortSelector', {
                         read: TemplateRef,
-                        static: true
+                        static: true,
                     }]
             }], inlineFilterButtonTemplate: [{
                 type: ViewChild,
                 args: ['inlineFilterButton', {
                         read: TemplateRef,
-                        static: true
+                        static: true,
                     }]
             }] } });
 
@@ -2638,22 +2622,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
  */
 class SkyListToolbarSearchActionsComponent {
 }
-SkyListToolbarSearchActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarSearchActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListToolbarSearchActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListToolbarSearchActionsComponent, selector: "sky-list-toolbar-search-actions", ngImport: i0, template: "<div\n  class=\"sky-list-toolbar-search-actions\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-list-toolbar-search-actions{margin-left:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarSearchActionsComponent, decorators: [{
+SkyListToolbarSearchActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarSearchActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListToolbarSearchActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListToolbarSearchActionsComponent, selector: "sky-list-toolbar-search-actions", ngImport: i0, template: "<div class=\"sky-list-toolbar-search-actions\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-list-toolbar-search-actions{margin-left:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarSearchActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-toolbar-search-actions',
                     templateUrl: './list-toolbar-search-actions.component.html',
                     styleUrls: ['./list-toolbar-search-actions.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
 
 class SkyListToolbarModule {
 }
-SkyListToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarModule, declarations: [SkyListToolbarComponent,
+SkyListToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarModule, declarations: [SkyListToolbarComponent,
         SkyListToolbarItemComponent,
         SkyListToolbarItemRendererComponent,
         SkyListMultiselectToolbarComponent,
@@ -2673,7 +2657,7 @@ SkyListToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         SkyListToolbarSearchActionsComponent,
         SkyListToolbarSortComponent,
         SkyListToolbarViewActionsComponent] });
-SkyListToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarModule, imports: [[
+SkyListToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarModule, imports: [[
             CommonModule,
             SkyCheckboxModule,
             SkyI18nModule,
@@ -2683,9 +2667,9 @@ SkyListToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
             SkyFilterModule,
             SkyListFiltersModule,
             SkyIconModule,
-            SkyListBuilderResourcesModule
+            SkyListBuilderResourcesModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListToolbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2695,7 +2679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                         SkyListMultiselectToolbarComponent,
                         SkyListToolbarSearchActionsComponent,
                         SkyListToolbarSortComponent,
-                        SkyListToolbarViewActionsComponent
+                        SkyListToolbarViewActionsComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -2707,15 +2691,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
                         SkyFilterModule,
                         SkyListFiltersModule,
                         SkyIconModule,
-                        SkyListBuilderResourcesModule
+                        SkyListBuilderResourcesModule,
                     ],
                     exports: [
                         SkyListToolbarComponent,
                         SkyListToolbarItemComponent,
                         SkyListToolbarSearchActionsComponent,
                         SkyListToolbarSortComponent,
-                        SkyListToolbarViewActionsComponent
-                    ]
+                        SkyListToolbarViewActionsComponent,
+                    ],
                 }]
         }] });