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

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

@@ -1,36 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyListSecondaryActionsService {
-    constructor() {
-        this.secondaryActionsCount = 0;
-        this.secondaryActionsSubject = new BehaviorSubject(0);
-        this.actionsStream = new BehaviorSubject([]);
-        this.actions = [];
-    }
-    addSecondaryAction(action) {
-        this.secondaryActionsCount++;
-        this.secondaryActionsSubject.next(this.secondaryActionsCount);
-        this.actions.push(action);
-        this.actionsStream.next(this.actions);
-    }
-    removeSecondaryAction(action) {
-        this.secondaryActionsCount--;
-        this.secondaryActionsSubject.next(this.secondaryActionsCount);
-        this.actions = this.actions.filter((existingItem) => existingItem !== action);
-        this.actionsStream.next(this.actions);
-    }
-    ngOnDestroy() {
-        this.secondaryActionsSubject.complete();
-        this.actionsStream.complete();
-    }
-}
-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
-        }] });
-//# sourceMappingURL=list-secondary-actions.service.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-secondary-actions.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-secondary-actions/list-secondary-actions.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;;AAIvC;;GAEG;AAEH,MAAM,OAAO,8BAA8B;IAD3C;QAES,0BAAqB,GAAG,CAAC,CAAC;QAC1B,4BAAuB,GAAG,IAAI,eAAe,CAAS,CAAC,CAAC,CAAC;QACzD,kBAAa,GAAG,IAAI,eAAe,CAA2B,EAAE,CAAC,CAAC;QACjE,YAAO,GAA6B,EAAE,CAAC;KAsBhD;IApBQ,kBAAkB,CAAC,MAA8B;QACtD,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC9D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IAEM,qBAAqB,CAAC,MAAW;QACtC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC9D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAChC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,KAAK,MAAM,CAC1C,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;;4HAzBU,8BAA8B;gIAA9B,8BAA8B;4FAA9B,8BAA8B;kBAD1C,UAAU","sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\n\nimport { BehaviorSubject } from 'rxjs';\n\nimport { SkyListSecondaryAction } from './list-secondary-action';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyListSecondaryActionsService implements OnDestroy {\n  public secondaryActionsCount = 0;\n  public secondaryActionsSubject = new BehaviorSubject<number>(0);\n  public actionsStream = new BehaviorSubject<SkyListSecondaryAction[]>([]);\n  private actions: SkyListSecondaryAction[] = [];\n\n  public addSecondaryAction(action: SkyListSecondaryAction) {\n    this.secondaryActionsCount++;\n    this.secondaryActionsSubject.next(this.secondaryActionsCount);\n    this.actions.push(action);\n    this.actionsStream.next(this.actions);\n  }\n\n  public removeSecondaryAction(action: any) {\n    this.secondaryActionsCount--;\n    this.secondaryActionsSubject.next(this.secondaryActionsCount);\n    this.actions = this.actions.filter(\n      (existingItem) => existingItem !== action\n    );\n    this.actionsStream.next(this.actions);\n  }\n\n  public ngOnDestroy() {\n    this.secondaryActionsSubject.complete();\n    this.actionsStream.complete();\n  }\n}\n"]}

package/esm2015/lib/modules/list-toolbar/list-toolbar-item-renderer.component.js

