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

package/esm2020/table/components/table-view-settings-dialog/filtering/filter-step.component.mjs

@@ -41,9 +41,9 @@ export class FilterStepComponent {
         this.valueChange.emit(newFilterBy);
     }
 }
-FilterStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FilterStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FilterStepComponent, selector: "fdp-filter-step", inputs: { filter: "filter", columnKey: "columnKey", contentDensity: "contentDensity", filterBy: "filterBy" }, outputs: { back: "back", valueChange: "valueChange" }, providers: [{ provide: FILTERS_VIEW_STEP_TOKEN, useExisting: forwardRef(() => FilterStepComponent) }], viewQueries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["titleTemplate"], descendants: true }, { propertyName: "bodyTemplateRef", first: true, predicate: ["bodyTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #titleTemplate>\n    <button fd-button fdType=\"transparent\" glyph=\"navigation-left-arrow\" (click)=\"back.emit()\"></button>\n    <h4 fd-title [headerSize]=\"4\">\n        {{ 'platformTable.filterDialogFilterByLabel' | fdTranslate: { filterLabel: filter.label } }}\n    </h4>\n</ng-template>\n\n<ng-template #bodyTemplate>\n    <ng-container [ngSwitch]=\"filter.type\">\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.SINGLE\">\n            <fdp-filter-single-select\n                [options]=\"filter.values\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-single-select>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.MULTI\">\n            <fdp-filter-multi-select\n                [options]=\"filter.values\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-multi-select>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.CUSTOM\">\n            <fdp-filter-custom\n                [filter]=\"filter\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-custom>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.CATEGORY\"> Categories list is not implemented </ng-container>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.FilterSingleSelectComponent, selector: "fdp-filter-single-select", inputs: ["options", "filterBy"], outputs: ["valueChange"] }, { kind: "component", type: i5.FilterMultiSelectComponent, selector: "fdp-filter-multi-select", inputs: ["options", "filterBy"], outputs: ["valueChange"] }, { kind: "component", type: i6.FilterCustomComponent, selector: "fdp-filter-custom", inputs: ["filter", "filterBy"], outputs: ["valueChange"] }, { kind: "pipe", type: i7.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FilterStepComponent, decorators: [{
+FilterStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FilterStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FilterStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FilterStepComponent, selector: "fdp-filter-step", inputs: { filter: "filter", columnKey: "columnKey", contentDensity: "contentDensity", filterBy: "filterBy" }, outputs: { back: "back", valueChange: "valueChange" }, providers: [{ provide: FILTERS_VIEW_STEP_TOKEN, useExisting: forwardRef(() => FilterStepComponent) }], viewQueries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["titleTemplate"], descendants: true }, { propertyName: "bodyTemplateRef", first: true, predicate: ["bodyTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #titleTemplate>\n    <button fd-button fdType=\"transparent\" glyph=\"navigation-left-arrow\" (click)=\"back.emit()\"></button>\n    <h4 fd-title [headerSize]=\"4\">\n        {{ 'platformTable.filterDialogFilterByLabel' | fdTranslate: { filterLabel: filter.label } }}\n    </h4>\n</ng-template>\n\n<ng-template #bodyTemplate>\n    <ng-container [ngSwitch]=\"filter.type\">\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.SINGLE\">\n            <fdp-filter-single-select\n                [options]=\"filter.values\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-single-select>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.MULTI\">\n            <fdp-filter-multi-select\n                [options]=\"filter.values\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-multi-select>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.CUSTOM\">\n            <fdp-filter-custom\n                [filter]=\"filter\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-custom>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.CATEGORY\"> Categories list is not implemented </ng-container>\n    </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i4.FilterSingleSelectComponent, selector: "fdp-filter-single-select", inputs: ["options", "filterBy"], outputs: ["valueChange"] }, { kind: "component", type: i5.FilterMultiSelectComponent, selector: "fdp-filter-multi-select", inputs: ["options", "filterBy"], outputs: ["valueChange"] }, { kind: "component", type: i6.FilterCustomComponent, selector: "fdp-filter-custom", inputs: ["filter", "filterBy"], outputs: ["valueChange"] }, { kind: "pipe", type: i7.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FilterStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-filter-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: FILTERS_VIEW_STEP_TOKEN, useExisting: forwardRef(() => FilterStepComponent) }], template: "<ng-template #titleTemplate>\n    <button fd-button fdType=\"transparent\" glyph=\"navigation-left-arrow\" (click)=\"back.emit()\"></button>\n    <h4 fd-title [headerSize]=\"4\">\n        {{ 'platformTable.filterDialogFilterByLabel' | fdTranslate: { filterLabel: filter.label } }}\n    </h4>\n</ng-template>\n\n<ng-template #bodyTemplate>\n    <ng-container [ngSwitch]=\"filter.type\">\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.SINGLE\">\n            <fdp-filter-single-select\n                [options]=\"filter.values\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-single-select>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.MULTI\">\n            <fdp-filter-multi-select\n                [options]=\"filter.values\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-multi-select>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.CUSTOM\">\n            <fdp-filter-custom\n                [filter]=\"filter\"\n                [filterBy]=\"_filterBy\"\n                (valueChange)=\"_onFilterValueChange($event)\"\n            ></fdp-filter-custom>\n        </ng-container>\n\n        <ng-container *ngSwitchCase=\"FILTER_TYPE.CATEGORY\"> Categories list is not implemented </ng-container>\n    </ng-container>\n</ng-template>\n" }]
         }], propDecorators: { filter: [{

package/esm2020/table/components/table-view-settings-dialog/filtering/filters-list-step.component.mjs

@@ -13,9 +13,9 @@ export class FiltersListStepComponent {
         this.selectFilter = new EventEmitter();
     }
 }
-FiltersListStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FiltersListStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FiltersListStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FiltersListStepComponent, selector: "fdp-filters-list-step", inputs: { filters: "filters" }, outputs: { selectFilter: "selectFilter" }, providers: [{ provide: FILTERS_VIEW_STEP_TOKEN, useExisting: forwardRef(() => FiltersListStepComponent) }], viewQueries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["titleTemplate"], descendants: true }, { propertyName: "bodyTemplateRef", first: true, predicate: ["bodyTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #titleTemplate>\n    <h4 fd-title [headerSize]=\"4\">{{ 'platformTable.filterDialogFilterTitle' | fdTranslate }}</h4>\n</ng-template>\n\n<ng-template #bodyTemplate>\n    <ul fd-list [navigationIndicator]=\"true\">\n        <li fd-list-group-header>{{ 'platformTable.filterDialogFilterBy' | fdTranslate }}</li>\n\n        <li fd-list-item *ngFor=\"let filter of filters\">\n            <a fd-list-link (click)=\"selectFilter.emit(filter)\">\n                <span fd-list-title>{{ filter.label }}</span>\n            </a>\n        </li>\n    </ul>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i2.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i2.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i2.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "directive", type: i2.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FiltersListStepComponent, decorators: [{
+FiltersListStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FiltersListStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FiltersListStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FiltersListStepComponent, selector: "fdp-filters-list-step", inputs: { filters: "filters" }, outputs: { selectFilter: "selectFilter" }, providers: [{ provide: FILTERS_VIEW_STEP_TOKEN, useExisting: forwardRef(() => FiltersListStepComponent) }], viewQueries: [{ propertyName: "titleTemplateRef", first: true, predicate: ["titleTemplate"], descendants: true }, { propertyName: "bodyTemplateRef", first: true, predicate: ["bodyTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #titleTemplate>\n    <h4 fd-title [headerSize]=\"4\">{{ 'platformTable.filterDialogFilterTitle' | fdTranslate }}</h4>\n</ng-template>\n\n<ng-template #bodyTemplate>\n    <ul fd-list [navigationIndicator]=\"true\">\n        <li fd-list-group-header>{{ 'platformTable.filterDialogFilterBy' | fdTranslate }}</li>\n\n        <li fd-list-item *ngFor=\"let filter of filters\">\n            <a fd-list-link (click)=\"selectFilter.emit(filter)\">\n                <span fd-list-title>{{ filter.label }}</span>\n            </a>\n        </li>\n    </ul>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i2.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i2.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i2.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "directive", type: i2.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FiltersListStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-filters-list-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: FILTERS_VIEW_STEP_TOKEN, useExisting: forwardRef(() => FiltersListStepComponent) }], template: "<ng-template #titleTemplate>\n    <h4 fd-title [headerSize]=\"4\">{{ 'platformTable.filterDialogFilterTitle' | fdTranslate }}</h4>\n</ng-template>\n\n<ng-template #bodyTemplate>\n    <ul fd-list [navigationIndicator]=\"true\">\n        <li fd-list-group-header>{{ 'platformTable.filterDialogFilterBy' | fdTranslate }}</li>\n\n        <li fd-list-item *ngFor=\"let filter of filters\">\n            <a fd-list-link (click)=\"selectFilter.emit(filter)\">\n                <span fd-list-title>{{ filter.label }}</span>\n            </a>\n        </li>\n    </ul>\n</ng-template>\n" }]
         }], propDecorators: { filters: [{

package/esm2020/table/components/table-view-settings-dialog/filtering/filters.component.mjs

@@ -121,9 +121,9 @@ export class FiltersComponent {
         this._isResetAvailableSubject$.next(true);
     }
 }
-FiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FiltersComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }, { token: i2.Table }], target: i0.ɵɵFactoryTarget.Component });
-FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FiltersComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => FiltersComponent) }], viewQueries: [{ propertyName: "setActiveFilterStepView", first: true, predicate: FILTERS_VIEW_STEP_TOKEN, descendants: true }], ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <ng-container\n                        *ngIf=\"activeFilterStepView?.titleTemplateRef\"\n                        [ngTemplateOutlet]=\"activeFilterStepView.titleTemplateRef\"\n                    ></ng-container>\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        <ng-container\n            *ngIf=\"activeFilterStepView?.bodyTemplateRef\"\n            [ngTemplateOutlet]=\"activeFilterStepView.bodyTemplateRef\"\n        ></ng-container>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.filterDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.filterDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<!-- Keep active step component  -->\n<ng-container [ngSwitch]=\"activeStep\">\n    <ng-container *ngSwitchCase=\"ACTIVE_STEP.SELECT_FILTER\">\n        <fdp-filters-list-step\n            [filters]=\"viewSettingsFilters\"\n            (selectFilter)=\"selectFilter($event)\"\n        ></fdp-filters-list-step>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"ACTIVE_STEP.FILTER\">\n        <fdp-filter-step\n            [columnKey]=\"activeFilterColumnKey!\"\n            [filter]=\"activeFilter!\"\n            [filterBy]=\"filterBy\"\n            (back)=\"goToFilters()\"\n            (valueChange)=\"applyFilter($event, activeFilter!)\"\n        ></fdp-filter-step>\n    </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: 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: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i5.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i5.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i6.FiltersListStepComponent, selector: "fdp-filters-list-step", inputs: ["filters"], outputs: ["selectFilter"] }, { kind: "component", type: i7.FilterStepComponent, selector: "fdp-filter-step", inputs: ["filter", "columnKey", "contentDensity", "filterBy"], outputs: ["back", "valueChange"] }, { kind: "component", type: i8.ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "pipe", type: i9.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FiltersComponent, decorators: [{
+FiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FiltersComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }, { token: i2.Table }], target: i0.ɵɵFactoryTarget.Component });
+FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FiltersComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => FiltersComponent) }], viewQueries: [{ propertyName: "setActiveFilterStepView", first: true, predicate: FILTERS_VIEW_STEP_TOKEN, descendants: true }], ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <ng-container\n                        *ngIf=\"activeFilterStepView?.titleTemplateRef\"\n                        [ngTemplateOutlet]=\"activeFilterStepView.titleTemplateRef\"\n                    ></ng-container>\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        <ng-container\n            *ngIf=\"activeFilterStepView?.bodyTemplateRef\"\n            [ngTemplateOutlet]=\"activeFilterStepView.bodyTemplateRef\"\n        ></ng-container>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.filterDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.filterDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<!-- Keep active step component  -->\n<ng-container [ngSwitch]=\"activeStep\">\n    <ng-container *ngSwitchCase=\"ACTIVE_STEP.SELECT_FILTER\">\n        <fdp-filters-list-step\n            [filters]=\"viewSettingsFilters\"\n            (selectFilter)=\"selectFilter($event)\"\n        ></fdp-filters-list-step>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"ACTIVE_STEP.FILTER\">\n        <fdp-filter-step\n            [columnKey]=\"activeFilterColumnKey!\"\n            [filter]=\"activeFilter!\"\n            [filterBy]=\"filterBy\"\n            (back)=\"goToFilters()\"\n            (valueChange)=\"applyFilter($event, activeFilter!)\"\n        ></fdp-filter-step>\n    </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: 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: i4.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i5.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i5.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i6.FiltersListStepComponent, selector: "fdp-filters-list-step", inputs: ["filters"], outputs: ["selectFilter"] }, { kind: "component", type: i7.FilterStepComponent, selector: "fdp-filter-step", inputs: ["filter", "columnKey", "contentDensity", "filterBy"], outputs: ["back", "valueChange"] }, { kind: "component", type: i8.ResetButtonComponent, selector: "fdp-table-reset-button" }, { kind: "pipe", type: i9.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
             args: [{ providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => FiltersComponent) }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<fd-dialog>\n    <fd-dialog-header>\n        <ng-template fdkTemplate=\"header\">\n            <div fd-bar-left>\n                <fd-bar-element>\n                    <ng-container\n                        *ngIf=\"activeFilterStepView?.titleTemplateRef\"\n                        [ngTemplateOutlet]=\"activeFilterStepView.titleTemplateRef\"\n                    ></ng-container>\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        <ng-container\n            *ngIf=\"activeFilterStepView?.bodyTemplateRef\"\n            [ngTemplateOutlet]=\"activeFilterStepView.bodyTemplateRef\"\n        ></ng-container>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.filterDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.filterDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n\n<!-- Keep active step component  -->\n<ng-container [ngSwitch]=\"activeStep\">\n    <ng-container *ngSwitchCase=\"ACTIVE_STEP.SELECT_FILTER\">\n        <fdp-filters-list-step\n            [filters]=\"viewSettingsFilters\"\n            (selectFilter)=\"selectFilter($event)\"\n        ></fdp-filters-list-step>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"ACTIVE_STEP.FILTER\">\n        <fdp-filter-step\n            [columnKey]=\"activeFilterColumnKey!\"\n            [filter]=\"activeFilter!\"\n            [filterBy]=\"filterBy\"\n            (back)=\"goToFilters()\"\n            (valueChange)=\"applyFilter($event, activeFilter!)\"\n        ></fdp-filter-step>\n    </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i0.ChangeDetectorRef }, { type: i2.Table }]; }, propDecorators: { setActiveFilterStepView: [{

