@skyux/list-builder 5.0.2 → 5.5.0

package/esm2015/lib/modules/list-filters/list-filters.module.js

@@ -0,0 +1,41 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyFilterModule } from '@skyux/lists';
+import { SkyListFilterButtonComponent } from './list-filter-button.component';
+import { SkyListFilterSummaryComponent } from './list-filter-summary.component';
+import { SkyListFilterInlineItemComponent } from './list-filter-inline-item.component';
+import { SkyListFilterInlineComponent } from './list-filter-inline.component';
+import { SkyListFilterInlineItemRendererComponent } from './list-filter-inline-item-renderer.component';
+import * as i0 from "@angular/core";
+export class SkyListFiltersModule {
+}
+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,
+        SkyListFilterSummaryComponent,
+        SkyListFilterInlineItemComponent,
+        SkyListFilterInlineComponent] });
+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: [
+                        SkyListFilterButtonComponent,
+                        SkyListFilterSummaryComponent,
+                        SkyListFilterInlineItemComponent,
+                        SkyListFilterInlineComponent,
+                        SkyListFilterInlineItemRendererComponent,
+                    ],
+                    imports: [CommonModule, SkyFilterModule],
+                    exports: [
+                        SkyListFilterButtonComponent,
+                        SkyListFilterSummaryComponent,
+                        SkyListFilterInlineItemComponent,
+                        SkyListFilterInlineComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=list-filters.module.js.map

package/esm2015/lib/modules/list-filters/list-filters.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-filters.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-filters/list-filters.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,wCAAwC,EAAE,MAAM,8CAA8C,CAAC;;AAkBxG,MAAM,OAAO,oBAAoB;;kHAApB,oBAAoB;mHAApB,oBAAoB,iBAd7B,4BAA4B;QAC5B,6BAA6B;QAC7B,gCAAgC;QAChC,4BAA4B;QAC5B,wCAAwC,aAEhC,YAAY,EAAE,eAAe,aAErC,4BAA4B;QAC5B,6BAA6B;QAC7B,gCAAgC;QAChC,4BAA4B;mHAGnB,oBAAoB,YARtB,CAAC,YAAY,EAAE,eAAe,CAAC;4FAQ7B,oBAAoB;kBAhBhC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,4BAA4B;wBAC5B,6BAA6B;wBAC7B,gCAAgC;wBAChC,4BAA4B;wBAC5B,wCAAwC;qBACzC;oBACD,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;oBACxC,OAAO,EAAE;wBACP,4BAA4B;wBAC5B,6BAA6B;wBAC7B,gCAAgC;wBAChC,4BAA4B;qBAC7B;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SkyFilterModule } from '@skyux/lists';\n\nimport { SkyListFilterButtonComponent } from './list-filter-button.component';\nimport { SkyListFilterSummaryComponent } from './list-filter-summary.component';\nimport { SkyListFilterInlineItemComponent } from './list-filter-inline-item.component';\nimport { SkyListFilterInlineComponent } from './list-filter-inline.component';\nimport { SkyListFilterInlineItemRendererComponent } from './list-filter-inline-item-renderer.component';\n\n@NgModule({\n  declarations: [\n    SkyListFilterButtonComponent,\n    SkyListFilterSummaryComponent,\n    SkyListFilterInlineItemComponent,\n    SkyListFilterInlineComponent,\n    SkyListFilterInlineItemRendererComponent,\n  ],\n  imports: [CommonModule, SkyFilterModule],\n  exports: [\n    SkyListFilterButtonComponent,\n    SkyListFilterSummaryComponent,\n    SkyListFilterInlineItemComponent,\n    SkyListFilterInlineComponent,\n  ],\n})\nexport class SkyListFiltersModule {}\n"]}

package/esm2015/lib/modules/list-paging/list-paging.component.js

