@fundamental-ngx/platform 0.43.29 → 0.43.30

package/fesm2015/fundamental-ngx-platform-table.mjs

@@ -421,16 +421,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 class TableP13FilterComponent {
 }
 TableP13FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableP13FilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableP13FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableP13FilterComponent, selector: "fdp-table-p13-filter", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TableP13FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableP13FilterComponent, selector: "fdp-table-p13-filter, fdp-table-p13n-filter", inputs: { validator: "validator" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableP13FilterComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'fdp-table-p13-filter',
+                    selector: 'fdp-table-p13-filter, fdp-table-p13n-filter',
                     template: '',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None
                 }]
-        }] });
+        }], propDecorators: { validator: [{
+                type: Input
+            }] } });
 
 const NOT_SELECTED_OPTION_VALUE$1 = null;
 class ValidatedSortRule {
@@ -541,10 +543,10 @@ class P13SortingDialogComponent {
     }
 }
 P13SortingDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13SortingDialogComponent, deps: [{ token: i1$2.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-P13SortingDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13SortingDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13SortingDialogComponent }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-sorting-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13SortDialogHeader' | 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        <div class=\"sort-row\" *ngFor=\"let rule of rules; let i = index; trackBy: _trackByColumnKey\">\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedColumn' | fdTranslate\"\n            >\n                <li\n                    fd-option\n                    *ngFor=\"let column of columns | getAvailableSortColumns : rules : rule.columnKey\"\n                    [value]=\"column.key\"\n                >\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.direction\"\n                (valueChange)=\"_onRuleDirectionChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedSorting' | fdTranslate\"\n            >\n                <li fd-option [value]=\"SORT_DIRECTION.ASC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionAsc' | fdTranslate }}\n                </li>\n                <li fd-option [value]=\"SORT_DIRECTION.DESC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionDesc' | fdTranslate }}\n                </li>\n            </fd-select>\n\n            <div class=\"sort-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    [fdkDisabled]=\"rules.length === columns.length\"\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13SortDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                fdkInitialFocus\n                [label]=\"'platformTable.P13SortDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-sorting-dialog .sort-row{display:flex;margin-bottom:.5rem}.fdp-table-p13-sorting-dialog .sort-row .fd-popover-custom{display:block}.fdp-table-p13-sorting-dialog .sort-row__select{flex:1 1 0;margin-right:1rem}.fdp-table-p13-sorting-dialog .sort-row__actions{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1$1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i0.forwardRef(function () { return i3.ButtonComponent; }), selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogComponent; }), selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogBodyComponent; }), selector: "fd-dialog-body" }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogFooterComponent; }), selector: "fd-dialog-footer" }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogHeaderComponent; }), selector: "fd-dialog-header" }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogFooterButtonComponent; }), selector: "fd-dialog-footer-button" }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.DialogDecisiveButtonDirective; }), selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.BarLeftDirective; }), selector: "[fd-bar-left]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.BarRightDirective; }), selector: "[fd-bar-right]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.BarElementDirective; }), selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i0.forwardRef(function () { return i5.TitleComponent; }), selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.TemplateDirective; }), selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.InitialFocusDirective; }), selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i0.forwardRef(function () { return i7.SelectComponent; }), selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i0.forwardRef(function () { return i7.OptionComponent; }), selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.DisabledBehaviorDirective; }), selector: "[fdkDisabled]", inputs: ["fdkDisabled", "addDisabledClass", "disabledClass"] }, { kind: "component", type: i0.forwardRef(function () { return ResetButtonComponent; }), selector: "fdp-table-reset-button" }, { kind: "pipe", type: i0.forwardRef(function () { return i11.FdTranslatePipe; }), name: "fdTranslate" }, { kind: "pipe", type: i0.forwardRef(function () { return GetAvailableSortColumnsPipe; }), name: "getAvailableSortColumns" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+P13SortingDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13SortingDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13SortingDialogComponent }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-sorting-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13SortDialogHeader' | 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        <div class=\"sort-row\" *ngFor=\"let rule of rules; let i = index; trackBy: _trackByColumnKey\">\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedColumn' | fdTranslate\"\n            >\n                <li\n                    fd-option\n                    *ngFor=\"let column of columns | getAvailableSortColumns : rules : rule.columnKey\"\n                    [value]=\"column.key\"\n                >\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.direction\"\n                (valueChange)=\"_onRuleDirectionChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedSorting' | fdTranslate\"\n            >\n                <li fd-option [value]=\"SORT_DIRECTION.ASC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionAsc' | fdTranslate }}\n                </li>\n                <li fd-option [value]=\"SORT_DIRECTION.DESC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionDesc' | fdTranslate }}\n                </li>\n            </fd-select>\n\n            <div class=\"sort-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    [fdkDisabled]=\"rules.length === columns.length\"\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13SortDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13SortDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-sorting-dialog .sort-row{display:flex;margin-bottom:.5rem}.fdp-table-p13-sorting-dialog .sort-row .fd-popover-custom{display:block}.fdp-table-p13-sorting-dialog .sort-row__select{flex:1 1 0;margin-right:1rem}.fdp-table-p13-sorting-dialog .sort-row__actions{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1$1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i0.forwardRef(function () { return i3.ButtonComponent; }), selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogComponent; }), selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogBodyComponent; }), selector: "fd-dialog-body" }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogFooterComponent; }), selector: "fd-dialog-footer" }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogHeaderComponent; }), selector: "fd-dialog-header" }, { kind: "component", type: i0.forwardRef(function () { return i1$2.DialogFooterButtonComponent; }), selector: "fd-dialog-footer-button" }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.DialogDecisiveButtonDirective; }), selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.BarLeftDirective; }), selector: "[fd-bar-left]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.BarRightDirective; }), selector: "[fd-bar-right]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.BarElementDirective; }), selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i0.forwardRef(function () { return i5.TitleComponent; }), selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.TemplateDirective; }), selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i0.forwardRef(function () { return i7.SelectComponent; }), selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i0.forwardRef(function () { return i7.OptionComponent; }), selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.DisabledBehaviorDirective; }), selector: "[fdkDisabled]", inputs: ["fdkDisabled", "addDisabledClass", "disabledClass"] }, { kind: "component", type: i0.forwardRef(function () { return ResetButtonComponent; }), selector: "fdp-table-reset-button" }, { kind: "pipe", type: i0.forwardRef(function () { return i11.FdTranslatePipe; }), name: "fdTranslate" }, { kind: "pipe", type: i0.forwardRef(function () { return GetAvailableSortColumnsPipe; }), name: "getAvailableSortColumns" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13SortingDialogComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13SortingDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-table-p13-sorting-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13SortDialogHeader' | 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        <div class=\"sort-row\" *ngFor=\"let rule of rules; let i = index; trackBy: _trackByColumnKey\">\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedColumn' | fdTranslate\"\n            >\n                <li\n                    fd-option\n                    *ngFor=\"let column of columns | getAvailableSortColumns : rules : rule.columnKey\"\n                    [value]=\"column.key\"\n                >\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.direction\"\n                (valueChange)=\"_onRuleDirectionChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedSorting' | fdTranslate\"\n            >\n                <li fd-option [value]=\"SORT_DIRECTION.ASC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionAsc' | fdTranslate }}\n                </li>\n                <li fd-option [value]=\"SORT_DIRECTION.DESC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionDesc' | fdTranslate }}\n                </li>\n            </fd-select>\n\n            <div class=\"sort-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    [fdkDisabled]=\"rules.length === columns.length\"\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13SortDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                fdkInitialFocus\n                [label]=\"'platformTable.P13SortDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-sorting-dialog .sort-row{display:flex;margin-bottom:.5rem}.fdp-table-p13-sorting-dialog .sort-row .fd-popover-custom{display:block}.fdp-table-p13-sorting-dialog .sort-row__select{flex:1 1 0;margin-right:1rem}.fdp-table-p13-sorting-dialog .sort-row__actions{margin-left:1rem}\n"] }]