package/esm2020/table/components/table-view-settings-dialog/grouping/grouping.component.mjs

@@ -93,9 +93,9 @@ export class GroupingComponent {
         this._isResetAvailableSubject$.next(true);
     }
 }
-GroupingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GroupingComponent, deps: [{ token: i1.DialogRef }, { token: i2.Table }], target: i0.ɵɵFactoryTarget.Component });
-GroupingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: GroupingComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => GroupingComponent) }], ngImport: i0, template: "<fd-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.groupDialogHeader' | 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        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderHeader' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.ASC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"asc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_groupOrderChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderAsc' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.DESC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"desc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_groupOrderChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderDesc' | fdTranslate }}</span>\n            </li>\n        </ul>\n\n        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupByHeader' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"NOT_GROUPED_OPTION_VALUE === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"NOT_GROUPED_OPTION_VALUE\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_groupFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogNotGroupedLabel' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item *ngFor=\"let column of columns\" [selected]=\"column.key === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"column.key\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_groupFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ column.label }}</span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.groupDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.groupDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i7.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i7.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i7.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i7.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i8.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i10.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.8", ngImport: i0, type: GroupingComponent, decorators: [{
+GroupingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GroupingComponent, deps: [{ token: i1.DialogRef }, { token: i2.Table }], target: i0.ɵɵFactoryTarget.Component });
+GroupingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: GroupingComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => GroupingComponent) }], ngImport: i0, template: "<fd-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.groupDialogHeader' | 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        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderHeader' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.ASC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"asc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_groupOrderChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderAsc' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.DESC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"desc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_groupOrderChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderDesc' | fdTranslate }}</span>\n            </li>\n        </ul>\n\n        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupByHeader' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"NOT_GROUPED_OPTION_VALUE === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"NOT_GROUPED_OPTION_VALUE\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_groupFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogNotGroupedLabel' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item *ngFor=\"let column of columns\" [selected]=\"column.key === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"column.key\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_groupFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ column.label }}</span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.groupDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.groupDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i7.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i7.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i7.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i7.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i8.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i10.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: GroupingComponent, decorators: [{
             type: Component,
             args: [{ providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => GroupingComponent) }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<fd-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.groupDialogHeader' | 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        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderHeader' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.ASC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"asc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_groupOrderChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderAsc' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.DESC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"desc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_groupOrderChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupOrderDesc' | fdTranslate }}</span>\n            </li>\n        </ul>\n\n        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.groupDialogGroupByHeader' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"NOT_GROUPED_OPTION_VALUE === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"NOT_GROUPED_OPTION_VALUE\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_groupFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.groupDialogNotGroupedLabel' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item *ngFor=\"let column of columns\" [selected]=\"column.key === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"column.key\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_groupFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ column.label }}</span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.groupDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.groupDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n" }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i2.Table }]; } });

package/esm2020/table/components/table-view-settings-dialog/sorting/sorting.component.mjs

@@ -98,9 +98,9 @@ export class SortingComponent {
         this._isResetAvailableSubject$.next(true);
     }
 }
-SortingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SortingComponent, deps: [{ token: i1.DialogRef }, { token: i2.Table }], target: i0.ɵɵFactoryTarget.Component });
-SortingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: SortingComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => SortingComponent) }], ngImport: i0, template: "<fd-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.sortDialogHeader' | 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        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderHeader' | fdTranslate }}</span>\n            </li>\n\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.ASC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"asc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_sortDirectionChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderAsc' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.DESC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"desc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_sortDirectionChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderDesc' | fdTranslate }}</span>\n            </li>\n        </ul>\n\n        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortByHeader' | fdTranslate }}</span>\n            </li>\n\n            <li fd-list-item *ngIf=\"allowDisablingSorting\" [selected]=\"field === NOT_SORTED_OPTION_VALUE\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"NOT_SORTED_OPTION_VALUE\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_sortFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogNotSortedLabel' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item *ngFor=\"let column of columns\" [selected]=\"column.key === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"column.key\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_sortFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ column.label }}</span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.sortDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.sortDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i7.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i7.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i7.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i7.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i8.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fd-initial-focus", "enabled", "focusLastElement"] }, { kind: "component", type: i10.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.8", ngImport: i0, type: SortingComponent, decorators: [{
+SortingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortingComponent, deps: [{ token: i1.DialogRef }, { token: i2.Table }], target: i0.ɵɵFactoryTarget.Component });
+SortingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SortingComponent, selector: "ng-component", providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => SortingComponent) }], ngImport: i0, template: "<fd-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.sortDialogHeader' | 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        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderHeader' | fdTranslate }}</span>\n            </li>\n\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.ASC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"asc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_sortDirectionChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderAsc' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.DESC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"desc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_sortDirectionChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderDesc' | fdTranslate }}</span>\n            </li>\n        </ul>\n\n        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortByHeader' | fdTranslate }}</span>\n            </li>\n\n            <li fd-list-item *ngIf=\"allowDisablingSorting\" [selected]=\"field === NOT_SORTED_OPTION_VALUE\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"NOT_SORTED_OPTION_VALUE\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_sortFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogNotSortedLabel' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item *ngFor=\"let column of columns\" [selected]=\"column.key === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"column.key\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_sortFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ column.label }}</span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.sortDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.sortDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "directive", type: i7.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i7.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i7.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { kind: "component", type: i7.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i8.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i9.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i9.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i10.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: SortingComponent, decorators: [{
             type: Component,
             args: [{ providers: [{ provide: RESETTABLE_TOKEN, useExisting: forwardRef(() => SortingComponent) }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<fd-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.sortDialogHeader' | 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        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderHeader' | fdTranslate }}</span>\n            </li>\n\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.ASC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"asc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_sortDirectionChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderAsc' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item [selected]=\"direction === SORT_DIRECTION.DESC\">\n                <fd-radio-button\n                    name=\"sort-order\"\n                    value=\"desc\"\n                    state=\"default\"\n                    [ngModel]=\"direction\"\n                    (ngModelChange)=\"_sortDirectionChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortOrderDesc' | fdTranslate }}</span>\n            </li>\n        </ul>\n\n        <ul fd-list [selection]=\"true\">\n            <li fd-list-group-header>\n                <span fd-list-title>{{ 'platformTable.sortDialogSortByHeader' | fdTranslate }}</span>\n            </li>\n\n            <li fd-list-item *ngIf=\"allowDisablingSorting\" [selected]=\"field === NOT_SORTED_OPTION_VALUE\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"NOT_SORTED_OPTION_VALUE\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_sortFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ 'platformTable.sortDialogNotSortedLabel' | fdTranslate }}</span>\n            </li>\n            <li fd-list-item *ngFor=\"let column of columns\" [selected]=\"column.key === field\">\n                <fd-radio-button\n                    name=\"sort-by\"\n                    [value]=\"column.key\"\n                    state=\"default\"\n                    [ngModel]=\"field\"\n                    (ngModelChange)=\"_sortFieldChange($event)\"\n                ></fd-radio-button>\n                <span fd-list-title>{{ column.label }}</span>\n            </li>\n        </ul>\n    </fd-dialog-body>\n\n    <fd-dialog-footer>\n        <fd-button-bar\n            fdType=\"emphasized\"\n            [label]=\"'platformTable.sortDialogConfirmBtnLabel' | fdTranslate\"\n            (click)=\"confirm()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            [label]=\"'platformTable.sortDialogCancelBtnLabel' | fdTranslate\"\n            fdkInitialFocus\n            (click)=\"cancel()\"\n        >\n        </fd-button-bar>\n    </fd-dialog-footer>\n</fd-dialog>\n" }]
         }], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i2.Table }]; } });

