@skyux/list-builder 5.0.2 → 5.5.0

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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+import { Component, ViewContainerRef, ViewChild, Input, TemplateRef, } 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

@@ -0,0 +1 @@
+{"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,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,WAAW,GAEZ,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  ViewContainerRef,\n  ViewChild,\n  Input,\n  TemplateRef,\n  OnInit,\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

@@ -0,0 +1,47 @@
+import { Component, Input, ContentChildren, TemplateRef, QueryList, } 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

@@ -0,0 +1 @@
+{"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,KAAK,EACL,eAAe,EACf,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;;AAEvB,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;GAEG;AAKH,MAAM,OAAO,2BAA2B;IAJxC;QAKE;;WAEG;QACa,OAAE,GAAW,yBAAyB,EAAE,OAAO,EAAE,CAAC;QAClE;;;WAGG;QACa,UAAK,GAAW,CAAC,CAAC,CAAC;QACnC;;;;WAIG;QACa,aAAQ,GAAW,MAAM,CAAC;KAK3C;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  Input,\n  ContentChildren,\n  TemplateRef,\n  QueryList,\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: string = `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: number = -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: string = '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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,360 @@
+import { combineLatest as observableCombineLatest, Subject, } from 'rxjs';
+import { map as observableMap, takeUntil, take, distinctUntilChanged, } from 'rxjs/operators';
+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 { ListToolbarItemModel } from '../list/state/toolbar/toolbar-item.model';
+import { ListToolbarSetTypeAction } from '../list/state/toolbar/set-type.action';
+import { ListState } from '../list/state/list-state.state-node';
+import { ListStateDispatcher } from '../list/state/list-state.rxstate';
+import { ListSortLabelModel } from '../list/state/sort/label.model';
+import { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';
+import { SkyListFilterInlineComponent } from '../list-filters/list-filter-inline.component';
+import { SkyListFilterSummaryComponent } from '../list-filters/list-filter-summary.component';
+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 { ListToolbarState } from './state/toolbar-state.state-node';
+import { ListToolbarStateDispatcher } from './state/toolbar-state.rxstate';
+import { ListToolbarStateModel } from './state/toolbar-state.model';
+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) => {
+            let 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
+            let sorts = global.filter((g) => available.filter((a) => a.fieldSelector === g.fieldSelector)
+                .length === 0);
+            let resultSortSelectors = [...sorts, ...available].map((sortLabels) => {
+                let fs = fieldSelectors.filter((f) => {
+                    return (f.fieldSelector === sortLabels.fieldSelector &&
+                        f.descending === sortLabels.descending);
+                });
+                let selected = false;
+                if (fs.length > 0) {
+                    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