@@ -1,30 +0,0 @@
-import { Component, Input, TemplateRef, ViewChild, ViewContainerRef, } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyListToolbarItemRendererComponent {
-    ngOnInit() {
-        if (this.template !== undefined) {
-            this.container.createEmbeddedView(this.template, this);
-        }
-    }
-}
-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>',
-                }]
-        }], propDecorators: { template: [{
-                type: Input
-            }], container: [{
-                type: ViewChild,
-                args: ['container', {
-                        read: ViewContainerRef,
-                        static: true,
-                    }]
-            }] } });
-//# sourceMappingURL=list-toolbar-item-renderer.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-toolbar-item-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-toolbar-item-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EAEL,WAAW,EACX,SAAS,EACT,gBAAgB,GACjB,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAKH,MAAM,OAAO,mCAAmC;IAUvC,QAAQ;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;YAC/B,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;SACxD;IACH,CAAC;;iIAdU,mCAAmC;qHAAnC,mCAAmC,2LAKtC,gBAAgB,2CAPd,wCAAwC;4FAEvC,mCAAmC;kBAJ/C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,QAAQ,EAAE,wCAAwC;iBACnD;8BAGQ,QAAQ;sBADd,KAAK;gBAOE,SAAS;sBAJhB,SAAS;uBAAC,WAAW,EAAE;wBACtB,IAAI,EAAE,gBAAgB;wBACtB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  Component,\n  Input,\n  OnInit,\n  TemplateRef,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-list-toolbar-item-renderer',\n  template: '<ng-template #container></ng-template>',\n})\nexport class SkyListToolbarItemRendererComponent implements OnInit {\n  @Input()\n  public template: TemplateRef<any>;\n\n  @ViewChild('container', {\n    read: ViewContainerRef,\n    static: true,\n  })\n  private container: ViewContainerRef;\n\n  public ngOnInit() {\n    if (this.template !== undefined) {\n      this.container.createEmbeddedView(this.template, this);\n    }\n  }\n}\n"]}

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

@@ -1,47 +0,0 @@
-import { Component, ContentChildren, Input, QueryList, TemplateRef, } from '@angular/core';
-import * as i0 from "@angular/core";
-let idIndex = 0;
-/**
- * Defines a toolbar item for the list toolbar.
- */
-export class SkyListToolbarItemComponent {
-    constructor() {
-        /**
-         * Specifies the ID of the item.
-         */
-        this.id = `sky-list-toolbar-item-${++idIndex}`;
-        /**
-         * Specifies the index of the item at the given item location.
-         * @default -1
-         */
-        this.index = -1;
-        /**
-         * Specifies the toolbar location of the item. The valid options are `"left"`,
-         * `"center"`, and `"right"`.
-         * @default "left"
-         */
-        this.location = 'left';
-    }
-    get template() {
-        return this.templates.length > 0 ? this.templates.first : undefined;
-    }
-}
-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>',
-                }]
-        }], propDecorators: { id: [{
-                type: Input
-            }], index: [{
-                type: Input
-            }], location: [{
-                type: Input
-            }], templates: [{
-                type: ContentChildren,
-                args: [TemplateRef]
-            }] } });
-//# sourceMappingURL=list-toolbar-item.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-toolbar-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-toolbar-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,eAAe,EACf,KAAK,EACL,SAAS,EACT,WAAW,GACZ,MAAM,eAAe,CAAC;;AAEvB,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;GAEG;AAKH,MAAM,OAAO,2BAA2B;IAJxC;QAKE;;WAEG;QACa,OAAE,GAAG,yBAAyB,EAAE,OAAO,EAAE,CAAC;QAC1D;;;WAGG;QACa,UAAK,GAAG,CAAC,CAAC,CAAC;QAC3B;;;;WAIG;QACa,aAAQ,GAAG,MAAM,CAAC;KAKnC;IAHC,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,CAAC;;yHAnBU,2BAA2B;6GAA3B,2BAA2B,mJAgBrB,WAAW,6BAlBlB,2BAA2B;4FAE1B,2BAA2B;kBAJvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,2BAA2B;iBACtC;8BAKiB,EAAE;sBAAjB,KAAK;gBAKU,KAAK;sBAApB,KAAK;gBAMU,QAAQ;sBAAvB,KAAK;gBACgC,SAAS;sBAA9C,eAAe;uBAAC,WAAW","sourcesContent":["import {\n  Component,\n  ContentChildren,\n  Input,\n  QueryList,\n  TemplateRef,\n} from '@angular/core';\n\nlet idIndex = 0;\n\n/**\n * Defines a toolbar item for the list toolbar.\n */\n@Component({\n  selector: 'sky-list-toolbar-item',\n  template: '<ng-content></ng-content>',\n})\nexport class SkyListToolbarItemComponent {\n  /**\n   * Specifies the ID of the item.\n   */\n  @Input() public id = `sky-list-toolbar-item-${++idIndex}`;\n  /**\n   * Specifies the index of the item at the given item location.\n   * @default -1\n   */\n  @Input() public index = -1;\n  /**\n   * Specifies the toolbar location of the item. The valid options are `\"left\"`,\n   * `\"center\"`, and `\"right\"`.\n   * @default \"left\"\n   */\n  @Input() public location = 'left';\n  @ContentChildren(TemplateRef) private templates: QueryList<TemplateRef<any>>;\n  public get template(): TemplateRef<any> {\n    return this.templates.length > 0 ? this.templates.first : undefined;\n  }\n}\n"]}

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