package/esm2020/table/components/table-view-settings-dialog/table-view-settings-dialog.component.mjs

@@ -177,9 +177,9 @@ export class TableViewSettingsDialogComponent {
         this._tableSubscriptions = new Subscription();
     }
 }
-TableViewSettingsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TableViewSettingsDialogComponent, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-TableViewSettingsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TableViewSettingsDialogComponent, selector: "fdp-table-view-settings-dialog", inputs: { table: "table", allowDisablingSorting: "allowDisablingSorting" }, queries: [{ propertyName: "filters", predicate: i0.forwardRef(function () { return TableViewSettingsFilterComponent; }) }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TableViewSettingsDialogComponent, decorators: [{
+TableViewSettingsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableViewSettingsDialogComponent, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
+TableViewSettingsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableViewSettingsDialogComponent, selector: "fdp-table-view-settings-dialog", inputs: { table: "table", allowDisablingSorting: "allowDisablingSorting" }, queries: [{ propertyName: "filters", predicate: i0.forwardRef(function () { return TableViewSettingsFilterComponent; }) }], 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: TableViewSettingsDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdp-table-view-settings-dialog',

package/esm2020/table/components/table-view-settings-dialog/table-view-settings-filter.component.mjs

@@ -32,9 +32,9 @@ export class TableViewSettingsFilterComponent {
         this.customFilterTemplate = filterCustomDef?.templateRef;
     }
 }
-TableViewSettingsFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TableViewSettingsFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableViewSettingsFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TableViewSettingsFilterComponent, selector: "fdp-table-view-settings-filter", inputs: { column: "column", label: "label", type: "type", values: "values" }, queries: [{ propertyName: "_filterCustomDef", first: true, predicate: FdpViewSettingsFilterCustomDef, descendants: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TableViewSettingsFilterComponent, decorators: [{
+TableViewSettingsFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableViewSettingsFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableViewSettingsFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableViewSettingsFilterComponent, selector: "fdp-table-view-settings-filter", inputs: { column: "column", label: "label", type: "type", values: "values" }, queries: [{ propertyName: "_filterCustomDef", first: true, predicate: FdpViewSettingsFilterCustomDef, descendants: true }], 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: TableViewSettingsFilterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fdp-table-view-settings-filter',