@fundamental-ngx/platform 0.48.0-rc.8 → 0.48.0

package/table/components/table-view-settings-dialog/grouping/grouping.component.d.ts

@@ -1,4 +1,3 @@
-import { Observable } from 'rxjs';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { SortDirection, Table, TableDialogCommonData } from '@fundamental-ngx/platform/table-helpers';
 import { Resettable } from '../../reset-button/reset-button.component';
@@ -25,10 +24,8 @@ export declare class GroupingComponent implements Resettable {
     field: string | null;
     /** Table columns */
     readonly columns: SettingsGroupDialogColumn[];
-    /** @hidden */
-    private _isResetAvailableSubject$;
     /** Indicates if reset command is active */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** @hidden */
     readonly SORT_DIRECTION: typeof SortDirection;
     /** Not Grouped Option model value */

package/table/components/table-view-settings-dialog/sorting/sorting.component.d.ts

@@ -1,4 +1,3 @@
-import { BehaviorSubject, Observable } from 'rxjs';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { SortDirection, Table, TableDialogCommonData } from '@fundamental-ngx/platform/table-helpers';
 import { Resettable } from '../../reset-button/reset-button.component';
@@ -28,10 +27,8 @@ export declare class SortingComponent implements Resettable {
     allowDisablingSorting: boolean;
     /** Table columns */
     readonly columns: SettingsSortDialogColumn[];
-    /** @hidden */
-    readonly _isResetAvailableSubject$: BehaviorSubject<boolean>;
     /** Indicates when reset command is available */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** @hidden */
     readonly SORT_DIRECTION: typeof SortDirection;
     /** @hidden */

package/table/table.component.d.ts

@@ -4,16 +4,9 @@ import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { SearchInput } from '@fundamental-ngx/platform/search-field';
 import { CollectionFilter, CollectionGroup, CollectionSort, EditableTableCell, PlatformTableManagedPreset, RowComparator, SaveRowsEvent, SelectionModeValue, Table, TableColumn, TableColumnFreezeEvent, TableColumnResizeService, TableColumnsChangeEvent, TableDataSource, TableDataSourceDirective, TableDraggable, TableFilterChangeEvent, TableGroupChangeEvent, TableInitialState, TablePageChangeEvent, TableRow, TableRowActivateEvent, TableRowClass, TableRowSelectionChangeEvent, TableRowService, TableRowToggleOpenStateEvent, TableScrollable, TableScrollDispatcherService, TableService, TableSortChangeEvent, TableState, TableVirtualScroll } from '@fundamental-ngx/platform/table-helpers';
 import { Observable } from 'rxjs';
-import { TableToolbarInterface } from './components';
+import { NoDataWrapperComponent, TableToolbarInterface, ToolbarContext } from './components';
 import * as i0 from "@angular/core";
 import * as i1 from "@fundamental-ngx/platform/table-helpers";
-interface ToolbarContext {
-    counter: Observable<number>;
-    sortable: Observable<boolean>;
-    filterable: Observable<boolean>;
-    groupable: Observable<boolean>;
-    columns: Observable<boolean>;
-}
 /**
  * The component that represents a table.
  * A table is a set of tabular data. Line items can support data, images and actions.
@@ -50,7 +43,6 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     readonly _tableService: TableService;
     private readonly _tableScrollDispatcher;
     readonly _tableColumnResizeService: TableColumnResizeService;
-    private readonly _elRef;
     private readonly _rtlService;
     readonly contentDensityObserver: ContentDensityObserver;
     readonly injector: Injector;
@@ -174,8 +166,18 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
      * aria-labelledby attribute value for the table.
      */
     ariaLabelledBy: string;
+    /**
+     * Specifies minimal width of the non-frozen columns.
+     * Useful when table has large amount of freezable columns and table still should have some free space available.
+     */
+    set nonFrozenColumnsMinWidth(value: number);
+    get nonFrozenColumnsMinWidth(): number;
+    /** @hidden */
+    private _nonFrozenColumnsMinWidth;
     /** @hidden */
     private _shouldCheckNewRows;
+    /** @hidden */
+    private _calculateFrozenColumnRefresh$;
     /** Event emitted when current preset configuration has been changed. */
     presetChanged: EventEmitter<Partial<Omit<TableState, "columnKeys">>>;
     /** Event fired when table selection has changed. */
@@ -233,17 +235,14 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     /** @hidden */
     readonly tableToolbar: TableToolbarInterface;
     /** @hidden */
+    readonly _noDataWrapper: Nullable<NoDataWrapperComponent>;
+    /** @hidden */
     get initialSortBy(): CollectionSort[];
     /**
      * @hidden
      * Columns to be rendered in the template
      */
     get _visibleColumns(): TableColumn[];
-    /**
-     * @hidden
-     * Columns to be rendered as a pop-in columns.
-     */
-    get _poppingColumns(): TableColumn[];
     /** @hidden */
     get isTreeTable(): boolean;
     /** @hidden */
@@ -310,7 +309,7 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     /** @hidden */
     _checkedState: boolean | null;
     /** @hidden */
-    _isGroupTable: boolean;
+    _isGroupTable$: import("@angular/core").Signal<boolean>;
     /**
      * @hidden
      * Used to create a row component placeholder and set data in it rather than re-create the row component when data changes.
@@ -388,6 +387,8 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     /** @hidden */
     private _shouldEmitRowsChange;
     /** @hidden */
+    private _lastFreezableColumnCalculation;
+    /** @hidden */
     private readonly _tableHeaderResizer;
     /**
      * @hidden
@@ -398,7 +399,7 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     /** @hidden */
     private readonly _defaultTrackBy;
     /** @hidden */
-    constructor(_ngZone: NgZone, _cdr: ChangeDetectorRef, _tableService: TableService, _tableScrollDispatcher: TableScrollDispatcherService, _tableColumnResizeService: TableColumnResizeService, _elRef: ElementRef, _rtlService: RtlService, contentDensityObserver: ContentDensityObserver, injector: Injector, _tabbableService: TabbableElementService);
+    constructor(_ngZone: NgZone, _cdr: ChangeDetectorRef, _tableService: TableService, _tableScrollDispatcher: TableScrollDispatcherService, _tableColumnResizeService: TableColumnResizeService, _rtlService: RtlService, contentDensityObserver: ContentDensityObserver, injector: Injector, _tabbableService: TabbableElementService);
     /** Returns array of rows that are currently in viewport. */
     getRowsInViewport(): number[];
     /**
@@ -527,6 +528,10 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
      * Function used to focus a cell in the table utilizing a FocusableCellPosition interface.
      */
     focusCell(position: FocusableCellPosition): void;
+    /**
+     * Clears the array of table rows. Triggered when new data source is applied.
+     */
+    clearTableRows(): void;
     /** @hidden */
     _scrollToOverlappedCell(): void;
     /** @hidden */
@@ -642,7 +647,12 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     private _setSelectionColumnWidth;
     /** @hidden */
     private _checkCellMock;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, [null, null, null, null, null, null, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "fdp-table", never, { "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "enableDragResize": { "alias": "enableDragResize"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "freezeColumnsTo": { "alias": "freezeColumnsTo"; "required": false; }; "freezeEndColumnsTo": { "alias": "freezeEndColumnsTo"; "required": false; }; "pageScrolling": { "alias": "pageScrolling"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageScrollingThreshold": { "alias": "pageScrollingThreshold"; "required": false; }; "bodyHeight": { "alias": "bodyHeight"; "required": false; }; "emptyTableMessage": { "alias": "emptyTableMessage"; "required": false; }; "noVisibleColumnsMessage": { "alias": "noVisibleColumnsMessage"; "required": false; }; "noHorizontalBorders": { "alias": "noHorizontalBorders"; "required": false; }; "noVerticalBorders": { "alias": "noVerticalBorders"; "required": false; }; "noBorders": { "alias": "noBorders"; "required": false; }; "noBodyBorders": { "alias": "noBodyBorders"; "required": false; }; "noOuterBorders": { "alias": "noOuterBorders"; "required": false; }; "noBorderX": { "alias": "noBorderX"; "required": false; }; "noBorderY": { "alias": "noBorderY"; "required": false; }; "relationKey": { "alias": "relationKey"; "required": false; }; "expandedStateKey": { "alias": "expandedStateKey"; "required": false; }; "hasChildrenKey": { "alias": "hasChildrenKey"; "required": false; }; "rowNavigatable": { "alias": "rowNavigatable"; "required": false; }; "highlightNavigatedRow": { "alias": "highlightNavigatedRow"; "required": false; }; "rowsActivable": { "alias": "rowsActivable"; "required": false; }; "selectedKey": { "alias": "selectedKey"; "required": false; }; "selectableKey": { "alias": "selectableKey"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "rowComparator": { "alias": "rowComparator"; "required": false; }; "rowsClass": { "alias": "rowsClass"; "required": false; }; "editableRowSkeleton": { "alias": "editableRowSkeleton"; "required": false; }; "expandOnInit": { "alias": "expandOnInit"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "loadPagesBefore": { "alias": "loadPagesBefore"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "enableTristateMode": { "alias": "enableTristateMode"; "required": false; }; "semanticHighlighting": { "alias": "semanticHighlighting"; "required": false; }; "forceCheckedAllState": { "alias": "forceCheckedAllState"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "presetChanged": "presetChanged"; "rowSelectionChange": "rowSelectionChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "groupChange": "groupChange"; "columnsChange": "columnsChange"; "pageChange": "pageChange"; "columnFreeze": "columnFreeze"; "rowToggleOpenState": "rowToggleOpenState"; "rowActivate": "rowActivate"; "rowNavigate": "rowNavigate"; "emptyRowAdded": "emptyRowAdded"; "save": "save"; "cancel": "cancel"; "tableScrolled": "tableScrolled"; "tableRowsSet": "tableRowsSet"; "allRowsExpanded": "allRowsExpanded"; "allRowsCollapsed": "allRowsCollapsed"; "cellFocused": "cellFocused"; }, ["tableToolbar", "columns", "customEditableCells"], ["fdp-table-no-data-wrapper"], true, [{ directive: typeof i1.TableDataSourceDirective; inputs: { "dataSource": "dataSource"; "childDataSource": "childDataSource"; }; outputs: { "childDataSourceChanged": "childDataSourceChanged"; "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; "dataSourceChanged": "dataSourceChanged"; "dataChanged": "dataChanged"; "isLoading": "isLoading"; }; }, { directive: typeof i1.TableHeaderResizerDirective; inputs: {}; outputs: {}; }]>;
+    /**
+     * @hidden
+     * Listens to fixed column width subject and calculates last applicable frozen column based on `nonFrozenColumnsMinWidth` vaue.
+     */
+    private _listenToFixedColumnsWidth;
+    private _calculateLastFreezableColumn;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, [null, null, null, null, null, { optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "fdp-table", never, { "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "enableDragResize": { "alias": "enableDragResize"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "freezeColumnsTo": { "alias": "freezeColumnsTo"; "required": false; }; "freezeEndColumnsTo": { "alias": "freezeEndColumnsTo"; "required": false; }; "pageScrolling": { "alias": "pageScrolling"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageScrollingThreshold": { "alias": "pageScrollingThreshold"; "required": false; }; "bodyHeight": { "alias": "bodyHeight"; "required": false; }; "emptyTableMessage": { "alias": "emptyTableMessage"; "required": false; }; "noVisibleColumnsMessage": { "alias": "noVisibleColumnsMessage"; "required": false; }; "noHorizontalBorders": { "alias": "noHorizontalBorders"; "required": false; }; "noVerticalBorders": { "alias": "noVerticalBorders"; "required": false; }; "noBorders": { "alias": "noBorders"; "required": false; }; "noBodyBorders": { "alias": "noBodyBorders"; "required": false; }; "noOuterBorders": { "alias": "noOuterBorders"; "required": false; }; "noBorderX": { "alias": "noBorderX"; "required": false; }; "noBorderY": { "alias": "noBorderY"; "required": false; }; "relationKey": { "alias": "relationKey"; "required": false; }; "expandedStateKey": { "alias": "expandedStateKey"; "required": false; }; "hasChildrenKey": { "alias": "hasChildrenKey"; "required": false; }; "rowNavigatable": { "alias": "rowNavigatable"; "required": false; }; "highlightNavigatedRow": { "alias": "highlightNavigatedRow"; "required": false; }; "rowsActivable": { "alias": "rowsActivable"; "required": false; }; "selectedKey": { "alias": "selectedKey"; "required": false; }; "selectableKey": { "alias": "selectableKey"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "rowComparator": { "alias": "rowComparator"; "required": false; }; "rowsClass": { "alias": "rowsClass"; "required": false; }; "editableRowSkeleton": { "alias": "editableRowSkeleton"; "required": false; }; "expandOnInit": { "alias": "expandOnInit"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "loadPagesBefore": { "alias": "loadPagesBefore"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "enableTristateMode": { "alias": "enableTristateMode"; "required": false; }; "semanticHighlighting": { "alias": "semanticHighlighting"; "required": false; }; "forceCheckedAllState": { "alias": "forceCheckedAllState"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "nonFrozenColumnsMinWidth": { "alias": "nonFrozenColumnsMinWidth"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "presetChanged": "presetChanged"; "rowSelectionChange": "rowSelectionChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "groupChange": "groupChange"; "columnsChange": "columnsChange"; "pageChange": "pageChange"; "columnFreeze": "columnFreeze"; "rowToggleOpenState": "rowToggleOpenState"; "rowActivate": "rowActivate"; "rowNavigate": "rowNavigate"; "emptyRowAdded": "emptyRowAdded"; "save": "save"; "cancel": "cancel"; "tableScrolled": "tableScrolled"; "tableRowsSet": "tableRowsSet"; "allRowsExpanded": "allRowsExpanded"; "allRowsCollapsed": "allRowsCollapsed"; "cellFocused": "cellFocused"; }, ["tableToolbar", "_noDataWrapper", "columns", "customEditableCells"], ["fdp-table-no-data-wrapper"], true, [{ directive: typeof i1.TableDataSourceDirective; inputs: { "dataSource": "dataSource"; "childDataSource": "childDataSource"; }; outputs: { "childDataSourceChanged": "childDataSourceChanged"; "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; "dataSourceChanged": "dataSourceChanged"; "dataChanged": "dataChanged"; "isLoading": "isLoading"; }; }, { directive: typeof i1.TableHeaderResizerDirective; inputs: {}; outputs: {}; }]>;
 }
-export {};

package/table-helpers/directives/table-cell-header-popover.directive.d.ts

@@ -1,8 +1,7 @@
-import { TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
+import { Signal, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface TableCellHeaderPopoverDirectiveContext {
-    $implicit: Observable<TemplateRef<any>[]>;
+    $implicit: Signal<TemplateRef<any>[]>;
 }
 export declare class TableCellHeaderPopoverDirective {
     templateRef: TemplateRef<TableCellHeaderPopoverDirectiveContext>;

package/table-helpers/directives/table-cell-resizable.directive.d.ts

@@ -14,14 +14,12 @@ export declare class PlatformTableCellResizableDirective extends TableCellDirect
     /** @hidden */
     private _resizableSide;
     /** @hidden */
-    private get _isRtl();
+    private readonly _rtl$;
     /** @hidden */
     private readonly _tableColumnResizeService;
     /** @hidden */
     private readonly _rtlService;
     /** @hidden */
-    constructor();
-    /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngAfterViewInit(): void;

package/table-helpers/directives/table-data-source.directive.d.ts

@@ -19,7 +19,7 @@ export declare class TableDataSourceDirective<T> extends DataSourceDirective<T,
     /** Event emitted when data loading is finished. */
     readonly onDataReceived: EventEmitter<void>;
     /** Total items count stream. */
-    totalItems$: BehaviorSubject<number>;
+    totalItems$: import("@angular/core").WritableSignal<number>;
     /** Items stream. */
     items$: BehaviorSubject<T[]>;
     /** Child items stream. */

package/table-helpers/services/table-column-resize.service.d.ts

@@ -14,6 +14,8 @@ export declare const TABLE_RESIZER_BORDER_WIDTH = 3;
 export declare class TableColumnResizeService implements OnDestroy {
     private readonly _tableScrollDispatcherService;
     private readonly _rtlService;
+    /** Subject that emits new map of fixed columns and their respective width. */
+    readonly fixedColumsWidthChange: BehaviorSubject<Map<string, string>>;
     /** @hidden */
     private _fixedColumnsWidthMap;
     /** @hidden */
@@ -53,7 +55,7 @@ export declare class TableColumnResizeService implements OnDestroy {
     /** Resize progress stream. */
     readonly resizeInProgress$: BehaviorSubject<boolean>;
     /** Whether cell mock should be visible. */
-    readonly cellMockVisible$: BehaviorSubject<boolean>;
+    readonly cellMockVisible$: import("@angular/core").WritableSignal<boolean>;
     /** Current column resizer position. */
     get resizerPosition(): number;
     /** Resizer position stream. */
@@ -63,7 +65,7 @@ export declare class TableColumnResizeService implements OnDestroy {
     /** table has fixed width if all of it's columns are fixed */
     get fixedWidth(): boolean;
     /** @hidden */
-    private get _rtl();
+    private readonly _rtl$;
     /** @hidden */
     constructor(_tableScrollDispatcherService: TableScrollDispatcherService, _rtlService: RtlService);
     /** @hidden */

package/table-helpers/services/table-responsive.service.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { FdpColumnResponsiveState } from '../interfaces/column-responsive-state.interface';
 import { Table } from '../table';
 import { TableColumn } from '../table-column';
@@ -9,14 +9,14 @@ export interface FdpTableBreakpoint {
     max: number;
     visibility: FdpColumnResponsiveState;
 }
-export declare class TableResponsiveService implements OnDestroy {
+export declare class TableResponsiveService {
     private readonly _table;
     private readonly _tableService;
     private readonly _elmRef;
     /** @hidden */
     private readonly _responsiveBreakpoints;
     /** @hidden */
-    private readonly _onDestroy$;
+    private readonly _destroyRef;
     /** @hidden */
     private _resizeSubscription;
     /** @hidden */
@@ -27,8 +27,6 @@ export declare class TableResponsiveService implements OnDestroy {
      * @param breakpoints Breakpoint configuration.
      */
     registerResponsiveColumn(column: TableColumn, breakpoints: Record<string, FdpColumnResponsiveState>): void;
-    /** @hidden */
-    ngOnDestroy(): void;
     /**
      * @hidden
      * Transforms plain breakpoints into a list with minimal/maximal element width with it's visibility state.

package/table-helpers/services/table.service.d.ts

@@ -13,19 +13,19 @@ export declare class TableService {
     /** Table state stream. */
     readonly tableState$: BehaviorSubject<Readonly<TableState>>;
     /** @hidden */
-    readonly _semanticHighlighting$: BehaviorSubject<string>;
+    readonly _semanticHighlighting$: import("@angular/core").WritableSignal<string>;
     /** @hidden */
-    readonly _isFilteringFromHeaderDisabled$: BehaviorSubject<boolean>;
+    readonly _isFilteringFromHeaderDisabled$: import("@angular/core").WritableSignal<boolean>;
     /** @hidden */
-    readonly _isShownNavigationColumn$: BehaviorSubject<boolean>;
+    readonly _isShownNavigationColumn$: import("@angular/core").WritableSignal<boolean>;
     /** @hidden */
-    readonly _semanticHighlightingColumnWidth$: BehaviorSubject<number>;
+    readonly _semanticHighlightingColumnWidth$: import("@angular/core").WritableSignal<number>;
     /** Visible columns stream. */
-    readonly visibleColumns$: BehaviorSubject<TableColumn[]>;
+    readonly visibleColumns$: import("@angular/core").WritableSignal<TableColumn[]>;
     /** Visible columns length. */
-    visibleColumnsLength: number;
+    visibleColumnsLength: import("@angular/core").Signal<number>;
     /** Popping columns stream. */
-    readonly poppingColumns$: BehaviorSubject<TableColumn[]>;
+    readonly poppingColumns$: import("@angular/core").WritableSignal<TableColumn[]>;
     /** Popping columns length. */
     _poppingColumnsLength: number;
     /** Table columns stream. */
@@ -57,16 +57,18 @@ export declare class TableService {
     /** Listen for immediate changes in table subcomponents (mostly table column) */
     readonly detectChanges$: Subject<void>;
     /** Sort rules stream. */
-    readonly sortRules$: BehaviorSubject<Map<string, CollectionSort>>;
+    readonly sortRules$: import("@angular/core").WritableSignal<Map<string, CollectionSort>>;
     /**
      * Filter Rules Map stream. Where key is column key, and value is the associated filter rules.
      * Many filters can be applied to one column.
      */
-    readonly filterRules$: BehaviorSubject<Map<string, CollectionFilter[]>>;
+    readonly filterRules$: import("@angular/core").WritableSignal<Map<string, CollectionFilter[]>>;
     /**
      * Group Rules Map stream. Where key is column key and value is associated group rule
      */
-    readonly groupRules$: BehaviorSubject<Map<string, CollectionGroup>>;
+    readonly groupRulesSubject: BehaviorSubject<Map<string, CollectionGroup>>;
+    /** Group Rules Map signal. */
+    readonly groupRules$: import("@angular/core").Signal<Map<string, CollectionGroup> | undefined>;
     /** Get current state/settings of the Table. */
     getTableState(): TableState;
     /** Set current state/settings of the Table. */

package/table-helpers/table.d.ts

@@ -109,6 +109,7 @@ export declare abstract class Table<T = any> implements PresetManagedComponent<P
     abstract toggleExpandableTableRow(row: TableRow<T>, forceFetch?: boolean): any;
     abstract onTableRowsChanged(): void;
     abstract refreshDndList(): void;
+    abstract clearTableRows(): void;
     /** Toolbar Sort Settings button click event */
     readonly openTableSortSettings: EventEmitter<void>;
     /** Toolbar Filter Settings button click event */

package/value-help-dialog/components/select-tab/select-tab.component.d.ts

@@ -1,5 +1,6 @@
 import { AfterViewInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { InfiniteScrollDirective } from '@fundamental-ngx/core/infinite-scroll';
+import { ValueHelpColumnDefDirective } from '../../directives/value-help-column-def.directive';
 import { VdhTableSelection, VhdFilter } from '../../models';
 import { VhdBaseTab } from '../base-tab/vhd-base-tab.component';
 import * as i0 from "@angular/core";
@@ -20,6 +21,8 @@ export declare class SelectTabComponent<T> extends VhdBaseTab implements OnChang
     filters: VhdFilter[];
     /** Close dialog immediately after select any row from search table. It'll be skipped if multi option is true */
     selection: VdhTableSelection;
+    /** Whether to allow users to select all table entries with one checkbox. */
+    allowSelectAll: boolean;
     /** Uniq field from data source */
     uniqueKey: string;
     /** Items per page for pagination below search table */
@@ -56,9 +59,13 @@ export declare class SelectTabComponent<T> extends VhdBaseTab implements OnChang
     /** Selection type getters */
     get isMultiSelection(): boolean;
     /** @hidden */
+    _columnDefMap: Map<string, ValueHelpColumnDefDirective<any>>;
+    /** @hidden */
     private selectedItems;
     /** @hidden */
-    private _emptyTableMessage;
+    private readonly _vhd;
+    /** @hidden */
+    private readonly _destroyRef;
     /** @hidden */
     ngAfterViewInit(): void;
     /** @hidden  */
@@ -90,5 +97,5 @@ export declare class SelectTabComponent<T> extends VhdBaseTab implements OnChang
     /** @hidden Refresh selected map for display data */
     private _refreshSelectedMap;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectTabComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectTabComponent<any>, "fdp-select-tab", never, { "selectTabTitleId": { "alias": "selectTabTitleId"; "required": false; }; "selectTabCountId": { "alias": "selectTabCountId"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "defaultMobileHeaders": { "alias": "defaultMobileHeaders"; "required": false; }; "displayedData": { "alias": "displayedData"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectTabComponent<any>, "fdp-select-tab", never, { "selectTabTitleId": { "alias": "selectTabTitleId"; "required": false; }; "selectTabCountId": { "alias": "selectTabCountId"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "defaultMobileHeaders": { "alias": "defaultMobileHeaders"; "required": false; }; "displayedData": { "alias": "displayedData"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
 }

package/value-help-dialog/components/value-help-dialog-filter/value-help-dialog-filter.component.d.ts

@@ -1,3 +1,5 @@
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { ValueHelpFilterDefDirective } from '../../directives/value-help-filter-def.directive';
 import { VhdFilter } from '../../models/vhd-filter.model';
 import * as i0 from "@angular/core";
 export declare class VhdFilterComponent implements VhdFilter {
@@ -16,6 +18,8 @@ export declare class VhdFilterComponent implements VhdFilter {
     include: boolean;
     /** Allow to use filter for excluding in `define conditions tab` */
     exclude: boolean;
+    /** @hidden */
+    filterDef: Nullable<ValueHelpFilterDefDirective>;
     static ɵfac: i0.ɵɵFactoryDeclaration<VhdFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VhdFilterComponent, "fdp-value-help-dialog-filter", never, { "key": { "alias": "key"; "required": false; }; "main": { "alias": "main"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "advanced": { "alias": "advanced"; "required": false; }; "include": { "alias": "include"; "required": false; }; "exclude": { "alias": "exclude"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VhdFilterComponent, "fdp-value-help-dialog-filter", never, { "key": { "alias": "key"; "required": false; }; "main": { "alias": "main"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "advanced": { "alias": "advanced"; "required": false; }; "include": { "alias": "include"; "required": false; }; "exclude": { "alias": "exclude"; "required": false; }; }, {}, ["filterDef"], never, true, never>;
 }

package/value-help-dialog/directives/value-help-column-def.directive.d.ts

@@ -0,0 +1,17 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ValueHelpColumnDefContext<T> {
+    $implicit: T;
+    key: string;
+    value: any;
+}
+export declare class ValueHelpColumnDefDirective<T = any> {
+    /** Type support. */
+    as: T;
+    /** Column key to render custom template. */
+    column: string;
+    /** Template reference */
+    readonly templateRef: TemplateRef<ValueHelpColumnDefContext<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueHelpColumnDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueHelpColumnDefDirective<any>, "[fdpValueHelpColumnDef]", never, { "as": { "alias": "fdpValueHelpColumnDefAs"; "required": false; }; "column": { "alias": "fdpValueHelpColumnDefColumn"; "required": false; }; }, {}, never, never, true, never>;
+}

package/value-help-dialog/directives/value-help-filter-def.directive.d.ts

@@ -0,0 +1,15 @@
+import { TemplateRef } from '@angular/core';
+import { VhdFilter } from '../models/vhd-filter.model';
+import * as i0 from "@angular/core";
+interface ValueHelpFilterDefContext {
+    $implicit: VhdFilter;
+}
+export declare class ValueHelpFilterDefDirective {
+    /** Template reference */
+    readonly templateRef: TemplateRef<any>;
+    /** @hidden */
+    static ngTemplateContextGuard(dir: ValueHelpFilterDefDirective, ctx: unknown): ctx is ValueHelpFilterDefContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueHelpFilterDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueHelpFilterDefDirective, "[fdpValueHelpFilterDef]", never, {}, {}, never, never, true, never>;
+}
+export {};

package/value-help-dialog/index.d.ts

@@ -4,6 +4,8 @@ export * from './components/select-tab/select-tab.component';
 export * from './components/value-help-dialog-filter/value-help-dialog-filter.component';
 export * from './constans';
 export * from './directives/condition-count-message.directive';
+export * from './directives/value-help-column-def.directive';
+export * from './directives/value-help-filter-def.directive';
 export * from './models';
 export * from './value-help-dialog.module';
 export * from './value-help-dialog/value-help-dialog.component';

package/value-help-dialog/models/vhd-component.model.d.ts

@@ -0,0 +1,5 @@
+import { QueryList } from '@angular/core';
+import { ValueHelpColumnDefDirective } from '../directives/value-help-column-def.directive';
+export declare abstract class VhdComponent {
+    abstract columnDef: QueryList<ValueHelpColumnDefDirective>;
+}

package/value-help-dialog/models/vhd-filter.model.d.ts

@@ -1,3 +1,5 @@
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { ValueHelpFilterDefDirective } from '../directives/value-help-filter-def.directive';
 export interface VhdFilter {
     key: string;
     label: string;
@@ -6,4 +8,5 @@ export interface VhdFilter {
     advanced?: boolean;
     include?: boolean;
     exclude?: boolean;
+    filterDef: Nullable<ValueHelpFilterDefDirective>;
 }

package/value-help-dialog/value-help-dialog/value-help-dialog.component.d.ts

@@ -1,11 +1,15 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Direction } from '@angular/cdk/bidi';
 import { RtlService } from '@fundamental-ngx/cdk/utils';
 import { DialogConfig, DialogRef, DialogService } from '@fundamental-ngx/core/dialog';
 import { VhdFilterComponent } from '../components/value-help-dialog-filter/value-help-dialog-filter.component';
+import { ValueHelpColumnDefDirective } from '../directives/value-help-column-def.directive';
 import { ArrayValueHelpDialogDataSource, BaseEntity, ObservableValueHelpDialogDataSource, ValueHelpDialogDataSource, VdhTableSelection, VhdDefineExcludeStrategy, VhdDefineIncludeStrategy, VhdFilter, VhdTab, VhdValue, VhdValueChangeEvent } from '../models';
+import { VhdComponent } from '../models/vhd-component.model';
 import * as i0 from "@angular/core";
 export type FdpValueHelpDialogDataSource<T> = ValueHelpDialogDataSource<T> | ArrayValueHelpDialogDataSource<T> | ObservableValueHelpDialogDataSource<T>;
-export declare class PlatformValueHelpDialogComponent<T = any> implements OnChanges, OnDestroy {
+export declare class PlatformValueHelpDialogComponent<T = any> extends VhdComponent implements OnChanges, OnDestroy {
     readonly elementRef: ElementRef;
     private readonly _changeDetectorRef;
     private readonly _dialogService;
@@ -43,6 +47,8 @@ export declare class PlatformValueHelpDialogComponent<T = any> implements OnChan
     formatToken: (value: VhdValueChangeEvent<T>) => void;
     /** Tokenizer function for condition's token render */
     conditionDisplayFn: (item: import("../models").VhdIncludedEntity | import("../models").VhdExcludedEntity, filters?: VhdFilter[] | undefined) => string | null;
+    /** Validator function. Called when user submits VHD dialog. */
+    tokenValidator: ((value: VhdValueChangeEvent<any>) => Observable<boolean> | boolean) | undefined;
     /** Selection mode for search table */
     searchSelection: VdhTableSelection;
     /** Items per page for pagination below search table */
@@ -53,6 +59,8 @@ export declare class PlatformValueHelpDialogComponent<T = any> implements OnChan
     maxShownInitialFilters: number;
     /** Loading state */
     loading: boolean | undefined;
+    /** Whether to allow users to select all table entries with one checkbox. */
+    allowSelectAll: boolean;
     /** Custom strategies labels
      * Allowed keys: contains, equalTo, between, startsWith, endsWith, lessThan, lessThanEqual, greaterThan, greaterThanEqual, empty
      */
@@ -68,6 +76,8 @@ export declare class PlatformValueHelpDialogComponent<T = any> implements OnChan
     onDataReceived: EventEmitter<void>;
     /** @hidden Fitlers for search table and defince conditions */
     filters: QueryList<VhdFilterComponent>;
+    /** Column definitions. */
+    columnDef: QueryList<ValueHelpColumnDefDirective>;
     /** @hidden Internal container for dialog */
     dialogContainer: TemplateRef<any>;
     /** @hidden */
@@ -86,11 +96,7 @@ export declare class PlatformValueHelpDialogComponent<T = any> implements OnChan
     _mainSearch: string;
     /** handles rtl service
      * @hidden */
-    _dir: string;
-    /** @hidden */
-    private _selectTabTitle;
-    /** @hidden */
-    private _defineTabTitle;
+    _dir$: import("@angular/core").Signal<Direction>;
     /** @hidden */
     private _destroyed;
     /** @hidden */
@@ -218,6 +224,7 @@ export declare class PlatformValueHelpDialogComponent<T = any> implements OnChan
     private _resetSourceStream;
     /** @hidden */
     private isValidOptions;
+    private _getValidatorFunction;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformValueHelpDialogComponent<any>, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformValueHelpDialogComponent<any>, "fdp-value-help-dialog", never, { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "initialTab": { "alias": "initialTab"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isOpenAdvanced": { "alias": "isOpenAdvanced"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "dialogConfig": { "alias": "dialogConfig"; "required": false; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; }; "headerId": { "alias": "headerId"; "required": false; }; "tokenViewField": { "alias": "tokenViewField"; "required": false; }; "tokenizerFn": { "alias": "tokenizerFn"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "formatToken": { "alias": "formatToken"; "required": false; }; "conditionDisplayFn": { "alias": "conditionDisplayFn"; "required": false; }; "searchSelection": { "alias": "searchSelection"; "required": false; }; "searchTablePageSize": { "alias": "searchTablePageSize"; "required": false; }; "searchTableMobileHeaders": { "alias": "searchTableMobileHeaders"; "required": false; }; "maxShownInitialFilters": { "alias": "maxShownInitialFilters"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "defineStrategyLabels": { "alias": "defineStrategyLabels"; "required": false; }; }, { "valueChange": "valueChange"; "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; }, ["filters"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformValueHelpDialogComponent<any>, "fdp-value-help-dialog", never, { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "initialTab": { "alias": "initialTab"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isOpenAdvanced": { "alias": "isOpenAdvanced"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "dialogConfig": { "alias": "dialogConfig"; "required": false; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; }; "headerId": { "alias": "headerId"; "required": false; }; "tokenViewField": { "alias": "tokenViewField"; "required": false; }; "tokenizerFn": { "alias": "tokenizerFn"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "formatToken": { "alias": "formatToken"; "required": false; }; "conditionDisplayFn": { "alias": "conditionDisplayFn"; "required": false; }; "tokenValidator": { "alias": "tokenValidator"; "required": false; }; "searchSelection": { "alias": "searchSelection"; "required": false; }; "searchTablePageSize": { "alias": "searchTablePageSize"; "required": false; }; "searchTableMobileHeaders": { "alias": "searchTableMobileHeaders"; "required": false; }; "maxShownInitialFilters": { "alias": "maxShownInitialFilters"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; }; "defineStrategyLabels": { "alias": "defineStrategyLabels"; "required": false; }; }, { "valueChange": "valueChange"; "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; }, ["filters", "columnDef"], never, true, never>;
 }

package/variant-management/variant-management.component.d.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { DialogService } from '@fundamental-ngx/core/dialog';
+import { DynamicPage } from '@fundamental-ngx/core/dynamic-page';
 import { PopoverComponent, TriggerConfig } from '@fundamental-ngx/core/popover';
 import { HeaderSizes } from '@fundamental-ngx/core/title';
 import { SearchInput } from '@fundamental-ngx/platform/search-field';
@@ -23,14 +24,12 @@ export declare class VariantManagementComponent<T = any> implements VariantManag
     userName: string;
     /** Whether to display search field for variants list. */
     displaySearch: boolean;
+    /** Whether the variant management component is in readonly mode. */
+    readonly: boolean;
     /** Event emitted when variants data has been updated. */
     variantsChange: EventEmitter<Variant<T>[]>;
     /** Event emitted when new variant selected. */
     activeVariantChange: EventEmitter<Variant<T>>;
-    /**
-     * Used internally for communicating with wrapper component.
-     */
-    activeVariantChangeSubject: BehaviorSubject<Variant<T> | null>;
     /**
      * Custom dirty label directive.
      */
@@ -38,6 +37,12 @@ export declare class VariantManagementComponent<T = any> implements VariantManag
     /** @hidden */
     _popover: PopoverComponent;
     /** @hidden */
+    private readonly _initialClass;
+    /**
+     * Used internally for communicating with wrapper component.
+     */
+    activeVariantChangeSubject: BehaviorSubject<Variant<T> | null>;
+    /** @hidden */
     _variantChanged: boolean;
     /** Selected variant. */
     activeVariant: VariantItem<T>;
@@ -46,7 +51,13 @@ export declare class VariantManagementComponent<T = any> implements VariantManag
     /** @Hidden */
     _filterPhrase: Nullable<string>;
     /** @hidden */
-    private readonly _initialClass;
+    get _dynamicPage(): DynamicPage | null;
+    /** @hidden */
+    protected _dynamicPageCollapsed$: BehaviorSubject<boolean>;
+    /** @hidden */
+    protected _coreDynamicPage: DynamicPage | null;
+    /** @hidden */
+    protected _platformDynamicPage: import("@fundamental-ngx/platform/dynamic-page").PlatformDynamicPage | null;
     /** @Hidden */
     private _originalActiveVariant;
     /** @hidden */
@@ -83,5 +94,7 @@ export declare class VariantManagementComponent<T = any> implements VariantManag
     /** @hidden */
     private _transformVariants;
     static ɵfac: i0.ɵɵFactoryDeclaration<VariantManagementComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VariantManagementComponent<any>, "fdp-variant-management", never, { "variants": { "alias": "variants"; "required": false; }; "headerSize": { "alias": "headerSize"; "required": false; }; "popoverTriggers": { "alias": "popoverTriggers"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "displaySearch": { "alias": "displaySearch"; "required": false; }; }, { "variantsChange": "variantsChange"; "activeVariantChange": "activeVariantChange"; }, ["dirtyLabel"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VariantManagementComponent<any>, "fdp-variant-management", never, { "variants": { "alias": "variants"; "required": false; }; "headerSize": { "alias": "headerSize"; "required": false; }; "popoverTriggers": { "alias": "popoverTriggers"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "displaySearch": { "alias": "displaySearch"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "variantsChange": "variantsChange"; "activeVariantChange": "activeVariantChange"; }, ["dirtyLabel"], never, true, never>;
+    static ngAcceptInputType_displaySearch: unknown;
+    static ngAcceptInputType_readonly: unknown;
 }