@@ -0,0 +1,89 @@
+import { Component, Input, ChangeDetectionStrategy, forwardRef, } from '@angular/core';
+import { getValue } from '@skyux/list-builder-common';
+import { distinctUntilChanged, map as observableMap, scan, } from 'rxjs/operators';
+import { ListPagingComponent } from '../list/list-paging.component';
+import { ListState } from '../list/state/list-state.state-node';
+import { ListStateDispatcher } from '../list/state/list-state.rxstate';
+import { ListPagingSetMaxPagesAction } from '../list/state/paging/set-max-pages.action';
+import { ListPagingSetItemsPerPageAction } from '../list/state/paging/set-items-per-page.action';
+import { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';
+import * as i0 from "@angular/core";
+import * as i1 from "../list/state/list-state.state-node";
+import * as i2 from "../list/state/list-state.rxstate";
+import * as i3 from "@skyux/lists";
+import * as i4 from "@angular/common";
+/* istanbul ignore next */
+const listPagingComponentRef = forwardRef(() => SkyListPagingComponent);
+/**
+ * Displays a pagination control for a SKY UX-themed list of data.
+ */
+export class SkyListPagingComponent extends ListPagingComponent {
+    constructor(state, dispatcher) {
+        super(state, dispatcher);
+        /**
+         * Specifies the number of list items per page.
+         * @default 10
+         */
+        this.pageSize = 10;
+        /**
+         * Specifies the maximum pages to display.
+         * @default 5
+         */
+        this.maxPages = 5;
+        /**
+         * Specifies the current page number.
+         * @default 1
+         */
+        this.pageNumber = 1;
+    }
+    ngOnInit() {
+        this.currentPageNumber = this.state.pipe(observableMap((s) => s.paging.pageNumber));
+        this.maxDisplayedPages = this.state.pipe(observableMap((s) => s.paging.maxDisplayedPages));
+        this.itemsPerPage = this.state.pipe(observableMap((s) => s.paging.itemsPerPage));
+        this.itemCount = this.state.pipe(observableMap((s) => {
+            return s.items;
+        }), scan((previousValue, newValue) => {
+            if (previousValue.lastUpdate > newValue.lastUpdate) {
+                return previousValue;
+            }
+            else {
+                return newValue;
+            }
+        }), observableMap((result) => {
+            return result.count;
+        }), distinctUntilChanged());
+        // subscribe to or use inputs
+        getValue(this.pageSize, (pageSize) => this.dispatcher.next(new ListPagingSetItemsPerPageAction(Number(pageSize))));
+        getValue(this.maxPages, (maxPages) => this.dispatcher.next(new ListPagingSetMaxPagesAction(Number(maxPages))));
+        getValue(this.pageNumber, (pageNumber) => this.dispatcher.next(new ListPagingSetPageNumberAction(Number(pageNumber))));
+    }
+    pageChange(currentPage) {
+        // Paging must be updated after list data has been updated.
+        // Adding a setTimeout will pull it out of the stream.
+        setTimeout(() => {
+            this.dispatcher.next(new ListPagingSetPageNumberAction(Number(currentPage)));
+        });
+    }
+}
+SkyListPagingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListPagingComponent, deps: [{ token: i1.ListState }, { token: i2.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 },
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ListState }, { type: i2.ListStateDispatcher }]; }, propDecorators: { pageSize: [{
+                type: Input
+            }], maxPages: [{
+                type: Input
+            }], pageNumber: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=list-paging.component.js.map

package/esm2015/lib/modules/list-paging/list-paging.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-paging.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-paging/list-paging.component.ts","../../../../../../../../libs/components/list-builder/src/lib/modules/list-paging/list-paging.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  ChangeDetectionStrategy,\n  forwardRef,\n  OnInit,\n} from '@angular/core';\n\nimport { AsyncList, getValue, ListItemModel } from '@skyux/list-builder-common';\n\nimport { Observable } from 'rxjs';\n\nimport {\n  distinctUntilChanged,\n  map as observableMap,\n  scan,\n} from 'rxjs/operators';\n\nimport { ListPagingComponent } from '../list/list-paging.component';\nimport { ListState } from '../list/state/list-state.state-node';\nimport { ListStateDispatcher } from '../list/state/list-state.rxstate';\nimport { ListPagingSetMaxPagesAction } from '../list/state/paging/set-max-pages.action';\n\nimport { ListPagingSetItemsPerPageAction } from '../list/state/paging/set-items-per-page.action';\n\nimport { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';\n\n/* istanbul ignore next */\nconst listPagingComponentRef = forwardRef(() => SkyListPagingComponent);\n\n/**\n * Displays a pagination control for a SKY UX-themed list of data.\n */\n@Component({\n  selector: 'sky-list-paging',\n  templateUrl: './list-paging.component.html',\n  providers: [\n    { provide: ListPagingComponent, useExisting: listPagingComponentRef },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyListPagingComponent\n  extends ListPagingComponent\n  implements OnInit\n{\n  /**\n   * Specifies the number of list items per page.\n   * @default 10\n   */\n  @Input()\n  public pageSize: Observable<number> | number = 10;\n\n  /**\n   * Specifies the maximum pages to display.\n   * @default 5\n   */\n  @Input()\n  public maxPages: Observable<number> | number = 5;\n\n  /**\n   * Specifies the current page number.\n   * @default 1\n   */\n  @Input()\n  public pageNumber: Observable<number> | number = 1;\n\n  public currentPageNumber: Observable<number>;\n\n  public maxDisplayedPages: Observable<number>;\n\n  public itemsPerPage: Observable<number>;\n\n  public itemCount: Observable<number>;\n\n  constructor(state: ListState, dispatcher: ListStateDispatcher) {\n    super(state, dispatcher);\n  }\n\n  public ngOnInit() {\n    this.currentPageNumber = this.state.pipe(\n      observableMap((s) => s.paging.pageNumber)\n    );\n\n    this.maxDisplayedPages = this.state.pipe(\n      observableMap((s) => s.paging.maxDisplayedPages)\n    );\n\n    this.itemsPerPage = this.state.pipe(\n      observableMap((s) => s.paging.itemsPerPage)\n    );\n\n    this.itemCount = this.state.pipe(\n      observableMap((s) => {\n        return s.items;\n      }),\n      scan(\n        (\n          previousValue: AsyncList<ListItemModel>,\n          newValue: AsyncList<ListItemModel>\n        ) => {\n          if (previousValue.lastUpdate > newValue.lastUpdate) {\n            return previousValue;\n          } else {\n            return newValue;\n          }\n        }\n      ),\n      observableMap((result: AsyncList<ListItemModel>) => {\n        return result.count;\n      }),\n      distinctUntilChanged()\n    );\n\n    // subscribe to or use inputs\n    getValue(this.pageSize, (pageSize: number) =>\n      this.dispatcher.next(\n        new ListPagingSetItemsPerPageAction(Number(pageSize))\n      )\n    );\n    getValue(this.maxPages, (maxPages: number) =>\n      this.dispatcher.next(new ListPagingSetMaxPagesAction(Number(maxPages)))\n    );\n    getValue(this.pageNumber, (pageNumber: number) =>\n      this.dispatcher.next(\n        new ListPagingSetPageNumberAction(Number(pageNumber))\n      )\n    );\n  }\n\n  public pageChange(currentPage: number) {\n    // Paging must be updated after list data has been updated.\n    // Adding a setTimeout will pull it out of the stream.\n    setTimeout(() => {\n      this.dispatcher.next(\n        new ListPagingSetPageNumberAction(Number(currentPage))\n      );\n    });\n  }\n}\n","<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"]}

package/esm2015/lib/modules/list-paging/list-paging.module.js

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyListPagingComponent } from './list-paging.component';
+import { SkyPagingModule } from '@skyux/lists';
+import * as i0 from "@angular/core";
+export class SkyListPagingModule {
+}
+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],
+                }]
+        }] });
+//# sourceMappingURL=list-paging.module.js.map

