@fundamental-ngx/platform 0.46.0-rc.2 → 0.46.0-rc.21

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

@@ -222,11 +222,11 @@ class SmartFilterBarSettingsDialogComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarSettingsDialogComponent, deps: [{ token: i1.DialogRef }, { token: FD_LANGUAGE }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarSettingsDialogComponent, selector: "fdp-smart-filter-bar-settings-dialog", providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i5.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i8.TableComponent, selector: "fdp-table", inputs: ["name", "id", "enableDragResize", "fixed", "freezeColumnsTo", "freezeEndColumnsTo", "pageScrolling", "pageSize", "pageScrollingThreshold", "bodyHeight", "emptyTableMessage", "noVisibleColumnsMessage", "noHorizontalBorders", "noVerticalBorders", "noBorders", "noBodyBorders", "noOuterBorders", "noBorderX", "noBorderY", "relationKey", "expandedStateKey", "hasChildrenKey", "rowNavigatable", "highlightNavigatedRow", "rowsActivable", "selectedKey", "selectableKey", "trackBy", "rowComparator", "rowsClass", "editableRowSkeleton", "expandOnInit", "rowHeight", "loadPagesBefore", "selectionMode", "enableTristateMode", "semanticHighlighting", "forceCheckedAllState", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed"] }, { kind: "component", type: i8.TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "component", type: i8.TableToolbarComponent, selector: "fdp-table-toolbar", inputs: ["shouldOverflow", "title", "hideItemCount", "hideSearchInput", "showExpandCollapseButtons", "searchSuggestions", "editMode"] }, { kind: "component", type: i8.TableToolbarActionsComponent, selector: "fdp-table-toolbar-actions" }, { kind: "component", type: i8.ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "directive", type: i9.TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "directive", type: i9.FdpTableCell, selector: "fdp-table-cell" }, { kind: "directive", type: i9.FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "component", type: i3$1.SelectComponent, selector: "fdp-select", inputs: ["value", "inline"] }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarSettingsDialogComponent, selector: "fdp-smart-filter-bar-settings-dialog", providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i5.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i8.TableComponent, selector: "fdp-table", inputs: ["name", "id", "enableDragResize", "fixed", "freezeColumnsTo", "freezeEndColumnsTo", "pageScrolling", "pageSize", "pageScrollingThreshold", "bodyHeight", "emptyTableMessage", "noVisibleColumnsMessage", "noHorizontalBorders", "noVerticalBorders", "noBorders", "noBodyBorders", "noOuterBorders", "noBorderX", "noBorderY", "relationKey", "expandedStateKey", "hasChildrenKey", "rowNavigatable", "highlightNavigatedRow", "rowsActivable", "selectedKey", "selectableKey", "trackBy", "rowComparator", "rowsClass", "editableRowSkeleton", "expandOnInit", "rowHeight", "loadPagesBefore", "selectionMode", "enableTristateMode", "semanticHighlighting", "forceCheckedAllState", "ariaLabelledBy", "loading"], outputs: ["presetChanged", "rowSelectionChange", "sortChange", "filterChange", "groupChange", "columnsChange", "pageChange", "columnFreeze", "rowToggleOpenState", "rowActivate", "rowNavigate", "emptyRowAdded", "save", "cancel", "tableScrolled", "tableRowsSet", "allRowsExpanded", "allRowsCollapsed"] }, { kind: "component", type: i8.TableColumnComponent, selector: "fdp-column", inputs: ["name", "key", "label", "align", "sortable", "filterable", "visible", "dataType", "groupable", "freezable", "endFreezable", "width", "noWrap", "applyText", "role"] }, { kind: "component", type: i8.TableToolbarComponent, selector: "fdp-table-toolbar", inputs: ["shouldOverflow", "title", "hideItemCount", "hideSearchInput", "showExpandCollapseButtons", "searchSuggestions", "editMode"] }, { kind: "component", type: i8.TableToolbarActionsComponent, selector: "fdp-table-toolbar-actions" }, { kind: "component", type: i8.ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "directive", type: i9.TableInitialStateDirective, selector: "[fdpTableInitialState],    fdp-table", inputs: ["initialVisibleColumns", "initialSortBy", "initialFilterBy", "initialGroupBy", "initialPage", "state"] }, { kind: "directive", type: i9.FdpTableCell, selector: "fdp-table-cell" }, { kind: "directive", type: i9.FdpCellDef, selector: "[fdpCellDef]", inputs: ["fdpCellDefAs"] }, { kind: "component", type: i3$1.SelectComponent, selector: "fdp-select", inputs: ["value", "inline"] }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarSettingsDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-smart-filter-bar-settings-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
+            args: [{ selector: 'fdp-smart-filter-bar-settings-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: RESETTABLE_TOKEN, useExisting: SmartFilterBarSettingsDialogComponent }], template: "<fd-dialog class=\"fdp-table-p13-filtering-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>\n                        {{ 'platformSmartFilterBar.selectFiltersHeader' | fdTranslate }}\n                    </h4>\n                </fd-bar-element>\n            </div>\n            <div fd-bar-right>\n                <fd-bar-element>\n                    <fdp-table-reset-button></fdp-table-reset-button>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <fdp-table\n            *ngIf=\"loaded; else loadingTpl\"\n            #table\n            (rowSelectionChange)=\"_onRowSelectionChange($event)\"\n            [dataSource]=\"source\"\n            selectionMode=\"multiple\"\n        >\n            <fdp-table-toolbar\n                [hideItemCount]=\"false\"\n                [title]=\"'platformSmartFilterBar.selectFiltersAvailableFiltersText' | fdTranslate\"\n            >\n                <fdp-table-toolbar-actions>\n                    <fdp-select\n                        (selectionChange)=\"_onFilterVisibilityChange($event)\"\n                        [list]=\"_filterVisibilityOptions\"\n                        [value]=\"_filterVisibilityOptions[0].value\"\n                    >\n                    </fdp-select>\n                </fdp-table-toolbar-actions>\n            </fdp-table-toolbar>\n            <fdp-column\n                align=\"start\"\n                key=\"label\"\n                [label]=\"'platformSmartFilterBar.selectFiltersFilterColumnLabel' | fdTranslate\"\n                name=\"label\"\n            ></fdp-column>\n            <fdp-column\n                align=\"center\"\n                key=\"active\"\n                [label]=\"'platformSmartFilterBar.selectFiltersActiveColumnLabel' | fdTranslate\"\n                name=\"active\"\n                width=\"150px\"\n            >\n                <fdp-table-cell *fdpCellDef=\"let item\">\n                    <fd-icon *ngIf=\"item.active\" glyph=\"accept\"></fd-icon>\n                </fdp-table-cell>\n            </fdp-column>\n        </fdp-table>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"_confirm()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.selectFiltersSubmitButtonLabel' | fdTranslate\"\n        ></fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.selectFiltersCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i12.Observable, decorators: [{
                     type: Inject,
                     args: [FD_LANGUAGE]
@@ -796,11 +796,11 @@ class SmartFilterBarConditionsDialogComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, deps: [{ token: i1.DialogRef }, { token: FD_LANGUAGE }, { token: i0.ChangeDetectorRef }, { token: SmartFilterBarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarConditionsDialogComponent, selector: "fdp-smart-filter-bar-conditions-dialog", viewQueries: [{ propertyName: "formGenerators", predicate: FormGeneratorComponent, descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"applyConditions()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n        >\n        </fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "component", type: i6$1.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i11$1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i11$1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i11$1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SmartFilterBarConditionsDialogComponent, selector: "fdp-smart-filter-bar-conditions-dialog", viewQueries: [{ propertyName: "formGenerators", predicate: FormGeneratorComponent, descendants: true }], ngImport: i0, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"applyConditions()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n        >\n        </fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }, { kind: "component", type: i6$1.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "component", type: i4$1.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i5.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i5.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i5.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i6.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i7.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i11$1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i11$1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i11$1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SmartFilterBarConditionsDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-smart-filter-bar-conditions-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"applyConditions()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n        >\n        </fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div style=\"text-align: center; margin: 1rem\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
+            args: [{ selector: 'fdp-smart-filter-bar-conditions-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-smart-filter-bar__conditions-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 [headerSize]=\"4\" fd-title>{{ config.header }}</h4>\n                </fd-bar-element>\n            </div>\n        </ng-template>\n    </fd-dialog-header>\n\n    <fd-dialog-body>\n        <form *ngIf=\"loaded; else loadingTpl\">\n            <fd-layout-grid *ngFor=\"let condition of _formItems; let i = index\">\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>\n                        <!-- wrapping \"formSubmitted\" event payload as any, because it's type is more generic than we're expecting -->\n                        <fdp-form-generator\n                            (formSubmitted)=\"_onFormSubmitted($any($event))\"\n                            [formItems]=\"condition\"\n                            [unifiedLayout]=\"false\"\n                            columnLayout=\"XL3-L3-M3-S3\"\n                            [noAdditionalContent]=\"true\"\n                        ></fdp-form-generator>\n                    </div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" colGrow fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"removeCondition(i)\"\n                            buttonType=\"transparent\"\n                            glyph=\"decline\"\n                            [title]=\"'platformSmartFilterBar.defineConditionsRemoveConditionButtonTitle' | fdTranslate\"\n                            type=\"button\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n            <fd-layout-grid>\n                <div fdLayoutGridRow>\n                    <div colGrow fdLayoutGridCol>&nbsp;</div>\n                    <div class=\"fdp-smart-filter-bar__actions-column\" fdLayoutGridCol>\n                        <fdp-button\n                            (click)=\"addCondition()\"\n                            [label]=\"'platformSmartFilterBar.defineConditionsAddConditionButtonLabel' | fdTranslate\"\n                        ></fdp-button>\n                    </div>\n                </div>\n            </fd-layout-grid>\n        </form>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            (click)=\"applyConditions()\"\n            fdType=\"emphasized\"\n            [label]=\"'platformSmartFilterBar.defineConditionsSubmitButtonLabel' | fdTranslate\"\n        >\n        </fd-button-bar>\n\n        <fd-button-bar\n            (click)=\"_cancel()\"\n            fdType=\"transparent\"\n            [label]=\"'platformSmartFilterBar.defineConditionsCancelButton' | fdTranslate\"\n        ></fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<ng-template #loadingTpl>\n    <div [style.text-align]=\"'center'\" [style.margin.rem]=\"1\">\n        <fd-busy-indicator [loading]=\"true\"></fd-busy-indicator>\n    </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i12.Observable, decorators: [{
                     type: Inject,
                     args: [FD_LANGUAGE]