npm - @fundamental-ngx/platform - Versions diffs - 0.47.4 → 0.48.0-rc.0 - Mend

@fundamental-ngx/platform 0.47.4 → 0.48.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

package/fesm2022/fundamental-ngx-platform-slider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fundamental-ngx-platform-slider.mjs","sources":["../../../../libs/platform/src/lib/slider/slider.component.ts","../../../../libs/platform/src/lib/slider/slider.component.html","../../../../libs/platform/src/lib/slider/slider.module.ts","../../../../libs/platform/src/lib/slider/fundamental-ngx-platform-slider.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering /\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Host,\n Inject,\n Input,\n Optional,\n Output,\n Self,\n SkipSelf,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlContainer, NgControl, NgForm, FormsModule } from '@angular/forms';\nimport { FD_FORM_FIELD, FD_FORM_FIELD_CONTROL } from '@fundamental-ngx/cdk/forms';\n\nimport { SliderTickMark, SliderComponent as CoreSliderComponent } from '@fundamental-ngx/core/slider';\nimport { BaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';\n\nexport type SliderCustomValue = Omit<SliderTickMark, 'position'>;\n\nexport type SliderControlValue = number \| number[] \| SliderTickMark \| SliderTickMark[];\n\n/* Switch change event instance /\nexport class SliderChangeEvent<T extends SliderControlValue = any> {\n /* The source Slider of the event. /\n source: SliderComponent;\n /* The new `payload` value of the slider. /\n payload: T;\n}\n\n@Component({\n selector: 'fdp-slider',\n templateUrl: './slider.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: SliderComponent, multi: true }],\n standalone: true,\n imports: [CoreSliderComponent, FormsModule]\n})\nexport class SliderComponent extends BaseInput {\n /* User's custom classes /\n @Input()\n class: string;\n\n /* Minimum value. /\n @Input()\n min = 0;\n\n /* Maximum value. /\n @Input()\n max = 100;\n\n /* Step value. /\n @Input()\n step = 1;\n\n /* Jump value. /\n @Input()\n jump = 10;\n\n /* Put a label on every N-th tickmark. /\n @Input()\n tickmarksBetweenLabels = 1;\n\n /\n Slider mode.\n * Options include: 'single' \| 'range'\n * The default is set to 'single'\n /\n @Input()\n mode: 'single' \| 'range' = 'single';\n\n /* Toggles the visibility of tick marks. /\n @Input()\n showTicks = false;\n\n /* Toggles the visibility of tick mark labels. Must be used in conjunction with 'showTicks' /\n @Input()\n showTicksLabels = false;\n\n /* Array of custom values to use for Slider. /\n @Input()\n customValues: SliderCustomValue[] = [];\n\n /* Tooltip can be two types, 'readonly' to display value and 'editable' to make the ability to set and display value. /\n @Input()\n tooltipMode: 'readonly' \| 'editable';\n\n /* Hides display of colored progress bar. /\n @Input()\n hideProgressBar = false;\n\n /* Whether the slider should be rendered vertically. /\n @Input()\n vertical = false;\n /\n Event fired when the state of the slider changes.\n * $event can be used to retrieve the new state of the slider.\n /\n @Output()\n readonly sliderChange = new EventEmitter<SliderChangeEvent>();\n\n /* @hidden /\n constructor(\n cd: ChangeDetectorRef,\n elementRef: ElementRef,\n @Optional() @Self() ngControl: NgControl,\n @Optional() @SkipSelf() controlContainer: ControlContainer,\n @Optional() @SkipSelf() ngForm: NgForm,\n @Optional() @SkipSelf() @Host() @Inject(FD_FORM_FIELD) formField: PlatformFormField,\n @Optional() @SkipSelf() @Host() @Inject(FD_FORM_FIELD_CONTROL) formControl: PlatformFormFieldControl\n ) {\n super(cd, elementRef, ngControl, controlContainer, ngForm, formField, formControl);\n }\n\n /* value for slider control /\n @Input()\n set value(selectValue: any) {\n this.setValue(selectValue);\n }\n get value(): any {\n return this.getValue();\n }\n\n /* @hidden /\n _onModelChange(modelValue: SliderControlValue): void {\n this._emitChangeEvent(modelValue);\n this.onTouched();\n this.stateChanges.next('Slider: onValueChange');\n }\n\n /* @hidden\n * Method to emit change event\n /\n private _emitChangeEvent(modelValue: SliderControlValue): void {\n const event = new SliderChangeEvent();\n event.source = this;\n event.payload = modelValue;\n\n // setting value, it will call setValue()\n this.value = modelValue;\n this.sliderChange.emit(event);\n }\n}\n","<fd-slider\n [id]=\"id\"\n [class]=\"class\"\n [ariaLabel]=\"ariaLabel\"\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [jump]=\"jump\"\n [mode]=\"mode\"\n [disabled]=\"disabled\"\n [showTicks]=\"showTicks\"\n [showTicksLabels]=\"showTicksLabels\"\n [tickmarksBetweenLabels]=\"tickmarksBetweenLabels\"\n [customValues]=\"customValues\"\n [tooltipMode]=\"tooltipMode\"\n [hideProgressBar]=\"hideProgressBar\"\n [ngModel]=\"value\"\n [vertical]=\"vertical\"\n (ngModelChange)=\"_onModelChange($event)\"\n></fd-slider>\n","import { NgModule } from '@angular/core';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\nimport { SliderComponent } from './slider.component';\n\n@NgModule({\n imports: [ContentDensityModule, SliderComponent],\n exports: [SliderComponent]\n})\nexport class PlatformSliderModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["CoreSliderComponent"],"mappings":"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"}
1	+ {"version":3,"file":"fundamental-ngx-platform-slider.mjs","sources":["../../../../libs/platform/src/lib/slider/slider.component.ts","../../../../libs/platform/src/lib/slider/slider.component.html","../../../../libs/platform/src/lib/slider/slider.module.ts","../../../../libs/platform/src/lib/slider/fundamental-ngx-platform-slider.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering /\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Host,\n Inject,\n Input,\n Optional,\n Output,\n Self,\n SkipSelf,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlContainer, NgControl, NgForm, FormsModule } from '@angular/forms';\nimport { FD_FORM_FIELD, FD_FORM_FIELD_CONTROL } from '@fundamental-ngx/cdk/forms';\n\nimport { SliderTickMark, SliderComponent as CoreSliderComponent } from '@fundamental-ngx/core/slider';\nimport { BaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';\n\nexport type SliderCustomValue = Omit<SliderTickMark, 'position'>;\n\nexport type SliderControlValue = number \| number[] \| SliderTickMark \| SliderTickMark[];\n\n/* Switch change event instance /\nexport class SliderChangeEvent<T extends SliderControlValue = any> {\n /* The source Slider of the event. /\n source: SliderComponent;\n /* The new `payload` value of the slider. /\n payload: T;\n}\n\n@Component({\n selector: 'fdp-slider',\n templateUrl: './slider.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: FD_FORM_FIELD_CONTROL, useExisting: SliderComponent, multi: true }],\n standalone: true,\n imports: [CoreSliderComponent, FormsModule]\n})\nexport class SliderComponent extends BaseInput {\n /* User's custom classes /\n @Input()\n class: string;\n\n /* Minimum value. /\n @Input()\n min = 0;\n\n /* Maximum value. /\n @Input()\n max = 100;\n\n /* Step value. /\n @Input()\n step = 1;\n\n /* Jump value. /\n @Input()\n jump = 10;\n\n /* Put a label on every N-th tickmark. /\n @Input()\n tickmarksBetweenLabels = 1;\n\n /\n Slider mode.\n * Options include: 'single' \| 'range'\n * The default is set to 'single'\n /\n @Input()\n mode: 'single' \| 'range' = 'single';\n\n /* Toggles the visibility of tick marks. /\n @Input()\n showTicks = false;\n\n /* Toggles the visibility of tick mark labels. Must be used in conjunction with 'showTicks' /\n @Input()\n showTicksLabels = false;\n\n /* Array of custom values to use for Slider. /\n @Input()\n customValues: SliderCustomValue[] = [];\n\n /* Tooltip can be two types, 'readonly' to display value and 'editable' to make the ability to set and display value. /\n @Input()\n tooltipMode: 'readonly' \| 'editable';\n\n /* Hides display of colored progress bar. /\n @Input()\n hideProgressBar = false;\n\n /* Whether the slider should be rendered vertically. /\n @Input()\n vertical = false;\n /\n Event fired when the state of the slider changes.\n * $event can be used to retrieve the new state of the slider.\n /\n @Output()\n readonly sliderChange = new EventEmitter<SliderChangeEvent>();\n\n /* @hidden /\n constructor(\n cd: ChangeDetectorRef,\n elementRef: ElementRef,\n @Optional() @Self() ngControl: NgControl,\n @Optional() @SkipSelf() controlContainer: ControlContainer,\n @Optional() @SkipSelf() ngForm: NgForm,\n @Optional() @SkipSelf() @Host() @Inject(FD_FORM_FIELD) formField: PlatformFormField,\n @Optional() @SkipSelf() @Host() @Inject(FD_FORM_FIELD_CONTROL) formControl: PlatformFormFieldControl\n ) {\n super(cd, elementRef, ngControl, controlContainer, ngForm, formField, formControl);\n }\n\n /* value for slider control /\n @Input()\n set value(selectValue: any) {\n this.setValue(selectValue);\n }\n get value(): any {\n return this.getValue();\n }\n\n /* @hidden /\n _onModelChange(modelValue: SliderControlValue): void {\n this._emitChangeEvent(modelValue);\n this.onTouched();\n this.stateChanges.next('Slider: onValueChange');\n }\n\n /* @hidden\n * Method to emit change event\n /\n private _emitChangeEvent(modelValue: SliderControlValue): void {\n const event = new SliderChangeEvent();\n event.source = this;\n event.payload = modelValue;\n\n // setting value, it will call setValue()\n this.value = modelValue;\n this.sliderChange.emit(event);\n }\n}\n","<fd-slider\n [id]=\"id\"\n [class]=\"class\"\n [ariaLabel]=\"ariaLabel\"\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [jump]=\"jump\"\n [mode]=\"mode\"\n [disabled]=\"disabled\"\n [showTicks]=\"showTicks\"\n [showTicksLabels]=\"showTicksLabels\"\n [tickmarksBetweenLabels]=\"tickmarksBetweenLabels\"\n [customValues]=\"customValues\"\n [tooltipMode]=\"tooltipMode\"\n [hideProgressBar]=\"hideProgressBar\"\n [ngModel]=\"value\"\n [vertical]=\"vertical\"\n (ngModelChange)=\"_onModelChange($event)\"\n></fd-slider>\n","import { NgModule } from '@angular/core';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\nimport { SliderComponent } from './slider.component';\n\n@NgModule({\n imports: [ContentDensityModule, SliderComponent],\n exports: [SliderComponent]\n})\nexport class PlatformSliderModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["CoreSliderComponent"],"mappings":"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"}

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

@@ -13,7 +13,7 @@ import { isSelectItem, FDP_PRESET_MANAGED_COMPONENT } from '@fundamental-ngx/pla
 import * as i1$2 from '@fundamental-ngx/platform/table';
 import { getFilterStrategiesBasedOnDataType, FilterableColumnDataType, FILTER_STRATEGY, ArrayTableDataProvider, TableDataSource, RESETTABLE_TOKEN, ResetButtonComponent, TableComponent, TableToolbarComponent, TableToolbarActionsComponent, TableColumnComponent, FilterType } from '@fundamental-ngx/platform/table';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { NgIf, NgFor, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ToolbarComponent, ToolbarSeparatorComponent, ToolbarSpacerDirective, ToolbarItemDirective } from '@fundamental-ngx/core/toolbar';
 import { resolveTranslationSyncFn, FdTranslatePipe, TranslationResolver, FD_LANGUAGE } from '@fundamental-ngx/i18n';
@@ -191,12 +191,12 @@ class SmartFilterBarService {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarService, deps: [{ token: i1.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarService, deps: [{ token: i1.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.FormGeneratorService }]; } });
+        }], ctorParameters: () => [{ type: i1.FormGeneratorService }] });
 /** @hidden */
 function getSelectItemValue(item) {
@@ -396,10 +396,10 @@ class SmartFilterBarConditionsDialogComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBarConditionsDialogComponent, isStandalone: true, 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'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: 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: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: 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: ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: SmartFilterBarConditionsDialogComponent, isStandalone: true, 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    <fd-dialog-body>\n        @if (loaded) {\n            <form>\n                @for (condition of _formItems; track condition; let i = $index) {\n                    <fd-layout-grid>\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]=\"\n                                        'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle'\n                                            | fdTranslate\n                                    \"\n                                    type=\"button\"\n                                ></fdp-button>\n                            </div>\n                        </div>\n                    </fd-layout-grid>\n                }\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        } @else {\n            <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n                <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n            </div>\n        }\n    </fd-dialog-body>\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        <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", dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: 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: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "component", type: 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: ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-smart-filter-bar-conditions-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         DialogComponent,
@@ -411,9 +411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         CdkScrollable,
                         ScrollbarDirective,
                         DialogBodyComponent,
-                        NgIf,
                         FormsModule,
-                        NgFor,
                         LayoutGridComponent,
                         LayoutGridRowDirective,
                         LayoutGridColDirective,
@@ -423,8 +421,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         ButtonBarComponent,
                         BusyIndicatorComponent,
                         FdTranslatePipe
-                    ], 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'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: i0.ChangeDetectorRef }, { type: SmartFilterBarService }]; }, propDecorators: { formGenerators: [{
+                    ], 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    <fd-dialog-body>\n        @if (loaded) {\n            <form>\n                @for (condition of _formItems; track condition; let i = $index) {\n                    <fd-layout-grid>\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]=\"\n                                        'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle'\n                                            | fdTranslate\n                                    \"\n                                    type=\"button\"\n                                ></fdp-button>\n                            </div>\n                        </div>\n                    </fd-layout-grid>\n                }\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        } @else {\n            <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n                <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n            </div>\n        }\n    </fd-dialog-body>\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        <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" }]
+        }], ctorParameters: () => [{ type: i1$1.DialogRef }, { type: i0.ChangeDetectorRef }, { type: SmartFilterBarService }], propDecorators: { formGenerators: [{
                 type: ViewChildren,
                 args: [FormGeneratorComponent]
             }] } });