package/esm2015/lib/modules/list-paging/list-paging.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-paging.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-paging/list-paging.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;AAO/C,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBAJf,sBAAsB,aAC3B,YAAY,EAAE,eAAe,aAC7B,sBAAsB;kHAErB,mBAAmB,YAHrB,CAAC,YAAY,EAAE,eAAe,CAAC;4FAG7B,mBAAmB;kBAL/B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;oBACxC,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SkyListPagingComponent } from './list-paging.component';\nimport { SkyPagingModule } from '@skyux/lists';\n\n@NgModule({\n  declarations: [SkyListPagingComponent],\n  imports: [CommonModule, SkyPagingModule],\n  exports: [SkyListPagingComponent],\n})\nexport class SkyListPagingModule {}\n"]}

package/esm2015/lib/modules/list-toolbar/list-multiselect-toolbar.component.js

@@ -0,0 +1,153 @@
+import { Component, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import { distinctUntilChanged, map as observableMap, take, takeUntil, } from 'rxjs/operators';
+import { ListFilterModel } from '../list-filters/filter.model';
+import { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';
+import { ListState } from '../list/state/list-state.state-node';
+import { ListStateDispatcher } from '../list/state/list-state.rxstate';
+import * as i0 from "@angular/core";
+import * as i1 from "../list/state/list-state.state-node";
+import * as i2 from "../list/state/list-state.rxstate";
+import * as i3 from "@skyux/layout";
+import * as i4 from "./list-toolbar-item-renderer.component";
+import * as i5 from "@skyux/forms";
+import * as i6 from "@angular/common";
+import * as i7 from "@skyux/i18n";
+let uniqueId = 0;
+/**
+ * @internal
+ */
+export class SkyListMultiselectToolbarComponent {
+    constructor(state, dispatcher) {
+        this.state = state;
+        this.dispatcher = dispatcher;
+        this.showOnlySelected = false;
+        this.multiselectToolbarId = `sky-list-multiselect-toolbar-${uniqueId++}`;
+        this.selectedIdMap = new Map();
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        this.state
+            .pipe(observableMap((t) => t.selected.item), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.selectedMapEqual))
+            .subscribe((model) => {
+            this.selectedIdMap = model.selectedIdMap;
+            if (this.showOnlySelected) {
+                this.reapplyFilter(true);
+            }
+        });
+        // If 'show-selected' filter is programatically set from a child component (e.g. checkilst),
+        // make sure the checked state of the 'show-selected' checkbox stays in sync.
+        this.state
+            .pipe(observableMap((t) => t.filters), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.showSelectedValuesEqual))
+            .subscribe((filters) => {
+            const showSelectedFilter = filters.find((filter) => filter.name === 'show-selected');
+            if (showSelectedFilter) {
+                this.showOnlySelected = showSelectedFilter.value === 'true';
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    selectAll() {
+        this.state
+            .pipe(observableMap((state) => state.items.items), take(1))
+            .subscribe((items) => {
+            this.dispatcher.setSelected(items.map((item) => item.id), true);
+            if (this.showOnlySelected) {
+                this.reapplyFilter(this.showOnlySelected);
+            }
+        });
+    }
+    clearSelections() {
+        this.state
+            .pipe(observableMap((state) => state.items.items), take(1))
+            .subscribe((items) => {
+            this.dispatcher.setSelected(items.map((item) => item.id), false);
+            if (this.showOnlySelected) {
+                this.reapplyFilter(this.showOnlySelected);
+            }
+        });
+    }
+    changeVisibleItems(change) {
+        this.showOnlySelected = change.checked;
+        this.reapplyFilter(change.checked);
+    }
+    reapplyFilter(isSelected) {
+        let self = this;
+        this.state
+            .pipe(observableMap((state) => state.filters), take(1))
+            .subscribe((filters) => {
+            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.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
+                }
+            });
+        }
+        this.dispatcher.toolbarSetDisabled(isSelected);
+    }
+    getShowSelectedFilter(isSelected) {
+        return new ListFilterModel({
+            name: 'show-selected',
+            value: isSelected.toString(),
+            filterFunction: (model, showOnlySelected) => {
+                /* istanbul ignore else */
+                if (showOnlySelected.toString() !== false.toString()) {
+                    return this.selectedIdMap.get(model.id);
+                }
+            },
+            defaultValue: false.toString(),
+        });
+    }
+    showSelectedValuesEqual(prev, next) {
+        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)) {
+            return false;
+        }
+        // Defined, but with different "value".
+        return prevShowSelectedFilter.value === nextShowSelectedFilter.value;
+    }
+    selectedMapEqual(prev, next) {
+        if (prev.selectedIdMap.size !== next.selectedIdMap.size) {
+            return false;
+        }
+        for (let i = 0; i < next.selectedIdMap.size; i++) {
+            const key = Array.from(next.selectedIdMap.keys())[i];
+            const value = next.selectedIdMap.get(key);
+            /* istanbul ignore next */
+            if (value !== prev.selectedIdMap.get(key)) {
+                return false;
+            }
+        }
+        return true;
+    }
+}
+SkyListMultiselectToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListMultiselectToolbarComponent, deps: [{ token: i1.ListState }, { token: i2.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.λ37, selector: "sky-toolbar" }, { type: i3.λ38, selector: "sky-toolbar-section" }, { type: i3.λ39, selector: "sky-toolbar-item" }, { type: i4.SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i3.λ40, selector: "sky-toolbar-view-actions" }, { type: i5.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i7.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'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ListState }, { type: i2.ListStateDispatcher }]; }, propDecorators: { showOnlySelected: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=list-multiselect-toolbar.component.js.map

package/esm2015/lib/modules/list-toolbar/list-multiselect-toolbar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-multiselect-toolbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-multiselect-toolbar.component.ts","../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-multiselect-toolbar.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit, OnDestroy } from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport {\n  distinctUntilChanged,\n  map as observableMap,\n  take,\n  takeUntil,\n} from 'rxjs/operators';\n\nimport { SkyCheckboxChange } from '@skyux/forms';\n\nimport { ListFilterModel } from '../list-filters/filter.model';\n\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';\n\nimport { ListSelectedModel } from '../list/state/selected/selected.model';\n\nimport { ListState } from '../list/state/list-state.state-node';\n\nimport { ListStateDispatcher } from '../list/state/list-state.rxstate';\n\nlet uniqueId = 0;\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-list-multiselect-toolbar',\n  templateUrl: './list-multiselect-toolbar.component.html',\n  styleUrls: ['./list-multiselect-toolbar.component.scss'],\n})\nexport class SkyListMultiselectToolbarComponent implements OnInit, OnDestroy {\n  @Input()\n  public showOnlySelected = false;\n\n  public multiselectToolbarId = `sky-list-multiselect-toolbar-${uniqueId++}`;\n\n  private selectedIdMap = new Map<string, boolean>();\n\n  private ngUnsubscribe = new Subject();\n\n  constructor(\n    private state: ListState,\n    private dispatcher: ListStateDispatcher\n  ) {}\n\n  public ngOnInit(): void {\n    this.state\n      .pipe(\n        observableMap((t) => t.selected.item),\n        takeUntil(this.ngUnsubscribe),\n        distinctUntilChanged(this.selectedMapEqual)\n      )\n      .subscribe((model: ListSelectedModel) => {\n        this.selectedIdMap = model.selectedIdMap;\n\n        if (this.showOnlySelected) {\n          this.reapplyFilter(true);\n        }\n      });\n\n    // If 'show-selected' filter is programatically set from a child component (e.g. checkilst),\n    // make sure the checked state of the 'show-selected' checkbox stays in sync.\n    this.state\n      .pipe(\n        observableMap((t) => t.filters),\n        takeUntil(this.ngUnsubscribe),\n        distinctUntilChanged(this.showSelectedValuesEqual)\n      )\n      .subscribe((filters: ListFilterModel[]) => {\n        const showSelectedFilter = filters.find(\n          (filter) => filter.name === 'show-selected'\n        );\n        if (showSelectedFilter) {\n          this.showOnlySelected = showSelectedFilter.value === 'true';\n        }\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public selectAll(): void {\n    this.state\n      .pipe(\n        observableMap((state) => state.items.items),\n        take(1)\n      )\n      .subscribe((items) => {\n        this.dispatcher.setSelected(\n          items.map((item) => item.id),\n          true\n        );\n        if (this.showOnlySelected) {\n          this.reapplyFilter(this.showOnlySelected);\n        }\n      });\n  }\n\n  public clearSelections(): void {\n    this.state\n      .pipe(\n        observableMap((state) => state.items.items),\n        take(1)\n      )\n      .subscribe((items) => {\n        this.dispatcher.setSelected(\n          items.map((item) => item.id),\n          false\n        );\n        if (this.showOnlySelected) {\n          this.reapplyFilter(this.showOnlySelected);\n        }\n      });\n  }\n\n  public changeVisibleItems(change: SkyCheckboxChange): void {\n    this.showOnlySelected = change.checked;\n    this.reapplyFilter(change.checked);\n  }\n\n  private reapplyFilter(isSelected: boolean): void {\n    let self = this;\n\n    this.state\n      .pipe(\n        observableMap((state) => state.filters),\n        take(1)\n      )\n      .subscribe((filters: ListFilterModel[]) => {\n        filters = filters.filter((filter) => filter.name !== 'show-selected');\n        filters.push(self.getShowSelectedFilter(isSelected));\n        this.dispatcher.filtersUpdate(filters);\n      });\n\n    // If \"show selected\" is checked and paging is enabled, go to page one.\n    /* istanbul ignore else */\n    if (isSelected) {\n      this.state.pipe(take(1)).subscribe((currentState) => {\n        if (\n          currentState.paging.pageNumber &&\n          currentState.paging.pageNumber !== 1\n        ) {\n          this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));\n        }\n      });\n    }\n    this.dispatcher.toolbarSetDisabled(isSelected);\n  }\n\n  private getShowSelectedFilter(isSelected: boolean): ListFilterModel {\n    return new ListFilterModel({\n      name: 'show-selected',\n      value: isSelected.toString(),\n      filterFunction: (model: ListItemModel, showOnlySelected: boolean) => {\n        /* istanbul ignore else */\n        if (showOnlySelected.toString() !== false.toString()) {\n          return this.selectedIdMap.get(model.id);\n        }\n      },\n      defaultValue: false.toString(),\n    });\n  }\n\n  private showSelectedValuesEqual(\n    prev: ListFilterModel[],\n    next: ListFilterModel[]\n  ): boolean {\n    const prevShowSelectedFilter = prev.find(\n      (filter) => filter.name === 'show-selected'\n    );\n    const nextShowSelectedFilter = next.find(\n      (filter) => filter.name === 'show-selected'\n    );\n\n    // Both undefined.\n    if (!prevShowSelectedFilter && !nextShowSelectedFilter) {\n      return true;\n    }\n\n    // Only one undefined.\n    if (\n      (prevShowSelectedFilter && !nextShowSelectedFilter) ||\n      (!prevShowSelectedFilter && nextShowSelectedFilter)\n    ) {\n      return false;\n    }\n\n    // Defined, but with different \"value\".\n    return prevShowSelectedFilter.value === nextShowSelectedFilter.value;\n  }\n\n  private selectedMapEqual(\n    prev: ListSelectedModel,\n    next: ListSelectedModel\n  ): boolean {\n    if (prev.selectedIdMap.size !== next.selectedIdMap.size) {\n      return false;\n    }\n\n    for (let i = 0; i < next.selectedIdMap.size; i++) {\n      const key = Array.from(next.selectedIdMap.keys())[i];\n      const value = next.selectedIdMap.get(key);\n      /* istanbul ignore next */\n      if (value !== prev.selectedIdMap.get(key)) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n}\n","<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"]}

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-action.component.js

@@ -0,0 +1,33 @@
+import { Component, TemplateRef, ViewChild, } from '@angular/core';
+import { SkyListSecondaryActionsService } from './list-secondary-actions.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./list-secondary-actions.service";
+/**
+ * Adds actions to the secondary actions dropdown in the list toolbar.
+ */
+export class SkyListSecondaryActionComponent {
+    constructor(actionService) {
+        this.actionService = actionService;
+    }
+    ngAfterContentInit() {
+        this.actionService.addSecondaryAction({
+            template: this.templateRef,
+        });
+    }
+}
+SkyListSecondaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionComponent, deps: [{ token: i1.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',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyListSecondaryActionsService }]; }, propDecorators: { templateRef: [{
+                type: ViewChild,
+                args: ['listSecondaryAction', {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }] } });
+//# sourceMappingURL=list-secondary-action.component.js.map

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-action.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-secondary-action.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-action.component.ts","../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-action.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;;;AAElF;;GAEG;AAKH,MAAM,OAAO,+BAA+B;IAO1C,YAAoB,aAA6C;QAA7C,kBAAa,GAAb,aAAa,CAAgC;IAAG,CAAC;IAE9D,kBAAkB;QACvB,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC;YACpC,QAAQ,EAAE,IAAI,CAAC,WAAW;SAC3B,CAAC,CAAC;IACL,CAAC;;6HAbU,+BAA+B;iHAA/B,+BAA+B,gKAElC,WAAW,2CClBrB,mFAGA;4FDaa,+BAA+B;kBAJ3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;iBACtD;qHAMS,WAAW;sBAJlB,SAAS;uBAAC,qBAAqB,EAAE;wBAChC,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  AfterContentInit,\n  Component,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\n\nimport { SkyListSecondaryActionsService } from './list-secondary-actions.service';\n\n/**\n * Adds actions to the secondary actions dropdown in the list toolbar.\n */\n@Component({\n  selector: 'sky-list-secondary-action',\n  templateUrl: './list-secondary-action.component.html',\n})\nexport class SkyListSecondaryActionComponent implements AfterContentInit {\n  @ViewChild('listSecondaryAction', {\n    read: TemplateRef,\n    static: true,\n  })\n  private templateRef: TemplateRef<any>;\n\n  constructor(private actionService: SkyListSecondaryActionsService) {}\n\n  public ngAfterContentInit() {\n    this.actionService.addSecondaryAction({\n      template: this.templateRef,\n    });\n  }\n}\n","<ng-template #listSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n"]}

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-action.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-secondary-action.js.map

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-secondary-action.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-action.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @internal\n */\nexport interface SkyListSecondaryAction {\n  template: TemplateRef<any>;\n}\n"]}

package/esm2015/{modules → lib/modules}/list-toolbar/list-secondary-actions/list-secondary-actions-host.component.js

@@ -1,6 +1,7 @@
-import { Component, ChangeDetectionStrategy, } from '@angular/core';
+import { Component, ChangeDetectorRef, ChangeDetectionStrategy, } from '@angular/core';
 import { Subject } from 'rxjs';
 import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
+import { SkyListSecondaryActionsService } from './list-secondary-actions.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./list-secondary-actions.service";
 import * as i2 from "@skyux/popovers";
@@ -35,9 +36,9 @@ export class SkyListSecondaryActionsHostComponent {
         this.ngUnsubscribe.complete();
     }
 }
-SkyListSecondaryActionsHostComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyListSecondaryActionsHostComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyListSecondaryActionsService }], target: i0.ɵɵFactoryTarget.Component });
-SkyListSecondaryActionsHostComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.λ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.15", 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: i1.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.λ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',
@@ -46,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyListSecondaryActionsService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zZWNvbmRhcnktYWN0aW9ucy1ob3N0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpc3QtYnVpbGRlci9zcmMvbW9kdWxlcy9saXN0LXRvb2xiYXIvbGlzdC1zZWNvbmRhcnktYWN0aW9ucy9saXN0LXNlY29uZGFyeS1hY3Rpb25zLWhvc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlzdC1idWlsZGVyL3NyYy9tb2R1bGVzL2xpc3QtdG9vbGJhci9saXN0LXNlY29uZGFyeS1hY3Rpb25zL2xpc3Qtc2Vjb25kYXJ5LWFjdGlvbnMtaG9zdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULHVCQUF1QixHQUd4QixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQU1qRSwwRkFBMEY7QUFDMUYsb0dBQW9HO0FBRXBHOztHQUVHO0FBT0gsTUFBTSxPQUFPLG9DQUFvQztJQU0vQyxZQUNVLGNBQWlDLEVBQ2pDLGFBQTZDO1FBRDdDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUNqQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZ0M7UUFQaEQsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsWUFBTyxHQUFVLEVBQUUsQ0FBQztRQUVuQixrQkFBYSxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7SUFLbkMsQ0FBQztJQUVHLFFBQVE7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWE7YUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsQ0FBQzthQUMzRCxTQUFTLENBQUMsQ0FBQyxPQUFpQyxFQUFFLEVBQUU7WUFDL0MsTUFBTSxtQkFBbUIsR0FBRyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUMvQyxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsbUJBQW1CLENBQUM7WUFDM0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7WUFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNoQyxDQUFDOztrSUF6QlUsb0NBQW9DO3NIQUFwQyxvQ0FBb0MsdUVDNUJqRCxtMEJBc0JBOzRGRE1hLG9DQUFvQztrQkFOaEQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUNBQWlDO29CQUMzQyxXQUFXLEVBQUUsOENBQThDO29CQUMzRCxTQUFTLEVBQUUsQ0FBQyw4Q0FBOEMsQ0FBQztvQkFDM0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lMaXN0U2Vjb25kYXJ5QWN0aW9uc1NlcnZpY2UgfSBmcm9tICcuL2xpc3Qtc2Vjb25kYXJ5LWFjdGlvbnMuc2VydmljZSc7XG5cbmltcG9ydCB7IFNreUxpc3RTZWNvbmRhcnlBY3Rpb24gfSBmcm9tICcuL2xpc3Qtc2Vjb25kYXJ5LWFjdGlvbic7XG5cbi8vIE5vdGU6IHRoaXMgY29tcG9uZW50IGlzIG5lZWRlZCB0byBlbnN1cmUgYW55IHJlYWN0aXZlIHN0eWxlcyBwbGFjZWQgaW4gdGhlIGVsZW1lbnQgaGF2ZVxuLy8gdGhlaXIgaG9zdCB0byBiZSBiYXNlZCBvZmYgb2YuIFdpdGhvdXQgdGhpcyBjb21wb25lbnQgdGhlIGhvc3QgaXMgbm90IHdyaXR0ZW4gdmlhIHRoZSBkaXNwYXRjaGVyLlxuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktbGlzdC1zZWNvbmRhcnktYWN0aW9ucy1ob3N0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3Qtc2Vjb25kYXJ5LWFjdGlvbnMtaG9zdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpc3Qtc2Vjb25kYXJ5LWFjdGlvbnMtaG9zdC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TGlzdFNlY29uZGFyeUFjdGlvbnNIb3N0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwdWJsaWMgZHJvcGRvd25IaWRkZW4gPSBmYWxzZTtcbiAgcHVibGljIGFjdGlvbnM6IGFueVtdID0gW107XG5cbiAgcHJpdmF0ZSBuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIGFjdGlvblNlcnZpY2U6IFNreUxpc3RTZWNvbmRhcnlBY3Rpb25zU2VydmljZVxuICApIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYWN0aW9uU2VydmljZS5hY3Rpb25zU3RyZWFtXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5uZ1Vuc3Vic2NyaWJlKSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcbiAgICAgIC5zdWJzY3JpYmUoKGFjdGlvbnM6IFNreUxpc3RTZWNvbmRhcnlBY3Rpb25bXSkgPT4ge1xuICAgICAgICBjb25zdCBoYXNTZWNvbmRhcnlBY3Rpb25zID0gYWN0aW9ucy5sZW5ndGggPiAwO1xuICAgICAgICB0aGlzLmRyb3Bkb3duSGlkZGVuID0gIWhhc1NlY29uZGFyeUFjdGlvbnM7XG4gICAgICAgIHRoaXMuYWN0aW9ucyA9IGFjdGlvbnM7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5uZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLm5nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1saXN0LXNlY29uZGFyeS1hY3Rpb25zXCJcbiAgW25nQ2xhc3NdPVwieyAnc2t5LWxpc3Qtc2Vjb25kYXJ5LWFjdGlvbnMtaGlkZGVuJzogZHJvcGRvd25IaWRkZW4gfVwiXG4+XG4gIDxza3ktZHJvcGRvd25cbiAgICBbYXR0ci50aXRsZV09XCInc2t5dXhfbGlzdF9zaG93X3NlY29uZGFyeV9hY3Rpb25zX2J1dHRvbicgfCBza3lMaWJSZXNvdXJjZXNcIlxuICAgIFtsYWJlbF09XCInc2t5dXhfbGlzdF9zaG93X3NlY29uZGFyeV9hY3Rpb25zX2J1dHRvbicgfCBza3lMaWJSZXNvdXJjZXNcIlxuICA+XG4gICAgPHNreS1kcm9wZG93bi1idXR0b24+XG4gICAgICA8c2t5LWljb24gaWNvbj1cImVsbGlwc2lzLWhcIj4gPC9za3ktaWNvbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2t5LWxpc3Qtc2Vjb25kYXJ5LWFjdGlvbnMtYnRuLXRleHRcIj5cbiAgICAgICAge3sgJ3NreXV4X2xpc3Rfc2hvd19zZWNvbmRhcnlfYWN0aW9uc19idXR0b24nIHwgc2t5TGliUmVzb3VyY2VzIH19XG4gICAgICA8L3NwYW4+XG4gICAgPC9za3ktZHJvcGRvd24tYnV0dG9uPlxuICAgIDxza3ktZHJvcGRvd24tbWVudT5cbiAgICAgIDxza3ktZHJvcGRvd24taXRlbSAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIGFjdGlvbnNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFjdGlvbi50ZW1wbGF0ZVwiPiA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvc2t5LWRyb3Bkb3duLWl0ZW0+XG4gICAgPC9za3ktZHJvcGRvd24tbWVudT5cbiAgPC9za3ktZHJvcGRvd24+XG48L2Rpdj5cbjxuZy1jb250ZW50PiA8L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=list-secondary-actions-host.component.js.map

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions-host.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-secondary-actions-host.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions-host.component.ts","../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions-host.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,uBAAuB,GAGxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;;;;;;;AAIlF,0FAA0F;AAC1F,oGAAoG;AAEpG;;GAEG;AAOH,MAAM,OAAO,oCAAoC;IAM/C,YACU,cAAiC,EACjC,aAA6C;QAD7C,mBAAc,GAAd,cAAc,CAAmB;QACjC,kBAAa,GAAb,aAAa,CAAgC;QAPhD,mBAAc,GAAG,KAAK,CAAC;QACvB,YAAO,GAAU,EAAE,CAAC;QAEnB,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IAKnC,CAAC;IAEG,QAAQ;QACb,IAAI,CAAC,aAAa,CAAC,aAAa;aAC7B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;aAC3D,SAAS,CAAC,CAAC,OAAiC,EAAE,EAAE;YAC/C,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,cAAc,GAAG,CAAC,mBAAmB,CAAC;YAC3C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;;kIAzBU,oCAAoC;sHAApC,oCAAoC,uEC5BjD,m0BAsBA;4FDMa,oCAAoC;kBANhD,SAAS;mBAAC;oBACT,QAAQ,EAAE,iCAAiC;oBAC3C,WAAW,EAAE,8CAA8C;oBAC3D,SAAS,EAAE,CAAC,8CAA8C,CAAC;oBAC3D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  Component,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  OnDestroy,\n  OnInit,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyListSecondaryActionsService } from './list-secondary-actions.service';\n\nimport { SkyListSecondaryAction } from './list-secondary-action';\n\n// Note: this component is needed to ensure any reactive styles placed in the element have\n// their host to be based off of. Without this component the host is not written via the dispatcher.\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-list-secondary-actions-host',\n  templateUrl: './list-secondary-actions-host.component.html',\n  styleUrls: ['./list-secondary-actions-host.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyListSecondaryActionsHostComponent implements OnInit, OnDestroy {\n  public dropdownHidden = false;\n  public actions: any[] = [];\n\n  private ngUnsubscribe = new Subject();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private actionService: SkyListSecondaryActionsService\n  ) {}\n\n  public ngOnInit() {\n    this.actionService.actionsStream\n      .pipe(takeUntil(this.ngUnsubscribe), distinctUntilChanged())\n      .subscribe((actions: SkyListSecondaryAction[]) => {\n        const hasSecondaryActions = actions.length > 0;\n        this.dropdownHidden = !hasSecondaryActions;\n        this.actions = actions;\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public ngOnDestroy() {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<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"]}

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.js

