@recursyve/nice-data-filter-kit 17.0.0 → 18.0.0

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.component.mjs

@@ -90,17 +90,17 @@ export class NiceAdvancedFiltersComponent {
             this.service.filter();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: i1.GeneratedFormGroup }, { token: i2.NiceFilterViewQuery }, { token: i3.NiceFilterViewService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedFiltersComponent, selector: "nice-advanced-filters", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: i1.GeneratedFormGroup }, { token: i2.NiceFilterViewQuery }, { token: i3.NiceFilterViewService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedFiltersComponent, selector: "nice-advanced-filters", providers: [
             NgxFormGeneratorProvider.forFeature([AdvancedFiltersForm]),
             {
                 provide: NICE_ASYNC_TYPEAHEAD_PROVIDER,
                 useClass: AdvancedFiltersAsyncTypeaheadProvider,
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-4\" [formGroup]=\"formGroup\">\n    <div class=\"advanced-filter-title\">{{ \"components.nice_advanced_filters.title\" | translate }}</div>\n\n    <div class=\"flex flex-row gap-12\">\n        <div class=\"advanced-filter-condition\">{{ \"components.nice_advanced_filters.conditions.should_match\" | translate }}</div>\n\n        <mat-radio-group formControlName=\"condition\">\n            <mat-radio-button value=\"and\"><span class=\"ml-4 mr-8\">{{ \"components.nice_advanced_filters.conditions.every\" | translate }}</span></mat-radio-button>\n            <mat-radio-button value=\"or\"><span class=\"ml-4 mr-8\">{{ \"components.nice_advanced_filters.conditions.some\" | translate }}</span></mat-radio-button>\n        </mat-radio-group>\n    </div>\n\n    <div class=\"flex flex-col gap-4\" formArrayName=\"rules\" *ngFor=\"let _ of rulesFormArray.controls; let i = index\">\n        <nice-advanced-rule [filterConfigs]=\"config$ | async\" [formGroupName]=\"i\" (remove)=\"onClickDeleteRule(i)\"></nice-advanced-rule>\n    </div>\n\n    <div>\n        <button class=\"add-condition\" mat-stroked-button color=\"accent\" niceAdvancedFiltersTrigger position=\"topRight\" (advancedFilterSelected)=\"onClickAddRule($event)\">\n            <div class=\"flex items-center gap-4\">\n                <mat-icon [svgIcon]=\"icons.add.svgIcon\">{{ icons.add.matIcon }}</mat-icon>\n\n                <div>{{ \"components.nice_advanced_filters.add_condition\" | translate }}</div>\n            </div>\n        </button>\n    </div>\n\n    <div class=\"flex gap-6 justify-end pt-4\">\n        <button class=\"close-button\" mat-button color=\"accent\" (click)=\"onClose()\">\n            <div class=\"flex items-center gap-4\">\n                <mat-icon [svgIcon]=\"icons.close.svgIcon\">{{ icons.close.matIcon }}</mat-icon>\n\n                <div>{{ \"components.nice_advanced_filters.close\" | translate }}</div>\n            </div>\n        </button>\n\n        <button class=\"refresh-button\" mat-flat-button color=\"accent\" (click)=\"onRefresh()\">\n            <div class=\"flex items-center gap-4\">\n                <mat-icon [svgIcon]=\"icons.refresh.svgIcon\">{{ icons.refresh.matIcon }}</mat-icon>\n\n                <div>{{ \"components.nice_advanced_filters.refresh\" | translate }}</div>\n            </div>\n        </button>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i6.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i6.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i9.NiceAdvancedRuleComponent, selector: "nice-advanced-rule", inputs: ["filterConfigs"], outputs: ["remove"] }, { kind: "directive", type: i10.AdvancedFiltersTriggerDirective, selector: "[niceAdvancedFiltersTrigger]", inputs: ["position"], outputs: ["advancedFilterSelected"], exportAs: ["niceAdvancedFiltersTrigger"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-4\" [formGroup]=\"formGroup\">\n    <div class=\"advanced-filter-title\">{{ \"components.nice_advanced_filters.title\" | translate }}</div>\n\n    <div class=\"flex flex-row gap-12\">\n        <div class=\"advanced-filter-condition\">{{ \"components.nice_advanced_filters.conditions.should_match\" | translate }}</div>\n\n        <mat-radio-group formControlName=\"condition\">\n            <mat-radio-button value=\"and\"><span class=\"ml-4 mr-8\">{{ \"components.nice_advanced_filters.conditions.every\" | translate }}</span></mat-radio-button>\n            <mat-radio-button value=\"or\"><span class=\"ml-4 mr-8\">{{ \"components.nice_advanced_filters.conditions.some\" | translate }}</span></mat-radio-button>\n        </mat-radio-group>\n    </div>\n\n    <div class=\"flex flex-col gap-4\" formArrayName=\"rules\" *ngFor=\"let _ of rulesFormArray.controls; let i = index\">\n        <nice-advanced-rule [filterConfigs]=\"config$ | async\" [formGroupName]=\"i\" (remove)=\"onClickDeleteRule(i)\"></nice-advanced-rule>\n    </div>\n\n    <div>\n        <button class=\"add-condition\" mat-stroked-button color=\"accent\" niceAdvancedFiltersTrigger position=\"topRight\" (advancedFilterSelected)=\"onClickAddRule($event)\">\n            <div class=\"flex items-center gap-4\">\n                <mat-icon [svgIcon]=\"icons.add.svgIcon\">{{ icons.add.matIcon }}</mat-icon>\n\n                <div>{{ \"components.nice_advanced_filters.add_condition\" | translate }}</div>\n            </div>\n        </button>\n    </div>\n\n    <div class=\"flex gap-6 justify-end pt-4\">\n        <button class=\"close-button\" mat-button color=\"accent\" (click)=\"onClose()\">\n            <div class=\"flex items-center gap-4\">\n                <mat-icon [svgIcon]=\"icons.close.svgIcon\">{{ icons.close.matIcon }}</mat-icon>\n\n                <div>{{ \"components.nice_advanced_filters.close\" | translate }}</div>\n            </div>\n        </button>\n\n        <button class=\"refresh-button\" mat-flat-button color=\"accent\" (click)=\"onRefresh()\">\n            <div class=\"flex items-center gap-4\">\n                <mat-icon [svgIcon]=\"icons.refresh.svgIcon\">{{ icons.refresh.matIcon }}</mat-icon>\n\n                <div>{{ \"components.nice_advanced_filters.refresh\" | translate }}</div>\n            </div>\n        </button>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i5.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i5.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i6.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i6.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i9.NiceAdvancedRuleComponent, selector: "nice-advanced-rule", inputs: ["filterConfigs"], outputs: ["remove"] }, { kind: "directive", type: i10.AdvancedFiltersTriggerDirective, selector: "[niceAdvancedFiltersTrigger]", inputs: ["position"], outputs: ["advancedFilterSelected"], exportAs: ["niceAdvancedFiltersTrigger"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-filters", encapsulation: ViewEncapsulation.None, providers: [
                         NgxFormGeneratorProvider.forFeature([AdvancedFiltersForm]),

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.module.mjs

@@ -54,8 +54,8 @@ export class NiceAdvancedFiltersModule {
             ].filter((provider) => !!provider)
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersModule, declarations: [NiceAdvancedFiltersComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersModule, declarations: [NiceAdvancedFiltersComponent,
             NiceAdvancedFiltersButtonComponent,
             NiceAdvancedFilterSelectionComponent,
             NiceAdvancedRuleComponent,
@@ -86,7 +86,7 @@ export class NiceAdvancedFiltersModule {
             NiceTypeaheadModule,
             NiceAsyncTypeaheadModule,
             NgxMaskDirective], exports: [NiceAdvancedFiltersComponent, NiceAdvancedRuleComponent, NiceAdvancedFiltersButtonComponent, AdvancedFiltersTriggerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersModule, imports: [CommonModule,
             ReactiveFormsModule,
             MatRadioModule,
             MatCardModule,
@@ -106,7 +106,7 @@ export class NiceAdvancedFiltersModule {
             NiceTypeaheadModule,
             NiceAsyncTypeaheadModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/button/advanced-filters-button.component.mjs

@@ -28,10 +28,10 @@ export class NiceAdvancedFiltersButtonComponent {
         this.service.updateSubState("showAdvancedFilters", true);
         this.service.updateSubState("selectedFilter", filter);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersButtonComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: i1.NiceFilterViewQuery }, { token: i2.NiceFilterViewService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedFiltersButtonComponent, selector: "nice-advanced-filters-button", ngImport: i0, template: "<div class=\"relative\">\n    <ng-container *ngIf=\"(hasParameters$ | async) && (shouldShowAdvancedFilters$ | async) !== true\">\n        <div class=\"absolute top-1 right-1 w-2 h-2 z-10 rounded bg-accent\"></div>\n\n        <button mat-icon-button (click)=\"clickToggleShowAdvancedFilters()\">\n            <mat-icon [svgIcon]=\"icons.queryBuilder.svgIcon\">{{ icons.queryBuilder.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n\n    <ng-container *ngIf=\"shouldShowAdvancedFilters$ | async\">\n        <button mat-icon-button (click)=\"clickToggleShowAdvancedFilters()\">\n            <mat-icon [svgIcon]=\"icons.close.svgIcon\">{{ icons.close.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n\n    <ng-container *ngIf=\"(hasParameters$ | async) !== true && (shouldShowAdvancedFilters$ | async) !== true\">\n        <button mat-icon-button niceAdvancedFiltersTrigger (advancedFilterSelected)=\"onSelectedFilter($event)\">\n            <mat-icon [svgIcon]=\"icons.queryBuilder.svgIcon\">{{ icons.queryBuilder.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n</div>\n", styles: ["nice-advanced-filters-button{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i6.AdvancedFiltersTriggerDirective, selector: "[niceAdvancedFiltersTrigger]", inputs: ["position"], outputs: ["advancedFilterSelected"], exportAs: ["niceAdvancedFiltersTrigger"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersButtonComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: i1.NiceFilterViewQuery }, { token: i2.NiceFilterViewService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedFiltersButtonComponent, selector: "nice-advanced-filters-button", ngImport: i0, template: "<div class=\"relative\">\n    <ng-container *ngIf=\"(hasParameters$ | async) && (shouldShowAdvancedFilters$ | async) !== true\">\n        <div class=\"absolute top-1 right-1 w-2 h-2 z-10 rounded bg-accent\"></div>\n\n        <button mat-icon-button (click)=\"clickToggleShowAdvancedFilters()\">\n            <mat-icon [svgIcon]=\"icons.queryBuilder.svgIcon\">{{ icons.queryBuilder.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n\n    <ng-container *ngIf=\"shouldShowAdvancedFilters$ | async\">\n        <button mat-icon-button (click)=\"clickToggleShowAdvancedFilters()\">\n            <mat-icon [svgIcon]=\"icons.close.svgIcon\">{{ icons.close.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n\n    <ng-container *ngIf=\"(hasParameters$ | async) !== true && (shouldShowAdvancedFilters$ | async) !== true\">\n        <button mat-icon-button niceAdvancedFiltersTrigger (advancedFilterSelected)=\"onSelectedFilter($event)\">\n            <mat-icon [svgIcon]=\"icons.queryBuilder.svgIcon\">{{ icons.queryBuilder.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n</div>\n", styles: ["nice-advanced-filters-button{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i6.AdvancedFiltersTriggerDirective, selector: "[niceAdvancedFiltersTrigger]", inputs: ["position"], outputs: ["advancedFilterSelected"], exportAs: ["niceAdvancedFiltersTrigger"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFiltersButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFiltersButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-filters-button", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative\">\n    <ng-container *ngIf=\"(hasParameters$ | async) && (shouldShowAdvancedFilters$ | async) !== true\">\n        <div class=\"absolute top-1 right-1 w-2 h-2 z-10 rounded bg-accent\"></div>\n\n        <button mat-icon-button (click)=\"clickToggleShowAdvancedFilters()\">\n            <mat-icon [svgIcon]=\"icons.queryBuilder.svgIcon\">{{ icons.queryBuilder.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n\n    <ng-container *ngIf=\"shouldShowAdvancedFilters$ | async\">\n        <button mat-icon-button (click)=\"clickToggleShowAdvancedFilters()\">\n            <mat-icon [svgIcon]=\"icons.close.svgIcon\">{{ icons.close.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n\n    <ng-container *ngIf=\"(hasParameters$ | async) !== true && (shouldShowAdvancedFilters$ | async) !== true\">\n        <button mat-icon-button niceAdvancedFiltersTrigger (advancedFilterSelected)=\"onSelectedFilter($event)\">\n            <mat-icon [svgIcon]=\"icons.queryBuilder.svgIcon\">{{ icons.queryBuilder.matIcon }}</mat-icon>\n        </button>\n    </ng-container>\n</div>\n", styles: ["nice-advanced-filters-button{width:40px;height:40px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/filter-selection/filter-selection.component.mjs

@@ -37,10 +37,10 @@ export class NiceAdvancedFilterSelectionComponent {
     trackFilter(index, value) {
         return value.id ?? index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFilterSelectionComponent, deps: [{ token: i1.NiceFilterViewQuery }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedFilterSelectionComponent, selector: "nice-advanced-filter-selection", outputs: { filterSelected: "filterSelected" }, ngImport: i0, template: "<mat-card class=\"flex flex-row flex-wrap filter-selection-container\" [niceLoadingOverlay]=\"loading$ | async\">\n    <div [class.md:grid-cols-2]=\"filterGroups.length >= 2\" class=\"grid grid-cols-1 gap-4\" *ngIf=\"filterGroups$ | async as filterGroups\">\n        <div class=\"flex flex-col\" *ngFor=\"let group of filterGroups; trackBy: trackGroups\">\n            <div class=\"filter-group flex items-center gap-4 pb-4\">\n                <ng-container *ngIf=\"group[0].key | niceFilterGroupIcon as icon\">\n                    <i matListItemIcon class=\"group-icon fal\" [ngClass]=\"icon.class\" *ngIf=\"icon.class\"></i>\n                    <mat-icon matListItemIcon class=\"group-icon\" [svgIcon]=\"icon.svgIcon\" *ngIf=\"icon.svgIcon\"></mat-icon>\n                    <mat-icon matListItemIcon class=\"group-icon\" *ngIf=\"icon.matIcon\">{{ icon.matIcon }}</mat-icon>\n                </ng-container>\n\n                <strong class=\"group-name\">{{ group[0].name }}</strong>\n            </div>\n\n            <div class=\"filter-item\" matRipple *ngFor=\"let filter of group[1]; trackBy: trackFilter\"  (click)=\"selectFilter(filter)\">\n                {{ filter?.name }}\n            </div>\n        </div>\n    </div>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i5.NiceLoadingDirective, selector: "[niceLoadingOverlay]", inputs: ["niceLoadingOverlay"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.NiceFilterGroupIconPipe, name: "niceFilterGroupIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFilterSelectionComponent, deps: [{ token: i1.NiceFilterViewQuery }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedFilterSelectionComponent, selector: "nice-advanced-filter-selection", outputs: { filterSelected: "filterSelected" }, ngImport: i0, template: "<mat-card class=\"flex flex-row flex-wrap filter-selection-container\" [niceLoadingOverlay]=\"loading$ | async\">\n    <div [class.md:grid-cols-2]=\"filterGroups.length >= 2\" class=\"grid grid-cols-1 gap-4\" *ngIf=\"filterGroups$ | async as filterGroups\">\n        <div class=\"flex flex-col\" *ngFor=\"let group of filterGroups; trackBy: trackGroups\">\n            <div class=\"filter-group flex items-center gap-4 pb-4\">\n                <ng-container *ngIf=\"group[0].key | niceFilterGroupIcon as icon\">\n                    <i matListItemIcon class=\"group-icon fal\" [ngClass]=\"icon.class\" *ngIf=\"icon.class\"></i>\n                    <mat-icon matListItemIcon class=\"group-icon\" [svgIcon]=\"icon.svgIcon\" *ngIf=\"icon.svgIcon\"></mat-icon>\n                    <mat-icon matListItemIcon class=\"group-icon\" *ngIf=\"icon.matIcon\">{{ icon.matIcon }}</mat-icon>\n                </ng-container>\n\n                <strong class=\"group-name\">{{ group[0].name }}</strong>\n            </div>\n\n            <div class=\"filter-item\" matRipple *ngFor=\"let filter of group[1]; trackBy: trackFilter\"  (click)=\"selectFilter(filter)\">\n                {{ filter?.name }}\n            </div>\n        </div>\n    </div>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i5.NiceLoadingDirective, selector: "[niceLoadingOverlay]", inputs: ["niceLoadingOverlay"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.NiceFilterGroupIconPipe, name: "niceFilterGroupIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedFilterSelectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedFilterSelectionComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-filter-selection", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card class=\"flex flex-row flex-wrap filter-selection-container\" [niceLoadingOverlay]=\"loading$ | async\">\n    <div [class.md:grid-cols-2]=\"filterGroups.length >= 2\" class=\"grid grid-cols-1 gap-4\" *ngIf=\"filterGroups$ | async as filterGroups\">\n        <div class=\"flex flex-col\" *ngFor=\"let group of filterGroups; trackBy: trackGroups\">\n            <div class=\"filter-group flex items-center gap-4 pb-4\">\n                <ng-container *ngIf=\"group[0].key | niceFilterGroupIcon as icon\">\n                    <i matListItemIcon class=\"group-icon fal\" [ngClass]=\"icon.class\" *ngIf=\"icon.class\"></i>\n                    <mat-icon matListItemIcon class=\"group-icon\" [svgIcon]=\"icon.svgIcon\" *ngIf=\"icon.svgIcon\"></mat-icon>\n                    <mat-icon matListItemIcon class=\"group-icon\" *ngIf=\"icon.matIcon\">{{ icon.matIcon }}</mat-icon>\n                </ng-container>\n\n                <strong class=\"group-name\">{{ group[0].name }}</strong>\n            </div>\n\n            <div class=\"filter-item\" matRipple *ngFor=\"let filter of group[1]; trackBy: trackFilter\"  (click)=\"selectFilter(filter)\">\n                {{ filter?.name }}\n            </div>\n        </div>\n    </div>\n</mat-card>\n" }]
         }], ctorParameters: () => [{ type: i1.NiceFilterViewQuery }], propDecorators: { filterSelected: [{

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/providers/async-typeahead.provider.mjs

@@ -1,6 +1,7 @@
 import { Injectable } from "@angular/core";
 import { NiceAsyncTypeaheadProvider } from "@recursyve/nice-ui-kit.v2";
 import { lastValueFrom } from "rxjs";
+import { map } from "rxjs/operators";
 import { NiceFilterService } from "../../../../base-list/providers/base-filter.service";
 import * as i0 from "@angular/core";
 import * as i1 from "../../../../base-list/providers/base-filter.service";
@@ -9,24 +10,32 @@ export class AdvancedFiltersAsyncTypeaheadProvider extends NiceAsyncTypeaheadPro
         super();
         this.filterService = filterService;
         this.resource = "advancedFilter";
+        this.pageSize = 20;
     }
     getById(id, options) {
         return lastValueFrom(this.filterService.searchFilterResourceValue(options.filterConfig, id, { params: options?.queryParams }));
     }
     async search(searchQuery, page, options) {
-        const res = await lastValueFrom(this.filterService.searchFilterValue(options.filterConfig, searchQuery, { params: options?.queryParams }));
-        return {
-            items: res,
-            nextPage: null
-        };
+        return lastValueFrom(this.filterService
+            .searchFilterValue(options.filterConfig, searchQuery, {
+            params: {
+                ...options?.queryParams,
+                page,
+                pageSize: this.pageSize,
+            },
+        })
+            .pipe(map((items) => ({
+            items,
+            nextPage: items.length === this.pageSize ? page + 1 : null,
+        }))));
     }
     format(item) {
         return item.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AdvancedFiltersAsyncTypeaheadProvider, deps: [{ token: i1.NiceFilterService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AdvancedFiltersAsyncTypeaheadProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AdvancedFiltersAsyncTypeaheadProvider, deps: [{ token: i1.NiceFilterService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AdvancedFiltersAsyncTypeaheadProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AdvancedFiltersAsyncTypeaheadProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AdvancedFiltersAsyncTypeaheadProvider, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.NiceFilterService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXN5bmMtdHlwZWFoZWFkLnByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS1kYXRhLWZpbHRlci1raXQvc3JjL2xpYi9jb21wb25lbnRzL25pY2UtZmlsdGVyLXZpZXcvY29tcG9uZW50cy9hZHZhbmNlZC1maWx0ZXJzL3Byb3ZpZGVycy9hc3luYy10eXBlYWhlYWQucHJvdmlkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsMEJBQTBCLEVBQWtDLE1BQU0sMkJBQTJCLENBQUM7QUFDdkcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQzs7O0FBUXhGLE1BQU0sT0FBTyxxQ0FBc0MsU0FBUSwwQkFBNkM7SUFHcEcsWUFBb0IsYUFBcUM7UUFDckQsS0FBSyxFQUFFLENBQUM7UUFEUSxrQkFBYSxHQUFiLGFBQWEsQ0FBd0I7UUFGbEQsYUFBUSxHQUFHLGdCQUFnQixDQUFDO0lBSW5DLENBQUM7SUFFTSxPQUFPLENBQUMsRUFBVSxFQUFFLE9BQTZDO1FBQ3BFLE9BQU8sYUFBYSxDQUNoQixJQUFJLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUN4QyxPQUFPLENBQUMsWUFBWSxFQUNwQixFQUFFLEVBQ0YsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUNuQyxDQUNKLENBQUM7SUFDTixDQUFDO0lBRU0sS0FBSyxDQUFDLE1BQU0sQ0FDZixXQUFtQixFQUNuQixJQUFZLEVBQ1osT0FBNkM7UUFFN0MsTUFBTSxHQUFHLEdBQUcsTUFBTSxhQUFhLENBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQ2hDLE9BQU8sQ0FBQyxZQUFZLEVBQ3BCLFdBQVcsRUFDWCxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQ25DLENBQ0osQ0FBQztRQUNGLE9BQU87WUFDSCxLQUFLLEVBQUUsR0FBRztZQUNWLFFBQVEsRUFBRSxJQUFJO1NBQ2pCLENBQUM7SUFDTixDQUFDO0lBRU0sTUFBTSxDQUFDLElBQXVCO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNyQixDQUFDOytHQXJDUSxxQ0FBcUM7bUhBQXJDLHFDQUFxQzs7NEZBQXJDLHFDQUFxQztrQkFEakQsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTmljZUFzeW5jVHlwZWFoZWFkUHJvdmlkZXIsIE5pY2VBc3luY1R5cGVhaGVhZFNlYXJjaFJlc3VsdCB9IGZyb20gXCJAcmVjdXJzeXZlL25pY2UtdWkta2l0LnYyXCI7XG5pbXBvcnQgeyBsYXN0VmFsdWVGcm9tIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IEZpbHRlckNvbmZpZ3VyYXRpb25Nb2RlbCwgU2VsZWN0RmlsdGVyVmFsdWUgfSBmcm9tIFwiLi4vLi4vLi4vLi4vLi4vbW9kZWxzL2ZpbHRlci5tb2RlbFwiO1xuaW1wb3J0IHsgTmljZUZpbHRlclNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vLi4vLi4vYmFzZS1saXN0L3Byb3ZpZGVycy9iYXNlLWZpbHRlci5zZXJ2aWNlXCI7XG5cbmludGVyZmFjZSBBZHZhbmNlZEZpbHRlcnNBc3luY1R5cGVhaGVhZE9wdGlvbnMge1xuICAgIGZpbHRlckNvbmZpZzogRmlsdGVyQ29uZmlndXJhdGlvbk1vZGVsO1xuICAgIHF1ZXJ5UGFyYW1zPzogUmVjb3JkPHN0cmluZywgYW55Pjtcbn1cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEFkdmFuY2VkRmlsdGVyc0FzeW5jVHlwZWFoZWFkUHJvdmlkZXIgZXh0ZW5kcyBOaWNlQXN5bmNUeXBlYWhlYWRQcm92aWRlcjxTZWxlY3RGaWx0ZXJWYWx1ZT4ge1xuICAgIHB1YmxpYyByZXNvdXJjZSA9IFwiYWR2YW5jZWRGaWx0ZXJcIjtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZmlsdGVyU2VydmljZTogTmljZUZpbHRlclNlcnZpY2U8YW55Pikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXRCeUlkKGlkOiBudW1iZXIsIG9wdGlvbnM6IEFkdmFuY2VkRmlsdGVyc0FzeW5jVHlwZWFoZWFkT3B0aW9ucyk6IFByb21pc2U8U2VsZWN0RmlsdGVyVmFsdWU+IHtcbiAgICAgICAgcmV0dXJuIGxhc3RWYWx1ZUZyb20oXG4gICAgICAgICAgICB0aGlzLmZpbHRlclNlcnZpY2Uuc2VhcmNoRmlsdGVyUmVzb3VyY2VWYWx1ZShcbiAgICAgICAgICAgICAgICBvcHRpb25zLmZpbHRlckNvbmZpZyxcbiAgICAgICAgICAgICAgICBpZCxcbiAgICAgICAgICAgICAgICB7IHBhcmFtczogb3B0aW9ucz8ucXVlcnlQYXJhbXMgfVxuICAgICAgICAgICAgKVxuICAgICAgICApO1xuICAgIH1cblxuICAgIHB1YmxpYyBhc3luYyBzZWFyY2goXG4gICAgICAgIHNlYXJjaFF1ZXJ5OiBzdHJpbmcsXG4gICAgICAgIHBhZ2U6IG51bWJlcixcbiAgICAgICAgb3B0aW9uczogQWR2YW5jZWRGaWx0ZXJzQXN5bmNUeXBlYWhlYWRPcHRpb25zXG4gICAgKTogUHJvbWlzZTxOaWNlQXN5bmNUeXBlYWhlYWRTZWFyY2hSZXN1bHQ8U2VsZWN0RmlsdGVyVmFsdWU+PiB7XG4gICAgICAgIGNvbnN0IHJlcyA9IGF3YWl0IGxhc3RWYWx1ZUZyb20oXG4gICAgICAgICAgICB0aGlzLmZpbHRlclNlcnZpY2Uuc2VhcmNoRmlsdGVyVmFsdWUoXG4gICAgICAgICAgICAgICAgb3B0aW9ucy5maWx0ZXJDb25maWcsXG4gICAgICAgICAgICAgICAgc2VhcmNoUXVlcnksXG4gICAgICAgICAgICAgICAgeyBwYXJhbXM6IG9wdGlvbnM/LnF1ZXJ5UGFyYW1zIH1cbiAgICAgICAgICAgIClcbiAgICAgICAgKTtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGl0ZW1zOiByZXMsXG4gICAgICAgICAgICBuZXh0UGFnZTogbnVsbFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHB1YmxpYyBmb3JtYXQoaXRlbTogU2VsZWN0RmlsdGVyVmFsdWUpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5uYW1lO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXN5bmMtdHlwZWFoZWFkLnByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS1kYXRhLWZpbHRlci1raXQvc3JjL2xpYi9jb21wb25lbnRzL25pY2UtZmlsdGVyLXZpZXcvY29tcG9uZW50cy9hZHZhbmNlZC1maWx0ZXJzL3Byb3ZpZGVycy9hc3luYy10eXBlYWhlYWQucHJvdmlkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsMEJBQTBCLEVBQWtDLE1BQU0sMkJBQTJCLENBQUM7QUFDdkcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNyQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scURBQXFELENBQUM7OztBQVF4RixNQUFNLE9BQU8scUNBQXNDLFNBQVEsMEJBQTZDO0lBS3BHLFlBQW9CLGFBQXFDO1FBQ3JELEtBQUssRUFBRSxDQUFDO1FBRFEsa0JBQWEsR0FBYixhQUFhLENBQXdCO1FBSmxELGFBQVEsR0FBRyxnQkFBZ0IsQ0FBQztRQUUzQixhQUFRLEdBQUcsRUFBRSxDQUFDO0lBSXRCLENBQUM7SUFFTSxPQUFPLENBQUMsRUFBVSxFQUFFLE9BQTZDO1FBQ3BFLE9BQU8sYUFBYSxDQUNoQixJQUFJLENBQUMsYUFBYSxDQUFDLHlCQUF5QixDQUN4QyxPQUFPLENBQUMsWUFBWSxFQUNwQixFQUFFLEVBQ0YsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUNuQyxDQUNKLENBQUM7SUFDTixDQUFDO0lBRU0sS0FBSyxDQUFDLE1BQU0sQ0FDZixXQUFtQixFQUNuQixJQUFZLEVBQ1osT0FBNkM7UUFFN0MsT0FBTyxhQUFhLENBQ2hCLElBQUksQ0FBQyxhQUFhO2FBQ2IsaUJBQWlCLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUU7WUFDbEQsTUFBTSxFQUFFO2dCQUNKLEdBQUcsT0FBTyxFQUFFLFdBQVc7Z0JBQ3ZCLElBQUk7Z0JBQ0osUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO2FBQzFCO1NBQ0osQ0FBQzthQUNELElBQUksQ0FDRCxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDWixLQUFLO1lBQ0wsUUFBUSxFQUFFLEtBQUssQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSTtTQUM3RCxDQUFDLENBQUMsQ0FDTixDQUNSLENBQUM7SUFDTixDQUFDO0lBRU0sTUFBTSxDQUFDLElBQXVCO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNyQixDQUFDOytHQTVDUSxxQ0FBcUM7bUhBQXJDLHFDQUFxQzs7NEZBQXJDLHFDQUFxQztrQkFEakQsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTmljZUFzeW5jVHlwZWFoZWFkUHJvdmlkZXIsIE5pY2VBc3luY1R5cGVhaGVhZFNlYXJjaFJlc3VsdCB9IGZyb20gXCJAcmVjdXJzeXZlL25pY2UtdWkta2l0LnYyXCI7XG5pbXBvcnQgeyBsYXN0VmFsdWVGcm9tIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IG1hcCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuaW1wb3J0IHsgRmlsdGVyQ29uZmlndXJhdGlvbk1vZGVsLCBTZWxlY3RGaWx0ZXJWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9tb2RlbHMvZmlsdGVyLm1vZGVsXCI7XG5pbXBvcnQgeyBOaWNlRmlsdGVyU2VydmljZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9iYXNlLWxpc3QvcHJvdmlkZXJzL2Jhc2UtZmlsdGVyLnNlcnZpY2VcIjtcblxuaW50ZXJmYWNlIEFkdmFuY2VkRmlsdGVyc0FzeW5jVHlwZWFoZWFkT3B0aW9ucyB7XG4gICAgZmlsdGVyQ29uZmlnOiBGaWx0ZXJDb25maWd1cmF0aW9uTW9kZWw7XG4gICAgcXVlcnlQYXJhbXM/OiBSZWNvcmQ8c3RyaW5nLCBhbnk+O1xufVxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQWR2YW5jZWRGaWx0ZXJzQXN5bmNUeXBlYWhlYWRQcm92aWRlciBleHRlbmRzIE5pY2VBc3luY1R5cGVhaGVhZFByb3ZpZGVyPFNlbGVjdEZpbHRlclZhbHVlPiB7XG4gICAgcHVibGljIHJlc291cmNlID0gXCJhZHZhbmNlZEZpbHRlclwiO1xuXG4gICAgcHJpdmF0ZSBwYWdlU2l6ZSA9IDIwO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBmaWx0ZXJTZXJ2aWNlOiBOaWNlRmlsdGVyU2VydmljZTxhbnk+KSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldEJ5SWQoaWQ6IG51bWJlciwgb3B0aW9uczogQWR2YW5jZWRGaWx0ZXJzQXN5bmNUeXBlYWhlYWRPcHRpb25zKTogUHJvbWlzZTxTZWxlY3RGaWx0ZXJWYWx1ZT4ge1xuICAgICAgICByZXR1cm4gbGFzdFZhbHVlRnJvbShcbiAgICAgICAgICAgIHRoaXMuZmlsdGVyU2VydmljZS5zZWFyY2hGaWx0ZXJSZXNvdXJjZVZhbHVlKFxuICAgICAgICAgICAgICAgIG9wdGlvbnMuZmlsdGVyQ29uZmlnLFxuICAgICAgICAgICAgICAgIGlkLFxuICAgICAgICAgICAgICAgIHsgcGFyYW1zOiBvcHRpb25zPy5xdWVyeVBhcmFtcyB9XG4gICAgICAgICAgICApXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcHVibGljIGFzeW5jIHNlYXJjaChcbiAgICAgICAgc2VhcmNoUXVlcnk6IHN0cmluZyxcbiAgICAgICAgcGFnZTogbnVtYmVyLFxuICAgICAgICBvcHRpb25zOiBBZHZhbmNlZEZpbHRlcnNBc3luY1R5cGVhaGVhZE9wdGlvbnNcbiAgICApOiBQcm9taXNlPE5pY2VBc3luY1R5cGVhaGVhZFNlYXJjaFJlc3VsdDxTZWxlY3RGaWx0ZXJWYWx1ZT4+IHtcbiAgICAgICAgcmV0dXJuIGxhc3RWYWx1ZUZyb20oXG4gICAgICAgICAgICB0aGlzLmZpbHRlclNlcnZpY2VcbiAgICAgICAgICAgICAgICAuc2VhcmNoRmlsdGVyVmFsdWUob3B0aW9ucy5maWx0ZXJDb25maWcsIHNlYXJjaFF1ZXJ5LCB7XG4gICAgICAgICAgICAgICAgICAgIHBhcmFtczoge1xuICAgICAgICAgICAgICAgICAgICAgICAgLi4ub3B0aW9ucz8ucXVlcnlQYXJhbXMsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWdlLFxuICAgICAgICAgICAgICAgICAgICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICAgICAgbWFwKChpdGVtcykgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW1zLFxuICAgICAgICAgICAgICAgICAgICAgICAgbmV4dFBhZ2U6IGl0ZW1zLmxlbmd0aCA9PT0gdGhpcy5wYWdlU2l6ZSA/IHBhZ2UgKyAxIDogbnVsbCxcbiAgICAgICAgICAgICAgICAgICAgfSkpXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICApO1xuICAgIH1cblxuICAgIHB1YmxpYyBmb3JtYXQoaXRlbTogU2VsZWN0RmlsdGVyVmFsdWUpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gaXRlbS5uYW1lO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/components/date/date-filter.component.mjs

@@ -20,8 +20,8 @@ export class NiceAdvancedDateFilterComponent extends FilterComponent {
         }
         picker.open();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedDateFilterComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: ADVANCED_DATE_FILTER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedDateFilterComponent, selector: "nice-advanced-date-filter", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedDateFilterComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: ADVANCED_DATE_FILTER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedDateFilterComponent, selector: "nice-advanced-date-filter", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NiceAdvancedDateFilterComponent),
@@ -29,7 +29,7 @@ export class NiceAdvancedDateFilterComponent extends FilterComponent {
             }
         ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <input\n        matInput\n        [matDatepicker]=\"picker\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (click)=\"onInputClick(picker)\"\n    />\n    <mat-datepicker-toggle matSuffix [for]=\"picker\">\n        <mat-icon\n            matDatepickerToggleIcon\n            [svgIcon]=\"icons.datePicker.svgIcon\"\n        >\n            {{ icons.datePicker.matIcon }}\n        </mat-icon>\n    </mat-datepicker-toggle>\n    <mat-datepicker #picker></mat-datepicker>\n</mat-form-field>\n", 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: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.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: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i5.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedDateFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedDateFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-date-filter", encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/components/filter.component.mjs

@@ -19,10 +19,10 @@ export class FilterComponent {
     onValueChange(value) {
         this.propagateChanges(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: FilterComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FilterComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
             args: [{ template: `` }]
         }] });

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/components/number/number-filter.component.mjs

@@ -6,8 +6,8 @@ import * as i1 from "@angular/forms";
 import * as i2 from "@angular/material/form-field";
 import * as i3 from "@angular/material/input";
 export class NiceAdvancedNumberFilterComponent extends FilterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedNumberFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedNumberFilterComponent, selector: "nice-advanced-number-filter", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedNumberFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedNumberFilterComponent, selector: "nice-advanced-number-filter", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NiceAdvancedNumberFilterComponent),
@@ -15,7 +15,7 @@ export class NiceAdvancedNumberFilterComponent extends FilterComponent {
             }
         ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <input matInput [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" type=\"number\" />\n</mat-form-field>\n", 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedNumberFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedNumberFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-number-filter", encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/components/options/options-filter.component.mjs

@@ -9,16 +9,16 @@ import * as i4 from "@angular/material/form-field";
 import * as i5 from "@angular/material/core";
 import * as i6 from "@angular/material/select";
 export class NiceAdvancedOptionsFilterComponent extends FilterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedOptionsFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedOptionsFilterComponent, selector: "nice-advanced-options-filter", inputs: { filterConfig: "filterConfig" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedOptionsFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedOptionsFilterComponent, selector: "nice-advanced-options-filter", inputs: { filterConfig: "filterConfig" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NiceAdvancedOptionsFilterComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"mb-4\" *ngIf=\"filterConfig.selectionMode === 'radio'\">\n    <mat-radio-group class=\"flex-auto\" [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\">\n        <mat-radio-button class=\"mx-4\" *ngFor=\"let option of filterConfig.options\" [value]=\"option?.key\">\n            {{ option?.name }}\n        </mat-radio-button>\n    </mat-radio-group>\n</div>\n\n<ng-container *ngIf=\"filterConfig.selectionMode === 'select'\">\n    <mat-form-field appearance=\"outline\" class=\"flex-auto\">\n        <mat-select [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\">\n            <mat-option *ngFor=\"let option of filterConfig.options\" [value]=\"option.key\">\n                {{ option?.name }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"mb-4\" *ngIf=\"filterConfig.selectionMode === 'radio'\">\n    <mat-radio-group class=\"flex-auto\" [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\">\n        <mat-radio-button class=\"mx-4\" *ngFor=\"let option of filterConfig.options\" [value]=\"option?.key\">\n            {{ option?.name }}\n        </mat-radio-button>\n    </mat-radio-group>\n</div>\n\n<ng-container *ngIf=\"filterConfig.selectionMode === 'select'\">\n    <mat-form-field appearance=\"outline\" class=\"flex-auto\">\n        <mat-select [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\">\n            <mat-option *ngFor=\"let option of filterConfig.options\" [value]=\"option.key\">\n                {{ option?.name }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedOptionsFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedOptionsFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-options-filter", encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/components/radio/radio-filter.component.mjs

@@ -6,16 +6,16 @@ import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@angular/material/radio";
 export class NiceAdvancedRadioFilterComponent extends FilterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedRadioFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedRadioFilterComponent, selector: "nice-advanced-radio-filter", inputs: { filterConfig: "filterConfig" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedRadioFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedRadioFilterComponent, selector: "nice-advanced-radio-filter", inputs: { filterConfig: "filterConfig" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NiceAdvancedRadioFilterComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<mat-radio-group appearance=\"outline\" class=\"flex-auto\" [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\">\n    <mat-radio-button class=\"mx-4\" *ngFor=\"let option of filterConfig.options\" [value]=\"option?.key\">\n        {{ option?.name }}\n    </mat-radio-button>\n</mat-radio-group>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<mat-radio-group appearance=\"outline\" class=\"flex-auto\" [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\">\n    <mat-radio-button class=\"mx-4\" *ngFor=\"let option of filterConfig.options\" [value]=\"option?.key\">\n        {{ option?.name }}\n    </mat-radio-button>\n</mat-radio-group>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedRadioFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedRadioFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-radio-filter", encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/components/select/select-filter.component.mjs

@@ -36,8 +36,8 @@ export class NiceAdvancedSelectFilterComponent extends FilterComponent {
     writeValue(value) {
         super.writeValue(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedSelectFilterComponent, deps: [{ token: i1.NiceFilterViewQuery }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedSelectFilterComponent, selector: "nice-advanced-select-filter", inputs: { filterConfig: "filterConfig" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedSelectFilterComponent, deps: [{ token: i1.NiceFilterViewQuery }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedSelectFilterComponent, selector: "nice-advanced-select-filter", inputs: { filterConfig: "filterConfig" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NiceAdvancedSelectFilterComponent),
@@ -45,7 +45,7 @@ export class NiceAdvancedSelectFilterComponent extends FilterComponent {
             }
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <nice-typeahead\n        *ngIf=\"!filterConfig.lazyLoading\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [items]=\"values\"\n        bindValue=\"id\"\n        bindLabel=\"name\"\n    ></nice-typeahead>\n\n    <nice-async-typeahead\n        *ngIf=\"filterConfig.lazyLoading\"\n        resource=\"advancedFilter\"\n        [searchOptions]=\"{ filterConfig, queryParams: queryParams$ | async }\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n    ></nice-async-typeahead>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.NiceTypeaheadComponent, selector: "nice-typeahead", inputs: ["items", "labelFormatFn", "required", "disabled", "placeholder", "emptyPlaceholder", "allowNotFoundItems", "panelClass", "bindValue", "bindLabel", "typeahead", "page$", "loading", "loadingPage", "searchFn", "optionTemplate"], outputs: ["change"] }, { kind: "component", type: i5.NiceAsyncTypeaheadComponent, selector: "nice-async-typeahead", inputs: ["resource", "searchOptions", "autoReload", "preloadResource", "allowNotFoundItems", "panelClass", "bindValue", "bindLabel", "placeholder", "emptyPlaceholder", "optionTemplate", "filterFn", "labelFormatFn", "disabled", "value", "required"], outputs: ["entityRemoved", "selected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedSelectFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedSelectFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-select-filter", encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/components/text/text-filter.component.mjs

@@ -7,8 +7,8 @@ import * as i2 from "@angular/material/form-field";
 import * as i3 from "@angular/material/input";
 import * as i4 from "ngx-mask";
 export class NiceAdvancedTextFilterComponent extends FilterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedTextFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedTextFilterComponent, selector: "nice-advanced-text-filter", inputs: { filterConfig: "filterConfig" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedTextFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedTextFilterComponent, selector: "nice-advanced-text-filter", inputs: { filterConfig: "filterConfig" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NiceAdvancedTextFilterComponent),
@@ -16,7 +16,7 @@ export class NiceAdvancedTextFilterComponent extends FilterComponent {
             }
         ], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" class=\"flex-auto\">\n    <input matInput [ngModel]=\"value\" (ngModelChange)=\"onValueChange($event)\" [mask]=\"(filterConfig?.mask) || ''\" [validation]=\"false\" type=\"text\" />\n</mat-form-field>\n", 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.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: "directive", type: i4.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedTextFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedTextFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-text-filter", encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2022/lib/components/nice-filter-view/components/advanced-filters/rule/rule.component.mjs

@@ -53,10 +53,10 @@ export class NiceAdvancedRuleComponent {
             this.remove.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedRuleComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: i1.FormGroupName }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceAdvancedRuleComponent, selector: "nice-advanced-rule", inputs: { filterConfigs: "filterConfigs" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"flex flex-row gap-4\" [formGroup]=\"formGroup\">\n    <div class=\"basis-80\">\n        <button\n            class=\"select-filter w-full\"\n            mat-stroked-button\n            niceAdvancedFiltersTrigger\n            originX=\"start\"\n            (advancedFilterSelected)=\"onUpdateFilterConfig($event)\"\n        >\n            <div class=\"flex flex-row justify-between items-center w-full\">\n                <div class=\"config-name\">{{ filterConfig?.name }}</div>\n                <mat-icon [svgIcon]=\"icons.arrowDown.svgIcon\">{{ icons.arrowDown.matIcon }}</mat-icon>\n            </div>\n        </button>\n    </div>\n\n    <div class=\"flex flex-col basis-44 gap-4\">\n        <mat-form-field appearance=\"outline\" class=\"rule-form-field\">\n            <mat-select class=\"rule-operator\" formControlName=\"operation\">\n                <mat-option *ngFor=\"let operator of filterConfig?.operators\" [value]=\"operator.id\">\n                    {{ operator?.name }}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n\n        <ng-container *ngIf=\"valuesFormArray.controls.length > 1\">\n            <mat-button-toggle-group class=\"condition-toggle\" formControlName=\"condition\">\n                <mat-button-toggle  value=\"and\">{{ \"components.nice_advanced_filters.rule.conditions.and\" | translate }}</mat-button-toggle>\n                <mat-button-toggle value=\"or\">{{ \"components.nice_advanced_filters.rule.conditions.or\" | translate }}</mat-button-toggle>\n            </mat-button-toggle-group>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col flex-auto gap-4\" formArrayName=\"values\">\n        <div class=\"flex items-center gap-4\" [formGroupName]=\"i\" *ngFor=\"let _ of valuesFormArray.controls; let i = index\">\n            <div class=\"rule-container flex flex-col md:flex-row flex-auto justify-start items-center gap-2.5\">\n                <ng-container *ngIf=\"isSingleInput$ | async\">\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter *ngSwitchCase=\"'text'\" class=\"flex flex-auto\" formControlName=\"value\" [filterConfig]=\"filterConfig\"></nice-advanced-text-filter>\n                        <nice-advanced-number-filter *ngSwitchCase=\"'number'\" class=\"flex flex-auto\" formControlName=\"value\"></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter *ngSwitchCase=\"'date'\" class=\"flex flex-auto\" formControlName=\"value\"></nice-advanced-date-filter>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"isDoubleInput$ | async\">\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter\n                            *ngSwitchCase=\"'text'\"\n                            [filterConfig]=\"filterConfig\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-text-filter>\n                        <nice-advanced-number-filter\n                            *ngSwitchCase=\"'number'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter\n                            *ngSwitchCase=\"'date'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-date-filter>\n                    </ng-container>\n                    <h3 class=\"aligned-text\">\n                        {{ \"components.nice_advanced_filters.rule.conditions.and\" | translate }}\n                    </h3>\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter\n                            *ngSwitchCase=\"'text'\"\n                            [filterConfig]=\"filterConfig\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-text-filter>\n                        <nice-advanced-number-filter\n                            *ngSwitchCase=\"'number'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"secondValue\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter\n                            *ngSwitchCase=\"'date'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-date-filter>\n                    </ng-container>\n                </ng-container>\n            </div>\n\n            <div class=\"basis-12\">\n                <button class=\"add-button\" mat-icon-button (click)=\"addValue(i + 1)\">\n                    <mat-icon [svgIcon]=\"icons.add.svgIcon\">{{ icons.add.matIcon }}</mat-icon>\n                </button>\n            </div>\n\n            <div class=\"basis-12\">\n                <button class=\"remove-button\" mat-icon-button (click)=\"removeValue(i)\">\n                    <mat-icon [svgIcon]=\"icons.delete.svgIcon\">{{ icons.delete.matIcon }}</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i8.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i8.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i9.NiceAdvancedDateFilterComponent, selector: "nice-advanced-date-filter" }, { kind: "component", type: i10.NiceAdvancedNumberFilterComponent, selector: "nice-advanced-number-filter" }, { kind: "component", type: i11.NiceAdvancedOptionsFilterComponent, selector: "nice-advanced-options-filter", inputs: ["filterConfig"] }, { kind: "component", type: i12.NiceAdvancedRadioFilterComponent, selector: "nice-advanced-radio-filter", inputs: ["filterConfig"] }, { kind: "component", type: i13.NiceAdvancedSelectFilterComponent, selector: "nice-advanced-select-filter", inputs: ["filterConfig"] }, { kind: "component", type: i14.NiceAdvancedTextFilterComponent, selector: "nice-advanced-text-filter", inputs: ["filterConfig"] }, { kind: "directive", type: i15.AdvancedFiltersTriggerDirective, selector: "[niceAdvancedFiltersTrigger]", inputs: ["position"], outputs: ["advancedFilterSelected"], exportAs: ["niceAdvancedFiltersTrigger"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedRuleComponent, deps: [{ token: ADVANCED_FILTER_ICONS, optional: true }, { token: i1.FormGroupName }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceAdvancedRuleComponent, selector: "nice-advanced-rule", inputs: { filterConfigs: "filterConfigs" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"flex flex-row gap-4\" [formGroup]=\"formGroup\">\n    <div class=\"basis-80\">\n        <button\n            class=\"select-filter w-full\"\n            mat-stroked-button\n            niceAdvancedFiltersTrigger\n            originX=\"start\"\n            (advancedFilterSelected)=\"onUpdateFilterConfig($event)\"\n        >\n            <div class=\"flex flex-row justify-between items-center w-full\">\n                <div class=\"config-name\">{{ filterConfig?.name }}</div>\n                <mat-icon [svgIcon]=\"icons.arrowDown.svgIcon\">{{ icons.arrowDown.matIcon }}</mat-icon>\n            </div>\n        </button>\n    </div>\n\n    <div class=\"flex flex-col basis-44 gap-4\">\n        <mat-form-field appearance=\"outline\" class=\"rule-form-field\">\n            <mat-select class=\"rule-operator\" formControlName=\"operation\">\n                <mat-option *ngFor=\"let operator of filterConfig?.operators\" [value]=\"operator.id\">\n                    {{ operator?.name }}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n\n        <ng-container *ngIf=\"valuesFormArray.controls.length > 1\">\n            <mat-button-toggle-group class=\"condition-toggle\" formControlName=\"condition\">\n                <mat-button-toggle  value=\"and\">{{ \"components.nice_advanced_filters.rule.conditions.and\" | translate }}</mat-button-toggle>\n                <mat-button-toggle value=\"or\">{{ \"components.nice_advanced_filters.rule.conditions.or\" | translate }}</mat-button-toggle>\n            </mat-button-toggle-group>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col flex-auto gap-4\" formArrayName=\"values\">\n        <div class=\"flex items-center gap-4\" [formGroupName]=\"i\" *ngFor=\"let _ of valuesFormArray.controls; let i = index\">\n            <div class=\"rule-container flex flex-col md:flex-row flex-auto justify-start items-center gap-2.5\">\n                <ng-container *ngIf=\"isSingleInput$ | async\">\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter *ngSwitchCase=\"'text'\" class=\"flex flex-auto\" formControlName=\"value\" [filterConfig]=\"filterConfig\"></nice-advanced-text-filter>\n                        <nice-advanced-number-filter *ngSwitchCase=\"'number'\" class=\"flex flex-auto\" formControlName=\"value\"></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter *ngSwitchCase=\"'date'\" class=\"flex flex-auto\" formControlName=\"value\"></nice-advanced-date-filter>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"isDoubleInput$ | async\">\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter\n                            *ngSwitchCase=\"'text'\"\n                            [filterConfig]=\"filterConfig\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-text-filter>\n                        <nice-advanced-number-filter\n                            *ngSwitchCase=\"'number'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter\n                            *ngSwitchCase=\"'date'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-date-filter>\n                    </ng-container>\n                    <h3 class=\"aligned-text\">\n                        {{ \"components.nice_advanced_filters.rule.conditions.and\" | translate }}\n                    </h3>\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter\n                            *ngSwitchCase=\"'text'\"\n                            [filterConfig]=\"filterConfig\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-text-filter>\n                        <nice-advanced-number-filter\n                            *ngSwitchCase=\"'number'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"secondValue\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter\n                            *ngSwitchCase=\"'date'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-date-filter>\n                    </ng-container>\n                </ng-container>\n            </div>\n\n            <div class=\"basis-12\">\n                <button class=\"add-button\" mat-icon-button (click)=\"addValue(i + 1)\">\n                    <mat-icon [svgIcon]=\"icons.add.svgIcon\">{{ icons.add.matIcon }}</mat-icon>\n                </button>\n            </div>\n\n            <div class=\"basis-12\">\n                <button class=\"remove-button\" mat-icon-button (click)=\"removeValue(i)\">\n                    <mat-icon [svgIcon]=\"icons.delete.svgIcon\">{{ icons.delete.matIcon }}</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i8.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i8.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i9.NiceAdvancedDateFilterComponent, selector: "nice-advanced-date-filter" }, { kind: "component", type: i10.NiceAdvancedNumberFilterComponent, selector: "nice-advanced-number-filter" }, { kind: "component", type: i11.NiceAdvancedOptionsFilterComponent, selector: "nice-advanced-options-filter", inputs: ["filterConfig"] }, { kind: "component", type: i12.NiceAdvancedRadioFilterComponent, selector: "nice-advanced-radio-filter", inputs: ["filterConfig"] }, { kind: "component", type: i13.NiceAdvancedSelectFilterComponent, selector: "nice-advanced-select-filter", inputs: ["filterConfig"] }, { kind: "component", type: i14.NiceAdvancedTextFilterComponent, selector: "nice-advanced-text-filter", inputs: ["filterConfig"] }, { kind: "directive", type: i15.AdvancedFiltersTriggerDirective, selector: "[niceAdvancedFiltersTrigger]", inputs: ["position"], outputs: ["advancedFilterSelected"], exportAs: ["niceAdvancedFiltersTrigger"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i16.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceAdvancedRuleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceAdvancedRuleComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-advanced-rule", encapsulation: ViewEncapsulation.None, template: "<div class=\"flex flex-row gap-4\" [formGroup]=\"formGroup\">\n    <div class=\"basis-80\">\n        <button\n            class=\"select-filter w-full\"\n            mat-stroked-button\n            niceAdvancedFiltersTrigger\n            originX=\"start\"\n            (advancedFilterSelected)=\"onUpdateFilterConfig($event)\"\n        >\n            <div class=\"flex flex-row justify-between items-center w-full\">\n                <div class=\"config-name\">{{ filterConfig?.name }}</div>\n                <mat-icon [svgIcon]=\"icons.arrowDown.svgIcon\">{{ icons.arrowDown.matIcon }}</mat-icon>\n            </div>\n        </button>\n    </div>\n\n    <div class=\"flex flex-col basis-44 gap-4\">\n        <mat-form-field appearance=\"outline\" class=\"rule-form-field\">\n            <mat-select class=\"rule-operator\" formControlName=\"operation\">\n                <mat-option *ngFor=\"let operator of filterConfig?.operators\" [value]=\"operator.id\">\n                    {{ operator?.name }}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n\n        <ng-container *ngIf=\"valuesFormArray.controls.length > 1\">\n            <mat-button-toggle-group class=\"condition-toggle\" formControlName=\"condition\">\n                <mat-button-toggle  value=\"and\">{{ \"components.nice_advanced_filters.rule.conditions.and\" | translate }}</mat-button-toggle>\n                <mat-button-toggle value=\"or\">{{ \"components.nice_advanced_filters.rule.conditions.or\" | translate }}</mat-button-toggle>\n            </mat-button-toggle-group>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col flex-auto gap-4\" formArrayName=\"values\">\n        <div class=\"flex items-center gap-4\" [formGroupName]=\"i\" *ngFor=\"let _ of valuesFormArray.controls; let i = index\">\n            <div class=\"rule-container flex flex-col md:flex-row flex-auto justify-start items-center gap-2.5\">\n                <ng-container *ngIf=\"isSingleInput$ | async\">\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter *ngSwitchCase=\"'text'\" class=\"flex flex-auto\" formControlName=\"value\" [filterConfig]=\"filterConfig\"></nice-advanced-text-filter>\n                        <nice-advanced-number-filter *ngSwitchCase=\"'number'\" class=\"flex flex-auto\" formControlName=\"value\"></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter *ngSwitchCase=\"'date'\" class=\"flex flex-auto\" formControlName=\"value\"></nice-advanced-date-filter>\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"isDoubleInput$ | async\">\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter\n                            *ngSwitchCase=\"'text'\"\n                            [filterConfig]=\"filterConfig\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-text-filter>\n                        <nice-advanced-number-filter\n                            *ngSwitchCase=\"'number'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter\n                            *ngSwitchCase=\"'date'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                        ></nice-advanced-date-filter>\n                    </ng-container>\n                    <h3 class=\"aligned-text\">\n                        {{ \"components.nice_advanced_filters.rule.conditions.and\" | translate }}\n                    </h3>\n                    <ng-container [ngSwitch]=\"filterConfig?.type\">\n                        <nice-advanced-text-filter\n                            *ngSwitchCase=\"'text'\"\n                            [filterConfig]=\"filterConfig\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-text-filter>\n                        <nice-advanced-number-filter\n                            *ngSwitchCase=\"'number'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-number-filter>\n                        <nice-advanced-options-filter\n                            *ngSwitchCase=\"'options'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"value\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-options-filter>\n                        <nice-advanced-radio-filter\n                            *ngSwitchCase=\"'radio'\"\n                            class=\"flex flex-auto mb-4\"\n                            formControlName=\"secondValue\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-radio-filter>\n                        <nice-advanced-select-filter\n                            *ngSwitchCase=\"'select'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                            [filterConfig]=\"filterConfig\"\n                        ></nice-advanced-select-filter>\n                        <nice-advanced-date-filter\n                            *ngSwitchCase=\"'date'\"\n                            class=\"flex flex-auto\"\n                            formControlName=\"secondValue\"\n                        ></nice-advanced-date-filter>\n                    </ng-container>\n                </ng-container>\n            </div>\n\n            <div class=\"basis-12\">\n                <button class=\"add-button\" mat-icon-button (click)=\"addValue(i + 1)\">\n                    <mat-icon [svgIcon]=\"icons.add.svgIcon\">{{ icons.add.matIcon }}</mat-icon>\n                </button>\n            </div>\n\n            <div class=\"basis-12\">\n                <button class=\"remove-button\" mat-icon-button (click)=\"removeValue(i)\">\n                    <mat-icon [svgIcon]=\"icons.delete.svgIcon\">{{ icons.delete.matIcon }}</mat-icon>\n                </button>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/components/nice-filter-view/components/common/data.directive.mjs

@@ -4,10 +4,10 @@ export class NiceFilterDataDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceFilterDataDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: NiceFilterDataDirective, selector: "[niceFilterData]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceFilterDataDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NiceFilterDataDirective, selector: "[niceFilterData]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceFilterDataDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceFilterDataDirective, decorators: [{
             type: Directive,
             args: [{ selector: "[niceFilterData]" }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/lib/components/nice-filter-view/components/custom-data-view/custom-data-view.component.mjs

@@ -9,10 +9,10 @@ export class NiceFilterCustomDataViewComponent {
         this.query = query;
         this.data$ = this.query.selectAll();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceFilterCustomDataViewComponent, deps: [{ token: i1.NiceFilterViewQuery }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NiceFilterCustomDataViewComponent, selector: "nice-filter-custom-data-view, div[nice-filter-custom-data-view]", queries: [{ propertyName: "content", first: true, predicate: NiceFilterDataDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"content\">\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: data$ | async }\"></ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceFilterCustomDataViewComponent, deps: [{ token: i1.NiceFilterViewQuery }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NiceFilterCustomDataViewComponent, selector: "nice-filter-custom-data-view, div[nice-filter-custom-data-view]", queries: [{ propertyName: "content", first: true, predicate: NiceFilterDataDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"content\">\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: data$ | async }\"></ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NiceFilterCustomDataViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NiceFilterCustomDataViewComponent, decorators: [{
             type: Component,
             args: [{ selector: "nice-filter-custom-data-view, div[nice-filter-custom-data-view]", encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"content\">\n    <ng-container *ngTemplateOutlet=\"content; context: { $implicit: data$ | async }\"></ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1.NiceFilterViewQuery }], propDecorators: { content: [{