+            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13SortingDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-table-p13-sorting-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13SortDialogHeader' | 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        <div class=\"sort-row\" *ngFor=\"let rule of rules; let i = index; trackBy: _trackByColumnKey\">\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedColumn' | fdTranslate\"\n            >\n                <li\n                    fd-option\n                    *ngFor=\"let column of columns | getAvailableSortColumns : rules : rule.columnKey\"\n                    [value]=\"column.key\"\n                >\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-select\n                class=\"sort-row__select\"\n                [value]=\"rule.direction\"\n                (valueChange)=\"_onRuleDirectionChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13SortDialogNoneSelectedSorting' | fdTranslate\"\n            >\n                <li fd-option [value]=\"SORT_DIRECTION.ASC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionAsc' | fdTranslate }}\n                </li>\n                <li fd-option [value]=\"SORT_DIRECTION.DESC\">\n                    {{ 'platformTable.P13SortDialogSortOrderSelectOptionDesc' | fdTranslate }}\n                </li>\n            </fd-select>\n\n            <div class=\"sort-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogRemoveSortBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    [fdkDisabled]=\"rules.length === columns.length\"\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13SortDialogAddNewSortBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13SortDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13SortDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-sorting-dialog .sort-row{display:flex;margin-bottom:.5rem}.fdp-table-p13-sorting-dialog .sort-row .fd-popover-custom{display:block}.fdp-table-p13-sorting-dialog .sort-row__select{flex:1 1 0;margin-right:1rem}.fdp-table-p13-sorting-dialog .sort-row__actions{margin-left:1rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.DialogRef }, { type: i0.ChangeDetectorRef }]; } });
 class GetAvailableSortColumnsPipe {
     /** @hidden */
@@ -662,10 +664,10 @@ class P13GroupingDialogComponent {
     }
 }
 P13GroupingDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13GroupingDialogComponent, deps: [{ token: i1$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-P13GroupingDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13GroupingDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13GroupingDialogComponent }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-grouping-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">{{ 'platformTable.P13GroupDialogHeader' | fdTranslate }}</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        <div class=\"group-row\" *ngFor=\"let rule of rules; let i = index\">\n            <fd-select\n                class=\"group-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13GroupDialogNoneSelectedColumnSelectPlaceholder' | fdTranslate\"\n            >\n                <li fd-option *ngFor=\"let column of columns\" [value]=\"column.key\">\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-checkbox\n                class=\"group-row__checkbox\"\n                [ngModel]=\"rule.showAsColumn\"\n                (ngModelChange)=\"_onRuleShowAsColumnChange(rule, $event)\"\n                [label]=\"'platformTable.P13GroupDialogShowFieldAsColumnCheckboxLabel' | fdTranslate\"\n            ></fd-checkbox>\n\n            <div class=\"group-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13GroupDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                fdkInitialFocus\n                [label]=\"'platformTable.P13GroupDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-grouping-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-grouping-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-grouping-dialog .group-row__checkbox,.fdp-table-p13-grouping-dialog .group-row__actions,.fdp-table-p13-grouping-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-grouping-dialog .group-row__select{flex:1 1 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1$2.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i1$2.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i2.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i7.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+P13GroupingDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13GroupingDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13GroupingDialogComponent }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-grouping-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">{{ 'platformTable.P13GroupDialogHeader' | fdTranslate }}</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        <div class=\"group-row\" *ngFor=\"let rule of rules; let i = index\">\n            <fd-select\n                class=\"group-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13GroupDialogNoneSelectedColumnSelectPlaceholder' | fdTranslate\"\n            >\n                <li fd-option *ngFor=\"let column of columns\" [value]=\"column.key\">\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-checkbox\n                class=\"group-row__checkbox\"\n                [ngModel]=\"rule.showAsColumn\"\n                (ngModelChange)=\"_onRuleShowAsColumnChange(rule, $event)\"\n                [label]=\"'platformTable.P13GroupDialogShowFieldAsColumnCheckboxLabel' | fdTranslate\"\n            ></fd-checkbox>\n\n            <div class=\"group-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13GroupDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13GroupDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-grouping-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-grouping-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-grouping-dialog .group-row__checkbox,.fdp-table-p13-grouping-dialog .group-row__actions,.fdp-table-p13-grouping-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-grouping-dialog .group-row__select{flex:1 1 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1$2.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i1$2.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7.SelectComponent, selector: "fd-select", inputs: ["controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "extendedBodyTemplate", "maxHeight", "glyph", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "tabOutStrategy", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "component", type: i7.OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13GroupingDialogComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13GroupingDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-table-p13-grouping-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">{{ 'platformTable.P13GroupDialogHeader' | fdTranslate }}</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        <div class=\"group-row\" *ngFor=\"let rule of rules; let i = index\">\n            <fd-select\n                class=\"group-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13GroupDialogNoneSelectedColumnSelectPlaceholder' | fdTranslate\"\n            >\n                <li fd-option *ngFor=\"let column of columns\" [value]=\"column.key\">\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-checkbox\n                class=\"group-row__checkbox\"\n                [ngModel]=\"rule.showAsColumn\"\n                (ngModelChange)=\"_onRuleShowAsColumnChange(rule, $event)\"\n                [label]=\"'platformTable.P13GroupDialogShowFieldAsColumnCheckboxLabel' | fdTranslate\"\n            ></fd-checkbox>\n\n            <div class=\"group-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13GroupDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                fdkInitialFocus\n                [label]=\"'platformTable.P13GroupDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-grouping-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-grouping-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-grouping-dialog .group-row__checkbox,.fdp-table-p13-grouping-dialog .group-row__actions,.fdp-table-p13-grouping-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-grouping-dialog .group-row__select{flex:1 1 0}\n"] }]
