@fundamental-ngx/platform 0.44.1-rc.3 → 0.45.0

package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, ViewChild, Directive, Input, ContentChildren, Injectable, EventEmitter, Output, ViewChildren, forwardRef, NgModule } from '@angular/core';
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4$2 from '@angular/forms';
+import * as i3$2 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { PopoverModule } from '@fundamental-ngx/core/popover';
 import { ButtonModule } from '@fundamental-ngx/core/button';
-import * as i3 from '@fundamental-ngx/platform/form';
+import * as i3$1 from '@fundamental-ngx/platform/form';
 import { FormGeneratorComponent, BaseDynamicFormGeneratorControl, PlatformFormGeneratorModule, PlatformInputGroupModule, PlatformSelectModule, PlatformMultiInputModule, FdpFormGroupModule, FormGeneratorService } from '@fundamental-ngx/platform/form';
 import * as i5$1 from '@fundamental-ngx/core/toolbar';
 import { ToolbarModule } from '@fundamental-ngx/core/toolbar';
-import * as i6 from '@fundamental-ngx/platform/button';
+import * as i6$1 from '@fundamental-ngx/platform/button';
 import { PlatformButtonModule } from '@fundamental-ngx/platform/button';
-import * as i5 from '@fundamental-ngx/core/busy-indicator';
+import * as i4$1 from '@fundamental-ngx/core/busy-indicator';
 import { BusyIndicatorModule } from '@fundamental-ngx/core/busy-indicator';
-import * as i4$1 from '@fundamental-ngx/core/icon';
+import * as i3 from '@fundamental-ngx/core/icon';
 import { IconModule } from '@fundamental-ngx/core/icon';
 import * as i7$1 from '@fundamental-ngx/platform/search-field';
 import { PlatformSearchFieldModule } from '@fundamental-ngx/platform/search-field';
@@ -22,21 +22,21 @@ import * as i1 from '@fundamental-ngx/core/dialog';
 import { DialogModule } from '@fundamental-ngx/core/dialog';
 import { ListModule } from '@fundamental-ngx/core/list';
 import { CheckboxModule } from '@fundamental-ngx/core/checkbox';
-import * as i9 from '@fundamental-ngx/platform/table';
+import * as i8 from '@fundamental-ngx/platform/table';
 import { ArrayTableDataProvider, TableDataSource, RESETTABLE_TOKEN, getFilterStrategiesBasedOnDataType, FilterableColumnDataType, FILTER_STRATEGY, FilterType, PlatformTableModule } from '@fundamental-ngx/platform/table';
-import * as i11 from '@fundamental-ngx/core/layout-grid';
+import * as i11$1 from '@fundamental-ngx/core/layout-grid';
 import { LayoutGridModule } from '@fundamental-ngx/core/layout-grid';
-import * as i13 from 'rxjs';
-import { Subject, BehaviorSubject, firstValueFrom, asyncScheduler, Subscription, filter, debounceTime } from 'rxjs';
+import * as i12 from 'rxjs';
+import { Subject, BehaviorSubject, asyncScheduler, firstValueFrom, Subscription, filter, debounceTime } from 'rxjs';
 import { observeOn, takeUntil, take, map } from 'rxjs/operators';
-import * as i8 from '@fundamental-ngx/cdk/utils';
-import { selectStrategy, warnOnce } from '@fundamental-ngx/cdk/utils';
 import { isSelectItem, FDP_PRESET_MANAGED_COMPONENT } from '@fundamental-ngx/platform/shared';
-import * as i12 from '@fundamental-ngx/i18n';
+import * as i11 from '@fundamental-ngx/i18n';
 import { TranslationResolver, FD_LANGUAGE, I18nModule } from '@fundamental-ngx/i18n';
-import * as i6$1 from '@fundamental-ngx/core/bar';
-import * as i7 from '@fundamental-ngx/core/title';
-import * as i10 from '@fundamental-ngx/platform/table-helpers';
+import * as i5 from '@fundamental-ngx/core/bar';
+import * as i6 from '@fundamental-ngx/core/title';
+import * as i7 from '@fundamental-ngx/cdk/utils';
+import { selectStrategy } from '@fundamental-ngx/cdk/utils';
+import * as i9 from '@fundamental-ngx/platform/table-helpers';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { FdDate } from '@fundamental-ngx/core/datetime';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -121,45 +121,16 @@ class SmartFilterBarSettingsDialogComponent {
         this._onDestroy$ = new Subject();
         /** @hidden */
         this._isResetAvailableSubject$ = new BehaviorSubject(false);
-        /** Indicates when reset command is available */
-        this.isResetAvailable$ = this._isResetAvailableSubject$.asObservable();
         /** @hidden */
         this._translationResolver = new TranslationResolver();
+        this.isResetAvailable$ = this._isResetAvailableSubject$.asObservable();
         this.setInitialTableState();
         this._init();
     }
     /** @hidden */
-    async _init() {
-        await this._transformVisibilityLabels();
-        this.loaded = true;
-        this._cdr.markForCheck();
-    }
-    /** @hidden */
     ngAfterViewInit() {
         this.setSelectedFilters();
     }
