@one-paragon/angular-utilities 0.1.30 → 0.1.32-beta

package/esm2020/table-builder/components/table-container-filter/filter-list/filter-list.component.mjs

@@ -1,42 +1,42 @@
-import { Component } from '@angular/core';
-import { isFilterInfo } from '../../../classes/filter-info';
-import { map } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../classes/table-store";
-import * as i2 from "../table-wrapper-filter-store";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/tooltip";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/material/chips";
-import * as i8 from "@ngrx/component";
-import * as i9 from "../../filter/filter.component";
-import * as i10 from "../../../pipes/key-display";
-import * as i11 from "../../../pipes/format-filter-value.pipe";
-import * as i12 from "../../../pipes/format-filter-type.pipe";
-export class FilterChipsComponent {
-    constructor(tableState, filterStore) {
-        this.tableState = tableState;
-        this.filterStore = filterStore;
-        this.filters$ = this.tableState.filters$.pipe(map(filters => Object.values(filters)
-            .filter(isFilterInfo)
-            .filter(f => !f._isExternalyManaged)));
-        this.currentFilters$ = this.filterStore.currentFilters$;
-    }
-    deleteByIndex(index) {
-        this.filterStore.deleteByIndex(index);
-    }
-    addFilter(filter) {
-        this.filterStore.addFilter(filter);
-    }
-    clearAll() {
-        this.filterStore.clearAll();
-    }
-}
-FilterChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterChipsComponent, deps: [{ token: i1.TableStore }, { token: i2.WrapperFilterStore }], target: i0.ɵɵFactoryTarget.Component });
-FilterChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: FilterChipsComponent, selector: "lib-filter-list", ngImport: i0, template: "<div style=\"display: flex; flex-direction: row;justify-content: flex-end;\" *ngrxLet=\"currentFilters$ as currentFilters\" >\r\n\r\n  <button class=\"cancel-button\" *ngIf=\"currentFilters.length\" mat-icon-button (click)=\"clearAll()\"\r\n    matTooltip=\"Close all Filters Cards\">\r\n    <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n  </button>\r\n\r\n\r\n  <div *ngIf=\"currentFilters.length\" class=\"float\">\r\n    <div class=\"filter\" *ngFor=\"let filter of (currentFilters$ | async); index as i;\">\r\n      <tb-filter [filter]=\"filter\" (close)=\"deleteByIndex(i)\" > </tb-filter>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-chip-set *ngrxLet=\"filters$ as filters\">\r\n    <mat-chip *ngFor=\"let filter of filters\" (dblclick)=\"addFilter(filter)\"  (removed)=\"tableState.removeFilter(filter.filterId!)\">\r\n      {{ filter.key | keyDisplay | async  }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ filter.filterValue | formatFilterValue: filter.key : filter.filterType  | async }}\r\n      <mat-icon matChipRemove>cancel</mat-icon>\r\n    </mat-chip>\r\n    <mat-chip *ngIf=\"filters.length >= 2\" (removed)=\"tableState.clearFilters()\">\r\n      Clear All\r\n      <mat-icon matChipRemove>cancel</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-set>\r\n\r\n</div>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatChip, selector: "mat-basic-chip, mat-chip", inputs: ["color", "disabled", "disableRipple", "tabIndex", "role", "id", "aria-label", "value", "removable", "highlighted"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role"] }, { kind: "directive", type: i8.LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "component", type: i9.FilterComponent, selector: "tb-filter", inputs: ["filter"], outputs: ["close"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.KeyDisplayPipe, name: "keyDisplay" }, { kind: "pipe", type: i11.FormatFilterValuePipe, name: "formatFilterValue" }, { kind: "pipe", type: i12.FormatFilterTypePipe, name: "formatFilterType" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterChipsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-filter-list', template: "<div style=\"display: flex; flex-direction: row;justify-content: flex-end;\" *ngrxLet=\"currentFilters$ as currentFilters\" >\r\n\r\n  <button class=\"cancel-button\" *ngIf=\"currentFilters.length\" mat-icon-button (click)=\"clearAll()\"\r\n    matTooltip=\"Close all Filters Cards\">\r\n    <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n  </button>\r\n\r\n\r\n  <div *ngIf=\"currentFilters.length\" class=\"float\">\r\n    <div class=\"filter\" *ngFor=\"let filter of (currentFilters$ | async); index as i;\">\r\n      <tb-filter [filter]=\"filter\" (close)=\"deleteByIndex(i)\" > </tb-filter>\r\n    </div>\r\n  </div>\r\n\r\n  <mat-chip-set *ngrxLet=\"filters$ as filters\">\r\n    <mat-chip *ngFor=\"let filter of filters\" (dblclick)=\"addFilter(filter)\"  (removed)=\"tableState.removeFilter(filter.filterId!)\">\r\n      {{ filter.key | keyDisplay | async  }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ filter.filterValue | formatFilterValue: filter.key : filter.filterType  | async }}\r\n      <mat-icon matChipRemove>cancel</mat-icon>\r\n    </mat-chip>\r\n    <mat-chip *ngIf=\"filters.length >= 2\" (removed)=\"tableState.clearFilters()\">\r\n      Clear All\r\n      <mat-icon matChipRemove>cancel</mat-icon>\r\n    </mat-chip>\r\n  </mat-chip-set>\r\n\r\n</div>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TableStore }, { type: i2.WrapperFilterStore }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy90YWJsZS1jb250YWluZXItZmlsdGVyL2ZpbHRlci1saXN0L2ZpbHRlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvdGFibGUtY29udGFpbmVyLWZpbHRlci9maWx0ZXItbGlzdC9maWx0ZXItbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBNEIsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQVNyQyxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLFlBQW9CLFVBQXNCLEVBQVUsV0FBZ0M7UUFBaEUsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFxQjtRQUdsRixhQUFRLEdBQWtDLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDckUsR0FBRyxDQUFFLE9BQU8sQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7YUFDbkIsTUFBTSxDQUFDLFlBQVksQ0FBQzthQUNwQixNQUFNLENBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUN0RCxDQUNGLENBQUM7UUFjRixvQkFBZSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDO0lBckJyRCxDQUFDO0lBU0MsYUFBYSxDQUFDLEtBQWE7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFzQjtRQUM5QixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7aUhBdEJRLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHVEQ1pqQyxnekNBMEJBOzJGRGRhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xyXG5pbXBvcnQgeyBDdXN0b21GaWx0ZXIsIEZpbHRlckluZm8sIGlzRmlsdGVySW5mbyB9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZmlsdGVyLWluZm8nO1xyXG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcbmltcG9ydCB7IFdyYXBwZXJGaWx0ZXJTdG9yZSB9IGZyb20gJy4uL3RhYmxlLXdyYXBwZXItZmlsdGVyLXN0b3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZmlsdGVyLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4uL2dlbi1maWx0ZXItZGlzcGxheWVyL2dlbi1maWx0ZXItZGlzcGxheWVyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmlsdGVyQ2hpcHNDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3RvciggcHVibGljIHRhYmxlU3RhdGU6IFRhYmxlU3RvcmUsIHByaXZhdGUgZmlsdGVyU3RvcmUgOiBXcmFwcGVyRmlsdGVyU3RvcmUpIHtcclxuICB9XHJcblxyXG4gICAgZmlsdGVycyQ6IE9ic2VydmFibGU8RmlsdGVySW5mbzxhbnk+W10+ID0gdGhpcy50YWJsZVN0YXRlLmZpbHRlcnMkLnBpcGUoXHJcbiAgICAgIG1hcCggZmlsdGVycyA9PiBPYmplY3QudmFsdWVzKGZpbHRlcnMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5maWx0ZXIoaXNGaWx0ZXJJbmZvKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKCBmID0+ICFmLl9pc0V4dGVybmFseU1hbmFnZWQpXHJcbiAgICAgIClcclxuICAgICk7XHJcblxyXG4gICAgZGVsZXRlQnlJbmRleChpbmRleDogbnVtYmVyKSB7XHJcbiAgICAgIHRoaXMuZmlsdGVyU3RvcmUuZGVsZXRlQnlJbmRleChpbmRleCk7XHJcbiAgICB9XHJcblxyXG4gICAgYWRkRmlsdGVyKGZpbHRlcjpGaWx0ZXJJbmZvPGFueT4pe1xyXG4gICAgICB0aGlzLmZpbHRlclN0b3JlLmFkZEZpbHRlcihmaWx0ZXIpO1xyXG4gICAgfVxyXG5cclxuICAgIGNsZWFyQWxsKCkge1xyXG4gICAgICAgIHRoaXMuZmlsdGVyU3RvcmUuY2xlYXJBbGwoKTtcclxuICAgIH1cclxuXHJcbiAgICBjdXJyZW50RmlsdGVycyQgPSB0aGlzLmZpbHRlclN0b3JlLmN1cnJlbnRGaWx0ZXJzJDtcclxufVxyXG4iLCI8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZmxleC1kaXJlY3Rpb246IHJvdztqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1wiICpuZ3J4TGV0PVwiY3VycmVudEZpbHRlcnMkIGFzIGN1cnJlbnRGaWx0ZXJzXCIgPlxyXG5cclxuICA8YnV0dG9uIGNsYXNzPVwiY2FuY2VsLWJ1dHRvblwiICpuZ0lmPVwiY3VycmVudEZpbHRlcnMubGVuZ3RoXCIgbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbGVhckFsbCgpXCJcclxuICAgIG1hdFRvb2x0aXA9XCJDbG9zZSBhbGwgRmlsdGVycyBDYXJkc1wiPlxyXG4gICAgPG1hdC1pY29uIGNsYXNzPVwiY2FuY2VsLWJ1dHRvblwiIGNvbG9yPVwicHJpbWFyeVwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICA8L2J1dHRvbj5cclxuXHJcblxyXG4gIDxkaXYgKm5nSWY9XCJjdXJyZW50RmlsdGVycy5sZW5ndGhcIiBjbGFzcz1cImZsb2F0XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyXCIgKm5nRm9yPVwibGV0IGZpbHRlciBvZiAoY3VycmVudEZpbHRlcnMkIHwgYXN5bmMpOyBpbmRleCBhcyBpO1wiPlxyXG4gICAgICA8dGItZmlsdGVyIFtmaWx0ZXJdPVwiZmlsdGVyXCIgKGNsb3NlKT1cImRlbGV0ZUJ5SW5kZXgoaSlcIiA+IDwvdGItZmlsdGVyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxtYXQtY2hpcC1zZXQgKm5ncnhMZXQ9XCJmaWx0ZXJzJCBhcyBmaWx0ZXJzXCI+XHJcbiAgICA8bWF0LWNoaXAgKm5nRm9yPVwibGV0IGZpbHRlciBvZiBmaWx0ZXJzXCIgKGRibGNsaWNrKT1cImFkZEZpbHRlcihmaWx0ZXIpXCIgIChyZW1vdmVkKT1cInRhYmxlU3RhdGUucmVtb3ZlRmlsdGVyKGZpbHRlci5maWx0ZXJJZCEpXCI+XHJcbiAgICAgIHt7IGZpbHRlci5rZXkgfCBrZXlEaXNwbGF5IHwgYXN5bmMgIH19IHt7ZmlsdGVyLmZpbHRlclR5cGUgfCBmb3JtYXRGaWx0ZXJUeXBlIDogZmlsdGVyLmZpbHRlclZhbHVlfX0ge3sgZmlsdGVyLmZpbHRlclZhbHVlIHwgZm9ybWF0RmlsdGVyVmFsdWU6IGZpbHRlci5rZXkgOiBmaWx0ZXIuZmlsdGVyVHlwZSAgfCBhc3luYyB9fVxyXG4gICAgICA8bWF0LWljb24gbWF0Q2hpcFJlbW92ZT5jYW5jZWw8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtY2hpcD5cclxuICAgIDxtYXQtY2hpcCAqbmdJZj1cImZpbHRlcnMubGVuZ3RoID49IDJcIiAocmVtb3ZlZCk9XCJ0YWJsZVN0YXRlLmNsZWFyRmlsdGVycygpXCI+XHJcbiAgICAgIENsZWFyIEFsbFxyXG4gICAgICA8bWF0LWljb24gbWF0Q2hpcFJlbW92ZT5jYW5jZWw8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtY2hpcD5cclxuICA8L21hdC1jaGlwLXNldD5cclxuXHJcbjwvZGl2PlxyXG4iXX0=
+import { Component } from '@angular/core';
+import { isFilterInfo } from '../../../classes/filter-info';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../classes/table-store";
+import * as i2 from "../table-wrapper-filter-store";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/chips";
+import * as i8 from "@ngrx/component";
+import * as i9 from "../../filter/filter.component";
+import * as i10 from "../../../pipes/key-display";
+import * as i11 from "../../../pipes/format-filter-value.pipe";
+import * as i12 from "../../../pipes/format-filter-type.pipe";
+export class FilterChipsComponent {
+    constructor(tableState, filterStore) {
+        this.tableState = tableState;
+        this.filterStore = filterStore;
+        this.filters$ = this.tableState.filters$.pipe(map(filters => Object.values(filters)
+            .filter(isFilterInfo)
+            .filter(f => !f._isExternalyManaged)));
+        this.currentFilters$ = this.filterStore.currentFilters$;
+    }
+    deleteByIndex(index) {
+        this.filterStore.deleteByIndex(index);
+    }
+    addFilter(filter) {
+        this.filterStore.addFilter(filter);
+    }
+    clearAll() {
+        this.filterStore.clearAll();
+    }
+}
+FilterChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterChipsComponent, deps: [{ token: i1.TableStore }, { token: i2.WrapperFilterStore }], target: i0.ɵɵFactoryTarget.Component });
+FilterChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: FilterChipsComponent, selector: "lib-filter-list", ngImport: i0, template: "<div style=\"display: flex; flex-direction: row;justify-content: flex-end;\" *ngrxLet=\"currentFilters$ as currentFilters\" >\n\n  <button class=\"cancel-button\" *ngIf=\"currentFilters.length\" mat-icon-button (click)=\"clearAll()\"\n    matTooltip=\"Close all Filters Cards\">\n    <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\n  </button>\n\n\n  <div *ngIf=\"currentFilters.length\" class=\"float\">\n    <div class=\"filter\" *ngFor=\"let filter of (currentFilters$ | async); index as i;\">\n      <tb-filter [filter]=\"filter\" (close)=\"deleteByIndex(i)\" > </tb-filter>\n    </div>\n  </div>\n\n  <mat-chip-set *ngrxLet=\"filters$ as filters\">\n    <mat-chip *ngFor=\"let filter of filters\" (dblclick)=\"addFilter(filter)\"  (removed)=\"tableState.removeFilter(filter.filterId!)\">\n      {{ filter.key | keyDisplay | async  }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ filter.filterValue | formatFilterValue: filter.key : filter.filterType  | async }}\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n    <mat-chip *ngIf=\"filters.length >= 2\" (removed)=\"tableState.clearFilters()\">\n      Clear All\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n  </mat-chip-set>\n\n</div>\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatChip, selector: "mat-basic-chip, mat-chip", inputs: ["color", "disabled", "disableRipple", "tabIndex", "role", "id", "aria-label", "value", "removable", "highlighted"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i7.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i7.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role"] }, { kind: "directive", type: i8.LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "component", type: i9.FilterComponent, selector: "tb-filter", inputs: ["filter"], outputs: ["close"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.KeyDisplayPipe, name: "keyDisplay" }, { kind: "pipe", type: i11.FormatFilterValuePipe, name: "formatFilterValue" }, { kind: "pipe", type: i12.FormatFilterTypePipe, name: "formatFilterType" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterChipsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-filter-list', template: "<div style=\"display: flex; flex-direction: row;justify-content: flex-end;\" *ngrxLet=\"currentFilters$ as currentFilters\" >\n\n  <button class=\"cancel-button\" *ngIf=\"currentFilters.length\" mat-icon-button (click)=\"clearAll()\"\n    matTooltip=\"Close all Filters Cards\">\n    <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\n  </button>\n\n\n  <div *ngIf=\"currentFilters.length\" class=\"float\">\n    <div class=\"filter\" *ngFor=\"let filter of (currentFilters$ | async); index as i;\">\n      <tb-filter [filter]=\"filter\" (close)=\"deleteByIndex(i)\" > </tb-filter>\n    </div>\n  </div>\n\n  <mat-chip-set *ngrxLet=\"filters$ as filters\">\n    <mat-chip *ngFor=\"let filter of filters\" (dblclick)=\"addFilter(filter)\"  (removed)=\"tableState.removeFilter(filter.filterId!)\">\n      {{ filter.key | keyDisplay | async  }} {{filter.filterType | formatFilterType : filter.filterValue}} {{ filter.filterValue | formatFilterValue: filter.key : filter.filterType  | async }}\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n    <mat-chip *ngIf=\"filters.length >= 2\" (removed)=\"tableState.clearFilters()\">\n      Clear All\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n  </mat-chip-set>\n\n</div>\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TableStore }, { type: i2.WrapperFilterStore }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy90YWJsZS1jb250YWluZXItZmlsdGVyL2ZpbHRlci1saXN0L2ZpbHRlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvdGFibGUtY29udGFpbmVyLWZpbHRlci9maWx0ZXItbGlzdC9maWx0ZXItbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBNEIsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7Ozs7OztBQVNyQyxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLFlBQW9CLFVBQXNCLEVBQVUsV0FBZ0M7UUFBaEUsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFxQjtRQUdsRixhQUFRLEdBQWtDLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDckUsR0FBRyxDQUFFLE9BQU8sQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7YUFDbkIsTUFBTSxDQUFDLFlBQVksQ0FBQzthQUNwQixNQUFNLENBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUN0RCxDQUNGLENBQUM7UUFjRixvQkFBZSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDO0lBckJyRCxDQUFDO0lBU0MsYUFBYSxDQUFDLEtBQWE7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELFNBQVMsQ0FBQyxNQUFzQjtRQUM5QixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7aUhBdEJRLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHVEQ1pqQyw0dkNBMEJBOzJGRGRhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRhYmxlU3RvcmUgfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL3RhYmxlLXN0b3JlJztcbmltcG9ydCB7IEN1c3RvbUZpbHRlciwgRmlsdGVySW5mbywgaXNGaWx0ZXJJbmZvIH0gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9maWx0ZXItaW5mbyc7XG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBXcmFwcGVyRmlsdGVyU3RvcmUgfSBmcm9tICcuLi90YWJsZS13cmFwcGVyLWZpbHRlci1zdG9yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1maWx0ZXItbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9nZW4tZmlsdGVyLWRpc3BsYXllci9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyQ2hpcHNDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKCBwdWJsaWMgdGFibGVTdGF0ZTogVGFibGVTdG9yZSwgcHJpdmF0ZSBmaWx0ZXJTdG9yZSA6IFdyYXBwZXJGaWx0ZXJTdG9yZSkge1xuICB9XG5cbiAgICBmaWx0ZXJzJDogT2JzZXJ2YWJsZTxGaWx0ZXJJbmZvPGFueT5bXT4gPSB0aGlzLnRhYmxlU3RhdGUuZmlsdGVycyQucGlwZShcbiAgICAgIG1hcCggZmlsdGVycyA9PiBPYmplY3QudmFsdWVzKGZpbHRlcnMpXG4gICAgICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKGlzRmlsdGVySW5mbylcbiAgICAgICAgICAgICAgICAgICAgICAgIC5maWx0ZXIoIGYgPT4gIWYuX2lzRXh0ZXJuYWx5TWFuYWdlZClcbiAgICAgIClcbiAgICApO1xuXG4gICAgZGVsZXRlQnlJbmRleChpbmRleDogbnVtYmVyKSB7XG4gICAgICB0aGlzLmZpbHRlclN0b3JlLmRlbGV0ZUJ5SW5kZXgoaW5kZXgpO1xuICAgIH1cblxuICAgIGFkZEZpbHRlcihmaWx0ZXI6RmlsdGVySW5mbzxhbnk+KXtcbiAgICAgIHRoaXMuZmlsdGVyU3RvcmUuYWRkRmlsdGVyKGZpbHRlcik7XG4gICAgfVxuXG4gICAgY2xlYXJBbGwoKSB7XG4gICAgICAgIHRoaXMuZmlsdGVyU3RvcmUuY2xlYXJBbGwoKTtcbiAgICB9XG5cbiAgICBjdXJyZW50RmlsdGVycyQgPSB0aGlzLmZpbHRlclN0b3JlLmN1cnJlbnRGaWx0ZXJzJDtcbn1cbiIsIjxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBmbGV4LWRpcmVjdGlvbjogcm93O2p1c3RpZnktY29udGVudDogZmxleC1lbmQ7XCIgKm5ncnhMZXQ9XCJjdXJyZW50RmlsdGVycyQgYXMgY3VycmVudEZpbHRlcnNcIiA+XG5cbiAgPGJ1dHRvbiBjbGFzcz1cImNhbmNlbC1idXR0b25cIiAqbmdJZj1cImN1cnJlbnRGaWx0ZXJzLmxlbmd0aFwiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xlYXJBbGwoKVwiXG4gICAgbWF0VG9vbHRpcD1cIkNsb3NlIGFsbCBGaWx0ZXJzIENhcmRzXCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwiY2FuY2VsLWJ1dHRvblwiIGNvbG9yPVwicHJpbWFyeVwiPmNsb3NlPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG5cblxuICA8ZGl2ICpuZ0lmPVwiY3VycmVudEZpbHRlcnMubGVuZ3RoXCIgY2xhc3M9XCJmbG9hdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXJcIiAqbmdGb3I9XCJsZXQgZmlsdGVyIG9mIChjdXJyZW50RmlsdGVycyQgfCBhc3luYyk7IGluZGV4IGFzIGk7XCI+XG4gICAgICA8dGItZmlsdGVyIFtmaWx0ZXJdPVwiZmlsdGVyXCIgKGNsb3NlKT1cImRlbGV0ZUJ5SW5kZXgoaSlcIiA+IDwvdGItZmlsdGVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8bWF0LWNoaXAtc2V0ICpuZ3J4TGV0PVwiZmlsdGVycyQgYXMgZmlsdGVyc1wiPlxuICAgIDxtYXQtY2hpcCAqbmdGb3I9XCJsZXQgZmlsdGVyIG9mIGZpbHRlcnNcIiAoZGJsY2xpY2spPVwiYWRkRmlsdGVyKGZpbHRlcilcIiAgKHJlbW92ZWQpPVwidGFibGVTdGF0ZS5yZW1vdmVGaWx0ZXIoZmlsdGVyLmZpbHRlcklkISlcIj5cbiAgICAgIHt7IGZpbHRlci5rZXkgfCBrZXlEaXNwbGF5IHwgYXN5bmMgIH19IHt7ZmlsdGVyLmZpbHRlclR5cGUgfCBmb3JtYXRGaWx0ZXJUeXBlIDogZmlsdGVyLmZpbHRlclZhbHVlfX0ge3sgZmlsdGVyLmZpbHRlclZhbHVlIHwgZm9ybWF0RmlsdGVyVmFsdWU6IGZpbHRlci5rZXkgOiBmaWx0ZXIuZmlsdGVyVHlwZSAgfCBhc3luYyB9fVxuICAgICAgPG1hdC1pY29uIG1hdENoaXBSZW1vdmU+Y2FuY2VsPC9tYXQtaWNvbj5cbiAgICA8L21hdC1jaGlwPlxuICAgIDxtYXQtY2hpcCAqbmdJZj1cImZpbHRlcnMubGVuZ3RoID49IDJcIiAocmVtb3ZlZCk9XCJ0YWJsZVN0YXRlLmNsZWFyRmlsdGVycygpXCI+XG4gICAgICBDbGVhciBBbGxcbiAgICAgIDxtYXQtaWNvbiBtYXRDaGlwUmVtb3ZlPmNhbmNlbDwvbWF0LWljb24+XG4gICAgPC9tYXQtY2hpcD5cbiAgPC9tYXQtY2hpcC1zZXQ+XG5cbjwvZGl2PlxuIl19

package/esm2020/table-builder/components/table-container-filter/gen-filter-displayer/gen-filter-displayer.component.mjs

@@ -1,30 +1,30 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { FieldType } from '../../../interfaces/report-def';
-import { map } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../classes/table-store";
-import * as i2 from "../table-wrapper-filter-store";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/tooltip";
-import * as i6 from "@angular/material/menu";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "../../../../utilities/directives/stop-propagation.directive";
-import * as i9 from "../../../../utilities/pipes/space-case.pipes";
-export class GenFilterDisplayerComponent {
-    constructor(tableState, filterStore) {
-        this.tableState = tableState;
-        this.filterStore = filterStore;
-        this.filterCols$ = tableState.metaDataArray$.pipe(map(md => Object.values(md).filter(m => (m.fieldType !== FieldType.Hidden) && (!m.noFilter))));
-    }
-    addFilter(metaData) {
-        this.filterStore.addFilter({ key: metaData.key, fieldType: metaData.fieldType });
-    }
-}
-GenFilterDisplayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GenFilterDisplayerComponent, deps: [{ token: i1.TableStore }, { token: i2.WrapperFilterStore }], target: i0.ɵɵFactoryTarget.Component });
-GenFilterDisplayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GenFilterDisplayerComponent, selector: "tb-filter-displayer", ngImport: i0, template: "<button stop-propagation class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\" matTooltip=\"Add Filter\">\r\n  <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n  <button *ngFor=\"let md of filterCols$ | async\" (click)=\"addFilter(md)\" mat-menu-item>\r\n    <span class=\"filter-labels\">{{md.displayName || (md.key | spaceCase)}}</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GenFilterDisplayerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tb-filter-displayer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button stop-propagation class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\" matTooltip=\"Add Filter\">\r\n  <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n  <button *ngFor=\"let md of filterCols$ | async\" (click)=\"addFilter(md)\" mat-menu-item>\r\n    <span class=\"filter-labels\">{{md.displayName || (md.key | spaceCase)}}</span>\r\n  </button>\r\n</mat-menu>\r\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TableStore }, { type: i2.WrapperFilterStore }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuLWZpbHRlci1kaXNwbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy90YWJsZS1jb250YWluZXItZmlsdGVyL2dlbi1maWx0ZXItZGlzcGxheWVyL2dlbi1maWx0ZXItZGlzcGxheWVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvdGFibGUtY29udGFpbmVyLWZpbHRlci9nZW4tZmlsdGVyLWRpc3BsYXllci9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBWSxTQUFTLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUdyRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7Ozs7O0FBU3JDLE1BQU0sT0FBTywyQkFBMkI7SUFFdEMsWUFBb0IsVUFBc0IsRUFBUyxXQUFnQztRQUEvRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVMsZ0JBQVcsR0FBWCxXQUFXLENBQXFCO1FBQ2pGLElBQUksQ0FBQyxXQUFXLEdBQUksVUFBVSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQ2hELEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUUsRUFBRSxDQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxLQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDaEcsQ0FBQztJQUNKLENBQUM7SUFJQyxTQUFTLENBQUMsUUFBa0I7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsRUFBQyxHQUFHLEVBQUUsUUFBUSxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLFNBQVMsRUFBQyxDQUFDLENBQUM7SUFDakYsQ0FBQzs7d0hBWlEsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMkRDYnhDLDZjQVFBOzJGREthLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1ldGFEYXRhLCBGaWVsZFR5cGUgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL3JlcG9ydC1kZWYnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgV3JhcHBlckZpbHRlclN0b3JlIH0gZnJvbSAnLi4vdGFibGUtd3JhcHBlci1maWx0ZXItc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3RiLWZpbHRlci1kaXNwbGF5ZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ2VuLWZpbHRlci1kaXNwbGF5ZXIuY29tcG9uZW50LmNzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEdlbkZpbHRlckRpc3BsYXllckNvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoIHB1YmxpYyB0YWJsZVN0YXRlOiBUYWJsZVN0b3JlLCBwdWJsaWMgZmlsdGVyU3RvcmUgOiBXcmFwcGVyRmlsdGVyU3RvcmUpIHtcbiAgICB0aGlzLmZpbHRlckNvbHMkID0gIHRhYmxlU3RhdGUubWV0YURhdGFBcnJheSQucGlwZShcbiAgICAgIG1hcChtZCA9PiBPYmplY3QudmFsdWVzKCBtZCApLmZpbHRlcihtID0+IChtLmZpZWxkVHlwZSAhPT0gRmllbGRUeXBlLkhpZGRlbikgJiYgKCFtLm5vRmlsdGVyKSkpLFxuICAgICk7XG4gIH1cblxuICAgIGZpbHRlckNvbHMkOiBPYnNlcnZhYmxlPE1ldGFEYXRhW10+O1xuXG4gICAgYWRkRmlsdGVyKG1ldGFEYXRhOiBNZXRhRGF0YSkge1xuICAgICAgdGhpcy5maWx0ZXJTdG9yZS5hZGRGaWx0ZXIoe2tleTogbWV0YURhdGEua2V5LCBmaWVsZFR5cGU6IG1ldGFEYXRhLmZpZWxkVHlwZX0pO1xuICAgIH1cbn1cbiIsIjxidXR0b24gc3RvcC1wcm9wYWdhdGlvbiBjbGFzcz1cImZpbHRlci1idXR0b25cIiBtYXQtaWNvbi1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIiBtYXRUb29sdGlwPVwiQWRkIEZpbHRlclwiPlxyXG4gIDxtYXQtaWNvbiBjbGFzcz1cImZpbHRlci1pY29uXCIgY29sb3I9XCJwcmltYXJ5XCI+ZmlsdGVyX2xpc3Q8L21hdC1pY29uPlxyXG48L2J1dHRvbj5cclxuPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxyXG4gIDxidXR0b24gKm5nRm9yPVwibGV0IG1kIG9mIGZpbHRlckNvbHMkIHwgYXN5bmNcIiAoY2xpY2spPVwiYWRkRmlsdGVyKG1kKVwiIG1hdC1tZW51LWl0ZW0+XHJcbiAgICA8c3BhbiBjbGFzcz1cImZpbHRlci1sYWJlbHNcIj57e21kLmRpc3BsYXlOYW1lIHx8IChtZC5rZXkgfCBzcGFjZUNhc2UpfX08L3NwYW4+XHJcbiAgPC9idXR0b24+XHJcbjwvbWF0LW1lbnU+XHJcbiJdfQ==
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { FieldType } from '../../../interfaces/report-def';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../classes/table-store";
+import * as i2 from "../table-wrapper-filter-store";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/menu";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "../../../../utilities/directives/stop-propagation.directive";
+import * as i9 from "../../../../utilities/pipes/space-case.pipes";
+export class GenFilterDisplayerComponent {
+    constructor(tableState, filterStore) {
+        this.tableState = tableState;
+        this.filterStore = filterStore;
+        this.filterCols$ = tableState.metaDataArray$.pipe(map(md => Object.values(md).filter(m => (m.fieldType !== FieldType.Hidden) && (!m.noFilter))));
+    }
+    addFilter(metaData) {
+        this.filterStore.addFilter({ key: metaData.key, fieldType: metaData.fieldType });
+    }
+}
+GenFilterDisplayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GenFilterDisplayerComponent, deps: [{ token: i1.TableStore }, { token: i2.WrapperFilterStore }], target: i0.ɵɵFactoryTarget.Component });
+GenFilterDisplayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GenFilterDisplayerComponent, selector: "tb-filter-displayer", ngImport: i0, template: "<button stop-propagation class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\" matTooltip=\"Add Filter\">\n  <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  <button *ngFor=\"let md of filterCols$ | async\" (click)=\"addFilter(md)\" mat-menu-item>\n    <span class=\"filter-labels\">{{md.displayName || (md.key | spaceCase)}}</span>\n  </button>\n</mat-menu>\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GenFilterDisplayerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tb-filter-displayer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button stop-propagation class=\"filter-button\" mat-icon-button [matMenuTriggerFor]=\"menu\" matTooltip=\"Add Filter\">\n  <mat-icon class=\"filter-icon\" color=\"primary\">filter_list</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  <button *ngFor=\"let md of filterCols$ | async\" (click)=\"addFilter(md)\" mat-menu-item>\n    <span class=\"filter-labels\">{{md.displayName || (md.key | spaceCase)}}</span>\n  </button>\n</mat-menu>\n", styles: [".filter{margin:15px;display:inline-block}.filter-button{color:#6495ed;font-size:22px;font-weight:700}.cancel-button{margin-right:30px;font-weight:700}.filter-wrapper{margin-top:1em;margin-bottom:1em;float:right}.menu{margin-bottom:10px;width:109.1%}.filter-labels{color:#6495ed;font-size:17px;font-weight:600}.float{position:absolute;width:-moz-fit-content;width:fit-content;z-index:101;top:10px;right:180px;max-width:90vw}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TableStore }, { type: i2.WrapperFilterStore }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VuLWZpbHRlci1kaXNwbGF5ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy90YWJsZS1jb250YWluZXItZmlsdGVyL2dlbi1maWx0ZXItZGlzcGxheWVyL2dlbi1maWx0ZXItZGlzcGxheWVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvdGFibGUtY29udGFpbmVyLWZpbHRlci9nZW4tZmlsdGVyLWRpc3BsYXllci9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBWSxTQUFTLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUdyRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7Ozs7O0FBU3JDLE1BQU0sT0FBTywyQkFBMkI7SUFFdEMsWUFBb0IsVUFBc0IsRUFBUyxXQUFnQztRQUEvRCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVMsZ0JBQVcsR0FBWCxXQUFXLENBQXFCO1FBQ2pGLElBQUksQ0FBQyxXQUFXLEdBQUksVUFBVSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQ2hELEdBQUcsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUUsRUFBRSxDQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxLQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDaEcsQ0FBQztJQUNKLENBQUM7SUFJQyxTQUFTLENBQUMsUUFBa0I7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsRUFBQyxHQUFHLEVBQUUsUUFBUSxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDLFNBQVMsRUFBQyxDQUFDLENBQUM7SUFDakYsQ0FBQzs7d0hBWlEsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMkRDYnhDLDZiQVFBOzJGREthLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1ldGFEYXRhLCBGaWVsZFR5cGUgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL3JlcG9ydC1kZWYnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgV3JhcHBlckZpbHRlclN0b3JlIH0gZnJvbSAnLi4vdGFibGUtd3JhcHBlci1maWx0ZXItc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3RiLWZpbHRlci1kaXNwbGF5ZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9nZW4tZmlsdGVyLWRpc3BsYXllci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ2VuLWZpbHRlci1kaXNwbGF5ZXIuY29tcG9uZW50LmNzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEdlbkZpbHRlckRpc3BsYXllckNvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoIHB1YmxpYyB0YWJsZVN0YXRlOiBUYWJsZVN0b3JlLCBwdWJsaWMgZmlsdGVyU3RvcmUgOiBXcmFwcGVyRmlsdGVyU3RvcmUpIHtcbiAgICB0aGlzLmZpbHRlckNvbHMkID0gIHRhYmxlU3RhdGUubWV0YURhdGFBcnJheSQucGlwZShcbiAgICAgIG1hcChtZCA9PiBPYmplY3QudmFsdWVzKCBtZCApLmZpbHRlcihtID0+IChtLmZpZWxkVHlwZSAhPT0gRmllbGRUeXBlLkhpZGRlbikgJiYgKCFtLm5vRmlsdGVyKSkpLFxuICAgICk7XG4gIH1cblxuICAgIGZpbHRlckNvbHMkOiBPYnNlcnZhYmxlPE1ldGFEYXRhW10+O1xuXG4gICAgYWRkRmlsdGVyKG1ldGFEYXRhOiBNZXRhRGF0YSkge1xuICAgICAgdGhpcy5maWx0ZXJTdG9yZS5hZGRGaWx0ZXIoe2tleTogbWV0YURhdGEua2V5LCBmaWVsZFR5cGU6IG1ldGFEYXRhLmZpZWxkVHlwZX0pO1xuICAgIH1cbn1cbiIsIjxidXR0b24gc3RvcC1wcm9wYWdhdGlvbiBjbGFzcz1cImZpbHRlci1idXR0b25cIiBtYXQtaWNvbi1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIiBtYXRUb29sdGlwPVwiQWRkIEZpbHRlclwiPlxuICA8bWF0LWljb24gY2xhc3M9XCJmaWx0ZXItaWNvblwiIGNvbG9yPVwicHJpbWFyeVwiPmZpbHRlcl9saXN0PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICA8YnV0dG9uICpuZ0Zvcj1cImxldCBtZCBvZiBmaWx0ZXJDb2xzJCB8IGFzeW5jXCIgKGNsaWNrKT1cImFkZEZpbHRlcihtZClcIiBtYXQtbWVudS1pdGVtPlxuICAgIDxzcGFuIGNsYXNzPVwiZmlsdGVyLWxhYmVsc1wiPnt7bWQuZGlzcGxheU5hbWUgfHwgKG1kLmtleSB8IHNwYWNlQ2FzZSl9fTwvc3Bhbj5cbiAgPC9idXR0b24+XG48L21hdC1tZW51PlxuIl19

package/esm2020/table-builder/components/table-container-filter/table-wrapper-filter-store.mjs

@@ -1,25 +1,25 @@
-import { Injectable } from "@angular/core";
-import { ComponentStore } from "@ngrx/component-store";
-import { map } from "rxjs/operators";
-import * as i0 from "@angular/core";
-export class WrapperFilterStore extends ComponentStore {
-    constructor() {
-        super({ filterInfo: [] });
-        this.clearAll = this.updater(() => ({ filterInfo: [] }));
-        this.deleteByIndex = this.updater((state, index) => {
-            const arr = [...state.filterInfo];
-            arr.splice(index, 1);
-            return { filterInfo: arr };
-        });
-        this.currentFilters$ = this.state$.pipe(map(state => state.filterInfo));
-        this.addFilter = this.updater((state, filter) => {
-            return ({ ...state, filterInfo: [...state.filterInfo, filter] });
-        });
-    }
-}
-WrapperFilterStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: WrapperFilterStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-WrapperFilterStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: WrapperFilterStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: WrapperFilterStore, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
+import { Injectable } from "@angular/core";
+import { ComponentStore } from "@ngrx/component-store";
+import { map } from "rxjs/operators";
+import * as i0 from "@angular/core";
+export class WrapperFilterStore extends ComponentStore {
+    constructor() {
+        super({ filterInfo: [] });
+        this.clearAll = this.updater(() => ({ filterInfo: [] }));
+        this.deleteByIndex = this.updater((state, index) => {
+            const arr = [...state.filterInfo];
+            arr.splice(index, 1);
+            return { filterInfo: arr };
+        });
+        this.currentFilters$ = this.state$.pipe(map(state => state.filterInfo));
+        this.addFilter = this.updater((state, filter) => {
+            return ({ ...state, filterInfo: [...state.filterInfo, filter] });
+        });
+    }
+}
+WrapperFilterStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: WrapperFilterStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WrapperFilterStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: WrapperFilterStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: WrapperFilterStore, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtd3JhcHBlci1maWx0ZXItc3RvcmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9jb21wb25lbnRzL3RhYmxlLWNvbnRhaW5lci1maWx0ZXIvdGFibGUtd3JhcHBlci1maWx0ZXItc3RvcmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUdyQyxNQUFNLE9BQU8sa0JBQW9CLFNBQVEsY0FBNEM7SUFDbkY7UUFDRSxLQUFLLENBQUMsRUFBQyxVQUFVLEVBQUMsRUFBRSxFQUFDLENBQUMsQ0FBQztRQUd6QixhQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFFLEVBQUUsQ0FBQSxDQUFDLEVBQUMsVUFBVSxFQUFDLEVBQUUsRUFBQyxDQUFDLENBQUMsQ0FBQztRQUMvQyxrQkFBYSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUMsS0FBWSxFQUFDLEVBQUU7WUFDakQsTUFBTSxHQUFHLEdBQUcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNsQyxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztZQUNyQixPQUFPLEVBQUMsVUFBVSxFQUFDLEdBQUcsRUFBQyxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO1FBRUgsb0JBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztRQUVuRSxjQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBQyxNQUFvQixFQUFDLEVBQUU7WUFDckQsT0FBTyxDQUFDLEVBQUMsR0FBRyxLQUFLLEVBQUMsVUFBVSxFQUFDLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxFQUFDLE1BQU0sQ0FBQyxFQUFDLENBQUMsQ0FBQztRQUM5RCxDQUFDLENBQUMsQ0FBQTtJQWJGLENBQUM7OytHQUhVLGtCQUFrQjttSEFBbEIsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBRDlCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbXBvbmVudFN0b3JlIH0gZnJvbSBcIkBuZ3J4L2NvbXBvbmVudC1zdG9yZVwiO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5pbXBvcnQgeyBQYXJ0aWFsRmlsdGVyIH0gZnJvbSBcIi4uLy4uL2NsYXNzZXMvZmlsdGVyLWluZm9cIjtcbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBXcmFwcGVyRmlsdGVyU3RvcmUgIGV4dGVuZHMgQ29tcG9uZW50U3RvcmU8e2ZpbHRlckluZm86UGFydGlhbEZpbHRlcltdfT57XG4gIGNvbnN0cnVjdG9yKCl7XG4gICAgc3VwZXIoe2ZpbHRlckluZm86W119KTtcbiAgfVxuXG4gIGNsZWFyQWxsID0gdGhpcy51cGRhdGVyKCgpPT4oe2ZpbHRlckluZm86W119KSk7XG4gIGRlbGV0ZUJ5SW5kZXggPSB0aGlzLnVwZGF0ZXIoKHN0YXRlLGluZGV4Om51bWJlcik9PntcbiAgICBjb25zdCBhcnIgPSBbLi4uc3RhdGUuZmlsdGVySW5mb107XG4gICAgYXJyLnNwbGljZShpbmRleCwgMSk7XG4gICAgcmV0dXJuIHtmaWx0ZXJJbmZvOmFycn07XG4gIH0pO1xuXG4gIGN1cnJlbnRGaWx0ZXJzJCA9IHRoaXMuc3RhdGUkLnBpcGUobWFwKHN0YXRlID0+IHN0YXRlLmZpbHRlckluZm8pKTtcblxuICBhZGRGaWx0ZXIgPSB0aGlzLnVwZGF0ZXIoKHN0YXRlLGZpbHRlcjpQYXJ0aWFsRmlsdGVyKT0+e1xuICAgIHJldHVybiAoey4uLnN0YXRlLGZpbHRlckluZm86Wy4uLnN0YXRlLmZpbHRlckluZm8sZmlsdGVyXX0pO1xuICB9KVxufVxuIl19

package/esm2020/table-builder/directives/custom-cell-directive.mjs

@@ -1,59 +1,59 @@
-import { Directive, Input, Optional } from '@angular/core';
-import { FieldType } from '../interfaces/report-def';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/table";
-// here is how to use it
-// <generic-table [report]="report">
-//     <p *customCell="'column1'; let element = element" [class.makeMeRed]="element?.port">If Port, i will be red</p>
-//     <p *customCell="'column2'">I am custom cell two </p>
-// </generic-table>
-export class CustomCellDirective {
-    constructor(templateRef, columnDef) {
-        this.templateRef = templateRef;
-        this.columnDef = columnDef;
-        this.TemplateRef = this.templateRef;
-    }
-    ngAfterContentInit() {
-        if (this.TemplateRef === null) {
-            this.TemplateRef = this.templateRef;
-        }
-    }
-    getMetaData(metaData) {
-        return {
-            key: this.customCell,
-            displayName: this.displayName ?? metaData?.displayName,
-            preSort: this.preSort ?? metaData?.preSort,
-            fieldType: metaData?.fieldType ?? FieldType.Unknown,
-            order: this.customCellOrder ?? metaData?.order,
-            _internalNotUserDefined: !(!!metaData),
-            width: this.customCellWidth ?? metaData?.width,
-            customCell: true,
-            noExport: !metaData
-        };
-    }
-}
-CustomCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomCellDirective, deps: [{ token: i0.TemplateRef, optional: true }, { token: i1.CdkColumnDef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-CustomCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: CustomCellDirective, selector: "[customCell]", inputs: { customCell: "customCell", displayName: "displayName", preSort: "preSort", TemplateRef: "TemplateRef", customCellOrder: "customCellOrder", customCellWidth: "customCellWidth" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomCellDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[customCell]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }, { type: i1.CdkColumnDef, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { customCell: [{
-                type: Input
-            }], displayName: [{
-                type: Input
-            }], preSort: [{
-                type: Input
-            }], TemplateRef: [{
-                type: Input
-            }], customCellOrder: [{
-                type: Input
-            }], customCellWidth: [{
-                type: Input
-            }] } });
+import { Directive, Input, Optional } from '@angular/core';
+import { FieldType } from '../interfaces/report-def';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/table";
+// here is how to use it
+// <generic-table [report]="report">
+//     <p *customCell="'column1'; let element = element" [class.makeMeRed]="element?.port">If Port, i will be red</p>
+//     <p *customCell="'column2'">I am custom cell two </p>
+// </generic-table>
+export class CustomCellDirective {
+    constructor(templateRef, columnDef) {
+        this.templateRef = templateRef;
+        this.columnDef = columnDef;
+        this.TemplateRef = this.templateRef;
+    }
+    ngAfterContentInit() {
+        if (this.TemplateRef === null) {
+            this.TemplateRef = this.templateRef;
+        }
+    }
+    getMetaData(metaData) {
+        return {
+            key: this.customCell,
+            displayName: this.displayName ?? metaData?.displayName,
+            preSort: this.preSort ?? metaData?.preSort,
+            fieldType: metaData?.fieldType ?? FieldType.Unknown,
+            order: this.customCellOrder ?? metaData?.order,
+            _internalNotUserDefined: !(!!metaData),
+            width: this.customCellWidth ?? metaData?.width,
+            customCell: true,
+            noExport: !metaData
+        };
+    }
+}
+CustomCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomCellDirective, deps: [{ token: i0.TemplateRef, optional: true }, { token: i1.CdkColumnDef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+CustomCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: CustomCellDirective, selector: "[customCell]", inputs: { customCell: "customCell", displayName: "displayName", preSort: "preSort", TemplateRef: "TemplateRef", customCellOrder: "customCellOrder", customCellWidth: "customCellWidth" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CustomCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[customCell]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }, { type: i1.CdkColumnDef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { customCell: [{
+                type: Input
+            }], displayName: [{
+                type: Input
+            }], preSort: [{
+                type: Input
+            }], TemplateRef: [{
+                type: Input
+            }], customCellOrder: [{
+                type: Input
+            }], customCellWidth: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWNlbGwtZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvZGlyZWN0aXZlcy9jdXN0b20tY2VsbC1kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZSxLQUFLLEVBQW9CLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRixPQUFPLEVBQXFCLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFFeEUsd0JBQXdCO0FBQ3hCLG9DQUFvQztBQUNwQyxxSEFBcUg7QUFDckgsMkRBQTJEO0FBQzNELG1CQUFtQjtBQUluQixNQUFNLE9BQU8sbUJBQW1CO0lBTzVCLFlBQ3VCLFdBQTZCLEVBQy9CLFNBQXVCO1FBRHJCLGdCQUFXLEdBQVgsV0FBVyxDQUFrQjtRQUMvQixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBRXhDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN2QyxDQUFDO0lBQ0Qsa0JBQWtCO1FBQ2pCLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxJQUFJLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1NBQ3JDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxRQUFvQjtRQUM5QixPQUFPO1lBQ0wsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxJQUFJLFFBQVEsRUFBRSxXQUFXO1lBQ3RELE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxJQUFJLFFBQVEsRUFBRSxPQUFPO1lBQzFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsU0FBUyxJQUFLLFNBQVMsQ0FBQyxPQUFPO1lBQ3BELEtBQUssRUFBRSxJQUFJLENBQUMsZUFBZSxJQUFJLFFBQVEsRUFBRSxLQUFLO1lBQzlDLHVCQUF1QixFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO1lBQ3RDLEtBQUssRUFBRSxJQUFJLENBQUMsZUFBZSxJQUFJLFFBQVEsRUFBRSxLQUFLO1lBQzlDLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLFFBQVEsRUFBRSxDQUFDLFFBQVE7U0FDcEIsQ0FBQztJQUNKLENBQUM7O2dIQS9CUSxtQkFBbUI7b0dBQW5CLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUgvQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO2lCQUMzQjs7MEJBU00sUUFBUTs7MEJBQ1IsUUFBUTs0Q0FSRixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBUZW1wbGF0ZVJlZiwgSW5wdXQsIEFmdGVyQ29udGVudEluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDZGtDb2x1bW5EZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvdGFibGUnO1xuaW1wb3J0IHsgU29ydERlZiwgTWV0YURhdGEsIEZpZWxkVHlwZSB9IGZyb20gJy4uL2ludGVyZmFjZXMvcmVwb3J0LWRlZic7XG5cbi8vIGhlcmUgaXMgaG93IHRvIHVzZSBpdFxuLy8gPGdlbmVyaWMtdGFibGUgW3JlcG9ydF09XCJyZXBvcnRcIj5cbi8vICAgICA8cCAqY3VzdG9tQ2VsbD1cIidjb2x1bW4xJzsgbGV0IGVsZW1lbnQgPSBlbGVtZW50XCIgW2NsYXNzLm1ha2VNZVJlZF09XCJlbGVtZW50Py5wb3J0XCI+SWYgUG9ydCwgaSB3aWxsIGJlIHJlZDwvcD5cbi8vICAgICA8cCAqY3VzdG9tQ2VsbD1cIidjb2x1bW4yJ1wiPkkgYW0gY3VzdG9tIGNlbGwgdHdvIDwvcD5cbi8vIDwvZ2VuZXJpYy10YWJsZT5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2N1c3RvbUNlbGxdJyxcbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tQ2VsbERpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBJbnB1dCgpIGN1c3RvbUNlbGwhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGlzcGxheU5hbWU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgcHJlU29ydD86IFNvcnREZWY7XG4gICAgQElucHV0KCkgVGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQElucHV0KCkgY3VzdG9tQ2VsbE9yZGVyPzogbnVtYmVyO1xuICAgIEBJbnB1dCgpIGN1c3RvbUNlbGxXaWR0aD86IHN0cmluZztcbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgIEBPcHRpb25hbCgpICBwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgICAgQE9wdGlvbmFsKCkgcHVibGljIGNvbHVtbkRlZjogQ2RrQ29sdW1uRGVmXG4gICAgICApIHtcbiAgICAgICAgdGhpcy5UZW1wbGF0ZVJlZiA9IHRoaXMudGVtcGxhdGVSZWY7XG4gICAgIH1cbiAgICAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgICAgaWYgKHRoaXMuVGVtcGxhdGVSZWYgPT09IG51bGwpIHtcbiAgICAgICAgdGhpcy5UZW1wbGF0ZVJlZiA9IHRoaXMudGVtcGxhdGVSZWY7XG4gICAgICB9XG4gICAgfVxuXG4gICAgZ2V0TWV0YURhdGEobWV0YURhdGE/IDogTWV0YURhdGEpOiBNZXRhRGF0YSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBrZXk6IHRoaXMuY3VzdG9tQ2VsbCxcbiAgICAgICAgZGlzcGxheU5hbWU6IHRoaXMuZGlzcGxheU5hbWUgPz8gbWV0YURhdGE/LmRpc3BsYXlOYW1lLFxuICAgICAgICBwcmVTb3J0OiB0aGlzLnByZVNvcnQgPz8gbWV0YURhdGE/LnByZVNvcnQsXG4gICAgICAgIGZpZWxkVHlwZTogbWV0YURhdGE/LmZpZWxkVHlwZSA/PyAgRmllbGRUeXBlLlVua25vd24sXG4gICAgICAgIG9yZGVyOiB0aGlzLmN1c3RvbUNlbGxPcmRlciA/PyBtZXRhRGF0YT8ub3JkZXIsXG4gICAgICAgIF9pbnRlcm5hbE5vdFVzZXJEZWZpbmVkOiAhKCEhbWV0YURhdGEpLFxuICAgICAgICB3aWR0aDogdGhpcy5jdXN0b21DZWxsV2lkdGggPz8gbWV0YURhdGE/LndpZHRoLFxuICAgICAgICBjdXN0b21DZWxsOiB0cnVlLFxuICAgICAgICBub0V4cG9ydDogIW1ldGFEYXRhXG4gICAgICB9O1xuICAgIH1cbn1cbiJdfQ==

package/esm2020/table-builder/directives/index.mjs

@@ -1,6 +1,6 @@
-export * from './custom-cell-directive';
-export * from './multi-sort.directive';
-export * from './resize-column.directive';
-export * from './table-wrapper.directive';
-export * from './tb-filter.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY3VzdG9tLWNlbGwtZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9tdWx0aS1zb3J0LmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vcmVzaXplLWNvbHVtbi5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RhYmxlLXdyYXBwZXIuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi90Yi1maWx0ZXIuZGlyZWN0aXZlJztcclxuXHJcbiJdfQ==
+export * from './custom-cell-directive';
+export * from './multi-sort.directive';
+export * from './resize-column.directive';
+export * from './table-wrapper.directive';
+export * from './tb-filter.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY3VzdG9tLWNlbGwtZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbXVsdGktc29ydC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9yZXNpemUtY29sdW1uLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3RhYmxlLXdyYXBwZXIuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vdGItZmlsdGVyLmRpcmVjdGl2ZSc7XG5cbiJdfQ==

package/esm2020/table-builder/directives/multi-sort.directive.mjs

@@ -1,42 +1,42 @@
-import { Directive } from '@angular/core';
-import { MatSort } from '@angular/material/sort';
-import { map } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "../classes/table-store";
-export class MultiSortDirective extends MatSort {
-    constructor(state) {
-        super();
-        this.state = state;
-        this.rules = [];
-        this.state.setSort(this.sortChange.pipe(map(sc => ({ key: sc.active, direction: sc.direction }))));
-        this.state.on(this.state.sorted$, rules => {
-            this.rules = rules;
-            if (this.active && rules.length === 0) {
-                this.active = '';
-                this.direction = '';
-                this.sortChange.emit({ active: '', direction: '' });
-            }
-            if (rules.length > 0 && (this.active !== rules[0].active || this.direction !== rules[0].direction)) {
-                this.active = rules[0].active;
-                this.direction = rules[0].direction;
-                this.sortChange.emit(rules[0]);
-            }
-        });
-    }
-}
-MultiSortDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiSortDirective, deps: [{ token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Directive });
-MultiSortDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: MultiSortDirective, selector: "[multiSort]", inputs: { disabled: ["matSortDisabled", "disabled"] }, providers: [
-        { provide: MatSort, useExisting: MultiSortDirective }
-    ], exportAs: ["multiSort"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiSortDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[multiSort]',
-                    exportAs: 'multiSort',
-                    inputs: ['disabled: matSortDisabled'],
-                    providers: [
-                        { provide: MatSort, useExisting: MultiSortDirective }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.TableStore }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc29ydC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL211bHRpLXNvcnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxPQUFPLEVBQVEsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVdyQyxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsT0FBTztJQUc3QyxZQUFvQixLQUFpQjtRQUNuQyxLQUFLLEVBQUUsQ0FBQztRQURVLFVBQUssR0FBTCxLQUFLLENBQVk7UUFGckMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUlqQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25HLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUNsQixLQUFLLENBQUMsRUFBRTtZQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBRW5CLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtnQkFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7Z0JBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO2dCQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7YUFDckQ7WUFFRCxJQUFHLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUFFO2dCQUNqRyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7Z0JBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDaEM7UUFFSCxDQUFDLENBQ0YsQ0FBQztJQUNKLENBQUM7OytHQXpCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw2RkFKbEI7UUFDVCxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFO0tBQ3REOzJGQUVVLGtCQUFrQjtrQkFSOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLE1BQU0sRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUNyQyxTQUFTLEVBQUU7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsb0JBQW9CLEVBQUU7cUJBQ3REO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBPbkluaXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRTb3J0LCBTb3J0IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc29ydCc7XHJcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbbXVsdGlTb3J0XScsXHJcbiAgZXhwb3J0QXM6ICdtdWx0aVNvcnQnLFxyXG4gIGlucHV0czogWydkaXNhYmxlZDogbWF0U29ydERpc2FibGVkJ10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7IHByb3ZpZGU6IE1hdFNvcnQsIHVzZUV4aXN0aW5nOiBNdWx0aVNvcnREaXJlY3RpdmUgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE11bHRpU29ydERpcmVjdGl2ZSBleHRlbmRzIE1hdFNvcnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgcnVsZXM6IFNvcnRbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0YXRlOiBUYWJsZVN0b3JlKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gICAgdGhpcy5zdGF0ZS5zZXRTb3J0KHRoaXMuc29ydENoYW5nZS5waXBlKG1hcChzYyA9PiAoeyBrZXk6IHNjLmFjdGl2ZSwgZGlyZWN0aW9uOiBzYy5kaXJlY3Rpb24gfSkpKSk7XHJcbiAgICB0aGlzLnN0YXRlLm9uKFxyXG4gICAgICB0aGlzLnN0YXRlLnNvcnRlZCQsXHJcbiAgICAgIHJ1bGVzID0+IHtcclxuICAgICAgICB0aGlzLnJ1bGVzID0gcnVsZXM7XHJcblxyXG4gICAgICAgIGlmICh0aGlzLmFjdGl2ZSAmJiBydWxlcy5sZW5ndGggPT09IDApIHtcclxuICAgICAgICAgIHRoaXMuYWN0aXZlID0gJyc7XHJcbiAgICAgICAgICB0aGlzLmRpcmVjdGlvbiA9ICcnO1xyXG4gICAgICAgICAgdGhpcy5zb3J0Q2hhbmdlLmVtaXQoeyBhY3RpdmU6ICcnLCBkaXJlY3Rpb246ICcnIH0pO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYocnVsZXMubGVuZ3RoID4gMCAmJiAodGhpcy5hY3RpdmUgIT09IHJ1bGVzWzBdLmFjdGl2ZSB8fCB0aGlzLmRpcmVjdGlvbiAhPT0gcnVsZXNbMF0uZGlyZWN0aW9uKSkge1xyXG4gICAgICAgICAgdGhpcy5hY3RpdmUgPSBydWxlc1swXS5hY3RpdmU7XHJcbiAgICAgICAgICB0aGlzLmRpcmVjdGlvbiA9IHJ1bGVzWzBdLmRpcmVjdGlvbjtcclxuICAgICAgICAgIHRoaXMuc29ydENoYW5nZS5lbWl0KHJ1bGVzWzBdKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICB9XHJcbiAgICApO1xyXG4gIH1cclxuXHJcbn1cclxuIl19
+import { Directive } from '@angular/core';
+import { MatSort } from '@angular/material/sort';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../classes/table-store";
+export class MultiSortDirective extends MatSort {
+    constructor(state) {
+        super();
+        this.state = state;
+        this.rules = [];
+        this.state.setSort(this.sortChange.pipe(map(sc => ({ key: sc.active, direction: sc.direction }))));
+        this.state.on(this.state.sorted$, rules => {
+            this.rules = rules;
+            if (this.active && rules.length === 0) {
+                this.active = '';
+                this.direction = '';
+                this.sortChange.emit({ active: '', direction: '' });
+            }
+            if (rules.length > 0 && (this.active !== rules[0].active || this.direction !== rules[0].direction)) {
+                this.active = rules[0].active;
+                this.direction = rules[0].direction;
+                this.sortChange.emit(rules[0]);
+            }
+        });
+    }
+}
+MultiSortDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiSortDirective, deps: [{ token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Directive });
+MultiSortDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: MultiSortDirective, selector: "[multiSort]", inputs: { disabled: ["matSortDisabled", "disabled"] }, providers: [
+        { provide: MatSort, useExisting: MultiSortDirective }
+    ], exportAs: ["multiSort"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MultiSortDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[multiSort]',
+                    exportAs: 'multiSort',
+                    inputs: ['disabled: matSortDisabled'],
+                    providers: [
+                        { provide: MatSort, useExisting: MultiSortDirective }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TableStore }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc29ydC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9kaXJlY3RpdmVzL211bHRpLXNvcnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxPQUFPLEVBQVEsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVdyQyxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsT0FBTztJQUc3QyxZQUFvQixLQUFpQjtRQUNuQyxLQUFLLEVBQUUsQ0FBQztRQURVLFVBQUssR0FBTCxLQUFLLENBQVk7UUFGckMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUlqQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25HLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUNYLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUNsQixLQUFLLENBQUMsRUFBRTtZQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBRW5CLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtnQkFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7Z0JBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO2dCQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7YUFDckQ7WUFFRCxJQUFHLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUFFO2dCQUNqRyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7Z0JBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDaEM7UUFFSCxDQUFDLENBQ0YsQ0FBQztJQUNKLENBQUM7OytHQXpCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw2RkFKbEI7UUFDVCxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLGtCQUFrQixFQUFFO0tBQ3REOzJGQUVVLGtCQUFrQjtrQkFSOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLE1BQU0sRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUNyQyxTQUFTLEVBQUU7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsb0JBQW9CLEVBQUU7cUJBQ3REO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBPbkluaXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0U29ydCwgU29ydCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NvcnQnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbXVsdGlTb3J0XScsXG4gIGV4cG9ydEFzOiAnbXVsdGlTb3J0JyxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkOiBtYXRTb3J0RGlzYWJsZWQnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBNYXRTb3J0LCB1c2VFeGlzdGluZzogTXVsdGlTb3J0RGlyZWN0aXZlIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBNdWx0aVNvcnREaXJlY3RpdmUgZXh0ZW5kcyBNYXRTb3J0IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBydWxlczogU29ydFtdID0gW107XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdGF0ZTogVGFibGVTdG9yZSkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zdGF0ZS5zZXRTb3J0KHRoaXMuc29ydENoYW5nZS5waXBlKG1hcChzYyA9PiAoeyBrZXk6IHNjLmFjdGl2ZSwgZGlyZWN0aW9uOiBzYy5kaXJlY3Rpb24gfSkpKSk7XG4gICAgdGhpcy5zdGF0ZS5vbihcbiAgICAgIHRoaXMuc3RhdGUuc29ydGVkJCxcbiAgICAgIHJ1bGVzID0+IHtcbiAgICAgICAgdGhpcy5ydWxlcyA9IHJ1bGVzO1xuXG4gICAgICAgIGlmICh0aGlzLmFjdGl2ZSAmJiBydWxlcy5sZW5ndGggPT09IDApIHtcbiAgICAgICAgICB0aGlzLmFjdGl2ZSA9ICcnO1xuICAgICAgICAgIHRoaXMuZGlyZWN0aW9uID0gJyc7XG4gICAgICAgICAgdGhpcy5zb3J0Q2hhbmdlLmVtaXQoeyBhY3RpdmU6ICcnLCBkaXJlY3Rpb246ICcnIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYocnVsZXMubGVuZ3RoID4gMCAmJiAodGhpcy5hY3RpdmUgIT09IHJ1bGVzWzBdLmFjdGl2ZSB8fCB0aGlzLmRpcmVjdGlvbiAhPT0gcnVsZXNbMF0uZGlyZWN0aW9uKSkge1xuICAgICAgICAgIHRoaXMuYWN0aXZlID0gcnVsZXNbMF0uYWN0aXZlO1xuICAgICAgICAgIHRoaXMuZGlyZWN0aW9uID0gcnVsZXNbMF0uZGlyZWN0aW9uO1xuICAgICAgICAgIHRoaXMuc29ydENoYW5nZS5lbWl0KHJ1bGVzWzBdKTtcbiAgICAgICAgfVxuXG4gICAgICB9XG4gICAgKTtcbiAgfVxuXG59XG4iXX0=