@fundamental-ngx/platform 0.43.8 → 0.43.10

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

@@ -54,7 +54,7 @@ import { isJsObject, FDP_PRESET_MANAGED_COMPONENT, PlatformContentDensityDepreca
 import * as i7$3 from '@fundamental-ngx/core/skeleton';
 import { SkeletonModule } from '@fundamental-ngx/core/skeleton';
 import * as i1 from '@fundamental-ngx/platform/table-helpers';
-import { TableColumn, FilterableColumnDataType, FdpCellDef, FdpEditableCellDef, FdpHeaderCellDef, TableCellHeaderPopoverDirective, SortDirection, getUniqueListValuesByKey, getFilterStrategiesBasedOnDataType, FILTER_STRATEGY, FdpViewSettingsFilterCustomDef, FilterType, TableService, FILTER_STRING_STRATEGY, EditableTableCell, isTreeRowFirstCell, SelectionMode, TableColumnResizeService, TableRowService, isTreeRow, TableDraggableDirective, Table, DEFAULT_HIGHLIGHTING_KEY, SEMANTIC_HIGHLIGHTING_COLUMN_WIDTH, ROW_HEIGHT, TableDataSourceDirective, FDP_TABLE_STATE_DIRECTIVE, FDP_TABLE_VIRTUAL_SCROLL_DIRECTIVE, FDP_TABLE_DRAGGABLE_DIRECTIVE, TableHeaderResizerDirective, isRowNavigatable, TableRowType, buildNewRowSkeleton, EDITABLE_ROW_SEMANTIC_STATE, SaveRowsEvent, getSelectableRows, TableRowActivateEvent, TableRowToggleOpenStateEvent, findRowChildren, getRowParents, TableSortChangeEvent, TablePageChangeEvent, TableGroupChangeEvent, TableColumnFreezeEvent, TableFilterChangeEvent, TableColumnsChangeEvent, convertObjectsToTableRows, isTableRow, convertTreeTableRowToFlatList, convertTreeObjectsToTableRows, getFreezableColumns, getFreezableEndColumns, SELECTION_COLUMN_WIDTH, TableScrollDispatcherService, TableResponsiveService, TableHelpersModule } from '@fundamental-ngx/platform/table-helpers';
+import { TableColumn, FilterableColumnDataType, FdpCellDef, FdpEditableCellDef, FdpHeaderCellDef, TableCellHeaderPopoverDirective, SortDirection, getUniqueListValuesByKey, getFilterStrategiesBasedOnDataType, FILTER_STRATEGY, FdpViewSettingsFilterCustomDef, FilterType, TableService, Table, FILTER_STRING_STRATEGY, EditableTableCell, isTreeRowFirstCell, SelectionMode, TableColumnResizeService, TableRowService, isTreeRow, TableDraggableDirective, DEFAULT_HIGHLIGHTING_KEY, SEMANTIC_HIGHLIGHTING_COLUMN_WIDTH, ROW_HEIGHT, TableDataSourceDirective, FDP_TABLE_STATE_DIRECTIVE, FDP_TABLE_VIRTUAL_SCROLL_DIRECTIVE, FDP_TABLE_DRAGGABLE_DIRECTIVE, TableHeaderResizerDirective, isRowNavigatable, TableRowType, buildNewRowSkeleton, EDITABLE_ROW_SEMANTIC_STATE, SaveRowsEvent, getSelectableRows, TableRowActivateEvent, TableRowToggleOpenStateEvent, findRowChildren, getRowParents, TableSortChangeEvent, TablePageChangeEvent, TableGroupChangeEvent, TableColumnFreezeEvent, TableFilterChangeEvent, TableColumnsChangeEvent, convertObjectsToTableRows, isTableRow, convertTreeTableRowToFlatList, convertTreeObjectsToTableRows, getFreezableColumns, getFreezableEndColumns, applySelectionToChildren, SELECTION_COLUMN_WIDTH, TableScrollDispatcherService, TableResponsiveService, TableHelpersModule } from '@fundamental-ngx/platform/table-helpers';
 export * from '@fundamental-ngx/platform/table-helpers';
 import { LEFT_ARROW, RIGHT_ARROW, DOWN_ARROW, UP_ARROW, SPACE } from '@angular/cdk/keycodes';
 import equal$1 from 'fast-deep-equal';
@@ -2383,18 +2383,6 @@ class TableCellHeaderPopoverComponent {
         this.columnFrozen = false;
         /** Whether the filtering from header is disabled. */
         this.filteringFromHeaderDisabled = false;
-        /** Column freezing. */
-        this.freezeToColumn = new EventEmitter();
-        /** Column unfreezing. */
-        this.unFreeze = new EventEmitter();
-        /** @hidden */
-        this._popoverItems$ = new BehaviorSubject([]);
-        /** @hidden */
-        this.SORT_DIRECTION = SortDirection;
-        /** @hidden */
-        this._destroy$ = inject(DestroyedService);
-        /** @hidden */
-        this._tableService = inject(TableService);
         /** @hidden */
         this._headerPopoverTriggers = [
             {
@@ -2416,6 +2404,16 @@ class TableCellHeaderPopoverComponent {
                 stopPropagation: true
             }
         ];
+        /** @hidden */
+        this._popoverItems$ = new BehaviorSubject([]);
+        /** @hidden */
+        this.SORT_DIRECTION = SortDirection;
+        /** @hidden */
+        this._destroy$ = inject(DestroyedService);
+        /** @hidden */
+        this._tableService = inject(TableService);
+        /** @hidden */
+        this._table = inject(Table);
     }
     /** @hidden */
     ngAfterViewInit() {
@@ -2426,6 +2424,7 @@ class TableCellHeaderPopoverComponent {
     /** @hidden */
     _setColumnHeaderSortBy(field, direction) {
         this._tableService.setSort([{ field, direction }]);
+        this.popover?.close();
     }
     /** @hidden */
     _setColumnHeaderGroupBy(field) {
@@ -2452,13 +2451,24 @@ class TableCellHeaderPopoverComponent {
             exclude: false
         };
         this._tableService.addFilters([collectionFilter]);
+        this.popover?.close();
+    }
+    /** @hidden */
+    _freeze() {
+        this._table.freezeToColumn(this.column.name, this.column.endFreezable);
+        this.popover?.close();
+    }
+    /** @hidden */
+    _unFreeze() {
+        this._table.unfreeze(this.column.name, this.column.endFreezable);
+        this.popover?.close();
     }
 }
 TableCellHeaderPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellHeaderPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableCellHeaderPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellHeaderPopoverComponent, selector: "fdp-table-cell-header-popover", inputs: { column: "column", popoverTemplate: "popoverTemplate", disabled: "disabled", columnFrozen: "columnFrozen", filteringFromHeaderDisabled: "filteringFromHeaderDisabled" }, outputs: { freezeToColumn: "freezeToColumn", unFreeze: "unFreeze" }, providers: [DestroyedService], viewQueries: [{ propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "_popoverItems", predicate: TemplateDirective, descendants: true }], ngImport: i0, template: "<fd-popover\n    [disabled]=\"disabled\"\n    [noArrow]=\"true\"\n    fd-table-popover\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    *ngIf=\"!popoverTemplate; else projectedPopover\"\n    [triggers]=\"_headerPopoverTriggers\"\n>\n    <fdp-list [noBorder]=\"true\" [navigated]=\"true\">\n        <fdp-free-content-list-item *ngFor=\"let item of _popoverItems$.asObservable() | async\">\n            <ng-template [ngTemplateOutlet]=\"item\" [ngTemplateOutletContext]=\"{ popover: popover }\"></ng-template>\n        </fdp-free-content-list-item>\n    </fdp-list>\n</fd-popover>\n<ng-template #projectedPopover>\n    <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate!\"\n        [ngTemplateOutletContext]=\"{ $implicit: _popoverItems$.asObservable() }\"\n    ></ng-template>\n</ng-template>\n\n<ng-container *ngIf=\"column?.sortable\">\n    <ng-template fdkTemplate=\"sortingAscPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC); popover?.close()\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC); popover?.close()\"\n        >\n            <span fd-list-icon glyph=\"sort-ascending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortAsc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n    <ng-template fdkTemplate=\"sortingDescPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC); popover?.close()\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC); popover?.close()\"\n        >\n            <span fd-list-icon glyph=\"sort-descending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortDesc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.groupable\">\n    <ng-template fdkTemplate=\"groupPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderGroupBy(column.key); popover?.close()\"\n            (keydown.enter)=\"_setColumnHeaderGroupBy(column.key); popover?.close()\"\n        >\n            <span fd-list-icon></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuGroup' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.freezable || column?.endFreezable\">\n    <ng-template fdkTemplate=\"freezePopoverItem\" let-popover=\"popover\">\n        <ng-container *ngIf=\"columnFrozen; else unfreezeTpl\">\n            <a\n                fd-list-link\n                [focusable]=\"true\"\n                (click)=\"\n                    freezeToColumn.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\n                \"\n                (keyup.enter)=\"\n                    freezeToColumn.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\n                \"\n            >\n                <span></span>\n                <span fd-list-title *ngIf=\"!column.endFreezable\">{{\n                    'platformTable.headerMenuFreeze' | fdTranslate\n                }}</span>\n                <span fd-list-title *ngIf=\"column.endFreezable\">{{\n                    'platformTable.headerMenuEndFreeze' | fdTranslate\n                }}</span>\n            </a>\n        </ng-container>\n        <ng-template #unfreezeTpl>\n            <a\n                fd-list-link\n                [focusable]=\"true\"\n                (click)=\"unFreeze.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\"\n                (keyup.enter)=\"\n                    unFreeze.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\n                \"\n            >\n                <span></span>\n                <span fd-list-title>{{ 'platformTable.headerMenuUnfreeze' | fdTranslate }}</span>\n            </a>\n        </ng-template>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.filterable && !filteringFromHeaderDisabled\">\n    <ng-template fdkTemplate=\"filteringPopoverItem\" let-popover=\"popover\">\n        <div fd-list-link style=\"cursor: auto\">\n            <i fd-list-icon glyph=\"filter\"></i>\n            <div fd-form-item [horizontal]=\"true\" (click)=\"$event.stopPropagation()\">\n                <label fd-form-label [for]=\"'fdp-table-column-filtering-' + column.name\">{{\n                    'platformTable.headerMenuFilter' | fdTranslate\n                }}</label>\n                <input\n                    fd-form-control\n                    [id]=\"'fdp-table-column-filtering-' + column.name\"\n                    (keydown.enter)=\"_setColumnHeaderFilterBy(column.key, $any($event.target)?.value); popover?.close()\"\n                />\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\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: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.TablePopoverDirective, selector: "[fdTablePopover], [fd-table-popover]" }, { kind: "component", type: i3$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i3$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i3$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i3$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i6$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7$2.ListComponent, selector: "fdp-list", inputs: ["selectedItems", "ariaSetsize", "ariaMultiselectable", "loadTitle", "loadingLabel", "delayTime", "itemSize", "loadMore", "loadOnScroll", "role", "listType", "maxHeight", "noBorder", "scrollOffsetPercentage", "selection", "selectionMode", "value", "rowSelection", "dataSource", "navigated", "navigationIndicator", "hasByLine", "hasObject", "unreadIndicator"], outputs: ["selectedItemChange"] }, { kind: "component", type: i7$2.FreeContentListItemComponent, selector: "fdp-free-content-list-item" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TableCellHeaderPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellHeaderPopoverComponent, selector: "fdp-table-cell-header-popover", inputs: { column: "column", popoverTemplate: "popoverTemplate", disabled: "disabled", columnFrozen: "columnFrozen", filteringFromHeaderDisabled: "filteringFromHeaderDisabled" }, providers: [DestroyedService], viewQueries: [{ propertyName: "popover", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "_popoverItems", predicate: TemplateDirective, descendants: true }], ngImport: i0, template: "<fd-popover\n    [disabled]=\"disabled\"\n    [noArrow]=\"true\"\n    fd-table-popover\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    *ngIf=\"!popoverTemplate; else projectedPopover\"\n    [triggers]=\"_headerPopoverTriggers\"\n>\n    <fdp-list [noBorder]=\"true\" [navigated]=\"true\">\n        <fdp-free-content-list-item *ngFor=\"let item of _popoverItems$.asObservable() | async\">\n            <ng-template [ngTemplateOutlet]=\"item\" [ngTemplateOutletContext]=\"{ popover: popover }\"></ng-template>\n        </fdp-free-content-list-item>\n    </fdp-list>\n</fd-popover>\n<ng-template #projectedPopover>\n    <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate!\"\n        [ngTemplateOutletContext]=\"{ $implicit: _popoverItems$.asObservable() }\"\n    ></ng-template>\n</ng-template>\n\n<ng-container *ngIf=\"column?.sortable\">\n    <ng-template fdkTemplate=\"sortingAscPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC)\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC)\"\n        >\n            <span fd-list-icon glyph=\"sort-ascending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortAsc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n    <ng-template fdkTemplate=\"sortingDescPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC)\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC)\"\n        >\n            <span fd-list-icon glyph=\"sort-descending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortDesc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.groupable\">\n    <ng-template fdkTemplate=\"groupPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderGroupBy(column.key)\"\n            (keydown.enter)=\"_setColumnHeaderGroupBy(column.key)\"\n        >\n            <span fd-list-icon></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuGroup' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.freezable || column?.endFreezable\">\n    <ng-template fdkTemplate=\"freezePopoverItem\" let-popover=\"popover\">\n        <ng-container *ngIf=\"!columnFrozen; else unfreezeTpl\">\n            <a fd-list-link [focusable]=\"true\" (click)=\"_freeze()\" (keyup.enter)=\"_freeze()\">\n                <span></span>\n                <span fd-list-title *ngIf=\"!column.endFreezable\">{{\n                    'platformTable.headerMenuFreeze' | fdTranslate\n                }}</span>\n                <span fd-list-title *ngIf=\"column.endFreezable\">{{\n                    'platformTable.headerMenuEndFreeze' | fdTranslate\n                }}</span>\n            </a>\n        </ng-container>\n        <ng-template #unfreezeTpl>\n            <a fd-list-link [focusable]=\"true\" (click)=\"_unFreeze()\" (keyup.enter)=\"_unFreeze()\">\n                <span></span>\n                <span fd-list-title>{{ 'platformTable.headerMenuUnfreeze' | fdTranslate }}</span>\n            </a>\n        </ng-template>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.filterable && !filteringFromHeaderDisabled\">\n    <ng-template fdkTemplate=\"filteringPopoverItem\" let-popover=\"popover\">\n        <div fd-list-link style=\"cursor: auto\">\n            <i fd-list-icon glyph=\"filter\"></i>\n            <div fd-form-item [horizontal]=\"true\" (click)=\"$event.stopPropagation()\">\n                <label fd-form-label [for]=\"'fdp-table-column-filtering-' + column.name\">{{\n                    'platformTable.headerMenuFilter' | fdTranslate\n                }}</label>\n                <input\n                    fd-form-control\n                    [id]=\"'fdp-table-column-filtering-' + column.name\"\n                    (keydown.enter)=\"_setColumnHeaderFilterBy(column.key, $any($event.target)?.value)\"\n                />\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\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: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.TablePopoverDirective, selector: "[fdTablePopover], [fd-table-popover]" }, { kind: "component", type: i3$1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i3$1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i3$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i3$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i6$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i6$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "class", "role"] }, { kind: "directive", type: i6$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i2.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i7$2.ListComponent, selector: "fdp-list", inputs: ["selectedItems", "ariaSetsize", "ariaMultiselectable", "loadTitle", "loadingLabel", "delayTime", "itemSize", "loadMore", "loadOnScroll", "role", "listType", "maxHeight", "noBorder", "scrollOffsetPercentage", "selection", "selectionMode", "value", "rowSelection", "dataSource", "navigated", "navigationIndicator", "hasByLine", "hasObject", "unreadIndicator"], outputs: ["selectedItemChange"] }, { kind: "component", type: i7$2.FreeContentListItemComponent, selector: "fdp-free-content-list-item" }, { 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: TableCellHeaderPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-table-cell-header-popover', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DestroyedService], template: "<fd-popover\n    [disabled]=\"disabled\"\n    [noArrow]=\"true\"\n    fd-table-popover\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    *ngIf=\"!popoverTemplate; else projectedPopover\"\n    [triggers]=\"_headerPopoverTriggers\"\n>\n    <fdp-list [noBorder]=\"true\" [navigated]=\"true\">\n        <fdp-free-content-list-item *ngFor=\"let item of _popoverItems$.asObservable() | async\">\n            <ng-template [ngTemplateOutlet]=\"item\" [ngTemplateOutletContext]=\"{ popover: popover }\"></ng-template>\n        </fdp-free-content-list-item>\n    </fdp-list>\n</fd-popover>\n<ng-template #projectedPopover>\n    <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate!\"\n        [ngTemplateOutletContext]=\"{ $implicit: _popoverItems$.asObservable() }\"\n    ></ng-template>\n</ng-template>\n\n<ng-container *ngIf=\"column?.sortable\">\n    <ng-template fdkTemplate=\"sortingAscPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC); popover?.close()\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC); popover?.close()\"\n        >\n            <span fd-list-icon glyph=\"sort-ascending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortAsc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n    <ng-template fdkTemplate=\"sortingDescPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC); popover?.close()\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC); popover?.close()\"\n        >\n            <span fd-list-icon glyph=\"sort-descending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortDesc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.groupable\">\n    <ng-template fdkTemplate=\"groupPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderGroupBy(column.key); popover?.close()\"\n            (keydown.enter)=\"_setColumnHeaderGroupBy(column.key); popover?.close()\"\n        >\n            <span fd-list-icon></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuGroup' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.freezable || column?.endFreezable\">\n    <ng-template fdkTemplate=\"freezePopoverItem\" let-popover=\"popover\">\n        <ng-container *ngIf=\"columnFrozen; else unfreezeTpl\">\n            <a\n                fd-list-link\n                [focusable]=\"true\"\n                (click)=\"\n                    freezeToColumn.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\n                \"\n                (keyup.enter)=\"\n                    freezeToColumn.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\n                \"\n            >\n                <span></span>\n                <span fd-list-title *ngIf=\"!column.endFreezable\">{{\n                    'platformTable.headerMenuFreeze' | fdTranslate\n                }}</span>\n                <span fd-list-title *ngIf=\"column.endFreezable\">{{\n                    'platformTable.headerMenuEndFreeze' | fdTranslate\n                }}</span>\n            </a>\n        </ng-container>\n        <ng-template #unfreezeTpl>\n            <a\n                fd-list-link\n                [focusable]=\"true\"\n                (click)=\"unFreeze.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\"\n                (keyup.enter)=\"\n                    unFreeze.emit({ name: column.name, endFreezable: column.endFreezable }); popover?.close()\n                \"\n            >\n                <span></span>\n                <span fd-list-title>{{ 'platformTable.headerMenuUnfreeze' | fdTranslate }}</span>\n            </a>\n        </ng-template>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.filterable && !filteringFromHeaderDisabled\">\n    <ng-template fdkTemplate=\"filteringPopoverItem\" let-popover=\"popover\">\n        <div fd-list-link style=\"cursor: auto\">\n            <i fd-list-icon glyph=\"filter\"></i>\n            <div fd-form-item [horizontal]=\"true\" (click)=\"$event.stopPropagation()\">\n                <label fd-form-label [for]=\"'fdp-table-column-filtering-' + column.name\">{{\n                    'platformTable.headerMenuFilter' | fdTranslate\n                }}</label>\n                <input\n                    fd-form-control\n                    [id]=\"'fdp-table-column-filtering-' + column.name\"\n                    (keydown.enter)=\"_setColumnHeaderFilterBy(column.key, $any($event.target)?.value); popover?.close()\"\n                />\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\n" }]
+            args: [{ selector: 'fdp-table-cell-header-popover', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DestroyedService], template: "<fd-popover\n    [disabled]=\"disabled\"\n    [noArrow]=\"true\"\n    fd-table-popover\n    [focusAutoCapture]=\"true\"\n    [focusTrapped]=\"true\"\n    *ngIf=\"!popoverTemplate; else projectedPopover\"\n    [triggers]=\"_headerPopoverTriggers\"\n>\n    <fdp-list [noBorder]=\"true\" [navigated]=\"true\">\n        <fdp-free-content-list-item *ngFor=\"let item of _popoverItems$.asObservable() | async\">\n            <ng-template [ngTemplateOutlet]=\"item\" [ngTemplateOutletContext]=\"{ popover: popover }\"></ng-template>\n        </fdp-free-content-list-item>\n    </fdp-list>\n</fd-popover>\n<ng-template #projectedPopover>\n    <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate!\"\n        [ngTemplateOutletContext]=\"{ $implicit: _popoverItems$.asObservable() }\"\n    ></ng-template>\n</ng-template>\n\n<ng-container *ngIf=\"column?.sortable\">\n    <ng-template fdkTemplate=\"sortingAscPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC)\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.ASC)\"\n        >\n            <span fd-list-icon glyph=\"sort-ascending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortAsc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n    <ng-template fdkTemplate=\"sortingDescPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC)\"\n            (keydown.enter)=\"_setColumnHeaderSortBy(column.key, SORT_DIRECTION.DESC)\"\n        >\n            <span fd-list-icon glyph=\"sort-descending\"></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuSortDesc' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.groupable\">\n    <ng-template fdkTemplate=\"groupPopoverItem\" let-popover=\"popover\">\n        <a\n            fd-list-link\n            [focusable]=\"true\"\n            (click)=\"_setColumnHeaderGroupBy(column.key)\"\n            (keydown.enter)=\"_setColumnHeaderGroupBy(column.key)\"\n        >\n            <span fd-list-icon></span>\n            <span fd-list-title>{{ 'platformTable.headerMenuGroup' | fdTranslate }}</span>\n        </a>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.freezable || column?.endFreezable\">\n    <ng-template fdkTemplate=\"freezePopoverItem\" let-popover=\"popover\">\n        <ng-container *ngIf=\"!columnFrozen; else unfreezeTpl\">\n            <a fd-list-link [focusable]=\"true\" (click)=\"_freeze()\" (keyup.enter)=\"_freeze()\">\n                <span></span>\n                <span fd-list-title *ngIf=\"!column.endFreezable\">{{\n                    'platformTable.headerMenuFreeze' | fdTranslate\n                }}</span>\n                <span fd-list-title *ngIf=\"column.endFreezable\">{{\n                    'platformTable.headerMenuEndFreeze' | fdTranslate\n                }}</span>\n            </a>\n        </ng-container>\n        <ng-template #unfreezeTpl>\n            <a fd-list-link [focusable]=\"true\" (click)=\"_unFreeze()\" (keyup.enter)=\"_unFreeze()\">\n                <span></span>\n                <span fd-list-title>{{ 'platformTable.headerMenuUnfreeze' | fdTranslate }}</span>\n            </a>\n        </ng-template>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"column?.filterable && !filteringFromHeaderDisabled\">\n    <ng-template fdkTemplate=\"filteringPopoverItem\" let-popover=\"popover\">\n        <div fd-list-link style=\"cursor: auto\">\n            <i fd-list-icon glyph=\"filter\"></i>\n            <div fd-form-item [horizontal]=\"true\" (click)=\"$event.stopPropagation()\">\n                <label fd-form-label [for]=\"'fdp-table-column-filtering-' + column.name\">{{\n                    'platformTable.headerMenuFilter' | fdTranslate\n                }}</label>\n                <input\n                    fd-form-control\n                    [id]=\"'fdp-table-column-filtering-' + column.name\"\n                    (keydown.enter)=\"_setColumnHeaderFilterBy(column.key, $any($event.target)?.value)\"\n                />\n            </div>\n        </div>\n    </ng-template>\n</ng-container>\n" }]
         }], propDecorators: { column: [{
                 type: Input
             }], popoverTemplate: [{
@@ -2469,10 +2479,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], filteringFromHeaderDisabled: [{
                 type: Input
-            }], freezeToColumn: [{
-                type: Output
-            }], unFreeze: [{
-                type: Output
             }], popover: [{
                 type: ViewChild,
                 args: [PopoverComponent, { static: false }]
@@ -2933,7 +2939,7 @@ TableHeaderRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             useExisting: TableHeaderRowComponent
         },
         DestroyedService
-    ], viewQueries: [{ propertyName: "_focusableCellItems", predicate: FDK_FOCUSABLE_ITEM_DIRECTIVE, descendants: true }], usesInheritance: true, ngImport: i0, template: "<th\n    *ngIf=\"_fdpTableService._semanticHighlighting$ | async\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    fd-table-cell\n    fd-table-status-indicator\n    fdkDisabled\n    [style.min-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n    [style.max-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n></th>\n\n<th\n    *ngIf=\"isShownSelectionColumn\"\n    fd-table-cell\n    [focusable]=\"true\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    class=\"fd-table__cell--checkbox\"\n    [style]=\"\n        _contentDensityObserver\n            | async\n            | selectionCellStyles : _rtl : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n    \"\n    (keydown.enter)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    (keydown.space)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    [attr.aria-description]=\"\n        !checkedState\n            ? ('platformTable.selectAllCheckboxLabel' | fdTranslate)\n            : ('platformTable.deselectAllCheckboxLabel' | fdTranslate)\n    \"\n>\n    <fd-checkbox\n        tabIndexValue=\"-1\"\n        *ngIf=\"selectionMode === SELECTION_MODE.MULTIPLE\"\n        labelClass=\"fd-table__checkbox-label\"\n        [fdkDisabled]=\"_fdpTableService.visibleColumnsLength === 0 || disableSelectionCheckbox\"\n        [tristate]=\"true\"\n        [tristateSelectable]=\"false\"\n        [ngModel]=\"checkedState\"\n        (ngModelChange)=\"_tableRowService.toggleAllSelectableRows($event)\"\n    ></fd-checkbox>\n</th>\n\n<ng-container\n    *ngFor=\"\n        let column of _fdpTableService.visibleColumns$ | async;\n        let colIdx = index;\n        trackBy: _columnTrackBy;\n        last as isLast\n    \"\n>\n    <th\n        [focusable]=\"true\"\n        role=\"columnheader\"\n        [fdpTableCellResizable]=\"\n            colIdx\n                | columnResizableSide\n                    : _fdpTableService.visibleColumnsLength\n                    : (_fdpTableService._isShownNavigationColumn$ | async)\n        \"\n        [columnName]=\"column.name\"\n        [id]=\"rowId + '__' + column.name\"\n        [attr.aria-colindex]=\"colIdx\"\n        [ngClass]=\"[\n            'fdp-table__col--' + column.name,\n            column._freezed ? 'fd-table__cell--fixed' : '',\n            column.name === freezeColumnsTo ? 'fd-table__cell--fixed-last' : '',\n            column._endFreezed ? 'fd-table__cell--fixed-end' : '',\n            column.name === freezeEndColumnsTo ? 'fd-table__cell--fixed-end-last' : '',\n            isLast && (_fdpTableService._isShownNavigationColumn$ | async) !== true ? 'is-last-child' : '',\n            (column | isColumnHasHeaderMenu) ? 'fd-table__item--clickable' : ''\n        ]\"\n        [ngStyle]=\"\n            column\n                | tableCellStyles\n                    : _rtl\n                    : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n                    : selectionColumnWidth\n                    : column._freezed\n                    : column._endFreezed\n                    : _tableColumnResizeService.getPrevColumnsWidth(column.name)\n                    : _tableColumnResizeService.getColumnWidthStyle(column.name)\n                    : _tableColumnResizeService.getNextColumnsWidth(column.name)\n        \"\n        [fdPopoverTrigger]=\"(column | isColumnHasHeaderMenu) ? tablePopover.popover : null\"\n        (cellFocused)=\"_tableRowService.cellFocused($event)\"\n        (keydown.arrowLeft)=\"_tableRowService.scrollToOverlappedCell()\"\n        (keydown.arrowRight)=\"_tableRowService.scrollToOverlappedCell()\"\n    >\n        <fdp-table-header-cell-content\n            [id]=\"rowId\"\n            [column]=\"column\"\n            [hasFilter]=\"(_fdpTableService.filterRules$ | async)?.has(column.key) === true\"\n            [hasSorting]=\"(_fdpTableService.sortRules$ | async)?.has(column.key) === true\"\n            [sorting]=\"(_fdpTableService.sortRules$ | async)?.get(column.key)\"\n            [attr.title]=\"column.label\"\n        >\n            <!-- Header menu -->\n            <fdp-table-cell-header-popover\n                #tablePopover\n                [disabled]=\"!(column | isColumnHasHeaderMenu)\"\n                [column]=\"column\"\n                [popoverTemplate]=\"(column | isColumnHasHeaderMenu) ? column.headerCellPopoverTemplate : null\"\n                [filteringFromHeaderDisabled]=\"_fdpTableService._isFilteringFromHeaderDisabled$ | async\"\n            ></fdp-table-cell-header-popover>\n        </fdp-table-header-cell-content>\n    </th>\n</ng-container>\n\n<th\n    *ngIf=\"_fdpTableService._isShownNavigationColumn$ | async\"\n    fd-table-cell\n    class=\"fdp-table__cell--navigation is-last-child\"\n    role=\"columnheader\"\n></th>\n\n<th\n    aria-hidden=\"true\"\n    class=\"fd-table__cell fd-table__cell--mock\"\n    [class.fd-table__cell--mock-borderless]=\"(_tableColumnResizeService.cellMockVisible$ | async) !== true\"\n    fdkDisabled\n></th>\n", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1$1.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$1.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$1.NgControlStatus; }), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i2$1.NgModel; }), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$2.TableCellDirective; }), selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$2.TableStatusIndicatorDirective; }), selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i0.forwardRef(function () { return 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: "directive", type: i0.forwardRef(function () { return i4$3.PopoverTriggerDirective; }), selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.DisabledBehaviorDirective; }), selector: "[fdkDisabled]", inputs: ["fdkDisabled", "addDisabledClass", "disabledClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i1.PlatformTableCellResizableDirective; }), selector: "[fdpTableCellResizable]", inputs: ["fdpTableCellResizable", "columnName"] }, { kind: "component", type: i0.forwardRef(function () { return TableHeaderCellContentComponent; }), selector: "fdp-table-header-cell-content", inputs: ["id", "column", "hasSorting", "hasFilter", "sorting"] }, { kind: "component", type: i0.forwardRef(function () { return TableCellHeaderPopoverComponent; }), selector: "fdp-table-cell-header-popover", inputs: ["column", "popoverTemplate", "disabled", "columnFrozen", "filteringFromHeaderDisabled"], outputs: ["freezeToColumn", "unFreeze"] }, { kind: "pipe", type: i0.forwardRef(function () { return i1$1.AsyncPipe; }), name: "async" }, { kind: "pipe", type: i0.forwardRef(function () { return i11.FdTranslatePipe; }), name: "fdTranslate" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.SelectionCellStylesPipe; }), name: "selectionCellStyles" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.TableCellStylesPipe; }), name: "tableCellStyles" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.ColumnResizableSidePipe; }), name: "columnResizableSide" }, { kind: "pipe", type: i0.forwardRef(function () { return IsColumnHasHeaderMenuPipe; }), name: "isColumnHasHeaderMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "_focusableCellItems", predicate: FDK_FOCUSABLE_ITEM_DIRECTIVE, descendants: true }], usesInheritance: true, ngImport: i0, template: "<th\n    *ngIf=\"_fdpTableService._semanticHighlighting$ | async\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    fd-table-cell\n    fd-table-status-indicator\n    fdkDisabled\n    [style.min-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n    [style.max-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n></th>\n\n<th\n    *ngIf=\"isShownSelectionColumn\"\n    fd-table-cell\n    [focusable]=\"true\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    class=\"fd-table__cell--checkbox\"\n    [style]=\"\n        _contentDensityObserver\n            | async\n            | selectionCellStyles : _rtl : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n    \"\n    (keydown.enter)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    (keydown.space)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    (cellFocused)=\"_tableRowService.cellFocused($event)\"\n    [attr.aria-description]=\"\n        !checkedState\n            ? ('platformTable.selectAllCheckboxLabel' | fdTranslate)\n            : ('platformTable.deselectAllCheckboxLabel' | fdTranslate)\n    \"\n>\n    <fd-checkbox\n        tabIndexValue=\"-1\"\n        *ngIf=\"selectionMode === SELECTION_MODE.MULTIPLE\"\n        labelClass=\"fd-table__checkbox-label\"\n        [fdkDisabled]=\"_fdpTableService.visibleColumnsLength === 0 || disableSelectionCheckbox\"\n        [tristate]=\"true\"\n        [tristateSelectable]=\"false\"\n        [ngModel]=\"checkedState\"\n        (ngModelChange)=\"_tableRowService.toggleAllSelectableRows($event)\"\n    ></fd-checkbox>\n</th>\n\n<ng-container\n    *ngFor=\"\n        let column of _fdpTableService.visibleColumns$ | async;\n        let colIdx = index;\n        trackBy: _columnTrackBy;\n        last as isLast\n    \"\n>\n    <th\n        [focusable]=\"true\"\n        role=\"columnheader\"\n        [fdpTableCellResizable]=\"\n            colIdx\n                | columnResizableSide\n                    : _fdpTableService.visibleColumnsLength\n                    : (_fdpTableService._isShownNavigationColumn$ | async)\n        \"\n        [columnName]=\"column.name\"\n        [id]=\"rowId + '__' + column.name\"\n        [attr.aria-colindex]=\"colIdx\"\n        [ngClass]=\"[\n            'fdp-table__col--' + column.name,\n            column._freezed ? 'fd-table__cell--fixed' : '',\n            column.name === freezeColumnsTo ? 'fd-table__cell--fixed-last' : '',\n            column._endFreezed ? 'fd-table__cell--fixed-end' : '',\n            column.name === freezeEndColumnsTo ? 'fd-table__cell--fixed-end-last' : '',\n            isLast && (_fdpTableService._isShownNavigationColumn$ | async) !== true ? 'is-last-child' : '',\n            (column | isColumnHasHeaderMenu) ? 'fd-table__item--clickable' : ''\n        ]\"\n        [ngStyle]=\"\n            column\n                | tableCellStyles\n                    : _rtl\n                    : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n                    : selectionColumnWidth\n                    : column._freezed\n                    : column._endFreezed\n                    : _tableColumnResizeService.getPrevColumnsWidth(column.name)\n                    : _tableColumnResizeService.getColumnWidthStyle(column.name)\n                    : _tableColumnResizeService.getNextColumnsWidth(column.name)\n        \"\n        [fdPopoverTrigger]=\"(column | isColumnHasHeaderMenu) ? tablePopover.popover : null\"\n        (cellFocused)=\"_tableRowService.cellFocused($event)\"\n        (keydown.arrowLeft)=\"_tableRowService.scrollToOverlappedCell()\"\n        (keydown.arrowRight)=\"_tableRowService.scrollToOverlappedCell()\"\n    >\n        <fdp-table-header-cell-content\n            [id]=\"rowId\"\n            [column]=\"column\"\n            [hasFilter]=\"(_fdpTableService.filterRules$ | async)?.has(column.key) === true\"\n            [hasSorting]=\"(_fdpTableService.sortRules$ | async)?.has(column.key) === true\"\n            [sorting]=\"(_fdpTableService.sortRules$ | async)?.get(column.key)\"\n            [attr.title]=\"column.label\"\n        >\n            <!-- Header menu -->\n            <fdp-table-cell-header-popover\n                #tablePopover\n                [disabled]=\"!(column | isColumnHasHeaderMenu)\"\n                [columnFrozen]=\"column._freezed || column._endFreezed\"\n                [column]=\"column\"\n                [popoverTemplate]=\"(column | isColumnHasHeaderMenu) ? column.headerCellPopoverTemplate : null\"\n                [filteringFromHeaderDisabled]=\"_fdpTableService._isFilteringFromHeaderDisabled$ | async\"\n            ></fdp-table-cell-header-popover>\n        </fdp-table-header-cell-content>\n    </th>\n</ng-container>\n\n<th\n    *ngIf=\"_fdpTableService._isShownNavigationColumn$ | async\"\n    fd-table-cell\n    class=\"fdp-table__cell--navigation is-last-child\"\n    role=\"columnheader\"\n></th>\n\n<th\n    aria-hidden=\"true\"\n    class=\"fd-table__cell fd-table__cell--mock\"\n    [class.fd-table__cell--mock-borderless]=\"(_tableColumnResizeService.cellMockVisible$ | async) !== true\"\n    fdkDisabled\n></th>\n", dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1$1.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$1.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$1.NgControlStatus; }), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i2$1.NgModel; }), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$2.TableCellDirective; }), selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$2.TableStatusIndicatorDirective; }), selector: "[fdTableStatusIndicator], [fd-table-status-indicator]", inputs: ["status"] }, { kind: "component", type: i0.forwardRef(function () { return 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: "directive", type: i0.forwardRef(function () { return i4$3.PopoverTriggerDirective; }), selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.DisabledBehaviorDirective; }), selector: "[fdkDisabled]", inputs: ["fdkDisabled", "addDisabledClass", "disabledClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i1.PlatformTableCellResizableDirective; }), selector: "[fdpTableCellResizable]", inputs: ["fdpTableCellResizable", "columnName"] }, { kind: "component", type: i0.forwardRef(function () { return TableHeaderCellContentComponent; }), selector: "fdp-table-header-cell-content", inputs: ["id", "column", "hasSorting", "hasFilter", "sorting"] }, { kind: "component", type: i0.forwardRef(function () { return TableCellHeaderPopoverComponent; }), selector: "fdp-table-cell-header-popover", inputs: ["column", "popoverTemplate", "disabled", "columnFrozen", "filteringFromHeaderDisabled"] }, { kind: "pipe", type: i0.forwardRef(function () { return i1$1.AsyncPipe; }), name: "async" }, { kind: "pipe", type: i0.forwardRef(function () { return i11.FdTranslatePipe; }), name: "fdTranslate" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.SelectionCellStylesPipe; }), name: "selectionCellStyles" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.TableCellStylesPipe; }), name: "tableCellStyles" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.ColumnResizableSidePipe; }), name: "columnResizableSide" }, { kind: "pipe", type: i0.forwardRef(function () { return IsColumnHasHeaderMenuPipe; }), name: "isColumnHasHeaderMenu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableHeaderRowComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fdp-table-header-row]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -2944,7 +2950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         DestroyedService
                     ], host: {
                         role: 'row'
-                    }, template: "<th\n    *ngIf=\"_fdpTableService._semanticHighlighting$ | async\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    fd-table-cell\n    fd-table-status-indicator\n    fdkDisabled\n    [style.min-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n    [style.max-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n></th>\n\n<th\n    *ngIf=\"isShownSelectionColumn\"\n    fd-table-cell\n    [focusable]=\"true\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    class=\"fd-table__cell--checkbox\"\n    [style]=\"\n        _contentDensityObserver\n            | async\n            | selectionCellStyles : _rtl : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n    \"\n    (keydown.enter)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    (keydown.space)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    [attr.aria-description]=\"\n        !checkedState\n            ? ('platformTable.selectAllCheckboxLabel' | fdTranslate)\n            : ('platformTable.deselectAllCheckboxLabel' | fdTranslate)\n    \"\n>\n    <fd-checkbox\n        tabIndexValue=\"-1\"\n        *ngIf=\"selectionMode === SELECTION_MODE.MULTIPLE\"\n        labelClass=\"fd-table__checkbox-label\"\n        [fdkDisabled]=\"_fdpTableService.visibleColumnsLength === 0 || disableSelectionCheckbox\"\n        [tristate]=\"true\"\n        [tristateSelectable]=\"false\"\n        [ngModel]=\"checkedState\"\n        (ngModelChange)=\"_tableRowService.toggleAllSelectableRows($event)\"\n    ></fd-checkbox>\n</th>\n\n<ng-container\n    *ngFor=\"\n        let column of _fdpTableService.visibleColumns$ | async;\n        let colIdx = index;\n        trackBy: _columnTrackBy;\n        last as isLast\n    \"\n>\n    <th\n        [focusable]=\"true\"\n        role=\"columnheader\"\n        [fdpTableCellResizable]=\"\n            colIdx\n                | columnResizableSide\n                    : _fdpTableService.visibleColumnsLength\n                    : (_fdpTableService._isShownNavigationColumn$ | async)\n        \"\n        [columnName]=\"column.name\"\n        [id]=\"rowId + '__' + column.name\"\n        [attr.aria-colindex]=\"colIdx\"\n        [ngClass]=\"[\n            'fdp-table__col--' + column.name,\n            column._freezed ? 'fd-table__cell--fixed' : '',\n            column.name === freezeColumnsTo ? 'fd-table__cell--fixed-last' : '',\n            column._endFreezed ? 'fd-table__cell--fixed-end' : '',\n            column.name === freezeEndColumnsTo ? 'fd-table__cell--fixed-end-last' : '',\n            isLast && (_fdpTableService._isShownNavigationColumn$ | async) !== true ? 'is-last-child' : '',\n            (column | isColumnHasHeaderMenu) ? 'fd-table__item--clickable' : ''\n        ]\"\n        [ngStyle]=\"\n            column\n                | tableCellStyles\n                    : _rtl\n                    : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n                    : selectionColumnWidth\n                    : column._freezed\n                    : column._endFreezed\n                    : _tableColumnResizeService.getPrevColumnsWidth(column.name)\n                    : _tableColumnResizeService.getColumnWidthStyle(column.name)\n                    : _tableColumnResizeService.getNextColumnsWidth(column.name)\n        \"\n        [fdPopoverTrigger]=\"(column | isColumnHasHeaderMenu) ? tablePopover.popover : null\"\n        (cellFocused)=\"_tableRowService.cellFocused($event)\"\n        (keydown.arrowLeft)=\"_tableRowService.scrollToOverlappedCell()\"\n        (keydown.arrowRight)=\"_tableRowService.scrollToOverlappedCell()\"\n    >\n        <fdp-table-header-cell-content\n            [id]=\"rowId\"\n            [column]=\"column\"\n            [hasFilter]=\"(_fdpTableService.filterRules$ | async)?.has(column.key) === true\"\n            [hasSorting]=\"(_fdpTableService.sortRules$ | async)?.has(column.key) === true\"\n            [sorting]=\"(_fdpTableService.sortRules$ | async)?.get(column.key)\"\n            [attr.title]=\"column.label\"\n        >\n            <!-- Header menu -->\n            <fdp-table-cell-header-popover\n                #tablePopover\n                [disabled]=\"!(column | isColumnHasHeaderMenu)\"\n                [column]=\"column\"\n                [popoverTemplate]=\"(column | isColumnHasHeaderMenu) ? column.headerCellPopoverTemplate : null\"\n                [filteringFromHeaderDisabled]=\"_fdpTableService._isFilteringFromHeaderDisabled$ | async\"\n            ></fdp-table-cell-header-popover>\n        </fdp-table-header-cell-content>\n    </th>\n</ng-container>\n\n<th\n    *ngIf=\"_fdpTableService._isShownNavigationColumn$ | async\"\n    fd-table-cell\n    class=\"fdp-table__cell--navigation is-last-child\"\n    role=\"columnheader\"\n></th>\n\n<th\n    aria-hidden=\"true\"\n    class=\"fd-table__cell fd-table__cell--mock\"\n    [class.fd-table__cell--mock-borderless]=\"(_tableColumnResizeService.cellMockVisible$ | async) !== true\"\n    fdkDisabled\n></th>\n" }]
+                    }, template: "<th\n    *ngIf=\"_fdpTableService._semanticHighlighting$ | async\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    fd-table-cell\n    fd-table-status-indicator\n    fdkDisabled\n    [style.min-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n    [style.max-width]=\"_fdpTableService._semanticHighlightingColumnWidth$ | async\"\n></th>\n\n<th\n    *ngIf=\"isShownSelectionColumn\"\n    fd-table-cell\n    [focusable]=\"true\"\n    [class.fd-table__cell--fixed]=\"fixed\"\n    class=\"fd-table__cell--checkbox\"\n    [style]=\"\n        _contentDensityObserver\n            | async\n            | selectionCellStyles : _rtl : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n    \"\n    (keydown.enter)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    (keydown.space)=\"_tableRowService.toggleAllSelectableRows(!checkedState)\"\n    (cellFocused)=\"_tableRowService.cellFocused($event)\"\n    [attr.aria-description]=\"\n        !checkedState\n            ? ('platformTable.selectAllCheckboxLabel' | fdTranslate)\n            : ('platformTable.deselectAllCheckboxLabel' | fdTranslate)\n    \"\n>\n    <fd-checkbox\n        tabIndexValue=\"-1\"\n        *ngIf=\"selectionMode === SELECTION_MODE.MULTIPLE\"\n        labelClass=\"fd-table__checkbox-label\"\n        [fdkDisabled]=\"_fdpTableService.visibleColumnsLength === 0 || disableSelectionCheckbox\"\n        [tristate]=\"true\"\n        [tristateSelectable]=\"false\"\n        [ngModel]=\"checkedState\"\n        (ngModelChange)=\"_tableRowService.toggleAllSelectableRows($event)\"\n    ></fd-checkbox>\n</th>\n\n<ng-container\n    *ngFor=\"\n        let column of _fdpTableService.visibleColumns$ | async;\n        let colIdx = index;\n        trackBy: _columnTrackBy;\n        last as isLast\n    \"\n>\n    <th\n        [focusable]=\"true\"\n        role=\"columnheader\"\n        [fdpTableCellResizable]=\"\n            colIdx\n                | columnResizableSide\n                    : _fdpTableService.visibleColumnsLength\n                    : (_fdpTableService._isShownNavigationColumn$ | async)\n        \"\n        [columnName]=\"column.name\"\n        [id]=\"rowId + '__' + column.name\"\n        [attr.aria-colindex]=\"colIdx\"\n        [ngClass]=\"[\n            'fdp-table__col--' + column.name,\n            column._freezed ? 'fd-table__cell--fixed' : '',\n            column.name === freezeColumnsTo ? 'fd-table__cell--fixed-last' : '',\n            column._endFreezed ? 'fd-table__cell--fixed-end' : '',\n            column.name === freezeEndColumnsTo ? 'fd-table__cell--fixed-end-last' : '',\n            isLast && (_fdpTableService._isShownNavigationColumn$ | async) !== true ? 'is-last-child' : '',\n            (column | isColumnHasHeaderMenu) ? 'fd-table__item--clickable' : ''\n        ]\"\n        [ngStyle]=\"\n            column\n                | tableCellStyles\n                    : _rtl\n                    : (_fdpTableService._semanticHighlightingColumnWidth$ | async)\n                    : selectionColumnWidth\n                    : column._freezed\n                    : column._endFreezed\n                    : _tableColumnResizeService.getPrevColumnsWidth(column.name)\n                    : _tableColumnResizeService.getColumnWidthStyle(column.name)\n                    : _tableColumnResizeService.getNextColumnsWidth(column.name)\n        \"\n        [fdPopoverTrigger]=\"(column | isColumnHasHeaderMenu) ? tablePopover.popover : null\"\n        (cellFocused)=\"_tableRowService.cellFocused($event)\"\n        (keydown.arrowLeft)=\"_tableRowService.scrollToOverlappedCell()\"\n        (keydown.arrowRight)=\"_tableRowService.scrollToOverlappedCell()\"\n    >\n        <fdp-table-header-cell-content\n            [id]=\"rowId\"\n            [column]=\"column\"\n            [hasFilter]=\"(_fdpTableService.filterRules$ | async)?.has(column.key) === true\"\n            [hasSorting]=\"(_fdpTableService.sortRules$ | async)?.has(column.key) === true\"\n            [sorting]=\"(_fdpTableService.sortRules$ | async)?.get(column.key)\"\n            [attr.title]=\"column.label\"\n        >\n            <!-- Header menu -->\n            <fdp-table-cell-header-popover\n                #tablePopover\n                [disabled]=\"!(column | isColumnHasHeaderMenu)\"\n                [columnFrozen]=\"column._freezed || column._endFreezed\"\n                [column]=\"column\"\n                [popoverTemplate]=\"(column | isColumnHasHeaderMenu) ? column.headerCellPopoverTemplate : null\"\n                [filteringFromHeaderDisabled]=\"_fdpTableService._isFilteringFromHeaderDisabled$ | async\"\n            ></fdp-table-cell-header-popover>\n        </fdp-table-header-cell-content>\n    </th>\n</ng-container>\n\n<th\n    *ngIf=\"_fdpTableService._isShownNavigationColumn$ | async\"\n    fd-table-cell\n    class=\"fdp-table__cell--navigation is-last-child\"\n    role=\"columnheader\"\n></th>\n\n<th\n    aria-hidden=\"true\"\n    class=\"fd-table__cell fd-table__cell--mock\"\n    [class.fd-table__cell--mock-borderless]=\"(_tableColumnResizeService.cellMockVisible$ | async) !== true\"\n    fdkDisabled\n></th>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { rowId: [{
                 type: Input
             }], fixed: [{
@@ -4286,10 +4292,19 @@ class TableComponent extends Table {
         let currentRow = row.parent;
         while (currentRow) {
             const children = findRowChildren(currentRow, this._tableRows).filter((r) => r.parent === currentRow);
-            const totalChecked = children.filter((r) => r.checked);
+            const totalChecked = [];
+            const totalIndeterminate = [];
+            children.forEach((r) => {
+                if (r.checked === true) {
+                    totalChecked.push(r);
+                }
+                else if (r.checked === null) {
+                    totalIndeterminate.push(r);
+                }
+            });
             const checkedAll = totalChecked.length === children.length;
             const checkedAny = totalChecked.length > 0;
-            currentRow.checked = checkedAll ? true : checkedAny ? null : false;
+            currentRow.checked = checkedAll ? true : checkedAny || totalIndeterminate.length > 0 ? null : false;
             currentRow.checked || currentRow.checked === null
                 ? addedRows.push(currentRow)
                 : removedRows.push(currentRow);
@@ -4298,11 +4313,7 @@ class TableComponent extends Table {
     }
     /** @hidden */
     _applySelectionToChildren(row, addedRows, removedRows) {
-        const allChilren = findRowChildren(row, this._tableRows);
-        allChilren.forEach((r) => {
-            r.checked = row.checked;
-            r.checked ? addedRows.push(r) : removedRows.push(r);
-        });
+        applySelectionToChildren(this._tableRows, row, addedRows, removedRows);
     }
     /** @hidden */
     _listenToPageScrolling() {