@@ -0,0 +1,45 @@
+import { Component, ChangeDetectionStrategy, TemplateRef, ViewChild, } from '@angular/core';
+import { ListStateDispatcher } from '../../list/state/list-state.rxstate';
+import { ListToolbarItemModel } from '../../list/state/toolbar/toolbar-item.model';
+import { SkyListSecondaryActionsService } from './list-secondary-actions.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../list/state/list-state.rxstate";
+import * as i2 from "./list-secondary-actions-host.component";
+/**
+ * Adds a dropdown to the list toolbar for secondary actions. If the dropdown does not
+ * include actions, the secondary actions dropdown is hidden.
+ */
+export class SkyListSecondaryActionsComponent {
+    constructor(dispatcher) {
+        this.dispatcher = dispatcher;
+        this.actions = [];
+        this.secondaryActionsItemToolbarIndex = 5000;
+    }
+    ngAfterViewInit() {
+        const secondaryActionItem = new ListToolbarItemModel({
+            id: 'secondary-actions',
+            template: this.secondaryActionsTemplate,
+            location: 'center',
+            index: this.secondaryActionsItemToolbarIndex,
+        });
+        this.dispatcher.toolbarAddItems([secondaryActionItem]);
+    }
+}
+SkyListSecondaryActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsComponent, deps: [{ token: i1.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: i2.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,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ListStateDispatcher }]; }, propDecorators: { secondaryActionsTemplate: [{
+                type: ViewChild,
+                args: ['secondaryActions', {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }] } });
+//# sourceMappingURL=list-secondary-actions.component.js.map

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-secondary-actions.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.ts","../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,uBAAuB,EACvB,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;;;;AAElF;;;GAGG;AAOH,MAAM,OAAO,gCAAgC;IAW3C,YAAoB,UAA+B;QAA/B,eAAU,GAAV,UAAU,CAAqB;QAV5C,YAAO,GAAU,EAAE,CAAC;QAQnB,qCAAgC,GAAW,IAAI,CAAC;IAEF,CAAC;IAEhD,eAAe;QACpB,MAAM,mBAAmB,GAAG,IAAI,oBAAoB,CAAC;YACnD,EAAE,EAAE,mBAAmB;YACvB,QAAQ,EAAE,IAAI,CAAC,wBAAwB;YACvC,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,IAAI,CAAC,gCAAgC;SAC7C,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACzD,CAAC;;8HAtBU,gCAAgC;kHAAhC,gCAAgC,qDAHhC,CAAC,8BAA8B,CAAC,mIAOnC,WAAW,2CC5BrB,6JAKA;4FDmBa,gCAAgC;kBAN5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,WAAW,EAAE,yCAAyC;oBACtD,SAAS,EAAE,CAAC,8BAA8B,CAAC;oBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;0GAQS,wBAAwB;sBAJ/B,SAAS;uBAAC,kBAAkB,EAAE;wBAC7B,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ChangeDetectionStrategy,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\n\nimport { ListStateDispatcher } from '../../list/state/list-state.rxstate';\n\nimport { ListToolbarItemModel } from '../../list/state/toolbar/toolbar-item.model';\n\nimport { SkyListSecondaryActionsService } from './list-secondary-actions.service';\n\n/**\n * Adds a dropdown to the list toolbar for secondary actions. If the dropdown does not\n * include actions, the secondary actions dropdown is hidden.\n */\n@Component({\n  selector: 'sky-list-secondary-actions',\n  templateUrl: './list-secondary-actions.component.html',\n  providers: [SkyListSecondaryActionsService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyListSecondaryActionsComponent implements AfterViewInit {\n  public actions: any[] = [];\n\n  @ViewChild('secondaryActions', {\n    read: TemplateRef,\n    static: true,\n  })\n  private secondaryActionsTemplate: TemplateRef<any>;\n\n  private secondaryActionsItemToolbarIndex: number = 5000;\n\n  constructor(private dispatcher: ListStateDispatcher) {}\n\n  public ngAfterViewInit() {\n    const secondaryActionItem = new ListToolbarItemModel({\n      id: 'secondary-actions',\n      template: this.secondaryActionsTemplate,\n      location: 'center',\n      index: this.secondaryActionsItemToolbarIndex,\n    });\n\n    this.dispatcher.toolbarAddItems([secondaryActionItem]);\n  }\n}\n","<ng-template #secondaryActions>\n  <sky-list-secondary-actions-host>\n    <ng-content></ng-content>\n  </sky-list-secondary-actions-host>\n</ng-template>\n"]}

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.module.js

@@ -0,0 +1,46 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyI18nModule } from '@skyux/i18n';
+import { SkyIconModule } from '@skyux/indicators';
+import { SkyDropdownModule } from '@skyux/popovers';
+import { SkyListBuilderResourcesModule } from '../../shared/sky-list-builder-resources.module';
+import { SkyListSecondaryActionsComponent } from './list-secondary-actions.component';
+import { SkyListSecondaryActionComponent } from './list-secondary-action.component';
+import { SkyListSecondaryActionsHostComponent } from './list-secondary-actions-host.component';
+import * as i0 from "@angular/core";
+export class SkyListSecondaryActionsModule {
+}
+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.16", ngImport: i0, type: SkyListSecondaryActionsModule, imports: [[
+            CommonModule,
+            SkyDropdownModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyListBuilderResourcesModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListSecondaryActionsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyListSecondaryActionsComponent,
+                        SkyListSecondaryActionsHostComponent,
+                        SkyListSecondaryActionComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        SkyDropdownModule,
+                        SkyI18nModule,
+                        SkyIconModule,
+                        SkyListBuilderResourcesModule,
+                    ],
+                    exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent],
+                }]
+        }] });
+//# sourceMappingURL=list-secondary-actions.module.js.map

