@one-paragon/angular-utilities 0.1.20 → 0.1.23

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

@@ -1,53 +1,53 @@
-import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
-import { filterTypeMap } from '../../classes/filter-info';
-import { FilterType } from '../../enums/filterTypes';
-import { FieldType } from '../../interfaces/report-def';
-import * as i0 from "@angular/core";
-import * as i1 from "../../classes/table-store";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/legacy-form-field";
-import * as i4 from "@angular/material/legacy-select";
-import * as i5 from "@angular/material/legacy-core";
-import * as i6 from "@angular/material/legacy-radio";
-import * as i7 from "@angular/material/legacy-button";
-import * as i8 from "@angular/material/legacy-tooltip";
-import * as i9 from "@angular/material/legacy-card";
-import * as i10 from "@angular/material/legacy-input";
-import * as i11 from "@angular/material/icon";
-import * as i12 from "@angular/forms";
-import * as i13 from "../date-filter/date-filter.component";
-import * as i14 from "../number-filter/number-filter.component";
-import * as i15 from "../in-filter/in-filter.component";
-import * as i16 from "./in-list/in-list-filter.component";
-import * as i17 from "../../../utilities/pipes/space-case.pipes";
-export class FilterComponent {
-    constructor(state) {
-        this.state = state;
-        this.filterTypes = filterTypeMap;
-        this.FilterType = FilterType;
-        this.FieldType = FieldType;
-        this.close = new EventEmitter();
-    }
-    ;
-    ngOnInit() {
-        this.currentFilterType = this.filter.filterType;
-    }
-    onEnter(filter, event) {
-        event.preventDefault();
-        if (filter.filterValue != null && filter.filterType) {
-            this.state.addFilter(filter);
-            this.close.emit();
-        }
-    }
-}
-FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterComponent, deps: [{ token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Component });
-FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: FilterComponent, selector: "tb-filter", inputs: { filter: "filter" }, outputs: { close: "close" }, ngImport: i0, template: "<mat-card class=\"mat-elevation-z5\" *ngIf=\"filter\">\n  <form #form=\"ngForm\"  (keydown.enter)=\"onEnter(form.value,$event)\" (keydown.escape)=\"close.emit()\">\n    <input type=\"hidden\" name=\"filterId\" [ngModel]=\"filter.filterId\" />\n    <input type=\"hidden\" name=\"key\" [ngModel]=\"filter.key\" />\n    <input type=\"hidden\" name=\"fieldType\" [ngModel]=\"filter.fieldType\" />\n    <div class=\"row\" >\n      <h4 class=\"filter-name\">{{(filter.key | spaceCase)}} Filter</h4>\n      <button class=\"cancel-button\" color=\"primary\" mat-icon-button (click)=\"close.emit();\" type=\"button\"\n          matTooltip=\"Close\">\n        <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\n      </button>\n    </div>\n    <div class=\"row\">\n        <mat-form-field class=\"my-filter\" >\n            <mat-select  placeholder=\"Select Filter Type\" name=\"filterType\"  [(ngModel)]=\"currentFilterType\" >\n                <mat-option *ngFor=\"let kvp of  filterTypes[filter.fieldType] | keyvalue \" [value]=\"$any(kvp.value)[0]\">\n                    {{ kvp.key }}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n        <ng-container [ngSwitch]=\"true\">\n            <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.String || filter.fieldType === FieldType.Array || filter.fieldType === FieldType.Link ||\n                                          filter.fieldType === FieldType.Unknown || filter.fieldType === FieldType.PhoneNumber\" >\n                <ng-container *ngTemplateOutlet=\"String\"></ng-container>\n            </ng-container>\n            <ng-container   *ngSwitchCase=\"filter.fieldType === FieldType.Number || filter.fieldType === FieldType.Currency\">\n                <tb-number-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\" ></tb-number-filter>\n            </ng-container>\n            <ng-container  *ngSwitchCase=\"filter.fieldType === FieldType.Boolean\">\n              <ng-container   *ngTemplateOutlet=\"Boolean\"></ng-container>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.Date\">\n                <tb-date-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\"></tb-date-filter>\n            </ng-container>\n            <ng-container *ngSwitchCase='filter.fieldType === FieldType.Enum' >\n              <ng-container  *ngTemplateOutlet=\"Enum\"></ng-container>\n            </ng-container>\n        </ng-container>\n\n        <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" *ngIf=\"currentFilterType === FilterType.IsNull\">\n          <mat-radio-button [value]=\"true\">True</mat-radio-button>\n          <mat-radio-button [value]=\"false\">False</mat-radio-button>\n        </mat-radio-group>\n\n    </div>\n    <button mat-button (click)=\"state.addFilter(form.value)\" disableRipple [disabled]=\"form.value.filterValue==undefined || !form.value.filterType\">\n      Apply\n    </button>\n\n\n<ng-template #String>\n  <mat-form-field class=\"my-filter\" *ngIf=\"currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In\">\n    <input matInput name=\"filterValue\" [ngModel]=\"filter.filterValue\" />\n  </mat-form-field>\n  <ng-container *ngIf=\"currentFilterType === FilterType.In\">\n    <lib-in-filter [type]=\"FieldType.String\" name='filterValue' [(ngModel)]=\"filter.filterValue\" ></lib-in-filter>\n  </ng-container>\n</ng-template>\n\n<ng-template #Boolean >\n  <div class=\"switch\" [ngSwitch]=\"currentFilterType\">\n    <div class=\"switch\" *ngSwitchCase=\"FilterType.BooleanEquals\">\n      <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" >\n        <mat-radio-button [value]=\"true\" preventEnter>True</mat-radio-button>\n        <mat-radio-button [value]=\"false\" preventEnter>False</mat-radio-button>\n      </mat-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n  <ng-template #Enum>\n    <ng-container *ngIf='currentFilterType === FilterType.In' >\n      <tb-in-list-filter [key]='filter.key' name='filterValue' [(ngModel)]='filter.filterValue' ></tb-in-list-filter>\n    </ng-container>\n  </ng-template>\n\n  </form>\n</mat-card>\n", styles: [".filter-name{color:#6495ed;margin-right:30px;font-weight:600;display:inline-block}.switch{display:inline-block}.my-filter{margin-right:15px}.cancel-button{float:right}.row{margin:0}.cancel-button{font-size:18px;font-weight:700}mat-radio-button{margin:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatLegacySelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatLegacyOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i6.MatLegacyRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6.MatLegacyRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i8.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i9.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i10.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i13.DateFilterComponent, selector: "tb-date-filter", inputs: ["info", "CurrentFilterType"] }, { kind: "component", type: i14.NumberFilterComponent, selector: "tb-number-filter", inputs: ["CurrentFilterType", "info"] }, { kind: "component", type: i15.InFilterComponent, selector: "lib-in-filter", inputs: ["type"] }, { kind: "component", type: i16.InListFilterComponent, selector: "tb-in-list-filter , [tb-in-list-filter]", inputs: ["key"] }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i17.SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tb-filter', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"mat-elevation-z5\" *ngIf=\"filter\">\n  <form #form=\"ngForm\"  (keydown.enter)=\"onEnter(form.value,$event)\" (keydown.escape)=\"close.emit()\">\n    <input type=\"hidden\" name=\"filterId\" [ngModel]=\"filter.filterId\" />\n    <input type=\"hidden\" name=\"key\" [ngModel]=\"filter.key\" />\n    <input type=\"hidden\" name=\"fieldType\" [ngModel]=\"filter.fieldType\" />\n    <div class=\"row\" >\n      <h4 class=\"filter-name\">{{(filter.key | spaceCase)}} Filter</h4>\n      <button class=\"cancel-button\" color=\"primary\" mat-icon-button (click)=\"close.emit();\" type=\"button\"\n          matTooltip=\"Close\">\n        <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\n      </button>\n    </div>\n    <div class=\"row\">\n        <mat-form-field class=\"my-filter\" >\n            <mat-select  placeholder=\"Select Filter Type\" name=\"filterType\"  [(ngModel)]=\"currentFilterType\" >\n                <mat-option *ngFor=\"let kvp of  filterTypes[filter.fieldType] | keyvalue \" [value]=\"$any(kvp.value)[0]\">\n                    {{ kvp.key }}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n        <ng-container [ngSwitch]=\"true\">\n            <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.String || filter.fieldType === FieldType.Array || filter.fieldType === FieldType.Link ||\n                                          filter.fieldType === FieldType.Unknown || filter.fieldType === FieldType.PhoneNumber\" >\n                <ng-container *ngTemplateOutlet=\"String\"></ng-container>\n            </ng-container>\n            <ng-container   *ngSwitchCase=\"filter.fieldType === FieldType.Number || filter.fieldType === FieldType.Currency\">\n                <tb-number-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\" ></tb-number-filter>\n            </ng-container>\n            <ng-container  *ngSwitchCase=\"filter.fieldType === FieldType.Boolean\">\n              <ng-container   *ngTemplateOutlet=\"Boolean\"></ng-container>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.Date\">\n                <tb-date-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\"></tb-date-filter>\n            </ng-container>\n            <ng-container *ngSwitchCase='filter.fieldType === FieldType.Enum' >\n              <ng-container  *ngTemplateOutlet=\"Enum\"></ng-container>\n            </ng-container>\n        </ng-container>\n\n        <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" *ngIf=\"currentFilterType === FilterType.IsNull\">\n          <mat-radio-button [value]=\"true\">True</mat-radio-button>\n          <mat-radio-button [value]=\"false\">False</mat-radio-button>\n        </mat-radio-group>\n\n    </div>\n    <button mat-button (click)=\"state.addFilter(form.value)\" disableRipple [disabled]=\"form.value.filterValue==undefined || !form.value.filterType\">\n      Apply\n    </button>\n\n\n<ng-template #String>\n  <mat-form-field class=\"my-filter\" *ngIf=\"currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In\">\n    <input matInput name=\"filterValue\" [ngModel]=\"filter.filterValue\" />\n  </mat-form-field>\n  <ng-container *ngIf=\"currentFilterType === FilterType.In\">\n    <lib-in-filter [type]=\"FieldType.String\" name='filterValue' [(ngModel)]=\"filter.filterValue\" ></lib-in-filter>\n  </ng-container>\n</ng-template>\n\n<ng-template #Boolean >\n  <div class=\"switch\" [ngSwitch]=\"currentFilterType\">\n    <div class=\"switch\" *ngSwitchCase=\"FilterType.BooleanEquals\">\n      <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" >\n        <mat-radio-button [value]=\"true\" preventEnter>True</mat-radio-button>\n        <mat-radio-button [value]=\"false\" preventEnter>False</mat-radio-button>\n      </mat-radio-group>\n    </div>\n  </div>\n</ng-template>\n\n  <ng-template #Enum>\n    <ng-container *ngIf='currentFilterType === FilterType.In' >\n      <tb-in-list-filter [key]='filter.key' name='filterValue' [(ngModel)]='filter.filterValue' ></tb-in-list-filter>\n    </ng-container>\n  </ng-template>\n\n  </form>\n</mat-card>\n", styles: [".filter-name{color:#6495ed;margin-right:30px;font-weight:600;display:inline-block}.switch{display:inline-block}.my-filter{margin-right:15px}.cancel-button{float:right}.row{margin:0}.cancel-button{font-size:18px;font-weight:700}mat-radio-button{margin:5px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TableStore }]; }, propDecorators: { filter: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvZmlsdGVyL2ZpbHRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9jb21wb25lbnRzL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsYUFBYSxFQUE4RCxNQUFNLDJCQUEyQixDQUFDO0FBRXRILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFXeEQsTUFBTSxPQUFPLGVBQWU7SUFPMUIsWUFBb0IsS0FBaUI7UUFBakIsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQU5yQyxnQkFBVyxHQUFHLGFBQWEsQ0FBQztRQUM1QixlQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxTQUFTLENBQUM7UUFFWixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVJLENBQUM7SUFIVixDQUFDO0lBS2pDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUM7SUFDbEQsQ0FBQztJQUNELE9BQU8sQ0FBQyxNQUFrQixFQUFFLEtBQVU7UUFDcEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksTUFBTSxDQUFDLFdBQVcsSUFBSSxJQUFJLElBQUksTUFBTSxDQUFDLFVBQVUsRUFBRTtZQUNuRCxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM3QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQzs7NEdBbEJVLGVBQWU7Z0dBQWYsZUFBZSw0R0NmNUIsaXBJQThFQTsyRkQvRGEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07aUdBTXhDLE1BQU07c0JBQWQsS0FBSztnQkFDSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZpbHRlclR5cGVNYXAsIEZpbHRlckluZm8sIFVubWFwcGVkVHlwZXMsIG1hcHBlZEZpZWxkVHlwZXMsIFBhcnRpYWxGaWx0ZXIgfSBmcm9tICcuLi8uLi9jbGFzc2VzL2ZpbHRlci1pbmZvJztcbmltcG9ydCB7IFRhYmxlU3RvcmUgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3RhYmxlLXN0b3JlJztcbmltcG9ydCB7IEZpbHRlclR5cGUgfSBmcm9tICcuLi8uLi9lbnVtcy9maWx0ZXJUeXBlcyc7XG5pbXBvcnQgeyBGaWVsZFR5cGUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3JlcG9ydC1kZWYnO1xuXG5cbnR5cGUgdGhpbmd5ID0gT21pdDxGaWVsZFR5cGUsVW5tYXBwZWRUeXBlcz5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0Yi1maWx0ZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpbHRlci5jb21wb25lbnQuY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyQ29tcG9uZW50PFQgZXh0ZW5kcyBtYXBwZWRGaWVsZFR5cGVzID0gYW55PiB7XG4gIGZpbHRlclR5cGVzID0gZmlsdGVyVHlwZU1hcDtcbiAgRmlsdGVyVHlwZSA9IEZpbHRlclR5cGU7XG4gIEZpZWxkVHlwZSA9IEZpZWxkVHlwZTtcbiAgQElucHV0KCkgZmlsdGVyITogUGFydGlhbEZpbHRlcjs7XG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgY3VycmVudEZpbHRlclR5cGU/OiBGaWx0ZXJUeXBlO1xuICBjb25zdHJ1Y3RvciggcHVibGljIHN0YXRlOiBUYWJsZVN0b3JlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmN1cnJlbnRGaWx0ZXJUeXBlID0gdGhpcy5maWx0ZXIuZmlsdGVyVHlwZTtcbiAgfVxuICBvbkVudGVyKGZpbHRlcjogRmlsdGVySW5mbywgZXZlbnQ6IGFueSkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYgKGZpbHRlci5maWx0ZXJWYWx1ZSAhPSBudWxsICYmIGZpbHRlci5maWx0ZXJUeXBlKSB7XG4gICAgICB0aGlzLnN0YXRlLmFkZEZpbHRlcihmaWx0ZXIpO1xuICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8bWF0LWNhcmQgY2xhc3M9XCJtYXQtZWxldmF0aW9uLXo1XCIgKm5nSWY9XCJmaWx0ZXJcIj5cbiAgPGZvcm0gI2Zvcm09XCJuZ0Zvcm1cIiAgKGtleWRvd24uZW50ZXIpPVwib25FbnRlcihmb3JtLnZhbHVlLCRldmVudClcIiAoa2V5ZG93bi5lc2NhcGUpPVwiY2xvc2UuZW1pdCgpXCI+XG4gICAgPGlucHV0IHR5cGU9XCJoaWRkZW5cIiBuYW1lPVwiZmlsdGVySWRcIiBbbmdNb2RlbF09XCJmaWx0ZXIuZmlsdGVySWRcIiAvPlxuICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT1cImtleVwiIFtuZ01vZGVsXT1cImZpbHRlci5rZXlcIiAvPlxuICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT1cImZpZWxkVHlwZVwiIFtuZ01vZGVsXT1cImZpbHRlci5maWVsZFR5cGVcIiAvPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIiA+XG4gICAgICA8aDQgY2xhc3M9XCJmaWx0ZXItbmFtZVwiPnt7KGZpbHRlci5rZXkgfCBzcGFjZUNhc2UpfX0gRmlsdGVyPC9oND5cbiAgICAgIDxidXR0b24gY2xhc3M9XCJjYW5jZWwtYnV0dG9uXCIgY29sb3I9XCJwcmltYXJ5XCIgbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbG9zZS5lbWl0KCk7XCIgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgbWF0VG9vbHRpcD1cIkNsb3NlXCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNhbmNlbC1idXR0b25cIiBjb2xvcj1cInByaW1hcnlcIj5jbG9zZTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cIm15LWZpbHRlclwiID5cbiAgICAgICAgICAgIDxtYXQtc2VsZWN0ICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBGaWx0ZXIgVHlwZVwiIG5hbWU9XCJmaWx0ZXJUeXBlXCIgIFsobmdNb2RlbCldPVwiY3VycmVudEZpbHRlclR5cGVcIiA+XG4gICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGt2cCBvZiAgZmlsdGVyVHlwZXNbZmlsdGVyLmZpZWxkVHlwZV0gfCBrZXl2YWx1ZSBcIiBbdmFsdWVdPVwiJGFueShrdnAudmFsdWUpWzBdXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGt2cC5rZXkgfX1cbiAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XG4gICAgICAgICAgICA8L21hdC1zZWxlY3Q+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInRydWVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5TdHJpbmcgfHwgZmlsdGVyLmZpZWxkVHlwZSA9PT0gRmllbGRUeXBlLkFycmF5IHx8IGZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5MaW5rIHx8XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXIuZmllbGRUeXBlID09PSBGaWVsZFR5cGUuVW5rbm93biB8fCBmaWx0ZXIuZmllbGRUeXBlID09PSBGaWVsZFR5cGUuUGhvbmVOdW1iZXJcIiA+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIlN0cmluZ1wiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICAgKm5nU3dpdGNoQ2FzZT1cImZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5OdW1iZXIgfHwgZmlsdGVyLmZpZWxkVHlwZSA9PT0gRmllbGRUeXBlLkN1cnJlbmN5XCI+XG4gICAgICAgICAgICAgICAgPHRiLW51bWJlci1maWx0ZXIgW2luZm9dPVwiZmlsdGVyXCIgW0N1cnJlbnRGaWx0ZXJUeXBlXT1cImN1cnJlbnRGaWx0ZXJUeXBlIVwiID48L3RiLW51bWJlci1maWx0ZXI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgICpuZ1N3aXRjaENhc2U9XCJmaWx0ZXIuZmllbGRUeXBlID09PSBGaWVsZFR5cGUuQm9vbGVhblwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJCb29sZWFuXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5EYXRlXCI+XG4gICAgICAgICAgICAgICAgPHRiLWRhdGUtZmlsdGVyIFtpbmZvXT1cImZpbHRlclwiIFtDdXJyZW50RmlsdGVyVHlwZV09XCJjdXJyZW50RmlsdGVyVHlwZSFcIj48L3RiLWRhdGUtZmlsdGVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9J2ZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5FbnVtJyA+XG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgICpuZ1RlbXBsYXRlT3V0bGV0PVwiRW51bVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDxtYXQtcmFkaW8tZ3JvdXAgbmFtZT1cImZpbHRlclZhbHVlXCIgW25nTW9kZWxdPVwiZmlsdGVyLmZpbHRlclZhbHVlXCIgKm5nSWY9XCJjdXJyZW50RmlsdGVyVHlwZSA9PT0gRmlsdGVyVHlwZS5Jc051bGxcIj5cbiAgICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBbdmFsdWVdPVwidHJ1ZVwiPlRydWU8L21hdC1yYWRpby1idXR0b24+XG4gICAgICAgICAgPG1hdC1yYWRpby1idXR0b24gW3ZhbHVlXT1cImZhbHNlXCI+RmFsc2U8L21hdC1yYWRpby1idXR0b24+XG4gICAgICAgIDwvbWF0LXJhZGlvLWdyb3VwPlxuXG4gICAgPC9kaXY+XG4gICAgPGJ1dHRvbiBtYXQtYnV0dG9uIChjbGljayk9XCJzdGF0ZS5hZGRGaWx0ZXIoZm9ybS52YWx1ZSlcIiBkaXNhYmxlUmlwcGxlIFtkaXNhYmxlZF09XCJmb3JtLnZhbHVlLmZpbHRlclZhbHVlPT11bmRlZmluZWQgfHwgIWZvcm0udmFsdWUuZmlsdGVyVHlwZVwiPlxuICAgICAgQXBwbHlcbiAgICA8L2J1dHRvbj5cblxuXG48bmctdGVtcGxhdGUgI1N0cmluZz5cbiAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwibXktZmlsdGVyXCIgKm5nSWY9XCJjdXJyZW50RmlsdGVyVHlwZSAhPT0gRmlsdGVyVHlwZS5Jc051bGwgJiYgY3VycmVudEZpbHRlclR5cGUgIT09IEZpbHRlclR5cGUuSW5cIj5cbiAgICA8aW5wdXQgbWF0SW5wdXQgbmFtZT1cImZpbHRlclZhbHVlXCIgW25nTW9kZWxdPVwiZmlsdGVyLmZpbHRlclZhbHVlXCIgLz5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnRGaWx0ZXJUeXBlID09PSBGaWx0ZXJUeXBlLkluXCI+XG4gICAgPGxpYi1pbi1maWx0ZXIgW3R5cGVdPVwiRmllbGRUeXBlLlN0cmluZ1wiIG5hbWU9J2ZpbHRlclZhbHVlJyBbKG5nTW9kZWwpXT1cImZpbHRlci5maWx0ZXJWYWx1ZVwiID48L2xpYi1pbi1maWx0ZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNCb29sZWFuID5cbiAgPGRpdiBjbGFzcz1cInN3aXRjaFwiIFtuZ1N3aXRjaF09XCJjdXJyZW50RmlsdGVyVHlwZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzd2l0Y2hcIiAqbmdTd2l0Y2hDYXNlPVwiRmlsdGVyVHlwZS5Cb29sZWFuRXF1YWxzXCI+XG4gICAgICA8bWF0LXJhZGlvLWdyb3VwIG5hbWU9XCJmaWx0ZXJWYWx1ZVwiIFtuZ01vZGVsXT1cImZpbHRlci5maWx0ZXJWYWx1ZVwiID5cbiAgICAgICAgPG1hdC1yYWRpby1idXR0b24gW3ZhbHVlXT1cInRydWVcIiBwcmV2ZW50RW50ZXI+VHJ1ZTwvbWF0LXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgPG1hdC1yYWRpby1idXR0b24gW3ZhbHVlXT1cImZhbHNlXCIgcHJldmVudEVudGVyPkZhbHNlPC9tYXQtcmFkaW8tYnV0dG9uPlxuICAgICAgPC9tYXQtcmFkaW8tZ3JvdXA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuICA8bmctdGVtcGxhdGUgI0VudW0+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj0nY3VycmVudEZpbHRlclR5cGUgPT09IEZpbHRlclR5cGUuSW4nID5cbiAgICAgIDx0Yi1pbi1saXN0LWZpbHRlciBba2V5XT0nZmlsdGVyLmtleScgbmFtZT0nZmlsdGVyVmFsdWUnIFsobmdNb2RlbCldPSdmaWx0ZXIuZmlsdGVyVmFsdWUnID48L3RiLWluLWxpc3QtZmlsdGVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLXRlbXBsYXRlPlxuXG4gIDwvZm9ybT5cbjwvbWF0LWNhcmQ+XG4iXX0=
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
+import { filterTypeMap } from '../../classes/filter-info';
+import { FilterType } from '../../enums/filterTypes';
+import { FieldType } from '../../interfaces/report-def';
+import * as i0 from "@angular/core";
+import * as i1 from "../../classes/table-store";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/select";
+import * as i5 from "@angular/material/core";
+import * as i6 from "@angular/material/radio";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/tooltip";
+import * as i9 from "@angular/material/card";
+import * as i10 from "@angular/material/input";
+import * as i11 from "@angular/material/icon";
+import * as i12 from "@angular/forms";
+import * as i13 from "../date-filter/date-filter.component";
+import * as i14 from "../number-filter/number-filter.component";
+import * as i15 from "../in-filter/in-filter.component";
+import * as i16 from "./in-list/in-list-filter.component";
+import * as i17 from "../../../utilities/pipes/space-case.pipes";
+export class FilterComponent {
+    constructor(state) {
+        this.state = state;
+        this.filterTypes = filterTypeMap;
+        this.FilterType = FilterType;
+        this.FieldType = FieldType;
+        this.close = new EventEmitter();
+    }
+    ;
+    ngOnInit() {
+        this.currentFilterType = this.filter.filterType;
+    }
+    onEnter(filter, event) {
+        event.preventDefault();
+        if (filter.filterValue != null && filter.filterType) {
+            this.state.addFilter(filter);
+            this.close.emit();
+        }
+    }
+}
+FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterComponent, deps: [{ token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Component });
+FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: FilterComponent, selector: "tb-filter", inputs: { filter: "filter" }, outputs: { close: "close" }, ngImport: i0, template: "<mat-card appearance=\"outlined\" class=\"filter-card\" *ngIf=\"filter\">\r\n  <mat-card-content>\r\n    <form #form=\"ngForm\"  (keydown.enter)=\"onEnter(form.value,$event)\" (keydown.escape)=\"close.emit()\">\r\n      <input type=\"hidden\" name=\"filterId\" [ngModel]=\"filter.filterId\" />\r\n      <input type=\"hidden\" name=\"key\" [ngModel]=\"filter.key\" />\r\n      <input type=\"hidden\" name=\"fieldType\" [ngModel]=\"filter.fieldType\" />\r\n      <div class=\"head-row\" >\r\n        <h4 class=\"filter-name\">{{(filter.key | spaceCase)}} Filter</h4>\r\n        <button class=\"cancel-button small-button\" color=\"primary\" mat-icon-button (click)=\"close.emit();\" type=\"button\"\r\n            matTooltip=\"Close\">\r\n          <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div class=\"filter-row\">\r\n          <div class=\"inline\">\r\n            <mat-form-field class=\"my-filter\" >\r\n                <mat-select  placeholder=\"Select Filter Type\" name=\"filterType\"  [(ngModel)]=\"currentFilterType\" >\r\n                    <mat-option *ngFor=\"let kvp of  filterTypes[filter.fieldType] | keyvalue \" [value]=\"$any(kvp.value)[0]\">\r\n                        {{ kvp.key }}\r\n                    </mat-option>\r\n                </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <ng-container [ngSwitch]=\"true\">\r\n              <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.String || filter.fieldType === FieldType.Array || filter.fieldType === FieldType.Link ||\r\n                                            filter.fieldType === FieldType.Unknown || filter.fieldType === FieldType.PhoneNumber\" >\r\n                  <ng-container *ngTemplateOutlet=\"String\"></ng-container>\r\n              </ng-container>\r\n              <ng-container   *ngSwitchCase=\"filter.fieldType === FieldType.Number || filter.fieldType === FieldType.Currency\">\r\n                  <tb-number-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\" ></tb-number-filter>\r\n              </ng-container>\r\n              <ng-container  *ngSwitchCase=\"filter.fieldType === FieldType.Boolean\">\r\n                <ng-container   *ngTemplateOutlet=\"Boolean\"></ng-container>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.Date\">\r\n                  <tb-date-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\"></tb-date-filter>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase='filter.fieldType === FieldType.Enum' >\r\n                <ng-container  *ngTemplateOutlet=\"Enum\"></ng-container>\r\n              </ng-container>\r\n          </ng-container>\r\n          <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" *ngIf=\"currentFilterType === FilterType.IsNull\">\r\n            <mat-radio-button [value]=\"true\">True</mat-radio-button>\r\n            <mat-radio-button [value]=\"false\">False</mat-radio-button>\r\n          </mat-radio-group>\r\n      </div>\r\n      <button mat-button (click)=\"state.addFilter(form.value)\" disableRipple [disabled]=\"form.value.filterValue==undefined || !form.value.filterType\">\r\n        Apply\r\n      </button>\r\n    \r\n    \r\n    <ng-template #String>\r\n    <mat-form-field class=\"my-filter\" *ngIf=\"currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In\">\r\n      <input matInput name=\"filterValue\" [ngModel]=\"filter.filterValue\" />\r\n    </mat-form-field>\r\n    <ng-container *ngIf=\"currentFilterType === FilterType.In\">\r\n      <lib-in-filter [type]=\"FieldType.String\" name='filterValue' [(ngModel)]=\"filter.filterValue\" ></lib-in-filter>\r\n    </ng-container>\r\n    </ng-template>\r\n    \r\n    <ng-template #Boolean >\r\n    <div class=\"switch\" [ngSwitch]=\"currentFilterType\">\r\n      <div class=\"switch\" *ngSwitchCase=\"FilterType.BooleanEquals\">\r\n        <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" >\r\n          <mat-radio-button [value]=\"true\" preventEnter>True</mat-radio-button>\r\n          <mat-radio-button [value]=\"false\" preventEnter>False</mat-radio-button>\r\n        </mat-radio-group>\r\n      </div>\r\n    </div>\r\n    </ng-template>\r\n    <ng-template #Enum>\r\n      <ng-container *ngIf='currentFilterType === FilterType.In' >\r\n        <tb-in-list-filter [key]='filter.key' name='filterValue' [(ngModel)]='filter.filterValue' ></tb-in-list-filter>\r\n      </ng-container>\r\n    </ng-template>\r\n    </form>\r\n  </mat-card-content>\r\n</mat-card>\r\n", styles: [".filter-name{color:#6495ed;margin:10px 0;font-weight:600;display:inline-block}.switch{display:inline-block}.my-filter{margin-right:15px}.cancel-button{float:right}.head-row{width:100%}.filter-row{width:-moz-fit-content;width:fit-content}mat-card.filter-card::ng-deep mat-form-field{width:150px}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.inline{display:inline-block}.small-button{height:18px;width:18px;font-size:18px;padding:0;margin:0}.small-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.cancel-button{float:right;font-weight:700}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i6.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i6.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i13.DateFilterComponent, selector: "tb-date-filter", inputs: ["info", "CurrentFilterType"] }, { kind: "component", type: i14.NumberFilterComponent, selector: "tb-number-filter", inputs: ["CurrentFilterType", "info"] }, { kind: "component", type: i15.InFilterComponent, selector: "lib-in-filter", inputs: ["type"] }, { kind: "component", type: i16.InListFilterComponent, selector: "tb-in-list-filter , [tb-in-list-filter]", inputs: ["key"] }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i17.SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tb-filter', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card appearance=\"outlined\" class=\"filter-card\" *ngIf=\"filter\">\r\n  <mat-card-content>\r\n    <form #form=\"ngForm\"  (keydown.enter)=\"onEnter(form.value,$event)\" (keydown.escape)=\"close.emit()\">\r\n      <input type=\"hidden\" name=\"filterId\" [ngModel]=\"filter.filterId\" />\r\n      <input type=\"hidden\" name=\"key\" [ngModel]=\"filter.key\" />\r\n      <input type=\"hidden\" name=\"fieldType\" [ngModel]=\"filter.fieldType\" />\r\n      <div class=\"head-row\" >\r\n        <h4 class=\"filter-name\">{{(filter.key | spaceCase)}} Filter</h4>\r\n        <button class=\"cancel-button small-button\" color=\"primary\" mat-icon-button (click)=\"close.emit();\" type=\"button\"\r\n            matTooltip=\"Close\">\r\n          <mat-icon class=\"cancel-button\" color=\"primary\">close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div class=\"filter-row\">\r\n          <div class=\"inline\">\r\n            <mat-form-field class=\"my-filter\" >\r\n                <mat-select  placeholder=\"Select Filter Type\" name=\"filterType\"  [(ngModel)]=\"currentFilterType\" >\r\n                    <mat-option *ngFor=\"let kvp of  filterTypes[filter.fieldType] | keyvalue \" [value]=\"$any(kvp.value)[0]\">\r\n                        {{ kvp.key }}\r\n                    </mat-option>\r\n                </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <ng-container [ngSwitch]=\"true\">\r\n              <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.String || filter.fieldType === FieldType.Array || filter.fieldType === FieldType.Link ||\r\n                                            filter.fieldType === FieldType.Unknown || filter.fieldType === FieldType.PhoneNumber\" >\r\n                  <ng-container *ngTemplateOutlet=\"String\"></ng-container>\r\n              </ng-container>\r\n              <ng-container   *ngSwitchCase=\"filter.fieldType === FieldType.Number || filter.fieldType === FieldType.Currency\">\r\n                  <tb-number-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\" ></tb-number-filter>\r\n              </ng-container>\r\n              <ng-container  *ngSwitchCase=\"filter.fieldType === FieldType.Boolean\">\r\n                <ng-container   *ngTemplateOutlet=\"Boolean\"></ng-container>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"filter.fieldType === FieldType.Date\">\r\n                  <tb-date-filter [info]=\"filter\" [CurrentFilterType]=\"currentFilterType!\"></tb-date-filter>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase='filter.fieldType === FieldType.Enum' >\r\n                <ng-container  *ngTemplateOutlet=\"Enum\"></ng-container>\r\n              </ng-container>\r\n          </ng-container>\r\n          <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" *ngIf=\"currentFilterType === FilterType.IsNull\">\r\n            <mat-radio-button [value]=\"true\">True</mat-radio-button>\r\n            <mat-radio-button [value]=\"false\">False</mat-radio-button>\r\n          </mat-radio-group>\r\n      </div>\r\n      <button mat-button (click)=\"state.addFilter(form.value)\" disableRipple [disabled]=\"form.value.filterValue==undefined || !form.value.filterType\">\r\n        Apply\r\n      </button>\r\n    \r\n    \r\n    <ng-template #String>\r\n    <mat-form-field class=\"my-filter\" *ngIf=\"currentFilterType !== FilterType.IsNull && currentFilterType !== FilterType.In\">\r\n      <input matInput name=\"filterValue\" [ngModel]=\"filter.filterValue\" />\r\n    </mat-form-field>\r\n    <ng-container *ngIf=\"currentFilterType === FilterType.In\">\r\n      <lib-in-filter [type]=\"FieldType.String\" name='filterValue' [(ngModel)]=\"filter.filterValue\" ></lib-in-filter>\r\n    </ng-container>\r\n    </ng-template>\r\n    \r\n    <ng-template #Boolean >\r\n    <div class=\"switch\" [ngSwitch]=\"currentFilterType\">\r\n      <div class=\"switch\" *ngSwitchCase=\"FilterType.BooleanEquals\">\r\n        <mat-radio-group name=\"filterValue\" [ngModel]=\"filter.filterValue\" >\r\n          <mat-radio-button [value]=\"true\" preventEnter>True</mat-radio-button>\r\n          <mat-radio-button [value]=\"false\" preventEnter>False</mat-radio-button>\r\n        </mat-radio-group>\r\n      </div>\r\n    </div>\r\n    </ng-template>\r\n    <ng-template #Enum>\r\n      <ng-container *ngIf='currentFilterType === FilterType.In' >\r\n        <tb-in-list-filter [key]='filter.key' name='filterValue' [(ngModel)]='filter.filterValue' ></tb-in-list-filter>\r\n      </ng-container>\r\n    </ng-template>\r\n    </form>\r\n  </mat-card-content>\r\n</mat-card>\r\n", styles: [".filter-name{color:#6495ed;margin:10px 0;font-weight:600;display:inline-block}.switch{display:inline-block}.my-filter{margin-right:15px}.cancel-button{float:right}.head-row{width:100%}.filter-row{width:-moz-fit-content;width:fit-content}mat-card.filter-card::ng-deep mat-form-field{width:150px}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper{line-height:0}mat-card.filter-card::ng-deep .mat-mdc-form-field-subscript-wrapper:before{height:0}.inline{display:inline-block}.small-button{height:18px;width:18px;font-size:18px;padding:0;margin:0}.small-button ::ng-deep *{line-height:initial;font-size:initial;height:18px;width:18px;font-size:18px;bottom:initial}.cancel-button{float:right;font-weight:700}.date-toggle ::ng-deep svg{position:absolute;left:0;top:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.TableStore }]; }, propDecorators: { filter: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdXRpbGl0aWVzL3NyYy90YWJsZS1idWlsZGVyL2NvbXBvbmVudHMvZmlsdGVyL2ZpbHRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXV0aWxpdGllcy9zcmMvdGFibGUtYnVpbGRlci9jb21wb25lbnRzL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsYUFBYSxFQUE4RCxNQUFNLDJCQUEyQixDQUFDO0FBRXRILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFXeEQsTUFBTSxPQUFPLGVBQWU7SUFPMUIsWUFBb0IsS0FBaUI7UUFBakIsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQU5yQyxnQkFBVyxHQUFHLGFBQWEsQ0FBQztRQUM1QixlQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLGNBQVMsR0FBRyxTQUFTLENBQUM7UUFFWixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVJLENBQUM7SUFIVixDQUFDO0lBS2pDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUM7SUFDbEQsQ0FBQztJQUNELE9BQU8sQ0FBQyxNQUFrQixFQUFFLEtBQVU7UUFDcEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksTUFBTSxDQUFDLFdBQVcsSUFBSSxJQUFJLElBQUksTUFBTSxDQUFDLFVBQVUsRUFBRTtZQUNuRCxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM3QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQzs7NEdBbEJVLGVBQWU7Z0dBQWYsZUFBZSw0R0NmNUIsOGxKQThFQTsyRkQvRGEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDSSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07aUdBTXhDLE1BQU07c0JBQWQsS0FBSztnQkFDSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmlsdGVyVHlwZU1hcCwgRmlsdGVySW5mbywgVW5tYXBwZWRUeXBlcywgbWFwcGVkRmllbGRUeXBlcywgUGFydGlhbEZpbHRlciB9IGZyb20gJy4uLy4uL2NsYXNzZXMvZmlsdGVyLWluZm8nO1xyXG5pbXBvcnQgeyBUYWJsZVN0b3JlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy90YWJsZS1zdG9yZSc7XHJcbmltcG9ydCB7IEZpbHRlclR5cGUgfSBmcm9tICcuLi8uLi9lbnVtcy9maWx0ZXJUeXBlcyc7XHJcbmltcG9ydCB7IEZpZWxkVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LWRlZic7XHJcblxyXG5cclxudHlwZSB0aGluZ3kgPSBPbWl0PEZpZWxkVHlwZSxVbm1hcHBlZFR5cGVzPlxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3RiLWZpbHRlcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2ZpbHRlci5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEZpbHRlckNvbXBvbmVudDxUIGV4dGVuZHMgbWFwcGVkRmllbGRUeXBlcyA9IGFueT4ge1xyXG4gIGZpbHRlclR5cGVzID0gZmlsdGVyVHlwZU1hcDtcclxuICBGaWx0ZXJUeXBlID0gRmlsdGVyVHlwZTtcclxuICBGaWVsZFR5cGUgPSBGaWVsZFR5cGU7XHJcbiAgQElucHV0KCkgZmlsdGVyITogUGFydGlhbEZpbHRlcjs7XHJcbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGN1cnJlbnRGaWx0ZXJUeXBlPzogRmlsdGVyVHlwZTtcclxuICBjb25zdHJ1Y3RvciggcHVibGljIHN0YXRlOiBUYWJsZVN0b3JlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmN1cnJlbnRGaWx0ZXJUeXBlID0gdGhpcy5maWx0ZXIuZmlsdGVyVHlwZTtcclxuICB9XHJcbiAgb25FbnRlcihmaWx0ZXI6IEZpbHRlckluZm8sIGV2ZW50OiBhbnkpIHtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICBpZiAoZmlsdGVyLmZpbHRlclZhbHVlICE9IG51bGwgJiYgZmlsdGVyLmZpbHRlclR5cGUpIHtcclxuICAgICAgdGhpcy5zdGF0ZS5hZGRGaWx0ZXIoZmlsdGVyKTtcclxuICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtY2FyZCBhcHBlYXJhbmNlPVwib3V0bGluZWRcIiBjbGFzcz1cImZpbHRlci1jYXJkXCIgKm5nSWY9XCJmaWx0ZXJcIj5cclxuICA8bWF0LWNhcmQtY29udGVudD5cclxuICAgIDxmb3JtICNmb3JtPVwibmdGb3JtXCIgIChrZXlkb3duLmVudGVyKT1cIm9uRW50ZXIoZm9ybS52YWx1ZSwkZXZlbnQpXCIgKGtleWRvd24uZXNjYXBlKT1cImNsb3NlLmVtaXQoKVwiPlxyXG4gICAgICA8aW5wdXQgdHlwZT1cImhpZGRlblwiIG5hbWU9XCJmaWx0ZXJJZFwiIFtuZ01vZGVsXT1cImZpbHRlci5maWx0ZXJJZFwiIC8+XHJcbiAgICAgIDxpbnB1dCB0eXBlPVwiaGlkZGVuXCIgbmFtZT1cImtleVwiIFtuZ01vZGVsXT1cImZpbHRlci5rZXlcIiAvPlxyXG4gICAgICA8aW5wdXQgdHlwZT1cImhpZGRlblwiIG5hbWU9XCJmaWVsZFR5cGVcIiBbbmdNb2RlbF09XCJmaWx0ZXIuZmllbGRUeXBlXCIgLz5cclxuICAgICAgPGRpdiBjbGFzcz1cImhlYWQtcm93XCIgPlxyXG4gICAgICAgIDxoNCBjbGFzcz1cImZpbHRlci1uYW1lXCI+e3soZmlsdGVyLmtleSB8IHNwYWNlQ2FzZSl9fSBGaWx0ZXI8L2g0PlxyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJjYW5jZWwtYnV0dG9uIHNtYWxsLWJ1dHRvblwiIGNvbG9yPVwicHJpbWFyeVwiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xvc2UuZW1pdCgpO1wiIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICBtYXRUb29sdGlwPVwiQ2xvc2VcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNhbmNlbC1idXR0b25cIiBjb2xvcj1cInByaW1hcnlcIj5jbG9zZTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLXJvd1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImlubGluZVwiPlxyXG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJteS1maWx0ZXJcIiA+XHJcbiAgICAgICAgICAgICAgICA8bWF0LXNlbGVjdCAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgRmlsdGVyIFR5cGVcIiBuYW1lPVwiZmlsdGVyVHlwZVwiICBbKG5nTW9kZWwpXT1cImN1cnJlbnRGaWx0ZXJUeXBlXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBrdnAgb2YgIGZpbHRlclR5cGVzW2ZpbHRlci5maWVsZFR5cGVdIHwga2V5dmFsdWUgXCIgW3ZhbHVlXT1cIiRhbnkoa3ZwLnZhbHVlKVswXVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBrdnAua2V5IH19XHJcbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiZmlsdGVyLmZpZWxkVHlwZSA9PT0gRmllbGRUeXBlLlN0cmluZyB8fCBmaWx0ZXIuZmllbGRUeXBlID09PSBGaWVsZFR5cGUuQXJyYXkgfHwgZmlsdGVyLmZpZWxkVHlwZSA9PT0gRmllbGRUeXBlLkxpbmsgfHxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXIuZmllbGRUeXBlID09PSBGaWVsZFR5cGUuVW5rbm93biB8fCBmaWx0ZXIuZmllbGRUeXBlID09PSBGaWVsZFR5cGUuUGhvbmVOdW1iZXJcIiA+XHJcbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJTdHJpbmdcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICAgKm5nU3dpdGNoQ2FzZT1cImZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5OdW1iZXIgfHwgZmlsdGVyLmZpZWxkVHlwZSA9PT0gRmllbGRUeXBlLkN1cnJlbmN5XCI+XHJcbiAgICAgICAgICAgICAgICAgIDx0Yi1udW1iZXItZmlsdGVyIFtpbmZvXT1cImZpbHRlclwiIFtDdXJyZW50RmlsdGVyVHlwZV09XCJjdXJyZW50RmlsdGVyVHlwZSFcIiA+PC90Yi1udW1iZXItZmlsdGVyPlxyXG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgICpuZ1N3aXRjaENhc2U9XCJmaWx0ZXIuZmllbGRUeXBlID09PSBGaWVsZFR5cGUuQm9vbGVhblwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiQm9vbGVhblwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5EYXRlXCI+XHJcbiAgICAgICAgICAgICAgICAgIDx0Yi1kYXRlLWZpbHRlciBbaW5mb109XCJmaWx0ZXJcIiBbQ3VycmVudEZpbHRlclR5cGVdPVwiY3VycmVudEZpbHRlclR5cGUhXCI+PC90Yi1kYXRlLWZpbHRlcj5cclxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9J2ZpbHRlci5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5FbnVtJyA+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICAqbmdUZW1wbGF0ZU91dGxldD1cIkVudW1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPG1hdC1yYWRpby1ncm91cCBuYW1lPVwiZmlsdGVyVmFsdWVcIiBbbmdNb2RlbF09XCJmaWx0ZXIuZmlsdGVyVmFsdWVcIiAqbmdJZj1cImN1cnJlbnRGaWx0ZXJUeXBlID09PSBGaWx0ZXJUeXBlLklzTnVsbFwiPlxyXG4gICAgICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBbdmFsdWVdPVwidHJ1ZVwiPlRydWU8L21hdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgICAgIDxtYXQtcmFkaW8tYnV0dG9uIFt2YWx1ZV09XCJmYWxzZVwiPkZhbHNlPC9tYXQtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgICAgPC9tYXQtcmFkaW8tZ3JvdXA+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cInN0YXRlLmFkZEZpbHRlcihmb3JtLnZhbHVlKVwiIGRpc2FibGVSaXBwbGUgW2Rpc2FibGVkXT1cImZvcm0udmFsdWUuZmlsdGVyVmFsdWU9PXVuZGVmaW5lZCB8fCAhZm9ybS52YWx1ZS5maWx0ZXJUeXBlXCI+XHJcbiAgICAgICAgQXBwbHlcclxuICAgICAgPC9idXR0b24+XHJcbiAgICBcclxuICAgIFxyXG4gICAgPG5nLXRlbXBsYXRlICNTdHJpbmc+XHJcbiAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJteS1maWx0ZXJcIiAqbmdJZj1cImN1cnJlbnRGaWx0ZXJUeXBlICE9PSBGaWx0ZXJUeXBlLklzTnVsbCAmJiBjdXJyZW50RmlsdGVyVHlwZSAhPT0gRmlsdGVyVHlwZS5JblwiPlxyXG4gICAgICA8aW5wdXQgbWF0SW5wdXQgbmFtZT1cImZpbHRlclZhbHVlXCIgW25nTW9kZWxdPVwiZmlsdGVyLmZpbHRlclZhbHVlXCIgLz5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudEZpbHRlclR5cGUgPT09IEZpbHRlclR5cGUuSW5cIj5cclxuICAgICAgPGxpYi1pbi1maWx0ZXIgW3R5cGVdPVwiRmllbGRUeXBlLlN0cmluZ1wiIG5hbWU9J2ZpbHRlclZhbHVlJyBbKG5nTW9kZWwpXT1cImZpbHRlci5maWx0ZXJWYWx1ZVwiID48L2xpYi1pbi1maWx0ZXI+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICBcclxuICAgIDxuZy10ZW1wbGF0ZSAjQm9vbGVhbiA+XHJcbiAgICA8ZGl2IGNsYXNzPVwic3dpdGNoXCIgW25nU3dpdGNoXT1cImN1cnJlbnRGaWx0ZXJUeXBlXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzd2l0Y2hcIiAqbmdTd2l0Y2hDYXNlPVwiRmlsdGVyVHlwZS5Cb29sZWFuRXF1YWxzXCI+XHJcbiAgICAgICAgPG1hdC1yYWRpby1ncm91cCBuYW1lPVwiZmlsdGVyVmFsdWVcIiBbbmdNb2RlbF09XCJmaWx0ZXIuZmlsdGVyVmFsdWVcIiA+XHJcbiAgICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBbdmFsdWVdPVwidHJ1ZVwiIHByZXZlbnRFbnRlcj5UcnVlPC9tYXQtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgICAgPG1hdC1yYWRpby1idXR0b24gW3ZhbHVlXT1cImZhbHNlXCIgcHJldmVudEVudGVyPkZhbHNlPC9tYXQtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgIDwvbWF0LXJhZGlvLWdyb3VwPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy10ZW1wbGF0ZSAjRW51bT5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj0nY3VycmVudEZpbHRlclR5cGUgPT09IEZpbHRlclR5cGUuSW4nID5cclxuICAgICAgICA8dGItaW4tbGlzdC1maWx0ZXIgW2tleV09J2ZpbHRlci5rZXknIG5hbWU9J2ZpbHRlclZhbHVlJyBbKG5nTW9kZWwpXT0nZmlsdGVyLmZpbHRlclZhbHVlJyA+PC90Yi1pbi1saXN0LWZpbHRlcj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9mb3JtPlxyXG4gIDwvbWF0LWNhcmQtY29udGVudD5cclxuPC9tYXQtY2FyZD5cclxuIl19

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

@@ -1,91 +1,91 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { map, tap } from 'rxjs/operators';
-import { FieldType } from '../../../interfaces/report-def';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../classes/table-store";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/legacy-checkbox";
-import * as i4 from "../../../../utilities/directives/stop-propagation.directive";
-import * as i5 from "../../../../utilities/pipes/space-case.pipes";
-export class InListFilterComponent {
-    constructor(ref, tableState) {
-        this.ref = ref;
-        this.tableState = tableState;
-        this.value = [];
-        this.FieldType = FieldType;
-        this.onChange = (_) => { };
-        this.onTouched = () => { };
-        this.selectedKeys = [];
-    }
-    writeValue(obj) {
-        this.value = obj;
-        if (this.value) {
-            this.selectedKeys = this.value.map(f => f);
-        }
-        this.ref.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    ngOnInit() {
-        this.keyValues$ = this.tableState.getMetaData$(this.key).pipe(tap(metaData => this.metaData = metaData), map(metaData => {
-            if (metaData.additional?.filterOptions?.filterableValues) {
-                return metaData.additional.filterOptions.filterableValues.reduce((prev, cur) => { prev[cur] = cur; return prev; }, {});
-            }
-            else {
-                if (metaData.fieldType === FieldType.Enum) {
-                    return metaData.additional.enumMap;
-                }
-            }
-            return {};
-        }));
-    }
-    selectFilterChanged($event, val) {
-        if ($event.checked) {
-            this.selectedKeys.push(val);
-        }
-        else {
-            this.selectedKeys = this.selectedKeys.filter(item => item !== val);
-        }
-        this.value = this.selectedKeys;
-        this.onChange(this.value);
-    }
-}
-InListFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InListFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Component });
-InListFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: InListFilterComponent, selector: "tb-in-list-filter , [tb-in-list-filter]", inputs: { key: "key" }, providers: [{
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: InListFilterComponent,
-            multi: true
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { map, tap } from 'rxjs/operators';
+import { FieldType } from '../../../interfaces/report-def';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../classes/table-store";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/checkbox";
+import * as i4 from "../../../../utilities/directives/stop-propagation.directive";
+import * as i5 from "../../../../utilities/pipes/space-case.pipes";
+export class InListFilterComponent {
+    constructor(ref, tableState) {
+        this.ref = ref;
+        this.tableState = tableState;
+        this.value = [];
+        this.FieldType = FieldType;
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this.selectedKeys = [];
+    }
+    writeValue(obj) {
+        this.value = obj;
+        if (this.value) {
+            this.selectedKeys = this.value.map(f => f);
+        }
+        this.ref.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    ngOnInit() {
+        this.keyValues$ = this.tableState.getMetaData$(this.key).pipe(tap(metaData => this.metaData = metaData), map(metaData => {
+            if (metaData.additional?.filterOptions?.filterableValues) {
+                return metaData.additional.filterOptions.filterableValues.reduce((prev, cur) => { prev[cur] = cur; return prev; }, {});
+            }
+            else {
+                if (metaData.fieldType === FieldType.Enum) {
+                    return metaData.additional.enumMap;
+                }
+            }
+            return {};
+        }));
+    }
+    selectFilterChanged($event, val) {
+        if ($event.checked) {
+            this.selectedKeys.push(val);
+        }
+        else {
+            this.selectedKeys = this.selectedKeys.filter(item => item !== val);
+        }
+        this.value = this.selectedKeys;
+        this.onChange(this.value);
+    }
+}
+InListFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InListFilterComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableStore }], target: i0.ɵɵFactoryTarget.Component });
+InListFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: InListFilterComponent, selector: "tb-in-list-filter , [tb-in-list-filter]", inputs: { key: "key" }, providers: [{
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: InListFilterComponent,
+            multi: true
         }], ngImport: i0, template: `
   <div *ngFor="let item of keyValues$ | async| keyvalue" >
     <mat-checkbox [checked]='selectedKeys.includes(item.key)' stop-propagation (change)='selectFilterChanged($event, item.key)' >
       {{metaData.fieldType === FieldType.Enum ? (item.value | spaceCase) : item.value}}
     </mat-checkbox>
   </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatLegacyCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i4.StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5.SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InListFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'tb-in-list-filter , [tb-in-list-filter]',
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i4.StopPropagationDirective, selector: "[stop-propagation]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5.SpaceCasePipe, name: "spaceCase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InListFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tb-in-list-filter , [tb-in-list-filter]',
                     template: `
   <div *ngFor="let item of keyValues$ | async| keyvalue" >
     <mat-checkbox [checked]='selectedKeys.includes(item.key)' stop-propagation (change)='selectFilterChanged($event, item.key)' >
       {{metaData.fieldType === FieldType.Enum ? (item.value | spaceCase) : item.value}}
     </mat-checkbox>
   </div>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [{
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: InListFilterComponent,
-                            multi: true
-                        }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TableStore }]; }, propDecorators: { key: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tbGlzdC1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy9maWx0ZXIvaW4tbGlzdC9pbi1saXN0LWZpbHRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQXdCLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUcxQyxPQUFPLEVBQUUsU0FBUyxFQUFZLE1BQU0sZ0NBQWdDLENBQUM7Ozs7Ozs7QUFtQnJFLE1BQU0sT0FBTyxxQkFBcUI7SUFFaEMsWUFBb0IsR0FBc0IsRUFBVSxVQUFzQjtRQUF0RCxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDMUUsVUFBSyxHQUFhLEVBQUUsQ0FBQztRQUNyQixjQUFTLEdBQUcsU0FBUyxDQUFDO1FBVXRCLGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSzNCLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFPdEIsaUJBQVksR0FBYyxFQUFFLENBQUM7SUF4QmlELENBQUM7SUFHL0UsVUFBVSxDQUFDLEdBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFFakIsSUFBRyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBRSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBRSxDQUFDO1NBQzlDO1FBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBSUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBT0QsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FDM0QsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUMsRUFDekMsR0FBRyxDQUFFLFFBQVEsQ0FBQyxFQUFFO1lBQ2QsSUFBRyxRQUFRLENBQUMsVUFBVSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRztnQkFDeEQsT0FBUSxRQUFRLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUUsQ0FBQyxJQUFTLEVBQUUsR0FBRyxFQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7YUFDN0g7aUJBQU07Z0JBQ0wsSUFBRyxRQUFRLENBQUMsU0FBUyxLQUFLLFNBQVMsQ0FBQyxJQUFJLEVBQUc7b0JBQ3pDLE9BQU8sUUFBUSxDQUFDLFVBQVcsQ0FBQyxPQUFPLENBQUM7aUJBQ3JDO2FBQ0Y7WUFDRCxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDO0lBRUQsbUJBQW1CLENBQUMsTUFBTSxFQUFFLEdBQUc7UUFDN0IsSUFBRyxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQzdCO2FBQU07WUFDTCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQ3JFO1FBRUYsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7O2tIQXREVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwwRkFOckIsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLHFCQUFxQjtZQUNsQyxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsMEJBWlE7Ozs7OztHQU1UOzJGQVFVLHFCQUFxQjtrQkFoQmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlDQUF5QztvQkFDbkQsUUFBUSxFQUFFOzs7Ozs7R0FNVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyx1QkFBdUI7NEJBQ2xDLEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7aUJBQ0g7aUlBd0JVLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBtYXAsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFRhYmxlU3RvcmUgfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL3RhYmxlLXN0b3JlJztcbmltcG9ydCB7IERpY3Rpb25hcnkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2RpY3Rpb25hcnknO1xuaW1wb3J0IHsgRmllbGRUeXBlLCBNZXRhRGF0YSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LWRlZic7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGItaW4tbGlzdC1maWx0ZXIgLCBbdGItaW4tbGlzdC1maWx0ZXJdJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBrZXlWYWx1ZXMkIHwgYXN5bmN8IGtleXZhbHVlXCIgPlxuICAgIDxtYXQtY2hlY2tib3ggW2NoZWNrZWRdPSdzZWxlY3RlZEtleXMuaW5jbHVkZXMoaXRlbS5rZXkpJyBzdG9wLXByb3BhZ2F0aW9uIChjaGFuZ2UpPSdzZWxlY3RGaWx0ZXJDaGFuZ2VkKCRldmVudCwgaXRlbS5rZXkpJyA+XG4gICAgICB7e21ldGFEYXRhLmZpZWxkVHlwZSA9PT0gRmllbGRUeXBlLkVudW0gPyAoaXRlbS52YWx1ZSB8IHNwYWNlQ2FzZSkgOiBpdGVtLnZhbHVlfX1cbiAgICA8L21hdC1jaGVja2JveD5cbiAgPC9kaXY+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IEluTGlzdEZpbHRlckNvbXBvbmVudCxcbiAgICBtdWx0aTogdHJ1ZVxuICB9XVxufSlcbmV4cG9ydCBjbGFzcyBJbkxpc3RGaWx0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIHRhYmxlU3RhdGU6IFRhYmxlU3RvcmUgKSB7fVxuICB2YWx1ZTogc3RyaW5nW10gPSBbXTtcbiAgRmllbGRUeXBlID0gRmllbGRUeXBlO1xuICB3cml0ZVZhbHVlKG9iajogc3RyaW5nW10pOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuXG4gICAgaWYodGhpcy52YWx1ZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZEtleXMgPSB0aGlzLnZhbHVlLm1hcCggZiA9PiBmICk7XG4gICAgfVxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG4gIG9uVG91Y2hlZCA9ICgpID0+IHsgfTtcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cbiAgQElucHV0KCkga2V5ITogc3RyaW5nO1xuXG4gIGtleVZhbHVlcyQhIDogT2JzZXJ2YWJsZTxEaWN0aW9uYXJ5PHN0cmluZz4+O1xuICBzZWxlY3RlZEtleXMgOiBzdHJpbmdbXSA9IFtdO1xuICBtZXRhRGF0YSE6IE1ldGFEYXRhO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMua2V5VmFsdWVzJCA9IHRoaXMudGFibGVTdGF0ZS5nZXRNZXRhRGF0YSQodGhpcy5rZXkpLnBpcGUoXG4gICAgICB0YXAobWV0YURhdGEgPT4gdGhpcy5tZXRhRGF0YSA9IG1ldGFEYXRhKSxcbiAgICAgIG1hcCggbWV0YURhdGEgPT4ge1xuICAgICAgICBpZihtZXRhRGF0YS5hZGRpdGlvbmFsPy5maWx0ZXJPcHRpb25zPy5maWx0ZXJhYmxlVmFsdWVzICkge1xuICAgICAgICAgIHJldHVybiAgbWV0YURhdGEuYWRkaXRpb25hbC5maWx0ZXJPcHRpb25zLmZpbHRlcmFibGVWYWx1ZXMucmVkdWNlKCAocHJldjogYW55LCBjdXIpPT4geyBwcmV2W2N1cl0gPSBjdXI7IHJldHVybiBwcmV2IH0sIHt9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBpZihtZXRhRGF0YS5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5FbnVtICkge1xuICAgICAgICAgICAgcmV0dXJuIG1ldGFEYXRhLmFkZGl0aW9uYWwhLmVudW1NYXA7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7fTtcbiAgICAgIH0pXG4gICAgKTtcbiAgfVxuXG4gIHNlbGVjdEZpbHRlckNoYW5nZWQoJGV2ZW50LCB2YWwpIHtcbiAgICBpZigkZXZlbnQuY2hlY2tlZCkge1xuICAgICAgdGhpcy5zZWxlY3RlZEtleXMucHVzaCh2YWwpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdGVkS2V5cyA9IHRoaXMuc2VsZWN0ZWRLZXlzLmZpbHRlciggaXRlbSA9PiBpdGVtICE9PSB2YWwpO1xuICAgIH1cblxuICAgdGhpcy52YWx1ZSA9IHRoaXMuc2VsZWN0ZWRLZXlzO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gIH1cblxufVxuIl19
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: InListFilterComponent,
+                            multi: true
+                        }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.TableStore }]; }, propDecorators: { key: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tbGlzdC1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci11dGlsaXRpZXMvc3JjL3RhYmxlLWJ1aWxkZXIvY29tcG9uZW50cy9maWx0ZXIvaW4tbGlzdC9pbi1saXN0LWZpbHRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsS0FBSyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQXdCLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUcxQyxPQUFPLEVBQUUsU0FBUyxFQUFZLE1BQU0sZ0NBQWdDLENBQUM7Ozs7Ozs7QUFtQnJFLE1BQU0sT0FBTyxxQkFBcUI7SUFFaEMsWUFBb0IsR0FBc0IsRUFBVSxVQUFzQjtRQUF0RCxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDMUUsVUFBSyxHQUFhLEVBQUUsQ0FBQztRQUNyQixjQUFTLEdBQUcsU0FBUyxDQUFDO1FBVXRCLGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSzNCLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFPdEIsaUJBQVksR0FBYyxFQUFFLENBQUM7SUF4QmlELENBQUM7SUFHL0UsVUFBVSxDQUFDLEdBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7UUFFakIsSUFBRyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBRSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBRSxDQUFDO1NBQzlDO1FBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBSUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBT0QsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FDM0QsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUMsRUFDekMsR0FBRyxDQUFFLFFBQVEsQ0FBQyxFQUFFO1lBQ2QsSUFBRyxRQUFRLENBQUMsVUFBVSxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRztnQkFDeEQsT0FBUSxRQUFRLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUUsQ0FBQyxJQUFTLEVBQUUsR0FBRyxFQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7YUFDN0g7aUJBQU07Z0JBQ0wsSUFBRyxRQUFRLENBQUMsU0FBUyxLQUFLLFNBQVMsQ0FBQyxJQUFJLEVBQUc7b0JBQ3pDLE9BQU8sUUFBUSxDQUFDLFVBQVcsQ0FBQyxPQUFPLENBQUM7aUJBQ3JDO2FBQ0Y7WUFDRCxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDO0lBRUQsbUJBQW1CLENBQUMsTUFBTSxFQUFFLEdBQUc7UUFDN0IsSUFBRyxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQzdCO2FBQU07WUFDTCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQ3JFO1FBRUYsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7O2tIQXREVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwwRkFOckIsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLHFCQUFxQjtZQUNsQyxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsMEJBWlE7Ozs7OztHQU1UOzJGQVFVLHFCQUFxQjtrQkFoQmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlDQUF5QztvQkFDbkQsUUFBUSxFQUFFOzs7Ozs7R0FNVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyx1QkFBdUI7NEJBQ2xDLEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7aUJBQ0g7aUlBd0JVLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBtYXAsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgVGFibGVTdG9yZSB9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvdGFibGUtc3RvcmUnO1xyXG5pbXBvcnQgeyBEaWN0aW9uYXJ5IH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9kaWN0aW9uYXJ5JztcclxuaW1wb3J0IHsgRmllbGRUeXBlLCBNZXRhRGF0YSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LWRlZic7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0Yi1pbi1saXN0LWZpbHRlciAsIFt0Yi1pbi1saXN0LWZpbHRlcl0nLFxyXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2Yga2V5VmFsdWVzJCB8IGFzeW5jfCBrZXl2YWx1ZVwiID5cbiAgICA8bWF0LWNoZWNrYm94IFtjaGVja2VkXT0nc2VsZWN0ZWRLZXlzLmluY2x1ZGVzKGl0ZW0ua2V5KScgc3RvcC1wcm9wYWdhdGlvbiAoY2hhbmdlKT0nc2VsZWN0RmlsdGVyQ2hhbmdlZCgkZXZlbnQsIGl0ZW0ua2V5KScgPlxuICAgICAge3ttZXRhRGF0YS5maWVsZFR5cGUgPT09IEZpZWxkVHlwZS5FbnVtID8gKGl0ZW0udmFsdWUgfCBzcGFjZUNhc2UpIDogaXRlbS52YWx1ZX19XG4gICAgPC9tYXQtY2hlY2tib3g+XG4gIDwvZGl2PlxuICBgLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW3tcclxuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgdXNlRXhpc3Rpbmc6IEluTGlzdEZpbHRlckNvbXBvbmVudCxcclxuICAgIG11bHRpOiB0cnVlXHJcbiAgfV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEluTGlzdEZpbHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIHRhYmxlU3RhdGU6IFRhYmxlU3RvcmUgKSB7fVxyXG4gIHZhbHVlOiBzdHJpbmdbXSA9IFtdO1xyXG4gIEZpZWxkVHlwZSA9IEZpZWxkVHlwZTtcclxuICB3cml0ZVZhbHVlKG9iajogc3RyaW5nW10pOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSBvYmo7XHJcblxyXG4gICAgaWYodGhpcy52YWx1ZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkS2V5cyA9IHRoaXMudmFsdWUubWFwKCBmID0+IGYgKTtcclxuICAgIH1cclxuICAgIHRoaXMucmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuICBvblRvdWNoZWQgPSAoKSA9PiB7IH07XHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcbiAgQElucHV0KCkga2V5ITogc3RyaW5nO1xyXG5cclxuICBrZXlWYWx1ZXMkISA6IE9ic2VydmFibGU8RGljdGlvbmFyeTxzdHJpbmc+PjtcclxuICBzZWxlY3RlZEtleXMgOiBzdHJpbmdbXSA9IFtdO1xyXG4gIG1ldGFEYXRhITogTWV0YURhdGE7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5rZXlWYWx1ZXMkID0gdGhpcy50YWJsZVN0YXRlLmdldE1ldGFEYXRhJCh0aGlzLmtleSkucGlwZShcclxuICAgICAgdGFwKG1ldGFEYXRhID0+IHRoaXMubWV0YURhdGEgPSBtZXRhRGF0YSksXHJcbiAgICAgIG1hcCggbWV0YURhdGEgPT4ge1xyXG4gICAgICAgIGlmKG1ldGFEYXRhLmFkZGl0aW9uYWw/LmZpbHRlck9wdGlvbnM/LmZpbHRlcmFibGVWYWx1ZXMgKSB7XHJcbiAgICAgICAgICByZXR1cm4gIG1ldGFEYXRhLmFkZGl0aW9uYWwuZmlsdGVyT3B0aW9ucy5maWx0ZXJhYmxlVmFsdWVzLnJlZHVjZSggKHByZXY6IGFueSwgY3VyKT0+IHsgcHJldltjdXJdID0gY3VyOyByZXR1cm4gcHJldiB9LCB7fSk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIGlmKG1ldGFEYXRhLmZpZWxkVHlwZSA9PT0gRmllbGRUeXBlLkVudW0gKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBtZXRhRGF0YS5hZGRpdGlvbmFsIS5lbnVtTWFwO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4ge307XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0RmlsdGVyQ2hhbmdlZCgkZXZlbnQsIHZhbCkge1xyXG4gICAgaWYoJGV2ZW50LmNoZWNrZWQpIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZEtleXMucHVzaCh2YWwpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZEtleXMgPSB0aGlzLnNlbGVjdGVkS2V5cy5maWx0ZXIoIGl0ZW0gPT4gaXRlbSAhPT0gdmFsKTtcclxuICAgIH1cclxuXHJcbiAgIHRoaXMudmFsdWUgPSB0aGlzLnNlbGVjdGVkS2V5cztcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=