@@ -1,19 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Displays custom actions in the toolbar beside to the search bar.
- */
-export class SkyListToolbarSearchActionsComponent {
-}
-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,
-                }]
-        }] });
-//# sourceMappingURL=list-toolbar-search-actions.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-toolbar-search-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-toolbar-search-actions.component.ts","../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-toolbar-search-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAOH,MAAM,OAAO,oCAAoC;;kIAApC,oCAAoC;sHAApC,oCAAoC,uECXjD,wFAGA;4FDQa,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 { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Displays custom actions in the toolbar beside to the search bar.\n */\n@Component({\n  selector: 'sky-list-toolbar-search-actions',\n  templateUrl: './list-toolbar-search-actions.component.html',\n  styleUrls: ['./list-toolbar-search-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyListToolbarSearchActionsComponent {}\n","<div class=\"sky-list-toolbar-search-actions\">\n  <ng-content></ng-content>\n</div>\n"]}

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

@@ -1,25 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Adds a sort dropdown to the list toolbar.
- */
-export class SkyListToolbarSortComponent {
-}
-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: '',
-                }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], field: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], descending: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=list-toolbar-sort.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-toolbar-sort.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-toolbar-sort.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAEjD;;GAEG;AAKH,MAAM,OAAO,2BAA2B;;yHAA3B,2BAA2B;6GAA3B,2BAA2B,iJAF5B,EAAE;4FAED,2BAA2B;kBAJvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,EAAE;iBACb;8BAOQ,KAAK;sBADX,KAAK;gBAOC,KAAK;sBADX,KAAK;gBAOC,IAAI;sBADV,KAAK;gBAOC,UAAU;sBADhB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Adds a sort dropdown to the list toolbar.\n */\n@Component({\n  selector: 'sky-list-toolbar-sort',\n  template: '',\n})\nexport class SkyListToolbarSortComponent {\n  /**\n   * Specifies a label for a sort option.\n   * @required\n   */\n  @Input()\n  public label: string;\n  /**\n   * Specifies the data field to sort the list on.\n   * @required\n   */\n  @Input()\n  public field: string;\n  /**\n   * Specifies the data type of the data field to sort the list on.\n   * @required\n   */\n  @Input()\n  public type: string;\n  /**\n   * Indicates whether to sort data in descending order.\n   * @default false\n   */\n  @Input()\n  public descending: boolean;\n}\n"]}

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

@@ -1,21 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Adds a section on the right side of the toolbar for items that substantially change
- * or affect the view of the list. This includes simple filters and view switchers.
- * If the view section includes more than one item, simple filters appear on the left
- * and view switchers appear on the right.
- */
-export class SkyListToolbarViewActionsComponent {
-}
-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'],
-                }]
-        }] });
-//# sourceMappingURL=list-toolbar-view-actions.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-toolbar-view-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-toolbar-view-actions.component.ts","../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-toolbar-view-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;;;GAKG;AAMH,MAAM,OAAO,kCAAkC;;gIAAlC,kCAAkC;oHAAlC,kCAAkC,qECb/C,6BACA;4FDYa,kCAAkC;kBAL9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,+BAA+B;oBACzC,WAAW,EAAE,4CAA4C;oBACzD,SAAS,EAAE,CAAC,4CAA4C,CAAC;iBAC1D","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Adds a section on the right side of the toolbar for items that substantially change\n * or affect the view of the list. This includes simple filters and view switchers.\n * If the view section includes more than one item, simple filters appear on the left\n * and view switchers appear on the right.\n */\n@Component({\n  selector: 'sky-list-toolbar-view-actions',\n  templateUrl: './list-toolbar-view-actions.component.html',\n  styleUrls: ['./list-toolbar-view-actions.component.scss'],\n})\nexport class SkyListToolbarViewActionsComponent {}\n","<ng-content></ng-content>\n"]}

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