+            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13GroupingDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-table-p13-grouping-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">{{ 'platformTable.P13GroupDialogHeader' | fdTranslate }}</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        <div class=\"group-row\" *ngFor=\"let rule of rules; let i = index\">\n            <fd-select\n                class=\"group-row__select\"\n                [value]=\"rule.columnKey\"\n                (valueChange)=\"_onRuleColumnKeyChange(rule, $event)\"\n                [placeholder]=\"'platformTable.P13GroupDialogNoneSelectedColumnSelectPlaceholder' | fdTranslate\"\n            >\n                <li fd-option *ngFor=\"let column of columns\" [value]=\"column.key\">\n                    {{ column.label }}\n                </li>\n            </fd-select>\n\n            <fd-checkbox\n                class=\"group-row__checkbox\"\n                [ngModel]=\"rule.showAsColumn\"\n                (ngModelChange)=\"_onRuleShowAsColumnChange(rule, $event)\"\n                [label]=\"'platformTable.P13GroupDialogShowFieldAsColumnCheckboxLabel' | fdTranslate\"\n            ></fd-checkbox>\n\n            <div class=\"group-row__actions\">\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"sys-cancel\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogRemoveGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_removeRule(rule)\"\n                ></button>\n\n                <button\n                    fd-button\n                    fdType=\"transparent\"\n                    glyph=\"add\"\n                    [attr.aria-label]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    [title]=\"'platformTable.P13GroupDialogAddNewGroupBtnTitle' | fdTranslate\"\n                    (click)=\"_addNew(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13GroupDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13GroupDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-grouping-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-grouping-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-grouping-dialog .group-row__checkbox,.fdp-table-p13-grouping-dialog .group-row__actions,.fdp-table-p13-grouping-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-grouping-dialog .group-row__select{flex:1 1 0}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.DialogRef }]; } });
 
 /**
@@ -888,8 +890,12 @@ class P13FilteringDialogComponent {
     confirm() {
         const includeFilters = this._getCollectionFiltersFromIncludeRules();
         const excludeFilters = this._getCollectionFiltersFromExcludeRules();
-        const result = { collectionFilter: [...includeFilters, ...excludeFilters] };
-        this.dialogRef.close(result);
+        const validator = this.dialogRef.data.validator;
+        const combinedFilters = [...includeFilters, ...excludeFilters];
+        if (!validator || validator(combinedFilters)) {
+            const result = { collectionFilter: combinedFilters };
+            this.dialogRef.close(result);
+        }
     }
     /** @hidden */
     _removeRule(rule, rules) {
@@ -956,10 +962,10 @@ class P13FilteringDialogComponent {
     }
 }
 P13FilteringDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13FilteringDialogComponent, deps: [{ token: i1$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-P13FilteringDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13FilteringDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13FilteringDialogComponent }], 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 fd-title [headerSize]=\"4\">{{ 'platformTable.P13FilterDialogHeader' | fdTranslate }}</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        <!-- Include Rules -->\n        <fd-panel [expanded]=\"_includePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validIncludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogIncludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogIncludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validIncludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _includeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _includeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_includeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_includeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n        <!-- Exclude Rules -->\n        <fd-panel [expanded]=\"_excludePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validExcludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogExcludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogExcludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validExcludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _excludeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _excludeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_excludeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_excludeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13FilterDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                fdkInitialFocus\n                [label]=\"'platformTable.P13FilterDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-filtering-dialog .filter-row__input,.fdp-table-p13-filtering-dialog .filter-row__select{display:block;max-width:100%}.fdp-table-p13-filtering-dialog .fd-popover-custom{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1$2.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i1$2.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i2.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i7$1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i7$1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i7$1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i8.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i8.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "id"] }, { kind: "directive", type: i8.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "component", type: FilterRuleComponent, selector: "fdp-table-filter-rule", inputs: ["rule"], outputs: ["ruleChange", "ruleStateChange"] }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+P13FilteringDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13FilteringDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13FilteringDialogComponent }], 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 fd-title [headerSize]=\"4\">{{ 'platformTable.P13FilterDialogHeader' | fdTranslate }}</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        <!-- Include Rules -->\n        <fd-panel [expanded]=\"_includePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validIncludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogIncludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogIncludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validIncludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _includeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _includeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_includeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_includeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n        <!-- Exclude Rules -->\n        <fd-panel [expanded]=\"_excludePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validExcludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogExcludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogExcludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validExcludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _excludeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _excludeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_excludeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_excludeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13FilterDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13FilterDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-filtering-dialog .filter-row__input,.fdp-table-p13-filtering-dialog .filter-row__select{display:block;max-width:100%}.fdp-table-p13-filtering-dialog .fd-popover-custom{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1$2.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i1$2.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7$1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i7$1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i7$1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i8.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "directive", type: i8.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "id"] }, { kind: "directive", type: i8.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "component", type: FilterRuleComponent, selector: "fdp-table-filter-rule", inputs: ["rule"], outputs: ["ruleChange", "ruleStateChange"] }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13FilteringDialogComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13FilteringDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, 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 fd-title [headerSize]=\"4\">{{ 'platformTable.P13FilterDialogHeader' | fdTranslate }}</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        <!-- Include Rules -->\n        <fd-panel [expanded]=\"_includePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validIncludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogIncludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogIncludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validIncludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _includeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _includeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_includeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_includeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n        <!-- Exclude Rules -->\n        <fd-panel [expanded]=\"_excludePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validExcludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogExcludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogExcludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validExcludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _excludeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _excludeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_excludeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_excludeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13FilterDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                fdkInitialFocus\n                [label]=\"'platformTable.P13FilterDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-filtering-dialog .filter-row__input,.fdp-table-p13-filtering-dialog .filter-row__select{display:block;max-width:100%}.fdp-table-p13-filtering-dialog .fd-popover-custom{display:block}\n"] }]