@@ -472,25 +470,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.2.7", ngImport: i0, type: BaseSmartFilterBarConditionField, deps: [{ token: i1$1.DialogService }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: BaseSmartFilterBarConditionField, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseSmartFilterBarConditionField, deps: [{ token: i1$1.DialogService }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseSmartFilterBarConditionField, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseSmartFilterBarConditionField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseSmartFilterBarConditionField, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SmartFilterBarService }, { type: i0.Injector }]; } });
+        }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: SmartFilterBarService }, { type: i0.Injector }] });
 class SmartFilterBarConditionFieldComponent extends BaseSmartFilterBarConditionField {
     /** @hidden */
     constructor(dialogService, smartFilterBarService, injector) {
         super(dialogService, smartFilterBarService, injector);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarConditionFieldComponent, deps: [{ token: i1$1.DialogService }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBarConditionFieldComponent, isStandalone: true, 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: PlatformMultiInputComponent, selector: "fdp-multi-input", inputs: ["tokenHiddenId", "type", "autofocus", "glyphAriaLabel", "selected", "selectionMode", "hasByLine", "disabled", "fillControlMode", "triggers", "closeOnOutsideClick", "addOnButtonClickFn", "displayFn"], outputs: ["selectionChange"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarConditionFieldComponent, deps: [{ token: i1$1.DialogService }, { token: SmartFilterBarService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: SmartFilterBarConditionFieldComponent, isStandalone: true, 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: PlatformMultiInputComponent, selector: "fdp-multi-input", inputs: ["tokenHiddenId", "type", "autofocus", "glyphAriaLabel", "selected", "selectionMode", "hasByLine", "disabled", "fillControlMode", "triggers", "closeOnOutsideClick", "addOnButtonClickFn", "displayFn"], outputs: ["selectionChange"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarConditionFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarConditionFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-smart-filter-bar-condition-field', encapsulation: ViewEncapsulation.None, standalone: true, imports: [FormsModule, ReactiveFormsModule, PlatformMultiInputComponent, FdTranslatePipe], 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$1.DialogService }, { type: SmartFilterBarService }, { type: i0.Injector }]; } });
+        }], ctorParameters: () => [{ type: i1$1.DialogService }, { type: SmartFilterBarService }, { type: i0.Injector }] });
 class SmartFilterBarOptionsDataProvider extends ArrayTableDataProvider {
     /** @hidden */
@@ -673,10 +671,10 @@ class SmartFilterBarSettingsDialogComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarSettingsDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: FD_LANGUAGE }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBarSettingsDialogComponent, isStandalone: true, 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'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: 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: BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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", "ariaLabelledBy", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed", "cellFocused"] }, { kind: "directive", type: TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "component", type: TableToolbarComponent, selector: "fdp-table-toolbar", inputs: ["shouldOverflow", "title", "hideItemCount", "hideSearchInput", "showExpandCollapseButtons", "searchSuggestions", "editMode"] }, { kind: "component", type: TableToolbarActionsComponent, selector: "fdp-table-toolbar-actions" }, { kind: "component", type: SelectComponent, selector: "fdp-select", inputs: ["value", "inline"] }, { kind: "component", type: TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "directive", type: FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "directive", type: FdpTableCell, selector: "fdp-table-cell" }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarSettingsDialogComponent, deps: [{ token: i1$1.DialogRef }, { token: FD_LANGUAGE }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: SmartFilterBarSettingsDialogComponent, isStandalone: true, 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    <fd-dialog-body>\n        @if (loaded) {\n            <fdp-table\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                        @if (item.active) {\n                            <fd-icon glyph=\"accept\"></fd-icon>\n                        }\n                    </fdp-table-cell>\n                </fdp-column>\n            </fdp-table>\n        } @else {\n            <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n                <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n            </div>\n        }\n    </fd-dialog-body>\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\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", dependencies: [{ kind: "component", type: DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: 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: BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "component", type: DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: 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", "ariaLabelledBy", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed", "cellFocused"] }, { kind: "directive", type: TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "component", type: TableToolbarComponent, selector: "fdp-table-toolbar", inputs: ["shouldOverflow", "title", "hideItemCount", "hideSearchInput", "showExpandCollapseButtons", "searchSuggestions", "editMode"] }, { kind: "component", type: TableToolbarActionsComponent, selector: "fdp-table-toolbar-actions" }, { kind: "component", type: SelectComponent, selector: "fdp-select", inputs: ["value", "inline"] }, { kind: "component", type: TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "directive", type: FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "directive", type: FdpTableCell, selector: "fdp-table-cell" }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarSettingsDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", 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 }], standalone: true, imports: [
                         DialogComponent,
@@ -690,7 +688,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         CdkScrollable,
                         ScrollbarDirective,
                         DialogBodyComponent,
-                        NgIf,
                         TableDataSourceDirective,
                         TableHeaderResizerDirective,
                         TableComponent,
@@ -706,11 +703,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         ButtonBarComponent,
                         BusyIndicatorComponent,
                         FdTranslatePipe
-                    ], 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'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }, { type: i2.Observable, decorators: [{
+                    ], 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    <fd-dialog-body>\n        @if (loaded) {\n            <fdp-table\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                        @if (item.active) {\n                            <fd-icon glyph=\"accept\"></fd-icon>\n                        }\n                    </fdp-table-cell>\n                </fdp-column>\n            </fdp-table>\n        } @else {\n            <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n                <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n            </div>\n        }\n    </fd-dialog-body>\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\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" }]
+        }], ctorParameters: () => [{ type: i1$1.DialogRef }, { type: i2.Observable, decorators: [{
                     type: Inject,
                     args: [FD_LANGUAGE]
-                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { table: [{
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { table: [{
                 type: ViewChild,
                 args: ['table']
             }] } });
@@ -758,10 +755,10 @@ class SmartFilterBarFieldDefinitionDirective {
     get hasOptions() {
         return this._hasOptions;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarFieldDefinitionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBarFieldDefinitionDirective, isStandalone: true, selector: "[fdpSmartFilterBarFieldDefinition], [fdp-smart-filter-bar-field-definition]", inputs: { key: "key", name: "name", label: "label", filterType: "filterType", dataType: "dataType", customFilterType: "customFilterType", conditionStrategy: "conditionStrategy", smartFilterBarFilterable: "smartFilterBarFilterable", required: "required", defaultSelected: "defaultSelected", hasOptions: "hasOptions" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarFieldDefinitionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: SmartFilterBarFieldDefinitionDirective, isStandalone: true, selector: "[fdpSmartFilterBarFieldDefinition], [fdp-smart-filter-bar-field-definition]", inputs: { key: "key", name: "name", label: "label", filterType: "filterType", dataType: "dataType", customFilterType: "customFilterType", conditionStrategy: "conditionStrategy", smartFilterBarFilterable: "smartFilterBarFilterable", required: "required", defaultSelected: "defaultSelected", hasOptions: "hasOptions" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarFieldDefinitionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarFieldDefinitionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpSmartFilterBarFieldDefinition], [fdp-smart-filter-bar-field-definition]',
@@ -859,17 +856,17 @@ class SmartFilterBarSubjectDirective {
             conditionStrategy: column.conditionStrategy
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarSubjectDirective, deps: [{ token: i1$2.Table }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBarSubjectDirective, isStandalone: true, selector: "[fdpSmartFilterBarSubject], [fdp-smart-filter-bar-subject]", queries: [{ propertyName: "_fieldDefinitions", predicate: SmartFilterBarFieldDefinitionDirective }], exportAs: ["fdp-smart-filter-bar-subject"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarSubjectDirective, deps: [{ token: i1$2.Table }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: SmartFilterBarSubjectDirective, isStandalone: true, 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.2.7", ngImport: i0, type: SmartFilterBarSubjectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarSubjectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpSmartFilterBarSubject], [fdp-smart-filter-bar-subject]',
                     exportAs: 'fdp-smart-filter-bar-subject',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.Table }]; }, propDecorators: { _fieldDefinitions: [{
+        }], ctorParameters: () => [{ type: i1$2.Table }], propDecorators: { _fieldDefinitions: [{
                 type: ContentChildren,
                 args: [SmartFilterBarFieldDefinitionDirective]
             }] } });
@@ -879,16 +876,16 @@ class SmartFilterBarToolbarItemDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarToolbarItemDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBarToolbarItemDirective, isStandalone: true, selector: "[fdpSmartFilterBarToolbarItem]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarToolbarItemDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: SmartFilterBarToolbarItemDirective, isStandalone: true, selector: "[fdpSmartFilterBarToolbarItem]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarToolbarItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarToolbarItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpSmartFilterBarToolbarItem]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 class SmartFilterBar {
     constructor() {
@@ -897,10 +894,10 @@ class SmartFilterBar {
         /** Event emitted when smart filter bar configuration has been changed. */
         this.presetChanged = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBar, inputs: { name: "name" }, outputs: { presetChanged: "presetChanged" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: SmartFilterBar, inputs: { name: "name" }, outputs: { presetChanged: "presetChanged" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBar, decorators: [{
             type: Directive
         }], propDecorators: { name: [{
                 type: Input
@@ -1355,8 +1352,8 @@ 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.2.7", ngImport: i0, type: SmartFilterBarComponent, deps: [{ token: i1$1.DialogService }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }, { token: i1.FormGeneratorService }, { token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SmartFilterBarComponent, isStandalone: true, 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarComponent, deps: [{ token: i1$1.DialogService }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }, { token: i1.FormGeneratorService }, { token: i0.Injector }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: SmartFilterBarComponent, isStandalone: true, 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,
             SmartFilterBarService,
             FormGeneratorService,
@@ -1364,9 +1361,9 @@ class SmartFilterBarComponent extends SmartFilterBar {
                 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 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: "component", type: ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "directive", type: ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "directive", type: ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "pipe", type: 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        @if (_toolbarItems) {\n            @for (template of _toolbarItems; track template) {\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n                <fd-toolbar-separator></fd-toolbar-separator>\n            }\n        }\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        @if (!liveUpdate) {\n            <fdp-button\n                (click)=\"submitForm()\"\n                buttonType=\"emphasized\"\n                fd-toolbar-item\n                [disabled]=\"_loading\"\n                [label]=\"'platformSmartFilterBar.submitButtonLabel' | fdTranslate\"\n            ></fdp-button>\n        }\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<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: "component", type: ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "directive", type: ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "directive", type: ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "component", type: FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SmartFilterBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SmartFilterBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-smart-filter-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         smartFilterBarProvider$1,
@@ -1381,8 +1378,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         '[class.fdp-smart-filter-bar--transparent]': 'transparent'
                     }, standalone: true, imports: [
                         ToolbarComponent,
-                        NgIf,
-                        NgFor,
                         NgTemplateOutlet,
                         ToolbarSeparatorComponent,
                         SearchFieldComponent,
@@ -1391,8 +1386,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         ToolbarItemDirective,
                         FormGeneratorComponent,
                         FdTranslatePipe
-                    ], 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$1.DialogService }, { type: i0.ChangeDetectorRef }, { type: SmartFilterBarService }, { type: i1.FormGeneratorService }, { type: i0.Injector }, { type: i0.DestroyRef }]; }, propDecorators: { _formGenerator: [{
+                    ], template: "<div>\n    <fd-toolbar fdType=\"transparent\">\n        @if (_toolbarItems) {\n            @for (template of _toolbarItems; track template) {\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n                <fd-toolbar-separator></fd-toolbar-separator>\n            }\n        }\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        @if (!liveUpdate) {\n            <fdp-button\n                (click)=\"submitForm()\"\n                buttonType=\"emphasized\"\n                fd-toolbar-item\n                [disabled]=\"_loading\"\n                [label]=\"'platformSmartFilterBar.submitButtonLabel' | fdTranslate\"\n            ></fdp-button>\n        }\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<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: () => [{ type: i1$1.DialogService }, { type: i0.ChangeDetectorRef }, { type: SmartFilterBarService }, { type: i1.FormGeneratorService }, { type: i0.Injector }, { type: i0.DestroyRef }], propDecorators: { _formGenerator: [{
                 type: ViewChild,
                 args: [FormGeneratorComponent]
             }], subject: [{
@@ -1424,8 +1419,8 @@ const components = [
     SmartFilterBarToolbarItemDirective
 ];
 class PlatformSmartFilterBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformSmartFilterBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: PlatformSmartFilterBarModule, imports: [SmartFilterBarComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformSmartFilterBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: PlatformSmartFilterBarModule, imports: [SmartFilterBarComponent,
             SmartFilterBarSettingsDialogComponent,
             SmartFilterBarFieldDefinitionDirective,
             SmartFilterBarSubjectDirective,
@@ -1438,12 +1433,12 @@ class PlatformSmartFilterBarModule {
             SmartFilterBarConditionsDialogComponent,
             SmartFilterBarConditionFieldComponent,
             SmartFilterBarToolbarItemDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformSmartFilterBarModule, imports: [SmartFilterBarComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformSmartFilterBarModule, imports: [SmartFilterBarComponent,
             SmartFilterBarSettingsDialogComponent,
             SmartFilterBarConditionsDialogComponent,
             SmartFilterBarConditionFieldComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformSmartFilterBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformSmartFilterBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],