-    /**
-     * Transforms visibility options into appropriate select item object.
-     */
-    async _transformVisibilityLabels() {
-        let labels = this._dialogRef.data.visibilityCategories;
-        if (!labels) {
-            const lang = await firstValueFrom(this._language$);
-            labels = { ...this._categoryLabelKeys };
-            for (const strategyItem in labels) {
-                if (Object.prototype.hasOwnProperty.call(labels, strategyItem)) {
-                    const translationKey = labels[strategyItem];
-                    labels[strategyItem] = this._translationResolver.resolve(lang, 'platformSmartFilterBar.' + translationKey);
-                }
-            }
-        }
-        for (const [selectValue, selectLabel] of Object.entries(labels)) {
-            this._filterVisibilityOptions.push({
-                label: selectLabel,
-                value: selectValue
-            });
-        }
-    }
     /**
      * Checks the checkbox in the table row if the field is selected.
      */
@@ -225,13 +196,38 @@ class SmartFilterBarSettingsDialogComponent {
         this.source.dataProvider.filter(event.payload);
         this.source.fetch(this.table.getTableState());
     }
+    /** @hidden */
+    async _init() {
+        await this._transformVisibilityLabels();
+        this.loaded = true;
+        this._cdr.markForCheck();
+    }
+    /**
+     * Transforms visibility options into appropriate select item object.
+     */
+    async _transformVisibilityLabels() {
+        const lang = await firstValueFrom(this._language$);
+        const labels = { ...this._categoryLabelKeys };
+        for (const strategyItem in labels) {
+            if (Object.prototype.hasOwnProperty.call(labels, strategyItem)) {
+                const translationKey = labels[strategyItem];
+                labels[strategyItem] = this._translationResolver.resolve(lang, 'platformSmartFilterBar.' + translationKey);
+            }
+        }
+        for (const [selectValue, selectLabel] of Object.entries(labels)) {
+            this._filterVisibilityOptions.push({
+                label: selectLabel,
+                value: selectValue
+            });
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarSettingsDialogComponent, deps: [{ token: i1.DialogRef }, { token: FD_LANGUAGE }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarSettingsDialogComponent, selector: "fdp-smart-filter-bar-settings-dialog", providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"_confirm()\"\n                buttonType=\"emphasized\"\n                [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"_cancel()\"\n                buttonType=\"transparent\"\n                [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i4$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i6$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i6$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i6$1.BarElementDirective, selector: "fd-bar-element", inputs: ["isTitle", "fullWidth"] }, { kind: "component", type: i7.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i8.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i9.TableComponent, selector: "fdp-table", inputs: ["name", "id", "enableDragResize", "fixed", "freezeColumnsTo", "freezeEndColumnsTo", "pageScrolling", "pageSize", "pageScrollingThreshold", "bodyHeight", "emptyTableMessage", "noVisibleColumnsMessage", "noHorizontalBorders", "noVerticalBorders", "noBorders", "noBodyBorders", "noOuterBorders", "noBorderX", "noBorderY", "relationKey", "expandedStateKey", "hasChildrenKey", "rowNavigatable", "highlightNavigatedRow", "rowsActivable", "selectedKey", "selectableKey", "trackBy", "rowComparator", "rowsClass", "editableRowSkeleton", "expandOnInit", "rowHeight", "loadPagesBefore", "selectionMode", "enableTristateMode", "semanticHighlighting", "forceCheckedAllState", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed"] }, { kind: "component", type: i9.TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "component", type: i9.TableToolbarComponent, selector: "fdp-table-toolbar", inputs: ["shouldOverflow", "title", "hideItemCount", "hideSearchInput", "showExpandCollapseButtons", "searchSuggestions", "editMode"] }, { kind: "component", type: i9.TableToolbarActionsComponent, selector: "fdp-table-toolbar-actions" }, { kind: "component", type: i9.ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "directive", type: i10.TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "directive", type: i10.FdpTableCell, selector: "fdp-table-cell" }, { kind: "directive", type: i10.FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "component", type: i3.SelectComponent, selector: "fdp-select", inputs: ["selectState", "value", "inline"] }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarSettingsDialogComponent, selector: "fdp-smart-filter-bar-settings-dialog", providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i5.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i8.TableComponent, selector: "fdp-table", inputs: ["name", "id", "enableDragResize", "fixed", "freezeColumnsTo", "freezeEndColumnsTo", "pageScrolling", "pageSize", "pageScrollingThreshold", "bodyHeight", "emptyTableMessage", "noVisibleColumnsMessage", "noHorizontalBorders", "noVerticalBorders", "noBorders", "noBodyBorders", "noOuterBorders", "noBorderX", "noBorderY", "relationKey", "expandedStateKey", "hasChildrenKey", "rowNavigatable", "highlightNavigatedRow", "rowsActivable", "selectedKey", "selectableKey", "trackBy", "rowComparator", "rowsClass", "editableRowSkeleton", "expandOnInit", "rowHeight", "loadPagesBefore", "selectionMode", "enableTristateMode", "semanticHighlighting", "forceCheckedAllState", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed"] }, { kind: "component", type: i8.TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "component", type: i8.TableToolbarComponent, selector: "fdp-table-toolbar", inputs: ["shouldOverflow", "title", "hideItemCount", "hideSearchInput", "showExpandCollapseButtons", "searchSuggestions", "editMode"] }, { kind: "component", type: i8.TableToolbarActionsComponent, selector: "fdp-table-toolbar-actions" }, { kind: "component", type: i8.ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "directive", type: i9.TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "directive", type: i9.FdpTableCell, selector: "fdp-table-cell" }, { kind: "directive", type: i9.FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "component", type: i3$1.SelectComponent, selector: "fdp-select", inputs: ["value", "inline"] }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarSettingsDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-smart-filter-bar-settings-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"_confirm()\"\n                buttonType=\"emphasized\"\n                [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"_cancel()\"\n                buttonType=\"transparent\"\n                [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i13.Observable, decorators: [{
+            args: [{ selector: 'fdp-smart-filter-bar-settings-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i12.Observable, decorators: [{
                     type: Inject,
                     args: [FD_LANGUAGE]
                 }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { table: [{
@@ -380,7 +376,7 @@ class SmartFilterBarSubjectDirective {
             conditionStrategy: column.conditionStrategy
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarSubjectDirective, deps: [{ token: i9.Table }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarSubjectDirective, deps: [{ token: i8.Table }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarSubjectDirective, selector: "[fdpSmartFilterBarSubject], [fdp-smart-filter-bar-subject]", queries: [{ propertyName: "_fieldDefinitions", predicate: SmartFilterBarFieldDefinitionDirective }], exportAs: ["fdp-smart-filter-bar-subject"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarSubjectDirective, decorators: [{
@@ -389,7 +385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                     selector: '[fdpSmartFilterBarSubject], [fdp-smart-filter-bar-subject]',
                     exportAs: 'fdp-smart-filter-bar-subject'
                 }]
-        }], ctorParameters: function () { return [{ type: i9.Table }]; }, propDecorators: { _fieldDefinitions: [{
+        }], ctorParameters: function () { return [{ type: i8.Table }]; }, propDecorators: { _fieldDefinitions: [{
                 type: ContentChildren,
                 args: [SmartFilterBarFieldDefinitionDirective]
             }] } });
@@ -570,12 +566,12 @@ class SmartFilterBarService {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarService, deps: [{ token: i3.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarService, deps: [{ token: i3$1.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i3.FormGeneratorService }]; } });
+        }], ctorParameters: function () { return [{ type: i3$1.FormGeneratorService }]; } });
 
 const SMART_FILTER_BAR_RENDERER_COMPONENT = 'smart-filter-condition-renderer';
 
@@ -705,14 +701,11 @@ class SmartFilterBarConditionsDialogComponent {
      */
     _getApplicableConditionOperators() {
         const strategy = this._smartFilterBarService.getApplicableFilterConditions(this.config.filterType, this.config.dataType);
-        let labelsConfig = this.config.defineStrategyLabels;
-        if (!labelsConfig) {
-            labelsConfig = { ...this._conditionLabelKeys };
-            for (const strategyItem in labelsConfig) {
-                if (Object.prototype.hasOwnProperty.call(labelsConfig, strategyItem)) {
-                    const translationKey = labelsConfig[strategyItem];
-                    labelsConfig[strategyItem] = this._translationResolver.resolve(this._language, 'platformSmartFilterBar.' + translationKey);
-                }
+        const labelsConfig = { ...this._conditionLabelKeys };
+        for (const strategyItem in labelsConfig) {
+            if (Object.prototype.hasOwnProperty.call(labelsConfig, strategyItem)) {
+                const translationKey = labelsConfig[strategyItem];
+                labelsConfig[strategyItem] = this._translationResolver.resolve(this._language, 'platformSmartFilterBar.' + translationKey);
             }
         }
         return strategy.map((s) => ({
@@ -803,12 +796,12 @@ class SmartFilterBarConditionsDialogComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, deps: [{ token: i1.DialogRef }, { token: FD_LANGUAGE }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarConditionsDialogComponent, selector: "fdp-smart-filter-bar-conditions-dialog", viewQueries: [{ propertyName: "formGenerators", predicate: FormGeneratorComponent, descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"applyConditions()\"\n                buttonType=\"emphasized\"\n                [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"_cancel()\"\n                buttonType=\"transparent\"\n                [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "component", type: i6.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i5.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i6$1.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i6$1.BarElementDirective, selector: "fd-bar-element", inputs: ["isTitle", "fullWidth"] }, { kind: "component", type: i7.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i8.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i11.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i11.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i11.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarConditionsDialogComponent, selector: "fdp-smart-filter-bar-conditions-dialog", viewQueries: [{ propertyName: "formGenerators", predicate: FormGeneratorComponent, descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"applyConditions()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n        >\n        </fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "component", type: i6$1.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i11$1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i11$1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i11$1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-smart-filter-bar-conditions-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"applyConditions()\"\n                buttonType=\"emphasized\"\n                [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <fdp-button\n                (click)=\"_cancel()\"\n                buttonType=\"transparent\"\n                [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n            ></fdp-button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i13.Observable, decorators: [{
+            args: [{ selector: 'fdp-smart-filter-bar-conditions-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"applyConditions()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n        >\n        </fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i12.Observable, decorators: [{
                     type: Inject,
                     args: [FD_LANGUAGE]
                 }] }, { type: i0.ChangeDetectorRef }, { type: SmartFilterBarService }]; }, propDecorators: { formGenerators: [{
@@ -818,10 +811,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
 
 class BaseSmartFilterBarConditionField extends BaseDynamicFormGeneratorControl {
     /** @hidden */
-    constructor(_dialogService, _smartFilterBar, _smartFilterBarService, _injector) {
+    constructor(_dialogService, _smartFilterBarService, _injector) {
         super();
         this._dialogService = _dialogService;
-        this._smartFilterBar = _smartFilterBar;
         this._smartFilterBarService = _smartFilterBarService;
         this._injector = _injector;
         /**
@@ -835,8 +827,7 @@ class BaseSmartFilterBarConditionField extends BaseDynamicFormGeneratorControl {
                 filterType: this.formItem.guiOptions?.additionalData.type,
                 conditions: currentValue || [],
                 choices: this.formItem.guiOptions?.additionalData.choices,
-                controlType: this.formItem.guiOptions?.additionalData.controlType,
-                defineStrategyLabels: this._smartFilterBar.defineStrategyLabels
+                controlType: this.formItem.guiOptions?.additionalData.controlType
             };
             const dialogRef = this._dialogService.open(SmartFilterBarConditionsDialogComponent, {
                 data: dialogData,
@@ -861,25 +852,25 @@ class BaseSmartFilterBarConditionField extends BaseDynamicFormGeneratorControl {
     getField() {
         return this.form.get(`${this.formGroupName}.${this.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: BaseSmartFilterBarConditionField, deps: [{ token: i1.DialogService }, { token: SmartFilterBar }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: BaseSmartFilterBarConditionField, deps: [{ token: i1.DialogService }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: BaseSmartFilterBarConditionField, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: BaseSmartFilterBarConditionField, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: SmartFilterBar }, { type: SmartFilterBarService }, { type: i0.Injector }]; } });
+        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: SmartFilterBarService }, { type: i0.Injector }]; } });
 
 class SmartFilterBarConditionFieldComponent extends BaseSmartFilterBarConditionField {
     /** @hidden */
-    constructor(dialogService, smartFilterBar, smartFilterBarService, injector) {
-        super(dialogService, smartFilterBar, smartFilterBarService, injector);
+    constructor(dialogService, smartFilterBarService, injector) {
+        super(dialogService, smartFilterBarService, injector);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarConditionFieldComponent, deps: [{ token: i1.DialogService }, { token: SmartFilterBar }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarConditionFieldComponent, selector: "fdp-smart-filter-bar-condition-field", usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-container [formGroupName]=\"formGroupName\">\n        <fdp-multi-input\n            [id]=\"id\"\n            [addOnButtonClickFn]=\"openConditionsDialog\"\n            [autofocus]=\"true\"\n            [dataSource]=\"formItem.choices || []\"\n            [formControlName]=\"name\"\n            [name]=\"name\"\n            [placeholder]=\"formItem.placeholder || formItem.message\"\n            displayKey=\"displayValue\"\n            [glyphAriaLabel]=\"'platformSmartFilterBar.manageFieldConditions' | fdTranslate\"\n        >\n        </fdp-multi-input>\n    </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i4$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i3.PlatformMultiInputComponent, selector: "fdp-multi-input", inputs: ["tokenHiddenId", "type", "autofocus", "glyphAriaLabel", "selected", "selectionMode", "hasByLine", "disabled", "fillControlMode", "triggers", "closeOnOutsideClick", "addOnButtonClickFn", "displayFn"], outputs: ["selectionChange"] }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarConditionFieldComponent, deps: [{ token: i1.DialogService }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarConditionFieldComponent, selector: "fdp-smart-filter-bar-condition-field", usesInheritance: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-container [formGroupName]=\"formGroupName\">\n        <fdp-multi-input\n            [id]=\"id\"\n            [addOnButtonClickFn]=\"openConditionsDialog\"\n            [autofocus]=\"true\"\n            [dataSource]=\"formItem.choices || []\"\n            [formControlName]=\"name\"\n            [name]=\"name\"\n            [placeholder]=\"formItem.placeholder || formItem.message\"\n            displayKey=\"displayValue\"\n            [glyphAriaLabel]=\"'platformSmartFilterBar.manageFieldConditions' | fdTranslate\"\n        >\n        </fdp-multi-input>\n    </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i3$1.PlatformMultiInputComponent, selector: "fdp-multi-input", inputs: ["tokenHiddenId", "type", "autofocus", "glyphAriaLabel", "selected", "selectionMode", "hasByLine", "disabled", "fillControlMode", "triggers", "closeOnOutsideClick", "addOnButtonClickFn", "displayFn"], outputs: ["selectionChange"] }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarConditionFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-smart-filter-bar-condition-field', encapsulation: ViewEncapsulation.None, template: "<ng-container [formGroup]=\"form\">\n    <ng-container [formGroupName]=\"formGroupName\">\n        <fdp-multi-input\n            [id]=\"id\"\n            [addOnButtonClickFn]=\"openConditionsDialog\"\n            [autofocus]=\"true\"\n            [dataSource]=\"formItem.choices || []\"\n            [formControlName]=\"name\"\n            [name]=\"name\"\n            [placeholder]=\"formItem.placeholder || formItem.message\"\n            displayKey=\"displayValue\"\n            [glyphAriaLabel]=\"'platformSmartFilterBar.manageFieldConditions' | fdTranslate\"\n        >\n        </fdp-multi-input>\n    </ng-container>\n</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: SmartFilterBar }, { type: SmartFilterBarService }, { type: i0.Injector }]; } });
+        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: SmartFilterBarService }, { type: i0.Injector }]; } });
 
 const defaultColumnsLayout = 'XL4-L3-M2-S1';
 function getColumnsNumber(layout) {
@@ -912,39 +903,6 @@ class SmartFilterBarComponent extends SmartFilterBar {
     get subject() {
         return this._subject;
     }
-    /**
-     * 'Show filters' button label.
-     * @deprecated use i18n capabilities instead
-     */
-    set showFiltersLabel(value) {
-        warnOnce('Property showFiltersLabel is deprecated. Use i18n capabilities instead.');
-        this._showFiltersLabel = value;
-    }
-    get showFiltersLabel() {
-        return this._showFiltersLabel;
-    }
-    /**
-     * 'Hide filters' button label.
-     * @deprecated use i18n capabilities instead
-     */
-    set hideFiltersLabel(value) {
-        warnOnce('Property hideFiltersLabel is deprecated. Use i18n capabilities instead.');
-        this._hideFiltersLabel = value;
-    }
-    get hideFiltersLabel() {
-        return this._hideFiltersLabel;
-    }
-    /**
-     * 'Filters' button label.
-     * @deprecated use i18n capabilities instead
-     */
-    set filtersLabel(value) {
-        warnOnce('Property filtersLabel is deprecated. Use i18n capabilities instead.');
-        this._filtersLabel = value;
-    }
-    get filtersLabel() {
-        return this._filtersLabel;
-    }
     /**
      * Whether smart filter bar background should be transparent.
      */
@@ -954,28 +912,6 @@ class SmartFilterBarComponent extends SmartFilterBar {
     get transparent() {
         return this._transparent;
     }
-    /**
-     * @deprecated use i18n capabilities instead
-     * Condition strategy labels.
-     */
-    set defineStrategyLabels(value) {
-        warnOnce('Property defineStrategyLabels is deprecated. Use i18n capabilities instead.');
-        this._defineStrategyLabels = value;
-    }
-    get defineStrategyLabels() {
-        return this._defineStrategyLabels;
-    }
-    /**
-     * @deprecated use i18n capabilities instead
-     * Filters visibility category labels.
-     */
-    set filtersVisibilityCategoryLabels(value) {
-        warnOnce('Property filtersVisibilityCategoryLabels is deprecated. Use i18n capabilities instead.');
-        this._filtersVisibilityCategoryLabels = value;
-    }
-    get filtersVisibilityCategoryLabels() {
-        return this._filtersVisibilityCategoryLabels;
-    }
     /** @hidden */
     get _loading() {
         return this._subject?.getDataSource() ? this._subject.getDataSource().isDataLoading : true;
@@ -1057,8 +993,7 @@ class SmartFilterBarComponent extends SmartFilterBar {
         const dialogData = {
             fields: columns,
             filterBy: this.filterBy,
-            selectedFilters: this._selectedFilters,
-            visibilityCategories: this.filtersVisibilityCategoryLabels
+            selectedFilters: this._selectedFilters
         };
         const dialogRef = this._dialogService.open(SmartFilterBarSettingsDialogComponent, {
             ...dialogConfig,
@@ -1384,14 +1319,14 @@ class SmartFilterBarComponent extends SmartFilterBar {
         this._selectedFilters = filters.filter((f, i) => filters.indexOf(f) === i);
         this._formGenerator.refreshStepsVisibility();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarComponent, deps: [{ token: i1.DialogService }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }, { token: i3.FormGeneratorService }, { token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarComponent, selector: "fdp-smart-filter-bar", inputs: { subject: "subject", showFiltersLabel: "showFiltersLabel", hideFiltersLabel: "hideFiltersLabel", filtersLabel: "filtersLabel", transparent: "transparent", defineStrategyLabels: "defineStrategyLabels", filtersVisibilityCategoryLabels: "filtersVisibilityCategoryLabels", filtersColumnLayout: "filtersColumnLayout", liveUpdate: "liveUpdate" }, outputs: { smartFiltersChanged: "smartFiltersChanged", smartFiltersApplied: "smartFiltersApplied", searchInputChanged: "searchInputChanged" }, host: { properties: { "class.fdp-smart-filter-bar--transparent": "transparent" }, classAttribute: "fdp-smart-filter-bar" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarComponent, deps: [{ token: i1.DialogService }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }, { token: i3$1.FormGeneratorService }, { token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarComponent, selector: "fdp-smart-filter-bar", inputs: { subject: "subject", transparent: "transparent", filtersColumnLayout: "filtersColumnLayout", liveUpdate: "liveUpdate" }, outputs: { smartFiltersChanged: "smartFiltersChanged", smartFiltersApplied: "smartFiltersApplied", searchInputChanged: "searchInputChanged" }, host: { properties: { "class.fdp-smart-filter-bar--transparent": "transparent" }, classAttribute: "fdp-smart-filter-bar" }, providers: [
             smartFilterBarProvider$1,
             {
                 provide: FDP_PRESET_MANAGED_COMPONENT,
                 useExisting: SmartFilterBarComponent
             }
-        ], queries: [{ propertyName: "_toolbarItemRefs", predicate: SmartFilterBarToolbarItemDirective }], viewQueries: [{ propertyName: "_formGenerator", first: true, predicate: FormGeneratorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div>\n    <fd-toolbar [hasTitle]=\"true\" fdType=\"transparent\">\n        <ng-container *ngIf=\"_toolbarItems\">\n            <ng-container *ngFor=\"let template of _toolbarItems\">\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n                <fd-toolbar-separator></fd-toolbar-separator>\n            </ng-container>\n        </ng-container>\n        <fdp-search-field\n            (inputChange)=\"_onSearchInputChange($event)\"\n            (searchSubmit)=\"submitForm()\"\n            (cancelSearch)=\"_cancelSearch()\"\n            [disabled]=\"_loading\"\n            [disableRefresh]=\"true\"\n            [placeholder]=\"'platformSmartFilterBar.searchPlaceholder' | fdTranslate\"\n        ></fdp-search-field>\n        <fd-toolbar-spacer></fd-toolbar-spacer>\n        <fdp-button\n            (click)=\"submitForm()\"\n            buttonType=\"emphasized\"\n            *ngIf=\"!liveUpdate\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n            [label]=\"'platformSmartFilterBar.submitButtonLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"submitForm()\"\n            fd-toolbar-item\n            glyph=\"synchronize\"\n            [disabled]=\"_loading\"\n            [ariaLabel]=\"'platformSmartFilterBar.refreshButtonAriaLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"showFilteringSettings()\"\n            [label]=\"\n                filtersLabel\n                    ? filtersLabel + ' (' + _selectedFilters.length + ')'\n                    : ('platformSmartFilterBar.filtersButtonLabel'\n                      | fdTranslate : { filtersCount: _selectedFilters.length })\n            \"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"_toggleFilterBar()\"\n            [label]=\"\n                (_showFilterBar\n                    ? 'platformSmartFilterBar.hideFiltersButtonLabel'\n                    : 'platformSmartFilterBar.showFiltersButtonLabel'\n                ) | fdTranslate\n            \"\n            buttonType=\"transparent\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n    </fd-toolbar>\n</div>\n\n<div class=\"fdp-smart-filter-bar__filters\" [hidden]=\"!_showFilterBar\">\n    <fdp-form-generator\n        (formCreated)=\"_onFormCreated()\"\n        (formSubmitted)=\"_onFormSubmitted($event)\"\n        [noAdditionalContent]=\"true\"\n        [formItems]=\"_formItems\"\n        [columnLayout]=\"filtersColumnLayout\"\n    ></fdp-form-generator>\n</div>\n", styles: [".fdp-smart-filter-bar{display:block;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background)}.fdp-smart-filter-bar--transparent{background-color:var(--sapToolbar_Background);box-shadow:none}.fdp-smart-filter-bar .fd-toolbar--title{height:3rem;min-height:3rem;border-bottom:none;padding:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fd-toolbar--title{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-toolbar fdp-search-field{min-width:15.5rem}.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:.5rem;padding-right:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container{padding:0}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding-left:.25rem!important;padding-right:.25rem!important}.fdp-smart-filter-bar__conditions-dialog .fdp-smart-filter-bar__actions-column{min-width:auto;flex:0 0 auto}.fdp-smart-filter-bar__conditions-dialog .fd-popover-custom{display:block}.fdp-smart-filter-bar__conditions-dialog .fd-dialog__body{padding:0 .5rem;background-color:var(--sapBackgroundColor, #f7f7f7)}.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container,.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding:0!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "component", type: i5$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i5$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i5$1.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i5$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i6.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i7$1.SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "searchSuggestionMessage", "searchSuggestionNavigateMessage", "forceSearchButton"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_toolbarItemRefs", predicate: SmartFilterBarToolbarItemDirective }], viewQueries: [{ propertyName: "_formGenerator", first: true, predicate: FormGeneratorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div>\n    <fd-toolbar fdType=\"transparent\">\n        <ng-container *ngIf=\"_toolbarItems\">\n            <ng-container *ngFor=\"let template of _toolbarItems\">\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n                <fd-toolbar-separator></fd-toolbar-separator>\n            </ng-container>\n        </ng-container>\n        <fdp-search-field\n            (inputChange)=\"_onSearchInputChange($event)\"\n            (searchSubmit)=\"submitForm()\"\n            (cancelSearch)=\"_cancelSearch()\"\n            [disabled]=\"_loading\"\n            [disableRefresh]=\"true\"\n            [placeholder]=\"'platformSmartFilterBar.searchPlaceholder' | fdTranslate\"\n        ></fdp-search-field>\n        <fd-toolbar-spacer></fd-toolbar-spacer>\n        <fdp-button\n            (click)=\"submitForm()\"\n            buttonType=\"emphasized\"\n            *ngIf=\"!liveUpdate\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n            [label]=\"'platformSmartFilterBar.submitButtonLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"submitForm()\"\n            fd-toolbar-item\n            glyph=\"synchronize\"\n            [disabled]=\"_loading\"\n            [ariaLabel]=\"'platformSmartFilterBar.refreshButtonAriaLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"showFilteringSettings()\"\n            [label]=\"\n                'platformSmartFilterBar.filtersButtonLabel' | fdTranslate : { filtersCount: _selectedFilters.length }\n            \"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"_toggleFilterBar()\"\n            [label]=\"\n                (_showFilterBar\n                    ? 'platformSmartFilterBar.hideFiltersButtonLabel'\n                    : 'platformSmartFilterBar.showFiltersButtonLabel'\n                ) | fdTranslate\n            \"\n            buttonType=\"transparent\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n    </fd-toolbar>\n</div>\n\n<div class=\"fdp-smart-filter-bar__filters\" [hidden]=\"!_showFilterBar\">\n    <fdp-form-generator\n        (formCreated)=\"_onFormCreated()\"\n        (formSubmitted)=\"_onFormSubmitted($event)\"\n        [noAdditionalContent]=\"true\"\n        [formItems]=\"_formItems\"\n        [columnLayout]=\"filtersColumnLayout\"\n    ></fdp-form-generator>\n</div>\n", styles: [".fdp-smart-filter-bar{display:block;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background)}.fdp-smart-filter-bar--transparent{background-color:var(--sapToolbar_Background);box-shadow:none}.fdp-smart-filter-bar .fd-toolbar--title{height:3rem;min-height:3rem;border-bottom:none;padding:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fd-toolbar--title{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-toolbar fdp-search-field{min-width:15.5rem}.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:.5rem;padding-right:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container{padding:0}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding-left:.25rem!important;padding-right:.25rem!important}.fdp-smart-filter-bar__conditions-dialog .fdp-smart-filter-bar__actions-column{min-width:auto;flex:0 0 auto}.fdp-smart-filter-bar__conditions-dialog .fd-popover-custom{display:block}.fdp-smart-filter-bar__conditions-dialog .fd-dialog__body{padding:0 .5rem;background-color:var(--sapBackgroundColor, #f7f7f7)}.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container,.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding:0!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "component", type: i5$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i5$1.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i5$1.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i5$1.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i6$1.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i7$1.SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarComponent, decorators: [{
             type: Component,
@@ -1404,24 +1339,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                     ], host: {
                         class: 'fdp-smart-filter-bar',
                         '[class.fdp-smart-filter-bar--transparent]': 'transparent'
-                    }, template: "<div>\n    <fd-toolbar [hasTitle]=\"true\" fdType=\"transparent\">\n        <ng-container *ngIf=\"_toolbarItems\">\n            <ng-container *ngFor=\"let template of _toolbarItems\">\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n                <fd-toolbar-separator></fd-toolbar-separator>\n            </ng-container>\n        </ng-container>\n        <fdp-search-field\n            (inputChange)=\"_onSearchInputChange($event)\"\n            (searchSubmit)=\"submitForm()\"\n            (cancelSearch)=\"_cancelSearch()\"\n            [disabled]=\"_loading\"\n            [disableRefresh]=\"true\"\n            [placeholder]=\"'platformSmartFilterBar.searchPlaceholder' | fdTranslate\"\n        ></fdp-search-field>\n        <fd-toolbar-spacer></fd-toolbar-spacer>\n        <fdp-button\n            (click)=\"submitForm()\"\n            buttonType=\"emphasized\"\n            *ngIf=\"!liveUpdate\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n            [label]=\"'platformSmartFilterBar.submitButtonLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"submitForm()\"\n            fd-toolbar-item\n            glyph=\"synchronize\"\n            [disabled]=\"_loading\"\n            [ariaLabel]=\"'platformSmartFilterBar.refreshButtonAriaLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"showFilteringSettings()\"\n            [label]=\"\n                filtersLabel\n                    ? filtersLabel + ' (' + _selectedFilters.length + ')'\n                    : ('platformSmartFilterBar.filtersButtonLabel'\n                      | fdTranslate : { filtersCount: _selectedFilters.length })\n            \"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"_toggleFilterBar()\"\n            [label]=\"\n                (_showFilterBar\n                    ? 'platformSmartFilterBar.hideFiltersButtonLabel'\n                    : 'platformSmartFilterBar.showFiltersButtonLabel'\n                ) | fdTranslate\n            \"\n            buttonType=\"transparent\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n    </fd-toolbar>\n</div>\n\n<div class=\"fdp-smart-filter-bar__filters\" [hidden]=\"!_showFilterBar\">\n    <fdp-form-generator\n        (formCreated)=\"_onFormCreated()\"\n        (formSubmitted)=\"_onFormSubmitted($event)\"\n        [noAdditionalContent]=\"true\"\n        [formItems]=\"_formItems\"\n        [columnLayout]=\"filtersColumnLayout\"\n    ></fdp-form-generator>\n</div>\n", styles: [".fdp-smart-filter-bar{display:block;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background)}.fdp-smart-filter-bar--transparent{background-color:var(--sapToolbar_Background);box-shadow:none}.fdp-smart-filter-bar .fd-toolbar--title{height:3rem;min-height:3rem;border-bottom:none;padding:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fd-toolbar--title{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-toolbar fdp-search-field{min-width:15.5rem}.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:.5rem;padding-right:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container{padding:0}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding-left:.25rem!important;padding-right:.25rem!important}.fdp-smart-filter-bar__conditions-dialog .fdp-smart-filter-bar__actions-column{min-width:auto;flex:0 0 auto}.fdp-smart-filter-bar__conditions-dialog .fd-popover-custom{display:block}.fdp-smart-filter-bar__conditions-dialog .fd-dialog__body{padding:0 .5rem;background-color:var(--sapBackgroundColor, #f7f7f7)}.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container,.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding:0!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i0.ChangeDetectorRef }, { type: SmartFilterBarService }, { type: i3.FormGeneratorService }, { type: i0.Injector }, { type: i0.DestroyRef }]; }, propDecorators: { _formGenerator: [{
+                    }, template: "<div>\n    <fd-toolbar fdType=\"transparent\">\n        <ng-container *ngIf=\"_toolbarItems\">\n            <ng-container *ngFor=\"let template of _toolbarItems\">\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n                <fd-toolbar-separator></fd-toolbar-separator>\n            </ng-container>\n        </ng-container>\n        <fdp-search-field\n            (inputChange)=\"_onSearchInputChange($event)\"\n            (searchSubmit)=\"submitForm()\"\n            (cancelSearch)=\"_cancelSearch()\"\n            [disabled]=\"_loading\"\n            [disableRefresh]=\"true\"\n            [placeholder]=\"'platformSmartFilterBar.searchPlaceholder' | fdTranslate\"\n        ></fdp-search-field>\n        <fd-toolbar-spacer></fd-toolbar-spacer>\n        <fdp-button\n            (click)=\"submitForm()\"\n            buttonType=\"emphasized\"\n            *ngIf=\"!liveUpdate\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n            [label]=\"'platformSmartFilterBar.submitButtonLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"submitForm()\"\n            fd-toolbar-item\n            glyph=\"synchronize\"\n            [disabled]=\"_loading\"\n            [ariaLabel]=\"'platformSmartFilterBar.refreshButtonAriaLabel' | fdTranslate\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"showFilteringSettings()\"\n            [label]=\"\n                'platformSmartFilterBar.filtersButtonLabel' | fdTranslate : { filtersCount: _selectedFilters.length }\n            \"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n        <fdp-button\n            (click)=\"_toggleFilterBar()\"\n            [label]=\"\n                (_showFilterBar\n                    ? 'platformSmartFilterBar.hideFiltersButtonLabel'\n                    : 'platformSmartFilterBar.showFiltersButtonLabel'\n                ) | fdTranslate\n            \"\n            buttonType=\"transparent\"\n            fd-toolbar-item\n            [disabled]=\"_loading\"\n        ></fdp-button>\n    </fd-toolbar>\n</div>\n\n<div class=\"fdp-smart-filter-bar__filters\" [hidden]=\"!_showFilterBar\">\n    <fdp-form-generator\n        (formCreated)=\"_onFormCreated()\"\n        (formSubmitted)=\"_onFormSubmitted($event)\"\n        [noAdditionalContent]=\"true\"\n        [formItems]=\"_formItems\"\n        [columnLayout]=\"filtersColumnLayout\"\n    ></fdp-form-generator>\n</div>\n", styles: [".fdp-smart-filter-bar{display:block;box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapObjectHeader_Background)}.fdp-smart-filter-bar--transparent{background-color:var(--sapToolbar_Background);box-shadow:none}.fdp-smart-filter-bar .fd-toolbar--title{height:3rem;min-height:3rem;border-bottom:none;padding:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fd-toolbar--title{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-toolbar fdp-search-field{min-width:15.5rem}.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:.5rem;padding-right:.5rem}@media (min-width: 600px){.fdp-smart-filter-bar .fdp-smart-filter-bar__filters{padding-left:2rem;padding-right:2rem}}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container{padding:0}.fdp-smart-filter-bar .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding-left:.25rem!important;padding-right:.25rem!important}.fdp-smart-filter-bar__conditions-dialog .fdp-smart-filter-bar__actions-column{min-width:auto;flex:0 0 auto}.fdp-smart-filter-bar__conditions-dialog .fd-popover-custom{display:block}.fdp-smart-filter-bar__conditions-dialog .fd-dialog__body{padding:0 .5rem;background-color:var(--sapBackgroundColor, #f7f7f7)}.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container,.fdp-smart-filter-bar__conditions-dialog .fd-container.fd-form-layout-grid-container .fd-row .fd-form-group{padding:0!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i0.ChangeDetectorRef }, { type: SmartFilterBarService }, { type: i3$1.FormGeneratorService }, { type: i0.Injector }, { type: i0.DestroyRef }]; }, propDecorators: { _formGenerator: [{
                 type: ViewChild,
                 args: [FormGeneratorComponent]
             }], subject: [{
                 type: Input
-            }], showFiltersLabel: [{
-                type: Input
-            }], hideFiltersLabel: [{
-                type: Input
-            }], filtersLabel: [{
-                type: Input
             }], transparent: [{
                 type: Input
-            }], defineStrategyLabels: [{
-                type: Input
-            }], filtersVisibilityCategoryLabels: [{
-                type: Input
             }], filtersColumnLayout: [{
                 type: Input
             }], liveUpdate: [{