@@ -1,360 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, Input, QueryList, TemplateRef, ViewChild, } from '@angular/core';
-import { getValue } from '@skyux/list-builder-common';
-import { SkySearchComponent } from '@skyux/lookup';
-import { Subject, combineLatest as observableCombineLatest, } from 'rxjs';
-import { distinctUntilChanged, map as observableMap, take, takeUntil, } from 'rxjs/operators';
-import { SkyListFilterInlineComponent } from '../list-filters/list-filter-inline.component';
-import { SkyListFilterSummaryComponent } from '../list-filters/list-filter-summary.component';
-import { ListStateDispatcher } from '../list/state/list-state.rxstate';
-import { ListState } from '../list/state/list-state.state-node';
-import { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';
-import { ListSortLabelModel } from '../list/state/sort/label.model';
-import { ListToolbarSetTypeAction } from '../list/state/toolbar/set-type.action';
-import { ListToolbarItemModel } from '../list/state/toolbar/toolbar-item.model';
-import { SkyListToolbarItemComponent } from './list-toolbar-item.component';
-import { SkyListToolbarSortComponent } from './list-toolbar-sort.component';
-import { SkyListToolbarViewActionsComponent } from './list-toolbar-view-actions.component';
-import { ListToolbarConfigSetSearchEnabledAction } from './state/config/set-search-enabled.action';
-import { ListToolbarConfigSetSortSelectorEnabledAction } from './state/config/set-sort-selector-enabled.action';
-import { ListToolbarStateModel } from './state/toolbar-state.model';
-import { ListToolbarStateDispatcher } from './state/toolbar-state.rxstate';
-import { ListToolbarState } from './state/toolbar-state.state-node';
-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 "./state/toolbar-state.state-node";
-import * as i4 from "./state/toolbar-state.rxstate";
-import * as i5 from "@skyux/layout";
-import * as i6 from "./list-toolbar-item-renderer.component";
-import * as i7 from "./list-multiselect-toolbar.component";
-import * as i8 from "@skyux/lookup";
-import * as i9 from "@skyux/lists";
-import * as i10 from "@angular/common";
-let nextId = 0;
-/**
- * Displays a toolbar for a SKY UX-themed list of data.
- */
-export class SkyListToolbarComponent {
-    constructor(changeDetector, state, dispatcher, toolbarState, toolbarDispatcher) {
-        this.changeDetector = changeDetector;
-        this.state = state;
-        this.dispatcher = dispatcher;
-        this.toolbarState = toolbarState;
-        this.toolbarDispatcher = toolbarDispatcher;
-        /**
-         * Display the search bar in the standard position or in a separate section.
-         * To highlight the search bar in a section above all other toolbar items,
-         * set this property to `search`.
-         * @default "standard"
-         */
-        this.toolbarType = 'standard';
-        this.isToolbarDisabled = false;
-        this.inlineFilterBarExpanded = false;
-        this.hasAdditionalToolbarSection = false;
-        this.hasViewActions = false;
-        this.filterButtonId = `sky-list-toolbar-filter-button-${++nextId}`;
-        this.listFilterInlineId = `sky-list-toolbar-filter-inline-${++nextId}`;
-        /**
-         * Fires when users submit a search.
-         * @internal
-         */
-        this.searchApplied = new Subject();
-        this.customItemIds = [];
-        this.hasSortSelectors = false;
-        this.inlineFiltersItemToolbarIndex = 5000;
-        this.sortSelectorItemToolbarIndex = 6000;
-        this.ngUnsubscribe = new Subject();
-    }
-    /**
-     * Indicates whether to use the in-memory search.
-     * Setting this to `false` will allow consumers to run their own searches remotely,
-     * and push new values to the list component by updating the `data` property.
-     * @default true
-     * @internal
-     */
-    set inMemorySearchEnabled(value) {
-        this._inMemorySearchEnabled = value;
-    }
-    get inMemorySearchEnabled() {
-        if (this._inMemorySearchEnabled === undefined) {
-            return true;
-        }
-        return this._inMemorySearchEnabled;
-    }
-    get isFilterBarDisplayed() {
-        return (!this.isToolbarDisabled &&
-            this.hasInlineFilters &&
-            this.inlineFilterBarExpanded);
-    }
-    get filterButtonAriaControls() {
-        return this.isFilterBarDisplayed ? this.listFilterInlineId : undefined;
-    }
-    ngOnInit() {
-        this.dispatcher.toolbarExists(true);
-        getValue(this.searchText, (searchText) => {
-            this.updateSearchText(searchText);
-        });
-        getValue(this.searchEnabled, (searchEnabled) => {
-            this.toolbarDispatcher.next(new ListToolbarConfigSetSearchEnabledAction(searchEnabled === undefined ? true : searchEnabled));
-        });
-        getValue(this.toolbarType, (type) => {
-            this.dispatcher.next(new ListToolbarSetTypeAction(this.toolbarType));
-        });
-        getValue(this.sortSelectorEnabled, (sortSelectorEnabled) => {
-            this.toolbarDispatcher.next(new ListToolbarConfigSetSortSelectorEnabledAction(sortSelectorEnabled === undefined ? true : sortSelectorEnabled));
-        });
-        this.sortSelectors = this.getSortSelectors();
-        // Initialize the sort toolbar item if necessary
-        this.sortSelectors
-            .pipe(takeUntil(this.ngUnsubscribe), distinctUntilChanged())
-            .subscribe((currentSort) => {
-            if (currentSort.length > 0 && !this.hasSortSelectors) {
-                this.hasSortSelectors = true;
-                this.dispatcher.toolbarAddItems([
-                    new ListToolbarItemModel({
-                        id: 'sort-selector',
-                        template: this.sortSelectorTemplate,
-                        location: 'left',
-                        index: this.sortSelectorItemToolbarIndex,
-                    }),
-                ]);
-            }
-            else if (currentSort.length < 1 && this.hasSortSelectors) {
-                this.hasSortSelectors = false;
-                this.dispatcher.toolbarRemoveItems(['sort-selector']);
-            }
-        });
-        this.searchTextInput = this.state.pipe(takeUntil(this.ngUnsubscribe), observableMap((s) => s.search.searchText), distinctUntilChanged());
-        this.view = this.state.pipe(takeUntil(this.ngUnsubscribe), observableMap((s) => s.views.active), distinctUntilChanged());
-        this.watchTemplates();
-        this.type = this.state.pipe(takeUntil(this.ngUnsubscribe), observableMap((state) => state.toolbar.type), distinctUntilChanged());
-        this.type.pipe(takeUntil(this.ngUnsubscribe)).subscribe((toolbarType) => {
-            if (toolbarType === 'search') {
-                this.dispatcher.toolbarRemoveItems(['search']);
-            }
-            else {
-                this.dispatcher.toolbarAddItems([
-                    new ListToolbarItemModel({
-                        id: 'search',
-                        template: this.searchTemplate,
-                        location: 'right',
-                    }),
-                ]);
-            }
-        });
-        this.isSearchEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), observableMap((s) => s.config), distinctUntilChanged(), observableMap((c) => c.searchEnabled));
-        this.state
-            .pipe(observableMap((s) => s.toolbar), takeUntil(this.ngUnsubscribe), distinctUntilChanged(), observableMap((c) => c.disabled))
-            .subscribe((isDisabled) => (this.isToolbarDisabled = isDisabled));
-        this.isSortSelectorEnabled = this.toolbarState.pipe(takeUntil(this.ngUnsubscribe), observableMap((s) => s.config), distinctUntilChanged(), observableMap((c) => c.sortSelectorEnabled));
-        this.isMultiselectEnabled = this.state.pipe(takeUntil(this.ngUnsubscribe), observableMap((s) => s.toolbar), distinctUntilChanged(), observableMap((t) => t.showMultiselectToolbar));
-        this.hasAppliedFilters = this.state.pipe(takeUntil(this.ngUnsubscribe), observableMap((s) => s.filters), distinctUntilChanged(), observableMap((filters) => {
-            const activeFilters = filters.filter((f) => {
-                return (f.value !== '' &&
-                    f.value !== undefined &&
-                    f.value !== false &&
-                    f.value !== f.defaultValue);
-            });
-            return activeFilters.length > 0;
-        }));
-        this.state.pipe(takeUntil(this.ngUnsubscribe)).subscribe((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.customItemIds.push(toolbarItem.id);
-        });
-        this.toolbarItems.changes
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((newItems) => {
-            newItems.forEach((item) => {
-                if (this.customItemIds.indexOf(item.id) < 0) {
-                    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)) {
-                    itemsToRemove.push(itemId);
-                    this.customItemIds.splice(index, 1);
-                }
-            });
-            this.dispatcher.toolbarRemoveItems(itemsToRemove);
-        });
-        const sortModels = this.toolbarSorts.map((sort) => new ListSortLabelModel({
-            text: sort.label,
-            fieldSelector: sort.field,
-            fieldType: sort.type,
-            global: true,
-            descending: sort.descending,
-        }));
-        this.dispatcher.sortSetGlobal(sortModels);
-        // Add inline filters.
-        this.showFilterSummary = this.filterSummary.length > 0;
-        this.hasInlineFilters = this.inlineFilter.length > 0;
-        if (this.hasInlineFilters) {
-            this.dispatcher.toolbarAddItems([
-                new ListToolbarItemModel({
-                    template: this.inlineFilterButtonTemplate,
-                    location: 'left',
-                    index: this.inlineFiltersItemToolbarIndex,
-                }),
-            ]);
-        }
-        // Check for view actions
-        this.hasViewActions = this.viewActions.length > 0;
-    }
-    ngOnDestroy() {
-        this.searchApplied.complete();
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    setSort(sort) {
-        this.state.pipe(take(1)).subscribe((currentState) => {
-            if (currentState.paging.pageNumber &&
-                currentState.paging.pageNumber !== 1) {
-                this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-            }
-            this.dispatcher.sortSetFieldSelectors([
-                { fieldSelector: sort.fieldSelector, descending: sort.descending },
-            ]);
-        });
-    }
-    inlineFilterButtonClick() {
-        this.inlineFilterBarExpanded = !this.inlineFilterBarExpanded;
-    }
-    updateSearchText(searchText) {
-        this.searchApplied.next(searchText);
-        if (this.inMemorySearchEnabled) {
-            this.state.pipe(take(1)).subscribe((currentState) => {
-                if (currentState.paging.pageNumber &&
-                    currentState.paging.pageNumber !== 1) {
-                    this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));
-                }
-                this.dispatcher.searchSetText(searchText);
-            });
-        }
-    }
-    itemIsInView(itemView, activeView) {
-        return itemView === undefined || itemView === activeView;
-    }
-    getSortSelectors() {
-        return observableCombineLatest(this.state.pipe(observableMap((s) => s.sort.available), distinctUntilChanged()), this.state.pipe(observableMap((s) => s.sort.global), distinctUntilChanged()), this.state.pipe(observableMap((s) => s.sort.fieldSelectors), distinctUntilChanged()), (available, global, fieldSelectors) => {
-            // Get sorts that are in the global that are not in the available
-            const sorts = global.filter((g) => available.filter((a) => a.fieldSelector === g.fieldSelector)
-                .length === 0);
-            const resultSortSelectors = [...sorts, ...available].map((sortLabels) => {
-                const fs = fieldSelectors.filter((f) => {
-                    return (f.fieldSelector === sortLabels.fieldSelector &&
-                        f.descending === sortLabels.descending);
-                });
-                let selected = false;
-                if (fs.length > 0) {
-                    selected = true;
-                }
-                return {
-                    sort: sortLabels,
-                    selected: selected,
-                };
-            });
-            return resultSortSelectors;
-        }).pipe(takeUntil(this.ngUnsubscribe));
-    }
-    watchTemplates() {
-        observableCombineLatest(this.state.pipe(observableMap((s) => s.toolbar), distinctUntilChanged()), this.view.pipe(distinctUntilChanged()), (toolbar, view) => {
-            const items = toolbar.items.filter((i) => {
-                return this.itemIsInView(i.view, view);
-            });
-            const templates = {};
-            items.forEach((item) => {
-                templates[item.location] = templates[item.location] || [];
-                templates[item.location].push(item);
-            });
-            return templates;
-        })
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((value) => {
-            this.leftTemplates = value.left;
-            this.centerTemplates = value.center;
-            this.rightTemplates = value.right;
-            this.changeDetector.markForCheck();
-        });
-    }
-}
-SkyListToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ListState }, { token: i2.ListStateDispatcher }, { token: i3.ListToolbarState }, { token: i4.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    <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: i5.λ37, selector: "sky-toolbar" }, { type: i5.λ38, selector: "sky-toolbar-section" }, { type: i5.λ39, selector: "sky-toolbar-item" }, { type: i6.SkyListToolbarItemRendererComponent, selector: "sky-list-toolbar-item-renderer", inputs: ["template"] }, { type: i5.λ40, selector: "sky-toolbar-view-actions" }, { type: i7.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: i9.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i9.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i9.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i10.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',
-                    templateUrl: './list-toolbar.component.html',
-                    styleUrls: ['./list-toolbar.component.scss'],
-                    providers: [
-                        ListToolbarState,
-                        ListToolbarStateDispatcher,
-                        ListToolbarStateModel,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ListState }, { type: i2.ListStateDispatcher }, { type: i3.ListToolbarState }, { type: i4.ListToolbarStateDispatcher }]; }, propDecorators: { inMemorySearchEnabled: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], searchEnabled: [{
-                type: Input
-            }], searchComponent: [{
-                type: ViewChild,
-                args: [SkySearchComponent, {
-                        read: SkySearchComponent,
-                        static: false,
-                    }]
-            }], sortSelectorEnabled: [{
-                type: Input
-            }], toolbarType: [{
-                type: Input
-            }], searchText: [{
-                type: Input
-            }], toolbarItems: [{
-                type: ContentChildren,
-                args: [SkyListToolbarItemComponent]
-            }], toolbarSorts: [{
-                type: ContentChildren,
-                args: [SkyListToolbarSortComponent]
-            }], filterSummary: [{
-                type: ContentChildren,
-                args: [SkyListFilterSummaryComponent]
-            }], inlineFilter: [{
-                type: ContentChildren,
-                args: [SkyListFilterInlineComponent]
-            }], viewActions: [{
-                type: ContentChildren,
-                args: [SkyListToolbarViewActionsComponent]
-            }], searchTemplate: [{
-                type: ViewChild,
-                args: ['search', {
-                        read: TemplateRef,
-                        static: true,
-                    }]
-            }], sortSelectorTemplate: [{
-                type: ViewChild,
-                args: ['sortSelector', {
-                        read: TemplateRef,
-                        static: true,
-                    }]
-            }], inlineFilterButtonTemplate: [{
-                type: ViewChild,
-                args: ['inlineFilterButton', {
-                        read: TemplateRef,
-                        static: true,
-                    }]
-            }] } });
-//# sourceMappingURL=list-toolbar.component.js.map