package/esm2015/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-secondary-actions.module.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EAAE,6BAA6B,EAAE,MAAM,gDAAgD,CAAC;AAE/F,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;;AAiB/F,MAAM,OAAO,6BAA6B;;2HAA7B,6BAA6B;4HAA7B,6BAA6B,iBAbtC,gCAAgC;QAChC,oCAAoC;QACpC,+BAA+B,aAG/B,YAAY;QACZ,iBAAiB;QACjB,aAAa;QACb,aAAa;QACb,6BAA6B,aAErB,gCAAgC,EAAE,+BAA+B;4HAEhE,6BAA6B,YAT/B;YACP,YAAY;YACZ,iBAAiB;YACjB,aAAa;YACb,aAAa;YACb,6BAA6B;SAC9B;4FAGU,6BAA6B;kBAfzC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,gCAAgC;wBAChC,oCAAoC;wBACpC,+BAA+B;qBAChC;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,aAAa;wBACb,aAAa;wBACb,6BAA6B;qBAC9B;oBACD,OAAO,EAAE,CAAC,gCAAgC,EAAE,+BAA+B,CAAC;iBAC7E","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { SkyListBuilderResourcesModule } from '../../shared/sky-list-builder-resources.module';\n\nimport { SkyListSecondaryActionsComponent } from './list-secondary-actions.component';\n\nimport { SkyListSecondaryActionComponent } from './list-secondary-action.component';\n\nimport { SkyListSecondaryActionsHostComponent } from './list-secondary-actions-host.component';\n\n@NgModule({\n  declarations: [\n    SkyListSecondaryActionsComponent,\n    SkyListSecondaryActionsHostComponent,\n    SkyListSecondaryActionComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyDropdownModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyListBuilderResourcesModule,\n  ],\n  exports: [SkyListSecondaryActionsComponent, SkyListSecondaryActionComponent],\n})\nexport class SkyListSecondaryActionsModule {}\n"]}