+            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13FilteringDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, 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 fd-title [headerSize]=\"4\">{{ 'platformTable.P13FilterDialogHeader' | fdTranslate }}</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        <!-- Include Rules -->\n        <fd-panel [expanded]=\"_includePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validIncludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogIncludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogIncludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validIncludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _includeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _includeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_includeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_includeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n        <!-- Exclude Rules -->\n        <fd-panel [expanded]=\"_excludePanelExpanded\">\n            <div fd-panel-title>\n                {{\n                    (_validExcludeRulesCount > 0\n                        ? 'platformTable.P13FilterDialogExcludePanelTitleWithCount'\n                        : 'platformTable.P13FilterDialogExcludePanelTitleWithoutCount'\n                    ) | fdTranslate : { count: _validExcludeRulesCount }\n                }}\n            </div>\n            <div fd-panel-content>\n                <fd-layout-grid *ngFor=\"let rule of _excludeRules; let i = index\">\n                    <div fdLayoutGridRow>\n                        <fdp-table-filter-rule\n                            [fdLayoutGridCol]=\"10\"\n                            [rule]=\"rule\"\n                            (ruleChange)=\"_recalculateResetAvailability()\"\n                            (ruleStateChange)=\"_onRuleStateChange()\"\n                        ></fdp-table-filter-rule>\n                        <!-- Actions buttons -->\n                        <div [fdLayoutGridCol]=\"2\">\n                            <button\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"sys-cancel\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialogRemoveFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_removeRule(rule, _excludeRules)\"\n                            ></button>\n\n                            <button\n                                *ngIf=\"_excludeRules.length - 1 === i\"\n                                fd-button\n                                fdType=\"transparent\"\n                                glyph=\"add\"\n                                [attr.aria-label]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                [title]=\"'platformTable.P13FilterDialoAddFilterBtnTitle' | fdTranslate\"\n                                (click)=\"_addNewRule(_excludeRules)\"\n                            ></button>\n                        </div>\n                    </div>\n                </fd-layout-grid>\n            </div>\n        </fd-panel>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13FilterDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13FilterDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-filtering-dialog .filter-row__input,.fdp-table-p13-filtering-dialog .filter-row__select{display:block;max-width:100%}.fdp-table-p13-filtering-dialog .fd-popover-custom{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.DialogRef }]; } });
 
 class SelectableColumn {
@@ -1205,10 +1211,10 @@ class P13ColumnsDialogComponent {
     }
 }
 P13ColumnsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13ColumnsDialogComponent, deps: [{ token: i1$2.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-P13ColumnsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13ColumnsDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13ColumnsDialogComponent }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-columns-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13ColumnsDialogHeader' | 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        <fd-toolbar>\n            <fdp-search-field\n                [placeholder]=\"'platformTable.P13ColumnsDialogSearchPlaceholder' | fdTranslate\"\n                [inputText]=\"(_searchQuerySubject | async) || ''\"\n                [suggestions]=\"[]\"\n                (inputChange)=\"_searchInputChange($event)\"\n                fdkInitialFocus\n            ></fdp-search-field>\n\n            <fd-toolbar-spacer></fd-toolbar-spacer>\n\n            <!-- Show Selected/All -->\n            <button fd-toolbar-item fd-button fdType=\"transparent\" (click)=\"_toggleShowAll()\">\n                <ng-container *ngIf=\"(_showAllItemsSubject | async) === true; else showAll\">\n                    {{ 'platformTable.P13ColumnsDialogsShowSelected' | fdTranslate }}\n                </ng-container>\n                <ng-template #showAll>\n                    {{ 'platformTable.P13ColumnsDialogShowAll' | fdTranslate }}\n                </ng-template>\n            </button>\n\n            <!-- Active Button Movement -->\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"collapse-group\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                (click)=\"_moveActiveToTop()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                style=\"transform: rotate(180deg)\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                (click)=\"_moveActiveUp()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                (click)=\"_moveActiveDown()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"expand-group\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                (click)=\"_moveActiveToBottom()\"\n            ></button>\n        </fd-toolbar>\n\n        <ul fd-list [selection]=\"true\" aria-multiselectable=\"true\">\n            <li\n                (focus)=\"_setActiveColumn(null)\"\n                fd-list-item\n                [selected]=\"_selectedColumnsCount === _selectableColumns.length\"\n            >\n                <fd-checkbox\n                    [ngModel]=\"_selectedColumnsCount === _selectableColumns.length\"\n                    (ngModelChange)=\"_toggleSelectAll($event)\"\n                    [disabled]=\"_selectAllDisabled\"\n                ></fd-checkbox>\n                <span fd-list-title>\n                    {{\n                        'platformTable.P13ColumnsDialogSelectAll'\n                            | fdTranslate\n                                : {\n                                      selectedColumnsCount: _selectedColumnsCount,\n                                      selectableColumnsCount: _selectableColumns.length\n                                  }\n                    }}\n                </span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let item of _filteredColumns; trackBy: _filterByColumnKy\"\n                [class.fd-select-item--selected]=\"item.selected\"\n                [class.is-focus]=\"item.active\"\n                [selected]=\"item.selected\"\n                (focus)=\"_setActiveColumn(item)\"\n            >\n                <fd-checkbox [(ngModel)]=\"item.selected\" (ngModelChange)=\"_onToggleColumn()\"></fd-checkbox>\n                <span fd-list-title>\n                    {{ item.column.label }}\n                </span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-columns-dialog fd-toolbar{position:sticky;top:0;z-index:1;display:block}.fdp-table-p13-columns-dialog .fd-select-item--active{background:#e5f0fa;background:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fdp-table-p13-columns-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-columns-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-columns-dialog .group-row__checkbox,.fdp-table-p13-columns-dialog .group-row__actions,.fdp-table-p13-columns-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-columns-dialog .group-row__select{flex:1 1 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i3$2.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i3$2.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i4$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i6$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1$2.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i1$2.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i2.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i11$1.SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "searchSuggestionMessage", "searchSuggestionNavigateMessage", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+P13ColumnsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: P13ColumnsDialogComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13ColumnsDialogComponent }], ngImport: i0, template: "<fd-dialog class=\"fdp-table-p13-columns-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13ColumnsDialogHeader' | 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        <fd-toolbar>\n            <fdp-search-field\n                [placeholder]=\"'platformTable.P13ColumnsDialogSearchPlaceholder' | fdTranslate\"\n                [inputText]=\"(_searchQuerySubject | async) || ''\"\n                [suggestions]=\"[]\"\n                (inputChange)=\"_searchInputChange($event)\"\n            ></fdp-search-field>\n\n            <fd-toolbar-spacer></fd-toolbar-spacer>\n\n            <!-- Show Selected/All -->\n            <button fd-toolbar-item fd-button fdType=\"transparent\" (click)=\"_toggleShowAll()\">\n                <ng-container *ngIf=\"(_showAllItemsSubject | async) === true; else showAll\">\n                    {{ 'platformTable.P13ColumnsDialogsShowSelected' | fdTranslate }}\n                </ng-container>\n                <ng-template #showAll>\n                    {{ 'platformTable.P13ColumnsDialogShowAll' | fdTranslate }}\n                </ng-template>\n            </button>\n\n            <!-- Active Button Movement -->\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"collapse-group\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                (click)=\"_moveActiveToTop()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                style=\"transform: rotate(180deg)\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                (click)=\"_moveActiveUp()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                (click)=\"_moveActiveDown()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"expand-group\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                (click)=\"_moveActiveToBottom()\"\n            ></button>\n        </fd-toolbar>\n\n        <ul fd-list [selection]=\"true\" aria-multiselectable=\"true\">\n            <li\n                (focus)=\"_setActiveColumn(null)\"\n                fd-list-item\n                [selected]=\"_selectedColumnsCount === _selectableColumns.length\"\n            >\n                <fd-checkbox\n                    [ngModel]=\"_selectedColumnsCount === _selectableColumns.length\"\n                    (ngModelChange)=\"_toggleSelectAll($event)\"\n                    [disabled]=\"_selectAllDisabled\"\n                ></fd-checkbox>\n                <span fd-list-title>\n                    {{\n                        'platformTable.P13ColumnsDialogSelectAll'\n                            | fdTranslate\n                                : {\n                                      selectedColumnsCount: _selectedColumnsCount,\n                                      selectableColumnsCount: _selectableColumns.length\n                                  }\n                    }}\n                </span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let item of _filteredColumns; trackBy: _filterByColumnKy\"\n                [class.fd-select-item--selected]=\"item.selected\"\n                [class.fd-select-item--active]=\"item.active\"\n                [selected]=\"item.selected\"\n                (focus)=\"_setActiveColumn(item)\"\n            >\n                <fd-checkbox [(ngModel)]=\"item.selected\" (ngModelChange)=\"_onToggleColumn()\"></fd-checkbox>\n                <span fd-list-title>\n                    {{ item.column.label }}\n                </span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-columns-dialog fd-toolbar{position:sticky;top:0;z-index:10;display:block}.fdp-table-p13-columns-dialog .fd-select-item--active{background:#e5f0fa;background:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fdp-table-p13-columns-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-columns-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-columns-dialog .group-row__checkbox,.fdp-table-p13-columns-dialog .group-row__actions,.fdp-table-p13-columns-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-columns-dialog .group-row__select{flex:1 1 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i3$2.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i3$2.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i4$1.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i6$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i1$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1$2.DialogFooterButtonComponent, selector: "fd-dialog-footer-button" }, { kind: "directive", type: i1$2.DialogDecisiveButtonDirective, selector: "[fd-dialog-decisive-button]" }, { kind: "directive", type: i4.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i4.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i4.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i5.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i11$1.SearchFieldComponent, selector: "fdp-search-field", inputs: ["categoryMode", "appearance", "placeholder", "mobile", "mobileConfig", "disableRefresh", "disableSearch", "suggestions", "dataSource", "inputText", "categories", "currentCategory", "categoryLabel", "hideCategoryLabel", "isLoading", "ariaLabel", "ariaLabelledby", "searchSuggestionMessage", "searchSuggestionNavigateMessage", "forceSearchButton", "disableSuggestionsFoundAnnouncer"], outputs: ["inputChange", "searchSubmit", "cancelSearch", "isOpenChange"] }, { kind: "component", type: ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: P13ColumnsDialogComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13ColumnsDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-table-p13-columns-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13ColumnsDialogHeader' | 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        <fd-toolbar>\n            <fdp-search-field\n                [placeholder]=\"'platformTable.P13ColumnsDialogSearchPlaceholder' | fdTranslate\"\n                [inputText]=\"(_searchQuerySubject | async) || ''\"\n                [suggestions]=\"[]\"\n                (inputChange)=\"_searchInputChange($event)\"\n                fdkInitialFocus\n            ></fdp-search-field>\n\n            <fd-toolbar-spacer></fd-toolbar-spacer>\n\n            <!-- Show Selected/All -->\n            <button fd-toolbar-item fd-button fdType=\"transparent\" (click)=\"_toggleShowAll()\">\n                <ng-container *ngIf=\"(_showAllItemsSubject | async) === true; else showAll\">\n                    {{ 'platformTable.P13ColumnsDialogsShowSelected' | fdTranslate }}\n                </ng-container>\n                <ng-template #showAll>\n                    {{ 'platformTable.P13ColumnsDialogShowAll' | fdTranslate }}\n                </ng-template>\n            </button>\n\n            <!-- Active Button Movement -->\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"collapse-group\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                (click)=\"_moveActiveToTop()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                style=\"transform: rotate(180deg)\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                (click)=\"_moveActiveUp()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                (click)=\"_moveActiveDown()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"expand-group\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                (click)=\"_moveActiveToBottom()\"\n            ></button>\n        </fd-toolbar>\n\n        <ul fd-list [selection]=\"true\" aria-multiselectable=\"true\">\n            <li\n                (focus)=\"_setActiveColumn(null)\"\n                fd-list-item\n                [selected]=\"_selectedColumnsCount === _selectableColumns.length\"\n            >\n                <fd-checkbox\n                    [ngModel]=\"_selectedColumnsCount === _selectableColumns.length\"\n                    (ngModelChange)=\"_toggleSelectAll($event)\"\n                    [disabled]=\"_selectAllDisabled\"\n                ></fd-checkbox>\n                <span fd-list-title>\n                    {{\n                        'platformTable.P13ColumnsDialogSelectAll'\n                            | fdTranslate\n                                : {\n                                      selectedColumnsCount: _selectedColumnsCount,\n                                      selectableColumnsCount: _selectableColumns.length\n                                  }\n                    }}\n                </span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let item of _filteredColumns; trackBy: _filterByColumnKy\"\n                [class.fd-select-item--selected]=\"item.selected\"\n                [class.is-focus]=\"item.active\"\n                [selected]=\"item.selected\"\n                (focus)=\"_setActiveColumn(item)\"\n            >\n                <fd-checkbox [(ngModel)]=\"item.selected\" (ngModelChange)=\"_onToggleColumn()\"></fd-checkbox>\n                <span fd-list-title>\n                    {{ item.column.label }}\n                </span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-columns-dialog fd-toolbar{position:sticky;top:0;z-index:1;display:block}.fdp-table-p13-columns-dialog .fd-select-item--active{background:#e5f0fa;background:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fdp-table-p13-columns-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-columns-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-columns-dialog .group-row__checkbox,.fdp-table-p13-columns-dialog .group-row__actions,.fdp-table-p13-columns-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-columns-dialog .group-row__select{flex:1 1 0}\n"] }]
