@deenruv/admin-ui 1.0.0

package/esm2022/core/shared/components/data-table-filter-label/data-table-filter-label.component.mjs

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { from, merge, of, Subject, switchMap } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../localized-text/localized-text.component";
+import * as i3 from "@ngx-translate/core";
+import * as i4 from "../../pipes/locale-date.pipe";
+import * as i5 from "../../pipes/locale-currency.pipe";
+export class DataTableFilterLabelComponent {
+    ngOnInit() {
+        const filterValueUpdate$ = new Subject();
+        this.filterWithValue.onUpdate(() => filterValueUpdate$.next());
+        this.customFilterLabel$ = merge(of(this.filterWithValue), filterValueUpdate$).pipe(switchMap(() => {
+            if (this.filterWithValue?.filter.type.kind === 'custom') {
+                const labelResult = this.filterWithValue.filter.type.getLabel(this.filterWithValue.value);
+                return typeof labelResult === 'string' ? of(labelResult) : from(labelResult);
+            }
+            else {
+                return of('');
+            }
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableFilterLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DataTableFilterLabelComponent, selector: "vdr-data-table-filter-label", inputs: { filterWithValue: "filterWithValue" }, ngImport: i0, template: "<span><vdr-localized-text [text]=\"filterWithValue.filter.label\" />:</span>\n<div>\n    <ng-container *ngIf=\"filterWithValue.isSelect()\">\n        {{ filterWithValue.value?.join(', ') }}\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isId()\">\n        <span *ngIf=\"filterWithValue.value?.operator === 'eq'\">{{ 'common.operator-eq' | translate }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'notEq'\">{{\n            'common.operator-not-eq' | translate\n        }}</span>\n        <span> \"{{ filterWithValue.value?.term }}\"</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isText()\">\n        <span *ngIf=\"filterWithValue.value?.operator === 'contains'\">{{\n            'common.operator-contains' | translate\n        }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'eq'\">{{ 'common.operator-eq' | translate }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'notContains'\">{{\n            'common.operator-notContains' | translate\n        }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'notEq'\">{{\n            'common.operator-not-eq' | translate\n        }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'regex'\">{{\n            'common.operator-regex' | translate\n        }}</span>\n        <span> \"{{ filterWithValue.value?.term }}\"</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isBoolean()\">\n        <span *ngIf=\"filterWithValue?.value\">{{ 'common.boolean-true' | translate }}</span>\n        <span *ngIf=\"!filterWithValue?.value\">{{ 'common.boolean-false' | translate }}</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isDateRange()\">\n        <ng-container *ngIf=\"filterWithValue.value.mode === 'relative'\">\n            <span *ngIf=\"filterWithValue.value.relativeUnit === 'day'\">\n                {{ 'datetime.relative-past-days' | translate: { count: filterWithValue.value.relativeValue } }}\n            </span>\n            <span *ngIf=\"filterWithValue.value.relativeUnit === 'month'\">\n                {{ 'datetime.relative-past-months' | translate: { count: filterWithValue.value.relativeValue } }}\n            </span>\n            <span *ngIf=\"filterWithValue.value.relativeUnit === 'year'\">\n                {{ 'datetime.relative-past-years' | translate: { count: filterWithValue.value.relativeValue } }}\n            </span>\n        </ng-container>\n        <ng-container *ngIf=\"filterWithValue.value.mode === 'range'\">\n            <span *ngIf=\"filterWithValue.value?.start && filterWithValue.value?.end\">\n                {{ filterWithValue.value?.start | localeDate : 'shortDate' }} -\n                {{ filterWithValue.value?.end | localeDate : 'shortDate' }}\n            </span>\n            <span *ngIf=\"filterWithValue.value?.start && !filterWithValue.value?.end\">\n                > {{ filterWithValue.value?.start | localeDate : 'shortDate' }}\n            </span>\n            <span *ngIf=\"filterWithValue.value?.end && !filterWithValue.value?.start\">\n                < {{ filterWithValue.value?.end | localeDate : 'shortDate' }}\n            </span>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isNumber()\">\n        <span *ngIf=\"filterWithValue.value?.operator === 'eq'\"> = </span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'gt'\"> > </span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'lt'\"> < </span>\n        <span *ngIf=\"$any(filterWithValue.filter.type).inputType === 'currency'\">{{\n            +filterWithValue.value?.amount | localeCurrency\n        }}</span>\n        <span *ngIf=\"$any(filterWithValue.filter.type).inputType !== 'currency'\">{{\n            +filterWithValue.value?.amount\n        }}</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isCustom()\">\n        <span>{{ customFilterLabel$ | async }}</span>\n    </ng-container>\n</div>\n", styles: [":host{display:flex;gap:calc(var(--space-unit) / 2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LocalizedTextComponent, selector: "vdr-localized-text", inputs: ["text"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: i5.LocaleCurrencyPipe, name: "localeCurrency" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableFilterLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-data-table-filter-label', changeDetection: ChangeDetectionStrategy.Default, template: "<span><vdr-localized-text [text]=\"filterWithValue.filter.label\" />:</span>\n<div>\n    <ng-container *ngIf=\"filterWithValue.isSelect()\">\n        {{ filterWithValue.value?.join(', ') }}\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isId()\">\n        <span *ngIf=\"filterWithValue.value?.operator === 'eq'\">{{ 'common.operator-eq' | translate }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'notEq'\">{{\n            'common.operator-not-eq' | translate\n        }}</span>\n        <span> \"{{ filterWithValue.value?.term }}\"</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isText()\">\n        <span *ngIf=\"filterWithValue.value?.operator === 'contains'\">{{\n            'common.operator-contains' | translate\n        }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'eq'\">{{ 'common.operator-eq' | translate }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'notContains'\">{{\n            'common.operator-notContains' | translate\n        }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'notEq'\">{{\n            'common.operator-not-eq' | translate\n        }}</span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'regex'\">{{\n            'common.operator-regex' | translate\n        }}</span>\n        <span> \"{{ filterWithValue.value?.term }}\"</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isBoolean()\">\n        <span *ngIf=\"filterWithValue?.value\">{{ 'common.boolean-true' | translate }}</span>\n        <span *ngIf=\"!filterWithValue?.value\">{{ 'common.boolean-false' | translate }}</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isDateRange()\">\n        <ng-container *ngIf=\"filterWithValue.value.mode === 'relative'\">\n            <span *ngIf=\"filterWithValue.value.relativeUnit === 'day'\">\n                {{ 'datetime.relative-past-days' | translate: { count: filterWithValue.value.relativeValue } }}\n            </span>\n            <span *ngIf=\"filterWithValue.value.relativeUnit === 'month'\">\n                {{ 'datetime.relative-past-months' | translate: { count: filterWithValue.value.relativeValue } }}\n            </span>\n            <span *ngIf=\"filterWithValue.value.relativeUnit === 'year'\">\n                {{ 'datetime.relative-past-years' | translate: { count: filterWithValue.value.relativeValue } }}\n            </span>\n        </ng-container>\n        <ng-container *ngIf=\"filterWithValue.value.mode === 'range'\">\n            <span *ngIf=\"filterWithValue.value?.start && filterWithValue.value?.end\">\n                {{ filterWithValue.value?.start | localeDate : 'shortDate' }} -\n                {{ filterWithValue.value?.end | localeDate : 'shortDate' }}\n            </span>\n            <span *ngIf=\"filterWithValue.value?.start && !filterWithValue.value?.end\">\n                > {{ filterWithValue.value?.start | localeDate : 'shortDate' }}\n            </span>\n            <span *ngIf=\"filterWithValue.value?.end && !filterWithValue.value?.start\">\n                < {{ filterWithValue.value?.end | localeDate : 'shortDate' }}\n            </span>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isNumber()\">\n        <span *ngIf=\"filterWithValue.value?.operator === 'eq'\"> = </span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'gt'\"> > </span>\n        <span *ngIf=\"filterWithValue.value?.operator === 'lt'\"> < </span>\n        <span *ngIf=\"$any(filterWithValue.filter.type).inputType === 'currency'\">{{\n            +filterWithValue.value?.amount | localeCurrency\n        }}</span>\n        <span *ngIf=\"$any(filterWithValue.filter.type).inputType !== 'currency'\">{{\n            +filterWithValue.value?.amount\n        }}</span>\n    </ng-container>\n    <ng-container *ngIf=\"filterWithValue.isCustom()\">\n        <span>{{ customFilterLabel$ | async }}</span>\n    </ng-container>\n</div>\n", styles: [":host{display:flex;gap:calc(var(--space-unit) / 2)}\n"] }]
+        }], propDecorators: { filterWithValue: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1maWx0ZXItbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9kYXRhLXRhYmxlLWZpbHRlci1sYWJlbC9kYXRhLXRhYmxlLWZpbHRlci1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2RhdGEtdGFibGUtZmlsdGVyLWxhYmVsL2RhdGEtdGFibGUtZmlsdGVyLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFjLEVBQUUsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBV3ZFLE1BQU0sT0FBTyw2QkFBNkI7SUFJdEMsUUFBUTtRQUNKLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUMvQyxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQy9ELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDLElBQUksQ0FDOUUsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNYLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLEVBQUUsQ0FBQztnQkFDdEQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUMxRixPQUFPLE9BQU8sV0FBVyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDakYsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ2xCLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FDTCxDQUFDO0lBQ04sQ0FBQzsrR0FqQlEsNkJBQTZCO21HQUE3Qiw2QkFBNkIsbUhDWjFDLCs3SEF3RUE7OzRGRDVEYSw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0ksNkJBQTZCLG1CQUd0Qix1QkFBdUIsQ0FBQyxPQUFPOzhCQUd2QyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZnJvbSwgbWVyZ2UsIE9ic2VydmFibGUsIG9mLCBTdWJqZWN0LCBzd2l0Y2hNYXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IExhbmd1YWdlQ29kZSwgTG9jYWxpemVkU3RyaW5nIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2dlbmVyYXRlZC10eXBlcyc7XG5pbXBvcnQgeyBEYXRhVGFibGVGaWx0ZXIgfSBmcm9tICcuLi8uLi8uLi9wcm92aWRlcnMvZGF0YS10YWJsZS9kYXRhLXRhYmxlLWZpbHRlcic7XG5pbXBvcnQgeyBGaWx0ZXJXaXRoVmFsdWUgfSBmcm9tICcuLi8uLi8uLi9wcm92aWRlcnMvZGF0YS10YWJsZS9kYXRhLXRhYmxlLWZpbHRlci1jb2xsZWN0aW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItZGF0YS10YWJsZS1maWx0ZXItbGFiZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRhLXRhYmxlLWZpbHRlci1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YS10YWJsZS1maWx0ZXItbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG59KVxuZXhwb3J0IGNsYXNzIERhdGFUYWJsZUZpbHRlckxhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBmaWx0ZXJXaXRoVmFsdWU6IEZpbHRlcldpdGhWYWx1ZTtcbiAgICBwcm90ZWN0ZWQgY3VzdG9tRmlsdGVyTGFiZWwkPzogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIGNvbnN0IGZpbHRlclZhbHVlVXBkYXRlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gICAgICAgIHRoaXMuZmlsdGVyV2l0aFZhbHVlLm9uVXBkYXRlKCgpID0+IGZpbHRlclZhbHVlVXBkYXRlJC5uZXh0KCkpO1xuICAgICAgICB0aGlzLmN1c3RvbUZpbHRlckxhYmVsJCA9IG1lcmdlKG9mKHRoaXMuZmlsdGVyV2l0aFZhbHVlKSwgZmlsdGVyVmFsdWVVcGRhdGUkKS5waXBlKFxuICAgICAgICAgICAgc3dpdGNoTWFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5maWx0ZXJXaXRoVmFsdWU/LmZpbHRlci50eXBlLmtpbmQgPT09ICdjdXN0b20nKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGxhYmVsUmVzdWx0ID0gdGhpcy5maWx0ZXJXaXRoVmFsdWUuZmlsdGVyLnR5cGUuZ2V0TGFiZWwodGhpcy5maWx0ZXJXaXRoVmFsdWUudmFsdWUpO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gdHlwZW9mIGxhYmVsUmVzdWx0ID09PSAnc3RyaW5nJyA/IG9mKGxhYmVsUmVzdWx0KSA6IGZyb20obGFiZWxSZXN1bHQpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBvZignJyk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSksXG4gICAgICAgICk7XG4gICAgfVxufVxuIiwiPHNwYW4+PHZkci1sb2NhbGl6ZWQtdGV4dCBbdGV4dF09XCJmaWx0ZXJXaXRoVmFsdWUuZmlsdGVyLmxhYmVsXCIgLz46PC9zcGFuPlxuPGRpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLmlzU2VsZWN0KClcIj5cbiAgICAgICAge3sgZmlsdGVyV2l0aFZhbHVlLnZhbHVlPy5qb2luKCcsICcpIH19XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS5pc0lkKClcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWUudmFsdWU/Lm9wZXJhdG9yID09PSAnZXEnXCI+e3sgJ2NvbW1vbi5vcGVyYXRvci1lcScgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLnZhbHVlPy5vcGVyYXRvciA9PT0gJ25vdEVxJ1wiPnt7XG4gICAgICAgICAgICAnY29tbW9uLm9wZXJhdG9yLW5vdC1lcScgfCB0cmFuc2xhdGVcbiAgICAgICAgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuPiBcInt7IGZpbHRlcldpdGhWYWx1ZS52YWx1ZT8udGVybSB9fVwiPC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWUuaXNUZXh0KClcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWUudmFsdWU/Lm9wZXJhdG9yID09PSAnY29udGFpbnMnXCI+e3tcbiAgICAgICAgICAgICdjb21tb24ub3BlcmF0b3ItY29udGFpbnMnIHwgdHJhbnNsYXRlXG4gICAgICAgIH19PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZT8ub3BlcmF0b3IgPT09ICdlcSdcIj57eyAnY29tbW9uLm9wZXJhdG9yLWVxJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWUudmFsdWU/Lm9wZXJhdG9yID09PSAnbm90Q29udGFpbnMnXCI+e3tcbiAgICAgICAgICAgICdjb21tb24ub3BlcmF0b3Itbm90Q29udGFpbnMnIHwgdHJhbnNsYXRlXG4gICAgICAgIH19PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZT8ub3BlcmF0b3IgPT09ICdub3RFcSdcIj57e1xuICAgICAgICAgICAgJ2NvbW1vbi5vcGVyYXRvci1ub3QtZXEnIHwgdHJhbnNsYXRlXG4gICAgICAgIH19PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZT8ub3BlcmF0b3IgPT09ICdyZWdleCdcIj57e1xuICAgICAgICAgICAgJ2NvbW1vbi5vcGVyYXRvci1yZWdleCcgfCB0cmFuc2xhdGVcbiAgICAgICAgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuPiBcInt7IGZpbHRlcldpdGhWYWx1ZS52YWx1ZT8udGVybSB9fVwiPC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWUuaXNCb29sZWFuKClcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWU/LnZhbHVlXCI+e3sgJ2NvbW1vbi5ib29sZWFuLXRydWUnIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cIiFmaWx0ZXJXaXRoVmFsdWU/LnZhbHVlXCI+e3sgJ2NvbW1vbi5ib29sZWFuLWZhbHNlJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLmlzRGF0ZVJhbmdlKClcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZS5tb2RlID09PSAncmVsYXRpdmUnXCI+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZS5yZWxhdGl2ZVVuaXQgPT09ICdkYXknXCI+XG4gICAgICAgICAgICAgICAge3sgJ2RhdGV0aW1lLnJlbGF0aXZlLXBhc3QtZGF5cycgfCB0cmFuc2xhdGU6IHsgY291bnQ6IGZpbHRlcldpdGhWYWx1ZS52YWx1ZS5yZWxhdGl2ZVZhbHVlIH0gfX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLnZhbHVlLnJlbGF0aXZlVW5pdCA9PT0gJ21vbnRoJ1wiPlxuICAgICAgICAgICAgICAgIHt7ICdkYXRldGltZS5yZWxhdGl2ZS1wYXN0LW1vbnRocycgfCB0cmFuc2xhdGU6IHsgY291bnQ6IGZpbHRlcldpdGhWYWx1ZS52YWx1ZS5yZWxhdGl2ZVZhbHVlIH0gfX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLnZhbHVlLnJlbGF0aXZlVW5pdCA9PT0gJ3llYXInXCI+XG4gICAgICAgICAgICAgICAge3sgJ2RhdGV0aW1lLnJlbGF0aXZlLXBhc3QteWVhcnMnIHwgdHJhbnNsYXRlOiB7IGNvdW50OiBmaWx0ZXJXaXRoVmFsdWUudmFsdWUucmVsYXRpdmVWYWx1ZSB9IH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLnZhbHVlLm1vZGUgPT09ICdyYW5nZSdcIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLnZhbHVlPy5zdGFydCAmJiBmaWx0ZXJXaXRoVmFsdWUudmFsdWU/LmVuZFwiPlxuICAgICAgICAgICAgICAgIHt7IGZpbHRlcldpdGhWYWx1ZS52YWx1ZT8uc3RhcnQgfCBsb2NhbGVEYXRlIDogJ3Nob3J0RGF0ZScgfX0gLVxuICAgICAgICAgICAgICAgIHt7IGZpbHRlcldpdGhWYWx1ZS52YWx1ZT8uZW5kIHwgbG9jYWxlRGF0ZSA6ICdzaG9ydERhdGUnIH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZT8uc3RhcnQgJiYgIWZpbHRlcldpdGhWYWx1ZS52YWx1ZT8uZW5kXCI+XG4gICAgICAgICAgICAgICAgPiB7eyBmaWx0ZXJXaXRoVmFsdWUudmFsdWU/LnN0YXJ0IHwgbG9jYWxlRGF0ZSA6ICdzaG9ydERhdGUnIH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZT8uZW5kICYmICFmaWx0ZXJXaXRoVmFsdWUudmFsdWU/LnN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgPCB7eyBmaWx0ZXJXaXRoVmFsdWUudmFsdWU/LmVuZCB8IGxvY2FsZURhdGUgOiAnc2hvcnREYXRlJyB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLmlzTnVtYmVyKClcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWUudmFsdWU/Lm9wZXJhdG9yID09PSAnZXEnXCI+ID0gPC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImZpbHRlcldpdGhWYWx1ZS52YWx1ZT8ub3BlcmF0b3IgPT09ICdndCdcIj4gPiA8L3NwYW4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiZmlsdGVyV2l0aFZhbHVlLnZhbHVlPy5vcGVyYXRvciA9PT0gJ2x0J1wiPiA8IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIkYW55KGZpbHRlcldpdGhWYWx1ZS5maWx0ZXIudHlwZSkuaW5wdXRUeXBlID09PSAnY3VycmVuY3knXCI+e3tcbiAgICAgICAgICAgICtmaWx0ZXJXaXRoVmFsdWUudmFsdWU/LmFtb3VudCB8IGxvY2FsZUN1cnJlbmN5XG4gICAgICAgIH19PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cIiRhbnkoZmlsdGVyV2l0aFZhbHVlLmZpbHRlci50eXBlKS5pbnB1dFR5cGUgIT09ICdjdXJyZW5jeSdcIj57e1xuICAgICAgICAgICAgK2ZpbHRlcldpdGhWYWx1ZS52YWx1ZT8uYW1vdW50XG4gICAgICAgIH19PC9zcGFuPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWx0ZXJXaXRoVmFsdWUuaXNDdXN0b20oKVwiPlxuICAgICAgICA8c3Bhbj57eyBjdXN0b21GaWx0ZXJMYWJlbCQgfCBhc3luYyB9fTwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

package/esm2022/core/shared/components/data-table-filter-presets/add-filter-preset-button.component.mjs

@@ -0,0 +1,69 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild, } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { merge, Subject } from 'rxjs';
+import { distinctUntilChanged, map, takeUntil } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./filter-preset.service";
+import * as i2 from "@angular/router";
+import * as i3 from "@clr/angular";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/cdk/a11y";
+import * as i6 from "../form-field/form-field-control.directive";
+import * as i7 from "../dropdown/dropdown.component";
+import * as i8 from "../dropdown/dropdown-menu.component";
+import * as i9 from "../dropdown/dropdown-trigger.directive";
+import * as i10 from "@ngx-translate/core";
+export class AddFilterPresetButtonComponent {
+    constructor(filterPresetService, changeDetector, route) {
+        this.filterPresetService = filterPresetService;
+        this.changeDetector = changeDetector;
+        this.route = route;
+        this.filterPresetName = new FormControl('');
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        merge(this.route.queryParamMap.pipe(map(qpm => qpm.get('filters')), distinctUntilChanged(), takeUntil(this.destroy$)), this.filterPresetService.presetChanges$, this.filters.valueChanges).subscribe(() => {
+            this.changeDetector.markForCheck();
+            this.updateSelectedFilterPreset();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    saveFilterPreset() {
+        const name = this.filterPresetName.value;
+        if (this.filters && name) {
+            const value = this.filters.serialize();
+            this.filterPresetService.saveFilterPreset({
+                dataTableId: this.dataTableId,
+                name,
+                value,
+            });
+            this.filterPresetName.setValue('');
+            this.addPresetDropdown.toggleOpen();
+        }
+        this.updateSelectedFilterPreset();
+    }
+    updateSelectedFilterPreset() {
+        this.selectedFilterPreset = this.filterPresetService
+            .getFilterPresets(this.dataTableId)
+            .find(p => p.value === this.filters.serialize())?.name;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AddFilterPresetButtonComponent, deps: [{ token: i1.FilterPresetService }, { token: i0.ChangeDetectorRef }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AddFilterPresetButtonComponent, selector: "vdr-add-filter-preset-button", inputs: { dataTableId: "dataTableId", filters: "filters" }, viewQueries: [{ propertyName: "addPresetDropdown", first: true, predicate: ["addPresetDropdown"], descendants: true }], ngImport: i0, template: "<vdr-dropdown #addPresetDropdown>\n    <button\n        class=\"add-preset-button mt-1\"\n        vdrDropdownTrigger\n        [class.visible]=\"filters.activeFilters.length > 0 && !selectedFilterPreset\"\n        [disabled]=\"filters.activeFilters.length === 0 || !!selectedFilterPreset\"\n    >\n        <clr-icon shape=\"floppy\"/>\n        <div>{{ 'common.save-filter-preset' | translate }}</div>\n    </button>\n    <vdr-dropdown-menu\n        vdrPosition=\"bottom-left\"\n        [cdkTrapFocus]=\"true\"\n        [cdkTrapFocusAutoCapture]=\"true\"\n    >\n        <form class=\"mx-1\">\n            <div>\n                <input\n                    type=\"text\"\n                    [placeholder]=\"'common.filter-preset-name' | translate\"\n                    [formControl]=\"filterPresetName\"\n                />\n            </div>\n            <div class=\"preset-create-row\">\n                <button class=\"button mt-2\" (click)=\"saveFilterPreset()\">\n                    {{ 'common.create' | translate }}\n                </button>\n            </div>\n        </form>\n    </vdr-dropdown-menu>\n</vdr-dropdown>\n", styles: [".add-preset-button{display:flex;flex-direction:row;cursor:pointer;gap:6px;align-items:center;border:none;padding:0 var(--space-unit);height:calc(var(--space-unit) * 3);font-size:var(--font-size-xs);border-radius:var(--border-radius-lg);background-color:var(--color-button-small-bg);color:var(--color-button-small-text);opacity:0;transition:opacity .2s}.add-preset-button.visible{opacity:1}.preset-create-row{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i3.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.FormFieldControlDirective, selector: "input, textarea, select, vdr-currency-input" }, { kind: "component", type: i7.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { kind: "component", type: i8.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition", "customClasses"] }, { kind: "directive", type: i9.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AddFilterPresetButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-add-filter-preset-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vdr-dropdown #addPresetDropdown>\n    <button\n        class=\"add-preset-button mt-1\"\n        vdrDropdownTrigger\n        [class.visible]=\"filters.activeFilters.length > 0 && !selectedFilterPreset\"\n        [disabled]=\"filters.activeFilters.length === 0 || !!selectedFilterPreset\"\n    >\n        <clr-icon shape=\"floppy\"/>\n        <div>{{ 'common.save-filter-preset' | translate }}</div>\n    </button>\n    <vdr-dropdown-menu\n        vdrPosition=\"bottom-left\"\n        [cdkTrapFocus]=\"true\"\n        [cdkTrapFocusAutoCapture]=\"true\"\n    >\n        <form class=\"mx-1\">\n            <div>\n                <input\n                    type=\"text\"\n                    [placeholder]=\"'common.filter-preset-name' | translate\"\n                    [formControl]=\"filterPresetName\"\n                />\n            </div>\n            <div class=\"preset-create-row\">\n                <button class=\"button mt-2\" (click)=\"saveFilterPreset()\">\n                    {{ 'common.create' | translate }}\n                </button>\n            </div>\n        </form>\n    </vdr-dropdown-menu>\n</vdr-dropdown>\n", styles: [".add-preset-button{display:flex;flex-direction:row;cursor:pointer;gap:6px;align-items:center;border:none;padding:0 var(--space-unit);height:calc(var(--space-unit) * 3);font-size:var(--font-size-xs);border-radius:var(--border-radius-lg);background-color:var(--color-button-small-bg);color:var(--color-button-small-text);opacity:0;transition:opacity .2s}.add-preset-button.visible{opacity:1}.preset-create-row{display:flex;justify-content:flex-end}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FilterPresetService }, { type: i0.ChangeDetectorRef }, { type: i2.ActivatedRoute }], propDecorators: { dataTableId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], filters: [{
+                type: Input,
+                args: [{ required: true }]
+            }], addPresetDropdown: [{
+                type: ViewChild,
+                args: ['addPresetDropdown']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLWZpbHRlci1wcmVzZXQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZGF0YS10YWJsZS1maWx0ZXItcHJlc2V0cy9hZGQtZmlsdGVyLXByZXNldC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9kYXRhLXRhYmxlLWZpbHRlci1wcmVzZXRzL2FkZC1maWx0ZXItcHJlc2V0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEVBR0wsU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7Ozs7QUFXdEUsTUFBTSxPQUFPLDhCQUE4QjtJQVF2QyxZQUNZLG1CQUF3QyxFQUN4QyxjQUFpQyxFQUNqQyxLQUFxQjtRQUZyQix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBQ3hDLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUNqQyxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQU5qQyxxQkFBZ0IsR0FBRyxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMvQixhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQU1wQyxDQUFDO0lBRUosUUFBUTtRQUNKLEtBQUssQ0FDRCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ3pCLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsRUFDOUIsb0JBQW9CLEVBQUUsRUFDdEIsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FDM0IsRUFDRCxJQUFJLENBQUMsbUJBQW1CLENBQUMsY0FBYyxFQUN2QyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FDNUIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0I7UUFDWixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDO1FBQ3pDLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN2QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDdEMsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO2dCQUM3QixJQUFJO2dCQUNKLEtBQUs7YUFDUixDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN4QyxDQUFDO1FBQ0QsSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVPLDBCQUEwQjtRQUM5QixJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLG1CQUFtQjthQUMvQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO2FBQ2xDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQyxFQUFFLElBQUksQ0FBQztJQUMvRCxDQUFDOytHQXJEUSw4QkFBOEI7bUdBQTlCLDhCQUE4Qix3UEN2QjNDLCttQ0ErQkE7OzRGRFJhLDhCQUE4QjtrQkFOMUMsU0FBUzsrQkFDSSw4QkFBOEIsbUJBR3ZCLHVCQUF1QixDQUFDLE1BQU07cUpBR3BCLFdBQVc7c0JBQXJDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE9BQU87c0JBQWpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNPLGlCQUFpQjtzQkFBaEQsU0FBUzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IG1lcmdlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBEYXRhVGFibGVGaWx0ZXJDb2xsZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL2RhdGEtdGFibGUvZGF0YS10YWJsZS1maWx0ZXItY29sbGVjdGlvbic7XG5pbXBvcnQgeyBEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4uL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGaWx0ZXJQcmVzZXRTZXJ2aWNlIH0gZnJvbSAnLi9maWx0ZXItcHJlc2V0LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1hZGQtZmlsdGVyLXByZXNldC1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hZGQtZmlsdGVyLXByZXNldC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FkZC1maWx0ZXItcHJlc2V0LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBZGRGaWx0ZXJQcmVzZXRCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgZGF0YVRhYmxlSWQ6IHN0cmluZztcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBmaWx0ZXJzOiBEYXRhVGFibGVGaWx0ZXJDb2xsZWN0aW9uO1xuICAgIEBWaWV3Q2hpbGQoJ2FkZFByZXNldERyb3Bkb3duJykgYWRkUHJlc2V0RHJvcGRvd246IERyb3Bkb3duQ29tcG9uZW50O1xuICAgIHNlbGVjdGVkRmlsdGVyUHJlc2V0OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICAgZmlsdGVyUHJlc2V0TmFtZSA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG4gICAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBmaWx0ZXJQcmVzZXRTZXJ2aWNlOiBGaWx0ZXJQcmVzZXRTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgcHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICAgKSB7fVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIG1lcmdlKFxuICAgICAgICAgICAgdGhpcy5yb3V0ZS5xdWVyeVBhcmFtTWFwLnBpcGUoXG4gICAgICAgICAgICAgICAgbWFwKHFwbSA9PiBxcG0uZ2V0KCdmaWx0ZXJzJykpLFxuICAgICAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpLFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyUHJlc2V0U2VydmljZS5wcmVzZXRDaGFuZ2VzJCxcbiAgICAgICAgICAgIHRoaXMuZmlsdGVycy52YWx1ZUNoYW5nZXMsXG4gICAgICAgICkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgICB0aGlzLnVwZGF0ZVNlbGVjdGVkRmlsdGVyUHJlc2V0KCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIHNhdmVGaWx0ZXJQcmVzZXQoKSB7XG4gICAgICAgIGNvbnN0IG5hbWUgPSB0aGlzLmZpbHRlclByZXNldE5hbWUudmFsdWU7XG4gICAgICAgIGlmICh0aGlzLmZpbHRlcnMgJiYgbmFtZSkge1xuICAgICAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLmZpbHRlcnMuc2VyaWFsaXplKCk7XG4gICAgICAgICAgICB0aGlzLmZpbHRlclByZXNldFNlcnZpY2Uuc2F2ZUZpbHRlclByZXNldCh7XG4gICAgICAgICAgICAgICAgZGF0YVRhYmxlSWQ6IHRoaXMuZGF0YVRhYmxlSWQsXG4gICAgICAgICAgICAgICAgbmFtZSxcbiAgICAgICAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgdGhpcy5maWx0ZXJQcmVzZXROYW1lLnNldFZhbHVlKCcnKTtcbiAgICAgICAgICAgIHRoaXMuYWRkUHJlc2V0RHJvcGRvd24udG9nZ2xlT3BlbigpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMudXBkYXRlU2VsZWN0ZWRGaWx0ZXJQcmVzZXQoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHVwZGF0ZVNlbGVjdGVkRmlsdGVyUHJlc2V0KCkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkRmlsdGVyUHJlc2V0ID0gdGhpcy5maWx0ZXJQcmVzZXRTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0RmlsdGVyUHJlc2V0cyh0aGlzLmRhdGFUYWJsZUlkKVxuICAgICAgICAgICAgLmZpbmQocCA9PiBwLnZhbHVlID09PSB0aGlzLmZpbHRlcnMuc2VyaWFsaXplKCkpPy5uYW1lO1xuICAgIH1cbn1cbiIsIjx2ZHItZHJvcGRvd24gI2FkZFByZXNldERyb3Bkb3duPlxuICAgIDxidXR0b25cbiAgICAgICAgY2xhc3M9XCJhZGQtcHJlc2V0LWJ1dHRvbiBtdC0xXCJcbiAgICAgICAgdmRyRHJvcGRvd25UcmlnZ2VyXG4gICAgICAgIFtjbGFzcy52aXNpYmxlXT1cImZpbHRlcnMuYWN0aXZlRmlsdGVycy5sZW5ndGggPiAwICYmICFzZWxlY3RlZEZpbHRlclByZXNldFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJmaWx0ZXJzLmFjdGl2ZUZpbHRlcnMubGVuZ3RoID09PSAwIHx8ICEhc2VsZWN0ZWRGaWx0ZXJQcmVzZXRcIlxuICAgID5cbiAgICAgICAgPGNsci1pY29uIHNoYXBlPVwiZmxvcHB5XCIvPlxuICAgICAgICA8ZGl2Pnt7ICdjb21tb24uc2F2ZS1maWx0ZXItcHJlc2V0JyB8IHRyYW5zbGF0ZSB9fTwvZGl2PlxuICAgIDwvYnV0dG9uPlxuICAgIDx2ZHItZHJvcGRvd24tbWVudVxuICAgICAgICB2ZHJQb3NpdGlvbj1cImJvdHRvbS1sZWZ0XCJcbiAgICAgICAgW2Nka1RyYXBGb2N1c109XCJ0cnVlXCJcbiAgICAgICAgW2Nka1RyYXBGb2N1c0F1dG9DYXB0dXJlXT1cInRydWVcIlxuICAgID5cbiAgICAgICAgPGZvcm0gY2xhc3M9XCJteC0xXCI+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCInY29tbW9uLmZpbHRlci1wcmVzZXQtbmFtZScgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZmlsdGVyUHJlc2V0TmFtZVwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByZXNldC1jcmVhdGUtcm93XCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbiBtdC0yXCIgKGNsaWNrKT1cInNhdmVGaWx0ZXJQcmVzZXQoKVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyAnY29tbW9uLmNyZWF0ZScgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Zvcm0+XG4gICAgPC92ZHItZHJvcGRvd24tbWVudT5cbjwvdmRyLWRyb3Bkb3duPlxuIl19

package/esm2022/core/shared/components/data-table-filter-presets/data-table-filter-presets.component.mjs

@@ -0,0 +1,80 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { distinctUntilChanged, map, startWith, takeUntil } from 'rxjs/operators';
+import { RenameFilterPresetDialogComponent } from './rename-filter-preset-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "./filter-preset.service";
+import * as i3 from "../../../providers/modal/modal.service";
+import * as i4 from "@clr/angular";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/cdk/drag-drop";
+import * as i7 from "../dropdown/dropdown.component";
+import * as i8 from "../dropdown/dropdown-menu.component";
+import * as i9 from "../dropdown/dropdown-trigger.directive";
+import * as i10 from "../dropdown/dropdown-item.directive";
+import * as i11 from "@ngx-translate/core";
+export class DataTableFilterPresetsComponent {
+    constructor(route, filterPresetService, modalService, changeDetectorRef) {
+        this.route = route;
+        this.filterPresetService = filterPresetService;
+        this.modalService = modalService;
+        this.changeDetectorRef = changeDetectorRef;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.route.queryParamMap
+            .pipe(map(qpm => qpm.get('filters')), distinctUntilChanged(), takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.serializedActiveFilters = this.filters.serialize();
+            this.changeDetectorRef.markForCheck();
+        });
+        this.serializedActiveFilters = this.filters.serialize();
+        this.filterPresets$ = this.filterPresetService.presetChanges$.pipe(startWith(this.filterPresetService.getFilterPresets(this.dataTableId)));
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    deleteFilterPreset(name) {
+        this.filterPresetService.deleteFilterPreset({
+            dataTableId: this.dataTableId,
+            name,
+        });
+        this.serializedActiveFilters = this.filters.serialize();
+    }
+    renameFilterPreset(name) {
+        this.modalService
+            .fromComponent(RenameFilterPresetDialogComponent, {
+            closable: true,
+            locals: {
+                name,
+            },
+        })
+            .subscribe(result => {
+            if (result) {
+                this.filterPresetService.renameFilterPreset({
+                    dataTableId: this.dataTableId,
+                    oldName: name,
+                    newName: result,
+                });
+            }
+        });
+    }
+    drop(event) {
+        this.filterPresetService.reorderPresets(this.dataTableId, event.previousIndex, event.currentIndex);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableFilterPresetsComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.FilterPresetService }, { token: i3.ModalService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DataTableFilterPresetsComponent, selector: "vdr-data-table-filter-presets", inputs: { dataTableId: "dataTableId", filters: "filters" }, ngImport: i0, template: "<ng-container *ngIf=\"filterPresets$ | async as filterPresets\">\n    <div\n        class=\"preset-tabs\"\n        *ngIf=\"filters && filterPresets.length\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"drop($event)\"\n    >\n        <div\n            *ngFor=\"let preset of filterPresets\"\n            class=\"preset-tab\"\n            [class.active]=\"preset.value === serializedActiveFilters\"\n            cdkDrag\n            cdkDragBoundary=\".preset-tabs\"\n            cdkDragLockAxis=\"x\"\n        >\n            <div class=\"drag-handle\" cdkDragHandle>\n                <clr-icon shape=\"drag-handle\"></clr-icon>\n            </div>\n            <a\n                [routerLink]=\"['./']\"\n                [queryParams]=\"preset.value === serializedActiveFilters ? {} : { filters: preset.value, page: 1 }\"\n            >\n                <div>{{ preset.name }}</div>\n            </a>\n            <vdr-dropdown>\n                <button class=\"icon-button\" vdrDropdownTrigger>\n                    <clr-icon shape=\"ellipsis-vertical\" size=\"12\"/>\n                </button>\n                <vdr-dropdown-menu vdrPosition=\"bottom-left\">\n                    <button vdrDropdownItem (click)=\"renameFilterPreset(preset.name)\">\n                        <clr-icon shape=\"edit\"></clr-icon>\n                        {{ 'common.rename-filter-preset' | translate }}\n                    </button>\n                    <button vdrDropdownItem (click)=\"deleteFilterPreset(preset.name)\">\n                        <clr-icon shape=\"trash\" class=\"is-danger\"></clr-icon>\n                        {{ 'common.delete' | translate }}\n                    </button>\n                </vdr-dropdown-menu>\n            </vdr-dropdown>\n        </div>\n    </div>\n</ng-container>\n", styles: [".preset-tabs{padding-inline-start:var(--surface-margin-left);margin:var(--space-unit) 0;gap:calc(var(--space-unit) * .5);display:flex;overflow-x:auto;overflow-y:hidden}.preset-tab{display:flex;align-items:center;gap:calc(var(--space-unit) * .5);font-size:var(--font-size-sm);white-space:nowrap;text-transform:none;padding:0 calc(var(--space-unit) * 1);border:1px solid var(--color-weight-300);border-radius:var(--border-radius-lg);cursor:pointer}.preset-tab>a{padding-inline-end:0;color:var(--color-weight-600)}.preset-tab.active{border-color:var(--color-primary-700);background-color:var(--color-primary-700);color:var(--color-primary-100)}.preset-tab.active>a{color:var(--color-primary-100)}.preset-tab.active button.icon-button{color:var(--color-primary-100)}.preset-tab-link{display:flex;align-items:center;gap:calc(var(--space-unit) * .5)}.drag-handle{cursor:move}.cdk-drag-preview{box-sizing:border-box;opacity:.8;background:var(--color-weight-100);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.preset-tabs.cdk-drop-list-dragging .preset-tab:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: i4.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i7.DropdownComponent, selector: "vdr-dropdown", inputs: ["manualToggle"] }, { kind: "component", type: i8.DropdownMenuComponent, selector: "vdr-dropdown-menu", inputs: ["vdrPosition", "customClasses"] }, { kind: "directive", type: i9.DropdownTriggerDirective, selector: "[vdrDropdownTrigger]" }, { kind: "directive", type: i10.DropdownItemDirective, selector: "[vdrDropdownItem]" }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableFilterPresetsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-data-table-filter-presets', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"filterPresets$ | async as filterPresets\">\n    <div\n        class=\"preset-tabs\"\n        *ngIf=\"filters && filterPresets.length\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"drop($event)\"\n    >\n        <div\n            *ngFor=\"let preset of filterPresets\"\n            class=\"preset-tab\"\n            [class.active]=\"preset.value === serializedActiveFilters\"\n            cdkDrag\n            cdkDragBoundary=\".preset-tabs\"\n            cdkDragLockAxis=\"x\"\n        >\n            <div class=\"drag-handle\" cdkDragHandle>\n                <clr-icon shape=\"drag-handle\"></clr-icon>\n            </div>\n            <a\n                [routerLink]=\"['./']\"\n                [queryParams]=\"preset.value === serializedActiveFilters ? {} : { filters: preset.value, page: 1 }\"\n            >\n                <div>{{ preset.name }}</div>\n            </a>\n            <vdr-dropdown>\n                <button class=\"icon-button\" vdrDropdownTrigger>\n                    <clr-icon shape=\"ellipsis-vertical\" size=\"12\"/>\n                </button>\n                <vdr-dropdown-menu vdrPosition=\"bottom-left\">\n                    <button vdrDropdownItem (click)=\"renameFilterPreset(preset.name)\">\n                        <clr-icon shape=\"edit\"></clr-icon>\n                        {{ 'common.rename-filter-preset' | translate }}\n                    </button>\n                    <button vdrDropdownItem (click)=\"deleteFilterPreset(preset.name)\">\n                        <clr-icon shape=\"trash\" class=\"is-danger\"></clr-icon>\n                        {{ 'common.delete' | translate }}\n                    </button>\n                </vdr-dropdown-menu>\n            </vdr-dropdown>\n        </div>\n    </div>\n</ng-container>\n", styles: [".preset-tabs{padding-inline-start:var(--surface-margin-left);margin:var(--space-unit) 0;gap:calc(var(--space-unit) * .5);display:flex;overflow-x:auto;overflow-y:hidden}.preset-tab{display:flex;align-items:center;gap:calc(var(--space-unit) * .5);font-size:var(--font-size-sm);white-space:nowrap;text-transform:none;padding:0 calc(var(--space-unit) * 1);border:1px solid var(--color-weight-300);border-radius:var(--border-radius-lg);cursor:pointer}.preset-tab>a{padding-inline-end:0;color:var(--color-weight-600)}.preset-tab.active{border-color:var(--color-primary-700);background-color:var(--color-primary-700);color:var(--color-primary-100)}.preset-tab.active>a{color:var(--color-primary-100)}.preset-tab.active button.icon-button{color:var(--color-primary-100)}.preset-tab-link{display:flex;align-items:center;gap:calc(var(--space-unit) * .5)}.drag-handle{cursor:move}.cdk-drag-preview{box-sizing:border-box;opacity:.8;background:var(--color-weight-100);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.preset-tabs.cdk-drop-list-dragging .preset-tab:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i2.FilterPresetService }, { type: i3.ModalService }, { type: i0.ChangeDetectorRef }], propDecorators: { dataTableId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], filters: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1maWx0ZXItcHJlc2V0cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2RhdGEtdGFibGUtZmlsdGVyLXByZXNldHMvZGF0YS10YWJsZS1maWx0ZXItcHJlc2V0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL2RhdGEtdGFibGUtZmlsdGVyLXByZXNldHMvZGF0YS10YWJsZS1maWx0ZXItcHJlc2V0cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0gsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEdBR1IsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUlqRixPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7Ozs7Ozs7Ozs7OztBQVE1RixNQUFNLE9BQU8sK0JBQStCO0lBUXhDLFlBQ1ksS0FBcUIsRUFDckIsbUJBQXdDLEVBQ3hDLFlBQTBCLEVBQzFCLGlCQUFvQztRQUhwQyxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUNyQix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBQ3hDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFOeEMsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFPcEMsQ0FBQztJQUNKLFFBQVE7UUFDSixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWE7YUFDbkIsSUFBSSxDQUNELEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUMsRUFDOUIsb0JBQW9CLEVBQUUsRUFDdEIsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FDM0I7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDeEQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUFDO1FBQ1AsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFFeEQsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsY0FBYyxDQUFDLElBQUksQ0FDOUQsU0FBUyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FDekUsQ0FBQztJQUNOLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxJQUFZO1FBQzNCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxrQkFBa0IsQ0FBQztZQUN4QyxXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVc7WUFDN0IsSUFBSTtTQUNQLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQzVELENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxJQUFZO1FBQzNCLElBQUksQ0FBQyxZQUFZO2FBQ1osYUFBYSxDQUFDLGlDQUFpQyxFQUFFO1lBQzlDLFFBQVEsRUFBRSxJQUFJO1lBQ2QsTUFBTSxFQUFFO2dCQUNKLElBQUk7YUFDUDtTQUNKLENBQUM7YUFDRCxTQUFTLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDaEIsSUFBSSxNQUFNLEVBQUUsQ0FBQztnQkFDVCxJQUFJLENBQUMsbUJBQW1CLENBQUMsa0JBQWtCLENBQUM7b0JBQ3hDLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztvQkFDN0IsT0FBTyxFQUFFLElBQUk7b0JBQ2IsT0FBTyxFQUFFLE1BQU07aUJBQ2xCLENBQUMsQ0FBQztZQUNQLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBdUI7UUFDeEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3ZHLENBQUM7K0dBbEVRLCtCQUErQjttR0FBL0IsK0JBQStCLGlJQ3ZCNUMseXpEQTJDQTs7NEZEcEJhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDSSwrQkFBK0IsbUJBR3hCLHVCQUF1QixDQUFDLE1BQU07Z0xBR3BCLFdBQVc7c0JBQXJDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE9BQU87c0JBQWpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrRHJhZ0Ryb3AgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc3RhcnRXaXRoLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBEYXRhVGFibGVGaWx0ZXJDb2xsZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL2RhdGEtdGFibGUvZGF0YS10YWJsZS1maWx0ZXItY29sbGVjdGlvbic7XG5pbXBvcnQgeyBNb2RhbFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9wcm92aWRlcnMvbW9kYWwvbW9kYWwuc2VydmljZSc7XG5pbXBvcnQgeyBGaWx0ZXJQcmVzZXRTZXJ2aWNlIH0gZnJvbSAnLi9maWx0ZXItcHJlc2V0LnNlcnZpY2UnO1xuaW1wb3J0IHsgUmVuYW1lRmlsdGVyUHJlc2V0RGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9yZW5hbWUtZmlsdGVyLXByZXNldC1kaWFsb2cuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItZGF0YS10YWJsZS1maWx0ZXItcHJlc2V0cycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtdGFibGUtZmlsdGVyLXByZXNldHMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RhdGEtdGFibGUtZmlsdGVyLXByZXNldHMuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YVRhYmxlRmlsdGVyUHJlc2V0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBkYXRhVGFibGVJZDogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGZpbHRlcnM6IERhdGFUYWJsZUZpbHRlckNvbGxlY3Rpb247XG4gICAgc2VyaWFsaXplZEFjdGl2ZUZpbHRlcnM6IHN0cmluZztcbiAgICBmaWx0ZXJQcmVzZXRzJDogT2JzZXJ2YWJsZTxBcnJheTx7IG5hbWU6IHN0cmluZzsgdmFsdWU6IHN0cmluZyB9Pj47XG5cbiAgICBwcml2YXRlIGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcbiAgICAgICAgcHJpdmF0ZSBmaWx0ZXJQcmVzZXRTZXJ2aWNlOiBGaWx0ZXJQcmVzZXRTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIG1vZGFsU2VydmljZTogTW9kYWxTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICApIHt9XG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMucm91dGUucXVlcnlQYXJhbU1hcFxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgbWFwKHFwbSA9PiBxcG0uZ2V0KCdmaWx0ZXJzJykpLFxuICAgICAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZXJpYWxpemVkQWN0aXZlRmlsdGVycyA9IHRoaXMuZmlsdGVycy5zZXJpYWxpemUoKTtcbiAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuc2VyaWFsaXplZEFjdGl2ZUZpbHRlcnMgPSB0aGlzLmZpbHRlcnMuc2VyaWFsaXplKCk7XG5cbiAgICAgICAgdGhpcy5maWx0ZXJQcmVzZXRzJCA9IHRoaXMuZmlsdGVyUHJlc2V0U2VydmljZS5wcmVzZXRDaGFuZ2VzJC5waXBlKFxuICAgICAgICAgICAgc3RhcnRXaXRoKHRoaXMuZmlsdGVyUHJlc2V0U2VydmljZS5nZXRGaWx0ZXJQcmVzZXRzKHRoaXMuZGF0YVRhYmxlSWQpKSxcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XG4gICAgICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgICB9XG5cbiAgICBkZWxldGVGaWx0ZXJQcmVzZXQobmFtZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuZmlsdGVyUHJlc2V0U2VydmljZS5kZWxldGVGaWx0ZXJQcmVzZXQoe1xuICAgICAgICAgICAgZGF0YVRhYmxlSWQ6IHRoaXMuZGF0YVRhYmxlSWQsXG4gICAgICAgICAgICBuYW1lLFxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5zZXJpYWxpemVkQWN0aXZlRmlsdGVycyA9IHRoaXMuZmlsdGVycy5zZXJpYWxpemUoKTtcbiAgICB9XG5cbiAgICByZW5hbWVGaWx0ZXJQcmVzZXQobmFtZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMubW9kYWxTZXJ2aWNlXG4gICAgICAgICAgICAuZnJvbUNvbXBvbmVudChSZW5hbWVGaWx0ZXJQcmVzZXREaWFsb2dDb21wb25lbnQsIHtcbiAgICAgICAgICAgICAgICBjbG9zYWJsZTogdHJ1ZSxcbiAgICAgICAgICAgICAgICBsb2NhbHM6IHtcbiAgICAgICAgICAgICAgICAgICAgbmFtZSxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzdWx0ID0+IHtcbiAgICAgICAgICAgICAgICBpZiAocmVzdWx0KSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZmlsdGVyUHJlc2V0U2VydmljZS5yZW5hbWVGaWx0ZXJQcmVzZXQoe1xuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YVRhYmxlSWQ6IHRoaXMuZGF0YVRhYmxlSWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBvbGROYW1lOiBuYW1lLFxuICAgICAgICAgICAgICAgICAgICAgICAgbmV3TmFtZTogcmVzdWx0LFxuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBkcm9wKGV2ZW50OiBDZGtEcmFnRHJvcDxhbnk+KSB7XG4gICAgICAgIHRoaXMuZmlsdGVyUHJlc2V0U2VydmljZS5yZW9yZGVyUHJlc2V0cyh0aGlzLmRhdGFUYWJsZUlkLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJmaWx0ZXJQcmVzZXRzJCB8IGFzeW5jIGFzIGZpbHRlclByZXNldHNcIj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwicHJlc2V0LXRhYnNcIlxuICAgICAgICAqbmdJZj1cImZpbHRlcnMgJiYgZmlsdGVyUHJlc2V0cy5sZW5ndGhcIlxuICAgICAgICBjZGtEcm9wTGlzdFxuICAgICAgICBjZGtEcm9wTGlzdE9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gICAgICAgIChjZGtEcm9wTGlzdERyb3BwZWQpPVwiZHJvcCgkZXZlbnQpXCJcbiAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBwcmVzZXQgb2YgZmlsdGVyUHJlc2V0c1wiXG4gICAgICAgICAgICBjbGFzcz1cInByZXNldC10YWJcIlxuICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJwcmVzZXQudmFsdWUgPT09IHNlcmlhbGl6ZWRBY3RpdmVGaWx0ZXJzXCJcbiAgICAgICAgICAgIGNka0RyYWdcbiAgICAgICAgICAgIGNka0RyYWdCb3VuZGFyeT1cIi5wcmVzZXQtdGFic1wiXG4gICAgICAgICAgICBjZGtEcmFnTG9ja0F4aXM9XCJ4XCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRyYWctaGFuZGxlXCIgY2RrRHJhZ0hhbmRsZT5cbiAgICAgICAgICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJkcmFnLWhhbmRsZVwiPjwvY2xyLWljb24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiWycuLyddXCJcbiAgICAgICAgICAgICAgICBbcXVlcnlQYXJhbXNdPVwicHJlc2V0LnZhbHVlID09PSBzZXJpYWxpemVkQWN0aXZlRmlsdGVycyA/IHt9IDogeyBmaWx0ZXJzOiBwcmVzZXQudmFsdWUsIHBhZ2U6IDEgfVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdj57eyBwcmVzZXQubmFtZSB9fTwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgPHZkci1kcm9wZG93bj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiaWNvbi1idXR0b25cIiB2ZHJEcm9wZG93blRyaWdnZXI+XG4gICAgICAgICAgICAgICAgICAgIDxjbHItaWNvbiBzaGFwZT1cImVsbGlwc2lzLXZlcnRpY2FsXCIgc2l6ZT1cIjEyXCIvPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDx2ZHItZHJvcGRvd24tbWVudSB2ZHJQb3NpdGlvbj1cImJvdHRvbS1sZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gdmRyRHJvcGRvd25JdGVtIChjbGljayk9XCJyZW5hbWVGaWx0ZXJQcmVzZXQocHJlc2V0Lm5hbWUpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Y2xyLWljb24gc2hhcGU9XCJlZGl0XCI+PC9jbHItaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7ICdjb21tb24ucmVuYW1lLWZpbHRlci1wcmVzZXQnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHZkckRyb3Bkb3duSXRlbSAoY2xpY2spPVwiZGVsZXRlRmlsdGVyUHJlc2V0KHByZXNldC5uYW1lKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwidHJhc2hcIiBjbGFzcz1cImlzLWRhbmdlclwiPjwvY2xyLWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyAnY29tbW9uLmRlbGV0ZScgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC92ZHItZHJvcGRvd24tbWVudT5cbiAgICAgICAgICAgIDwvdmRyLWRyb3Bkb3duPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/core/shared/components/data-table-filter-presets/filter-preset.service.mjs

@@ -0,0 +1,79 @@
+import { moveItemInArray } from '@angular/cdk/drag-drop';
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../providers/local-storage/local-storage.service";
+export class FilterPresetService {
+    constructor(localStorageService) {
+        this.localStorageService = localStorageService;
+        this._presetChanges = new Subject();
+        this.presetChanges$ = this._presetChanges.asObservable();
+    }
+    getDataTableConfig(dataTableId) {
+        const dataTableConfig = this.localStorageService.get('dataTableConfig') ?? {};
+        if (!dataTableConfig[dataTableId]) {
+            dataTableConfig[dataTableId] = {
+                visibility: [],
+                order: {},
+                showSearchFilterRow: false,
+                filterPresets: [],
+            };
+        }
+        return dataTableConfig;
+    }
+    getFilterPresets(dataTableId) {
+        const dataTableConfig = this.getDataTableConfig(dataTableId);
+        return dataTableConfig[dataTableId].filterPresets ?? [];
+    }
+    saveFilterPreset(config) {
+        const dataTableConfig = this.getDataTableConfig(config.dataTableId);
+        const filterPresets = dataTableConfig[config.dataTableId].filterPresets ?? [];
+        const existingName = filterPresets.find(p => p.name === config.name);
+        if (existingName) {
+            existingName.value = config.value;
+        }
+        else {
+            filterPresets.push({
+                name: config.name,
+                value: config.value,
+            });
+        }
+        dataTableConfig[config.dataTableId].filterPresets = filterPresets;
+        this.localStorageService.set('dataTableConfig', dataTableConfig);
+        this._presetChanges.next(filterPresets);
+    }
+    deleteFilterPreset(config) {
+        const dataTableConfig = this.getDataTableConfig(config.dataTableId);
+        dataTableConfig[config.dataTableId].filterPresets = dataTableConfig[config.dataTableId].filterPresets.filter(p => p.name !== config.name);
+        this.localStorageService.set('dataTableConfig', dataTableConfig);
+        this._presetChanges.next(dataTableConfig[config.dataTableId].filterPresets);
+    }
+    reorderPresets(dataTableId, fromIndex, toIndex) {
+        const presets = this.getFilterPresets(dataTableId);
+        moveItemInArray(presets, fromIndex, toIndex);
+        const dataTableConfig = this.getDataTableConfig(dataTableId);
+        dataTableConfig[dataTableId].filterPresets = presets;
+        this.localStorageService.set('dataTableConfig', dataTableConfig);
+        this._presetChanges.next(presets);
+    }
+    renameFilterPreset(config) {
+        const dataTableConfig = this.getDataTableConfig(config.dataTableId);
+        const filterPresets = dataTableConfig[config.dataTableId].filterPresets ?? [];
+        const existingName = filterPresets.find(p => p.name === config.oldName);
+        if (existingName) {
+            existingName.name = config.newName;
+            dataTableConfig[config.dataTableId].filterPresets = filterPresets;
+            this.localStorageService.set('dataTableConfig', dataTableConfig);
+            this._presetChanges.next(filterPresets);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPresetService, deps: [{ token: i1.LocalStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPresetService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPresetService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.LocalStorageService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXByZXNldC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9kYXRhLXRhYmxlLWZpbHRlci1wcmVzZXRzL2ZpbHRlci1wcmVzZXQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFNM0MsTUFBTSxPQUFPLG1CQUFtQjtJQUk1QixZQUFvQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUZwRCxtQkFBYyxHQUFHLElBQUksT0FBTyxFQUEwQyxDQUFDO1FBRzNFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM3RCxDQUFDO0lBRVMsa0JBQWtCLENBQUMsV0FBbUI7UUFDNUMsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM5RSxJQUFJLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDaEMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxHQUFHO2dCQUMzQixVQUFVLEVBQUUsRUFBRTtnQkFDZCxLQUFLLEVBQUUsRUFBRTtnQkFDVCxtQkFBbUIsRUFBRSxLQUFLO2dCQUMxQixhQUFhLEVBQUUsRUFBRTthQUNwQixDQUFDO1FBQ04sQ0FBQztRQUNELE9BQU8sZUFBZSxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxXQUFtQjtRQUNoQyxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDN0QsT0FBTyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUMsYUFBYSxJQUFJLEVBQUUsQ0FBQztJQUM1RCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsTUFBNEQ7UUFDekUsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNwRSxNQUFNLGFBQWEsR0FBRyxlQUFlLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGFBQWEsSUFBSSxFQUFFLENBQUM7UUFDOUUsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3JFLElBQUksWUFBWSxFQUFFLENBQUM7WUFDZixZQUFZLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDdEMsQ0FBQzthQUFNLENBQUM7WUFDSixhQUFhLENBQUMsSUFBSSxDQUFDO2dCQUNmLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDakIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO2FBQ3RCLENBQUMsQ0FBQztRQUNQLENBQUM7UUFDRCxlQUFlLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7UUFDbEUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsTUFBNkM7UUFDNUQsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNwRSxlQUFlLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGFBQWEsR0FBRyxlQUFlLENBQy9ELE1BQU0sQ0FBQyxXQUFXLENBQ3JCLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQsY0FBYyxDQUFDLFdBQW1CLEVBQUUsU0FBaUIsRUFBRSxPQUFlO1FBQ2xFLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNuRCxlQUFlLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUM3QyxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDN0QsZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGFBQWEsR0FBRyxPQUFPLENBQUM7UUFDckQsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUNqRSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsTUFBaUU7UUFDaEYsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNwRSxNQUFNLGFBQWEsR0FBRyxlQUFlLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGFBQWEsSUFBSSxFQUFFLENBQUM7UUFDOUUsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3hFLElBQUksWUFBWSxFQUFFLENBQUM7WUFDZixZQUFZLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7WUFDbkMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxhQUFhLEdBQUcsYUFBYSxDQUFDO1lBQ2xFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsZUFBZSxDQUFDLENBQUM7WUFDakUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDNUMsQ0FBQztJQUNMLENBQUM7K0dBdkVRLG1CQUFtQjttSEFBbkIsbUJBQW1CLGNBRmhCLE1BQU07OzRGQUVULG1CQUFtQjtrQkFIL0IsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERhdGFUYWJsZUNvbmZpZywgTG9jYWxTdG9yYWdlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3Byb3ZpZGVycy9sb2NhbC1zdG9yYWdlL2xvY2FsLXN0b3JhZ2Uuc2VydmljZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlclByZXNldFNlcnZpY2Uge1xuICAgIHByZXNldENoYW5nZXMkOiBPYnNlcnZhYmxlPEFycmF5PHsgbmFtZTogc3RyaW5nOyB2YWx1ZTogc3RyaW5nIH0+PjtcbiAgICBwcml2YXRlIF9wcmVzZXRDaGFuZ2VzID0gbmV3IFN1YmplY3Q8QXJyYXk8eyBuYW1lOiBzdHJpbmc7IHZhbHVlOiBzdHJpbmcgfT4+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGxvY2FsU3RvcmFnZVNlcnZpY2U6IExvY2FsU3RvcmFnZVNlcnZpY2UpIHtcbiAgICAgICAgdGhpcy5wcmVzZXRDaGFuZ2VzJCA9IHRoaXMuX3ByZXNldENoYW5nZXMuYXNPYnNlcnZhYmxlKCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldERhdGFUYWJsZUNvbmZpZyhkYXRhVGFibGVJZDogc3RyaW5nKTogRGF0YVRhYmxlQ29uZmlnIHtcbiAgICAgICAgY29uc3QgZGF0YVRhYmxlQ29uZmlnID0gdGhpcy5sb2NhbFN0b3JhZ2VTZXJ2aWNlLmdldCgnZGF0YVRhYmxlQ29uZmlnJykgPz8ge307XG4gICAgICAgIGlmICghZGF0YVRhYmxlQ29uZmlnW2RhdGFUYWJsZUlkXSkge1xuICAgICAgICAgICAgZGF0YVRhYmxlQ29uZmlnW2RhdGFUYWJsZUlkXSA9IHtcbiAgICAgICAgICAgICAgICB2aXNpYmlsaXR5OiBbXSxcbiAgICAgICAgICAgICAgICBvcmRlcjoge30sXG4gICAgICAgICAgICAgICAgc2hvd1NlYXJjaEZpbHRlclJvdzogZmFsc2UsXG4gICAgICAgICAgICAgICAgZmlsdGVyUHJlc2V0czogW10sXG4gICAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBkYXRhVGFibGVDb25maWc7XG4gICAgfVxuXG4gICAgZ2V0RmlsdGVyUHJlc2V0cyhkYXRhVGFibGVJZDogc3RyaW5nKTogQXJyYXk8eyBuYW1lOiBzdHJpbmc7IHZhbHVlOiBzdHJpbmcgfT4ge1xuICAgICAgICBjb25zdCBkYXRhVGFibGVDb25maWcgPSB0aGlzLmdldERhdGFUYWJsZUNvbmZpZyhkYXRhVGFibGVJZCk7XG4gICAgICAgIHJldHVybiBkYXRhVGFibGVDb25maWdbZGF0YVRhYmxlSWRdLmZpbHRlclByZXNldHMgPz8gW107XG4gICAgfVxuXG4gICAgc2F2ZUZpbHRlclByZXNldChjb25maWc6IHsgZGF0YVRhYmxlSWQ6IHN0cmluZzsgbmFtZTogc3RyaW5nOyB2YWx1ZTogc3RyaW5nIH0pIHtcbiAgICAgICAgY29uc3QgZGF0YVRhYmxlQ29uZmlnID0gdGhpcy5nZXREYXRhVGFibGVDb25maWcoY29uZmlnLmRhdGFUYWJsZUlkKTtcbiAgICAgICAgY29uc3QgZmlsdGVyUHJlc2V0cyA9IGRhdGFUYWJsZUNvbmZpZ1tjb25maWcuZGF0YVRhYmxlSWRdLmZpbHRlclByZXNldHMgPz8gW107XG4gICAgICAgIGNvbnN0IGV4aXN0aW5nTmFtZSA9IGZpbHRlclByZXNldHMuZmluZChwID0+IHAubmFtZSA9PT0gY29uZmlnLm5hbWUpO1xuICAgICAgICBpZiAoZXhpc3RpbmdOYW1lKSB7XG4gICAgICAgICAgICBleGlzdGluZ05hbWUudmFsdWUgPSBjb25maWcudmFsdWU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBmaWx0ZXJQcmVzZXRzLnB1c2goe1xuICAgICAgICAgICAgICAgIG5hbWU6IGNvbmZpZy5uYW1lLFxuICAgICAgICAgICAgICAgIHZhbHVlOiBjb25maWcudmFsdWUsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBkYXRhVGFibGVDb25maWdbY29uZmlnLmRhdGFUYWJsZUlkXS5maWx0ZXJQcmVzZXRzID0gZmlsdGVyUHJlc2V0cztcbiAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2VTZXJ2aWNlLnNldCgnZGF0YVRhYmxlQ29uZmlnJywgZGF0YVRhYmxlQ29uZmlnKTtcbiAgICAgICAgdGhpcy5fcHJlc2V0Q2hhbmdlcy5uZXh0KGZpbHRlclByZXNldHMpO1xuICAgIH1cblxuICAgIGRlbGV0ZUZpbHRlclByZXNldChjb25maWc6IHsgZGF0YVRhYmxlSWQ6IHN0cmluZzsgbmFtZTogc3RyaW5nIH0pIHtcbiAgICAgICAgY29uc3QgZGF0YVRhYmxlQ29uZmlnID0gdGhpcy5nZXREYXRhVGFibGVDb25maWcoY29uZmlnLmRhdGFUYWJsZUlkKTtcbiAgICAgICAgZGF0YVRhYmxlQ29uZmlnW2NvbmZpZy5kYXRhVGFibGVJZF0uZmlsdGVyUHJlc2V0cyA9IGRhdGFUYWJsZUNvbmZpZ1tcbiAgICAgICAgICAgIGNvbmZpZy5kYXRhVGFibGVJZFxuICAgICAgICBdLmZpbHRlclByZXNldHMuZmlsdGVyKHAgPT4gcC5uYW1lICE9PSBjb25maWcubmFtZSk7XG4gICAgICAgIHRoaXMubG9jYWxTdG9yYWdlU2VydmljZS5zZXQoJ2RhdGFUYWJsZUNvbmZpZycsIGRhdGFUYWJsZUNvbmZpZyk7XG4gICAgICAgIHRoaXMuX3ByZXNldENoYW5nZXMubmV4dChkYXRhVGFibGVDb25maWdbY29uZmlnLmRhdGFUYWJsZUlkXS5maWx0ZXJQcmVzZXRzKTtcbiAgICB9XG5cbiAgICByZW9yZGVyUHJlc2V0cyhkYXRhVGFibGVJZDogc3RyaW5nLCBmcm9tSW5kZXg6IG51bWJlciwgdG9JbmRleDogbnVtYmVyKSB7XG4gICAgICAgIGNvbnN0IHByZXNldHMgPSB0aGlzLmdldEZpbHRlclByZXNldHMoZGF0YVRhYmxlSWQpO1xuICAgICAgICBtb3ZlSXRlbUluQXJyYXkocHJlc2V0cywgZnJvbUluZGV4LCB0b0luZGV4KTtcbiAgICAgICAgY29uc3QgZGF0YVRhYmxlQ29uZmlnID0gdGhpcy5nZXREYXRhVGFibGVDb25maWcoZGF0YVRhYmxlSWQpO1xuICAgICAgICBkYXRhVGFibGVDb25maWdbZGF0YVRhYmxlSWRdLmZpbHRlclByZXNldHMgPSBwcmVzZXRzO1xuICAgICAgICB0aGlzLmxvY2FsU3RvcmFnZVNlcnZpY2Uuc2V0KCdkYXRhVGFibGVDb25maWcnLCBkYXRhVGFibGVDb25maWcpO1xuICAgICAgICB0aGlzLl9wcmVzZXRDaGFuZ2VzLm5leHQocHJlc2V0cyk7XG4gICAgfVxuXG4gICAgcmVuYW1lRmlsdGVyUHJlc2V0KGNvbmZpZzogeyBkYXRhVGFibGVJZDogc3RyaW5nOyBvbGROYW1lOiBzdHJpbmc7IG5ld05hbWU6IHN0cmluZyB9KSB7XG4gICAgICAgIGNvbnN0IGRhdGFUYWJsZUNvbmZpZyA9IHRoaXMuZ2V0RGF0YVRhYmxlQ29uZmlnKGNvbmZpZy5kYXRhVGFibGVJZCk7XG4gICAgICAgIGNvbnN0IGZpbHRlclByZXNldHMgPSBkYXRhVGFibGVDb25maWdbY29uZmlnLmRhdGFUYWJsZUlkXS5maWx0ZXJQcmVzZXRzID8/IFtdO1xuICAgICAgICBjb25zdCBleGlzdGluZ05hbWUgPSBmaWx0ZXJQcmVzZXRzLmZpbmQocCA9PiBwLm5hbWUgPT09IGNvbmZpZy5vbGROYW1lKTtcbiAgICAgICAgaWYgKGV4aXN0aW5nTmFtZSkge1xuICAgICAgICAgICAgZXhpc3RpbmdOYW1lLm5hbWUgPSBjb25maWcubmV3TmFtZTtcbiAgICAgICAgICAgIGRhdGFUYWJsZUNvbmZpZ1tjb25maWcuZGF0YVRhYmxlSWRdLmZpbHRlclByZXNldHMgPSBmaWx0ZXJQcmVzZXRzO1xuICAgICAgICAgICAgdGhpcy5sb2NhbFN0b3JhZ2VTZXJ2aWNlLnNldCgnZGF0YVRhYmxlQ29uZmlnJywgZGF0YVRhYmxlQ29uZmlnKTtcbiAgICAgICAgICAgIHRoaXMuX3ByZXNldENoYW5nZXMubmV4dChmaWx0ZXJQcmVzZXRzKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==

package/esm2022/core/shared/components/data-table-filter-presets/rename-filter-preset-dialog.component.mjs

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../form-field/form-field.component";
+import * as i3 from "../form-field/form-field-control.directive";
+import * as i4 from "../modal-dialog/dialog-buttons.directive";
+import * as i5 from "../modal-dialog/dialog-title.directive";
+import * as i6 from "@ngx-translate/core";
+export class RenameFilterPresetDialogComponent {
+    rename() {
+        this.resolveWith(this.name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RenameFilterPresetDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RenameFilterPresetDialogComponent, selector: "vdr-rename-filter-preset-dialog", ngImport: i0, template: "<ng-template vdrDialogTitle>\n    {{ 'common.rename-filter-preset' | translate }}\n</ng-template>\n    <vdr-form-field>\n        <input type=\"text\" [(ngModel)]=\"name\">\n    </vdr-form-field>\n<ng-template vdrDialogButtons>\n    <button type=\"submit\" (click)=\"rename()\" [disabled]=\"!name\" class=\"button primary\">\n       {{ 'common.update' | translate }}\n    </button>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormFieldComponent, selector: "vdr-form-field", inputs: ["label", "for", "tooltip", "errors", "readOnlyToggle"], outputs: ["readOnlyToggleChange"] }, { kind: "directive", type: i3.FormFieldControlDirective, selector: "input, textarea, select, vdr-currency-input" }, { kind: "directive", type: i4.DialogButtonsDirective, selector: "[vdrDialogButtons]" }, { kind: "directive", type: i5.DialogTitleDirective, selector: "[vdrDialogTitle]" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RenameFilterPresetDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-rename-filter-preset-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template vdrDialogTitle>\n    {{ 'common.rename-filter-preset' | translate }}\n</ng-template>\n    <vdr-form-field>\n        <input type=\"text\" [(ngModel)]=\"name\">\n    </vdr-form-field>\n<ng-template vdrDialogButtons>\n    <button type=\"submit\" (click)=\"rename()\" [disabled]=\"!name\" class=\"button primary\">\n       {{ 'common.update' | translate }}\n    </button>\n</ng-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuYW1lLWZpbHRlci1wcmVzZXQtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvZGF0YS10YWJsZS1maWx0ZXItcHJlc2V0cy9yZW5hbWUtZmlsdGVyLXByZXNldC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9kYXRhLXRhYmxlLWZpbHRlci1wcmVzZXRzL3JlbmFtZS1maWx0ZXItcHJlc2V0LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVNuRSxNQUFNLE9BQU8saUNBQWlDO0lBSTFDLE1BQU07UUFDRixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQU5RLGlDQUFpQzttR0FBakMsaUNBQWlDLHVFQ1Q5QyxnWkFXQTs7NEZERmEsaUNBQWlDO2tCQU43QyxTQUFTOytCQUNJLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZyB9IGZyb20gJy4uLy4uLy4uL3Byb3ZpZGVycy9tb2RhbC9tb2RhbC50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLXJlbmFtZS1maWx0ZXItcHJlc2V0LWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3JlbmFtZS1maWx0ZXItcHJlc2V0LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcmVuYW1lLWZpbHRlci1wcmVzZXQtZGlhbG9nLmNvbXBvbmVudC5jc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUmVuYW1lRmlsdGVyUHJlc2V0RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgRGlhbG9nPHN0cmluZz4ge1xuICAgIG5hbWU6IHN0cmluZztcbiAgICByZXNvbHZlV2l0aDogKHJlc3VsdD86IHN0cmluZykgPT4gdm9pZDtcblxuICAgIHJlbmFtZSgpIHtcbiAgICAgICAgdGhpcy5yZXNvbHZlV2l0aCh0aGlzLm5hbWUpO1xuICAgIH1cbn1cbiIsIjxuZy10ZW1wbGF0ZSB2ZHJEaWFsb2dUaXRsZT5cbiAgICB7eyAnY29tbW9uLnJlbmFtZS1maWx0ZXItcHJlc2V0JyB8IHRyYW5zbGF0ZSB9fVxuPC9uZy10ZW1wbGF0ZT5cbiAgICA8dmRyLWZvcm0tZmllbGQ+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFsobmdNb2RlbCldPVwibmFtZVwiPlxuICAgIDwvdmRyLWZvcm0tZmllbGQ+XG48bmctdGVtcGxhdGUgdmRyRGlhbG9nQnV0dG9ucz5cbiAgICA8YnV0dG9uIHR5cGU9XCJzdWJtaXRcIiAoY2xpY2spPVwicmVuYW1lKClcIiBbZGlzYWJsZWRdPVwiIW5hbWVcIiBjbGFzcz1cImJ1dHRvbiBwcmltYXJ5XCI+XG4gICAgICAge3sgJ2NvbW1vbi51cGRhdGUnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/core/shared/components/data-table-filters/custom-filter-component.directive.mjs

@@ -0,0 +1,16 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CustomFilterComponentDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomFilterComponentDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: CustomFilterComponentDirective, selector: "[vdrCustomFilterComponentHost]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CustomFilterComponentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vdrCustomFilterComponentHost]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWZpbHRlci1jb21wb25lbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9kYXRhLXRhYmxlLWZpbHRlcnMvY3VzdG9tLWZpbHRlci1jb21wb25lbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDOztBQUs1RCxNQUFNLE9BQU8sOEJBQThCO0lBQ3ZDLFlBQW1CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQUcsQ0FBQzsrR0FEaEQsOEJBQThCO21HQUE5Qiw4QkFBOEI7OzRGQUE5Qiw4QkFBOEI7a0JBSDFDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGdDQUFnQztpQkFDN0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdmRyQ3VzdG9tRmlsdGVyQ29tcG9uZW50SG9zdF0nLFxufSlcbmV4cG9ydCBjbGFzcyBDdXN0b21GaWx0ZXJDb21wb25lbnREaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7fVxufVxuIl19