+            args: [{ encapsulation: ViewEncapsulation.None, providers: [{ provide: RESETTABLE_TOKEN, useExisting: P13ColumnsDialogComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-dialog class=\"fdp-table-p13-columns-dialog\">\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <h4 fd-title [headerSize]=\"4\">\n                        {{ 'platformTable.P13ColumnsDialogHeader' | 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        <fd-toolbar>\n            <fdp-search-field\n                [placeholder]=\"'platformTable.P13ColumnsDialogSearchPlaceholder' | fdTranslate\"\n                [inputText]=\"(_searchQuerySubject | async) || ''\"\n                [suggestions]=\"[]\"\n                (inputChange)=\"_searchInputChange($event)\"\n            ></fdp-search-field>\n\n            <fd-toolbar-spacer></fd-toolbar-spacer>\n\n            <!-- Show Selected/All -->\n            <button fd-toolbar-item fd-button fdType=\"transparent\" (click)=\"_toggleShowAll()\">\n                <ng-container *ngIf=\"(_showAllItemsSubject | async) === true; else showAll\">\n                    {{ 'platformTable.P13ColumnsDialogsShowSelected' | fdTranslate }}\n                </ng-container>\n                <ng-template #showAll>\n                    {{ 'platformTable.P13ColumnsDialogShowAll' | fdTranslate }}\n                </ng-template>\n            </button>\n\n            <!-- Active Button Movement -->\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"collapse-group\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToTopBtn' | fdTranslate\"\n                (click)=\"_moveActiveToTop()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                style=\"transform: rotate(180deg)\"\n                [disabled]=\"_moveUpDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveUpBtn' | fdTranslate\"\n                (click)=\"_moveActiveUp()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"slim-arrow-down\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveDownBtn' | fdTranslate\"\n                (click)=\"_moveActiveDown()\"\n            ></button>\n\n            <button\n                fd-toolbar-item\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"expand-group\"\n                [disabled]=\"_moveDownDisabled\"\n                [attr.aria-label]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                [title]=\"'platformTable.P13ColumnsDialogMoveToBottomBtn' | fdTranslate\"\n                (click)=\"_moveActiveToBottom()\"\n            ></button>\n        </fd-toolbar>\n\n        <ul fd-list [selection]=\"true\" aria-multiselectable=\"true\">\n            <li\n                (focus)=\"_setActiveColumn(null)\"\n                fd-list-item\n                [selected]=\"_selectedColumnsCount === _selectableColumns.length\"\n            >\n                <fd-checkbox\n                    [ngModel]=\"_selectedColumnsCount === _selectableColumns.length\"\n                    (ngModelChange)=\"_toggleSelectAll($event)\"\n                    [disabled]=\"_selectAllDisabled\"\n                ></fd-checkbox>\n                <span fd-list-title>\n                    {{\n                        'platformTable.P13ColumnsDialogSelectAll'\n                            | fdTranslate\n                                : {\n                                      selectedColumnsCount: _selectedColumnsCount,\n                                      selectableColumnsCount: _selectableColumns.length\n                                  }\n                    }}\n                </span>\n            </li>\n            <li\n                fd-list-item\n                *ngFor=\"let item of _filteredColumns; trackBy: _filterByColumnKy\"\n                [class.fd-select-item--selected]=\"item.selected\"\n                [class.fd-select-item--active]=\"item.active\"\n                [selected]=\"item.selected\"\n                (focus)=\"_setActiveColumn(item)\"\n            >\n                <fd-checkbox [(ngModel)]=\"item.selected\" (ngModelChange)=\"_onToggleColumn()\"></fd-checkbox>\n                <span fd-list-title>\n                    {{ item.column.label }}\n                </span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"emphasized\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogConfirmationBtnLabel' | fdTranslate\"\n                (click)=\"confirm()\"\n            ></button>\n        </fd-dialog-footer-button>\n\n        <fd-dialog-footer-button>\n            <button\n                fd-button\n                fdType=\"transparent\"\n                fd-dialog-decisive-button\n                [label]=\"'platformTable.P13ColumnsDialogCancelBtnLabel' | fdTranslate\"\n                (click)=\"cancel()\"\n            ></button>\n        </fd-dialog-footer-button>\n    </fd-dialog-footer>\n</fd-dialog>\n", styles: [".fdp-table-p13-columns-dialog fd-toolbar{position:sticky;top:0;z-index:10;display:block}.fdp-table-p13-columns-dialog .fd-select-item--active{background:#e5f0fa;background:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fdp-table-p13-columns-dialog .group-row{display:flex;align-items:center;margin-bottom:.5rem}.fdp-table-p13-columns-dialog .group-row .fd-popover-custom{display:block}.fdp-table-p13-columns-dialog .group-row__checkbox,.fdp-table-p13-columns-dialog .group-row__actions,.fdp-table-p13-columns-dialog .group-row__select{margin-right:1rem}.fdp-table-p13-columns-dialog .group-row__select{flex:1 1 0}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.DialogRef }, { type: i0.ChangeDetectorRef }]; } });
 
 const dialogConfig$1 = {
@@ -1285,12 +1291,15 @@ class TableP13DialogComponent {
         const filterBy = state === null || state === void 0 ? void 0 : state.filterBy;
         const dialogData = {
             columns: columns.map(({ label, key, dataType, filterable }) => ({ label, key, dataType, filterable })),
-            collectionFilter: filterBy
+            collectionFilter: filterBy,
+            validator: this.filter.validator
         };
         const dialogRef = this._dialogService.open(P13FilteringDialogComponent, Object.assign(Object.assign({}, dialogConfig$1), { disablePaddings: true, width: '50rem', data: dialogData }), this.table.injector);
         this._subscriptions.add(dialogRef.afterClosed
             .pipe(filter((result) => !!result))
-            .subscribe(({ collectionFilter }) => this._applyFiltering(collectionFilter)));
+            .subscribe(({ collectionFilter }) => {
+            this._applyFiltering(collectionFilter);
+        }));
     }
     /** Open Grouping Settings Dialog */
     showGroupingSettings() {