@fundamental-ngx/platform 0.48.0-rc.21 → 0.48.0-rc.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/platform",
-  "version": "0.48.0-rc.21",
+  "version": "0.48.0-rc.23",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - platform",
   "license": "Apache-2.0",
@@ -13,9 +13,9 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@fundamental-ngx/cdk": "0.48.0-rc.21",
-    "@fundamental-ngx/core": "0.48.0-rc.21",
-    "@fundamental-ngx/i18n": "0.48.0-rc.21"
+    "@fundamental-ngx/cdk": "0.48.0-rc.23",
+    "@fundamental-ngx/core": "0.48.0-rc.23",
+    "@fundamental-ngx/i18n": "0.48.0-rc.23"
   },
   "dependencies": {
     "fast-deep-equal": "3.1.3",

package/search-field/search-field-mobile/search-field/search-field-mobile.component.d.ts

@@ -1,20 +1,18 @@
-import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, OnInit, TemplateRef } from '@angular/core';
 import { DialogService } from '@fundamental-ngx/core/dialog';
 import { MobileModeBase, MobileModeConfigToken } from '@fundamental-ngx/core/mobile-mode';
 import { SearchFieldChildContent, SearchFieldMobileInterface } from '../search-field-mobile.interface';
 import * as i0 from "@angular/core";
-export declare class SearchFieldMobileComponent extends MobileModeBase<SearchFieldMobileInterface> implements OnInit, OnDestroy {
-    /** @hidden */
-    childContent: SearchFieldChildContent | null;
+export declare class SearchFieldMobileComponent extends MobileModeBase<SearchFieldMobileInterface> implements OnInit {
     /** @hidden */
     dialogTemplate: TemplateRef<any>;
     /** @hidden */
+    childContent: SearchFieldChildContent | null;
+    /** @hidden */
     constructor(elementRef: ElementRef, dialogService: DialogService, searchFieldComponent: SearchFieldMobileInterface, mobileModes: MobileModeConfigToken[]);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
-    ngOnDestroy(): void;
-    /** @hidden */
     listenChanges(): void;
     /** @hidden */
     _handleDismiss(): void;

package/search-field/search-field.component.d.ts

@@ -1,7 +1,7 @@
 import { FocusableOption, LiveAnnouncer } from '@angular/cdk/a11y';
 import { Direction } from '@angular/cdk/bidi';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, PipeTransform, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, PipeTransform, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DynamicComponentService, Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
@@ -34,7 +34,7 @@ export declare class SearchFieldSuggestionDirective implements FocusableOption {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SearchFieldSuggestionDirective, "[fdpSearchFieldSuggestion]", never, {}, {}, never, never, true, never>;
 }
 type Appearance = SearchComponent['appearance'] | undefined;
-export declare class SearchFieldComponent extends BaseComponent implements OnInit, OnChanges, OnDestroy, SearchFieldMobileInterface, SearchComponent {
+export declare class SearchFieldComponent extends BaseComponent implements OnInit, OnChanges, OnDestroy, SearchFieldMobileInterface, SearchComponent, AfterViewInit {
     elementRef: ElementRef<HTMLElement>;
     private readonly _overlay;
     private readonly _viewContainerRef;
@@ -148,7 +148,7 @@ export declare class SearchFieldComponent extends BaseComponent implements OnIni
     /** @hidden */
     _clearId: string;
     /** @hidden */
-    _dir: Direction;
+    readonly _dir$: import("@angular/core").Signal<Direction>;
     /** @hidden */
     isOpen: boolean;
     /** @hidden */
@@ -172,7 +172,7 @@ export declare class SearchFieldComponent extends BaseComponent implements OnIni
     /** @hidden */
     private resolveTranslation;
     /** @hidden */
-    private readonly _onDestroy$;
+    private readonly _destroyRef;
     /** @hidden */
     private readonly _dataSourceChanged$;
     /** @hidden */
@@ -184,6 +184,8 @@ export declare class SearchFieldComponent extends BaseComponent implements OnIni
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /** @hidden */
     ngOnDestroy(): void;

package/settings-generator/settings-generator.service.d.ts

@@ -29,7 +29,7 @@ export declare class SettingsGeneratorService implements OnDestroy {
     /** @hidden */
     private readonly _messagePopover;
     /** @hidden */
-    private readonly _destroy$;
+    private readonly _destroyRef;
     /** @hidden */
     constructor();
     /** @hidden */

package/shared/form/base.input.d.ts

@@ -1,5 +1,5 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, InjectionToken, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, InjectionToken, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ControlContainer, ControlValueAccessor, NgControl, NgForm } from '@angular/forms';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { Observable, Subject } from 'rxjs';
@@ -110,7 +110,7 @@ export declare abstract class BaseInput extends BaseComponent implements Platfor
     /** @hidden */
     protected _editable: boolean;
     /** @hidden */
-    protected _destroyed: Subject<void>;
+    protected _destroyed: DestroyRef;
     /**
      * @hidden
      */

package/smart-filter-bar/components/smart-filter-bar-settings-dialog/smart-filter-bar-settings-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { FdpSelectionChangeEvent } from '@fundamental-ngx/platform/form';
@@ -8,7 +8,7 @@ import { FdLanguage } from '@fundamental-ngx/i18n';
 import { FieldFilterItem } from '../../interfaces/smart-filter-bar-field-filter-item';
 import { SmartFilterSettingsDialogConfig } from '../../interfaces/smart-filter-bar-settings-dialog-config';
 import * as i0 from "@angular/core";
-export declare class SmartFilterBarSettingsDialogComponent implements Resettable, AfterViewInit, OnDestroy {
+export declare class SmartFilterBarSettingsDialogComponent implements Resettable, AfterViewInit {
     private _dialogRef;
     private readonly _language$;
     private readonly _cdr;
@@ -27,7 +27,7 @@ export declare class SmartFilterBarSettingsDialogComponent implements Resettable
     /** @hidden */
     loaded: boolean;
     /** Indicates when reset command is available */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** @hidden */
     private readonly _categoryLabelKeys;
     /** @hidden */
@@ -38,9 +38,7 @@ export declare class SmartFilterBarSettingsDialogComponent implements Resettable
      * @hidden
      * An RxJS Subject that will kill the data stream upon component’s destruction (for unsubscribing)
      */
-    private readonly _onDestroy$;
-    /** @hidden */
-    private _isResetAvailableSubject$;
+    private readonly _destroyRef;
     /** @hidden */
     private readonly _translationResolver;
     /** @hidden */
@@ -51,8 +49,6 @@ export declare class SmartFilterBarSettingsDialogComponent implements Resettable
      * Checks the checkbox in the table row if the field is selected.
      */
     setSelectedFilters(): void;
-    /** @hidden */
-    ngOnDestroy(): void;
     /**
      * Resets filters selection.
      */

package/split-menu-button/split-menu-button.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { RtlService } from '@fundamental-ngx/cdk/utils';
 import { ButtonType } from '@fundamental-ngx/core/button';
 import { IconFont } from '@fundamental-ngx/core/icon';
@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
  *      <fdp-menu-item (itemSelect)="onItemSelect1('Option 3')">Option 3</fdp-menu-item>
  * </fdp-menu>
  */
-export declare class SplitMenuButtonComponent extends BaseComponent implements OnInit, AfterViewInit, OnDestroy {
+export declare class SplitMenuButtonComponent extends BaseComponent implements OnInit, AfterViewInit {
     protected _cd: ChangeDetectorRef;
     private _rtlService;
     /** Whether or not the element should keep a fixed width. The width could change if the text changes length. */
@@ -46,14 +46,11 @@ export declare class SplitMenuButtonComponent extends BaseComponent implements O
     secondaryId: string;
     /** handles rtl service
      * @hidden */
-    dir: string;
+    readonly dir$: import("@angular/core").Signal<"ltr" | "rtl">;
     /** @hidden */
     primaryButtonWidth: string;
     /** Defined max width of Split menu button */
     splitButtonMaxWidth: string;
-    /** handles rtl service
-     * @hidden */
-    private _rtlChangeSubscription;
     /** @hidden */
     get typeClass(): string;
     /** @hidden */
@@ -64,8 +61,6 @@ export declare class SplitMenuButtonComponent extends BaseComponent implements O
     ngOnInit(): void;
     /** @hidden */
     ngAfterViewInit(): void;
-    /** @hidden */
-    ngOnDestroy(): void;
     /**
      *  Handles split-menu-button button click
      */

package/table/components/reset-button/reset-button.component.d.ts

@@ -1,5 +1,4 @@
-import { InjectionToken } from '@angular/core';
-import { Observable } from 'rxjs';
+import { InjectionToken, Signal } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Reset button.
@@ -9,7 +8,7 @@ import * as i0 from "@angular/core";
  */
 export interface Resettable {
     reset: () => void;
-    isResetAvailable$: Observable<boolean>;
+    isResetAvailable$: Signal<boolean>;
 }
 export declare const RESETTABLE_TOKEN: InjectionToken<Resettable>;
 export declare class ResetButtonComponent {

package/table/components/table-cell-header-popover/table-cell-header-popover.component.d.ts

@@ -2,7 +2,6 @@ import { AfterViewInit, QueryList, TemplateRef } from '@angular/core';
 import { Nullable, TemplateDirective } from '@fundamental-ngx/cdk/utils';
 import { PopoverComponent, TriggerConfig } from '@fundamental-ngx/core/popover';
 import { SortDirection, TableColumn } from '@fundamental-ngx/platform/table-helpers';
-import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TableCellHeaderPopoverComponent implements AfterViewInit {
     /** Column definition. */
@@ -20,7 +19,7 @@ export declare class TableCellHeaderPopoverComponent implements AfterViewInit {
     /** @hidden */
     _popoverItems: QueryList<TemplateDirective>;
     /** @hidden */
-    _popoverItems$: BehaviorSubject<TemplateRef<any>[]>;
+    _popoverItems$: import("@angular/core").WritableSignal<TemplateRef<any>[]>;
     /** @hidden */
     _headerPopoverTriggers: TriggerConfig[];
     /** @hidden */

package/table/components/table-column-resizer/table-column-resizer.component.d.ts

@@ -16,7 +16,7 @@ export declare class PlatformTableColumnResizerComponent implements OnInit {
     /** @hidden */
     private _destroyRef;
     /** @hidden */
-    private get _rtl();
+    private readonly _rtl$;
     /** @hidden */
     constructor(_cd: ChangeDetectorRef, _ngZone: NgZone, _tableColumnResizeService: TableColumnResizeService, _renderer: Renderer2, _elmRef: ElementRef, _document: Document | null, _rtlService: RtlService);
     /** @hidden */

package/table/components/table-group-row/table-group-row.component.d.ts

@@ -1,8 +1,7 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { TableRowDirective } from '@fundamental-ngx/core/table';
-import { CollectionGroup, TableColumn, TableRow } from '@fundamental-ngx/platform/table-helpers';
-import { Observable } from 'rxjs';
+import { TableColumn, TableRow, TableService } from '@fundamental-ngx/platform/table-helpers';
 import * as i0 from "@angular/core";
 export declare class TableGroupRowComponent<T> extends TableRowDirective implements OnChanges {
     /** Table ID. */
@@ -26,9 +25,7 @@ export declare class TableGroupRowComponent<T> extends TableRowDirective impleme
     /** @hidden */
     private set _focusableViewCellItems(value);
     /** @hidden */
-    private readonly _fdpTableService;
-    /** @hidden */
-    get _groupRulesMap(): Observable<Map<string, CollectionGroup>>;
+    readonly _fdpTableService: TableService;
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableGroupRowComponent<any>, never>;

package/table/components/table-header-cell-content/table-header-cell-content.component.d.ts

@@ -1,19 +1,24 @@
 import { Nullable } from '@fundamental-ngx/cdk/utils';
-import { CollectionSort, SortDirection, TableColumn } from '@fundamental-ngx/platform/table-helpers';
+import { SortDirection, TableColumn } from '@fundamental-ngx/platform/table-helpers';
 import * as i0 from "@angular/core";
 export declare class TableHeaderCellContentComponent {
     /** Table Id */
     id: string;
     /** Column reference. */
-    column: TableColumn;
+    set column(value: Nullable<TableColumn>);
+    get column(): Nullable<TableColumn>;
     /** Whether column has applied sorting. */
-    hasSorting: boolean;
+    readonly hasSorting$: import("@angular/core").Signal<boolean | null | undefined>;
     /** Whether column has applied filtering. */
-    hasFilter: boolean;
+    readonly hasFilter$: import("@angular/core").Signal<boolean | null | undefined>;
     /** Applied sorting. */
-    sorting: Nullable<CollectionSort>;
+    readonly sorting$: import("@angular/core").Signal<import("@fundamental-ngx/platform/table-helpers").CollectionSort | null | undefined>;
     /** @hidden */
     readonly SORT_DIRECTION: typeof SortDirection;
+    /** @hidden */
+    private readonly _column$;
+    /** @hidden */
+    private readonly _fdpTableService;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderCellContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCellContentComponent, "fdp-table-header-cell-content", never, { "id": { "alias": "id"; "required": false; }; "column": { "alias": "column"; "required": false; }; "hasSorting": { "alias": "hasSorting"; "required": false; }; "hasFilter": { "alias": "hasFilter"; "required": false; }; "sorting": { "alias": "sorting"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCellContentComponent, "fdp-table-header-cell-content", never, { "id": { "alias": "id"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/table/components/table-header-row/table-header-row.component.d.ts

@@ -37,7 +37,7 @@ export declare class TableHeaderRowComponent extends TableRowDirective implement
     /** @hidden */
     private set _focusableCellItems(value);
     /** @hidden */
-    _rtl: boolean;
+    readonly _rtl$: import("@angular/core").Signal<boolean>;
     /** @hidden */
     readonly SELECTION_MODE: typeof SelectionMode;
     /** @hidden */

package/table/components/table-p13-dialog/columns/columns.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { TableDialogCommonData } from '@fundamental-ngx/platform/table-helpers';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { BehaviorSubject } from 'rxjs';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { SearchInput } from '@fundamental-ngx/platform/search-field';
 import { Resettable } from '../../reset-button/reset-button.component';
@@ -35,10 +35,8 @@ declare class SelectableColumn {
 export declare class P13ColumnsDialogComponent implements Resettable, OnInit, OnDestroy {
     dialogRef: DialogRef<ColumnsDialogData>;
     private cdr;
-    /** @hidden */
-    private _isResetAvailableSubject$;
     /** Indicates when reset command is available */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** Table columns available for grouping */
     readonly availableColumns: DialogTableColumn[];
     /** All available columns for interacting */

package/table/components/table-p13-dialog/filtering/filtering.component.d.ts

@@ -1,4 +1,3 @@
-import { Observable } from 'rxjs';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { Resettable } from '../../reset-button/reset-button.component';
 import { FilterDialogData, FilterDialogResultData, FilterRule, FilterableColumn } from './filtering.model';
@@ -6,10 +5,8 @@ import * as i0 from "@angular/core";
 export { FilterDialogData, FilterDialogResultData };
 export declare class P13FilteringDialogComponent implements Resettable {
     dialogRef: DialogRef<FilterDialogData>;
-    /** @hidden */
-    private _isResetAvailableSubject$;
     /** Indicates when reset command is available */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** Table columns available for filtering */
     readonly columns: FilterableColumn[];
     /**

package/table/components/table-p13-dialog/grouping/grouping.component.d.ts

@@ -1,5 +1,4 @@
 import { CollectionGroup, TableDialogCommonData } from '@fundamental-ngx/platform/table-helpers';
-import { Observable } from 'rxjs';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { Resettable } from '../../reset-button/reset-button.component';
 import * as i0 from "@angular/core";
@@ -30,10 +29,8 @@ export declare class P13GroupingDialogComponent implements Resettable {
     dialogRef: DialogRef<GroupDialogData>;
     /** Table columns available for grouping */
     readonly columns: GroupDialogColumn[];
-    /** @hidden */
-    private _isResetAvailableSubject$;
     /** Indicates when reset command is available */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** Group rules to render */
     rules: GroupRule[];
     /** @hidden */

package/table/components/table-p13-dialog/sorting/sorting.component.d.ts

@@ -1,6 +1,5 @@
 import { ChangeDetectorRef, PipeTransform } from '@angular/core';
 import { CollectionSort, SortDirection, TableDialogCommonData } from '@fundamental-ngx/platform/table-helpers';
-import { Observable } from 'rxjs';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { Resettable } from '../../reset-button/reset-button.component';
 import * as i0 from "@angular/core";
@@ -36,10 +35,8 @@ export declare class P13SortingDialogComponent implements Resettable {
     private cdr;
     /** Table columns available for sorting */
     readonly columns: SortDialogColumn[];
-    /** @hidden */
-    private _isResetAvailableSubject$;
     /** Indicates when reset command is available */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** @hidden */
     readonly SORT_DIRECTION: typeof SortDirection;
     /** Sort rules to render */

package/table/components/table-row/table-row.component.d.ts

@@ -39,9 +39,9 @@ export declare class TableRowComponent<T> extends TableRowDirective implements O
     /** @hidden */
     private get _ariaSelected();
     /** @hidden */
-    _hasRowHeaderColumn: boolean;
+    _hasRowHeaderColumn$: import("@angular/core").Signal<boolean>;
     /** @hidden */
-    _rtl: boolean;
+    readonly _rtl$: import("@angular/core").Signal<boolean>;
     /** @hidden */
     _rowSelectionHelperTextId: string;
     /** @hidden */

package/table/components/table-toolbar/table-toolbar.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, OnDestroy, TemplateRef } from '@angular/core';
+import { Signal, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { SearchInput, SuggestionItem } from '@fundamental-ngx/platform/search-field';
 import { Table, TableService } from '@fundamental-ngx/platform/table-helpers';
@@ -6,7 +6,23 @@ import { TableToolbarInterface } from './table-toolbar';
 import { TableToolbarActionsComponent } from './table-toolbar-actions.component';
 import { TableToolbarLeftActionsComponent } from './table-toolbar-left-actions.component';
 import * as i0 from "@angular/core";
+export interface ToolbarContext {
+    counter: Signal<number>;
+    sortable: Signal<boolean>;
+    filterable: Signal<boolean>;
+    groupable: Signal<boolean>;
+    columns: Signal<boolean>;
+    hasAnyActions: Signal<boolean>;
+}
 export type EditMode = 'none' | 'inline';
+export declare class TableToolbarTemplateDirective {
+    /** @hidden */
+    readonly templateRef: TemplateRef<ToolbarContext>;
+    /** @hidden */
+    static ngTemplateContextGuard(_directive: TableToolbarTemplateDirective, context: unknown): context is ToolbarContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableToolbarTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableToolbarTemplateDirective, "[fdpTableToolbarTemplate]", never, {}, {}, never, never, true, never>;
+}
 /**
  * The component that represents a table toolbar.
  *
@@ -17,8 +33,7 @@ export type EditMode = 'none' | 'inline';
  * </fdp-table-toolbar>
  * ```
  * */
-export declare class TableToolbarComponent implements TableToolbarInterface, OnDestroy {
-    private readonly _cd;
+export declare class TableToolbarComponent implements TableToolbarInterface {
     private readonly _table;
     private readonly _tableService;
     /**
@@ -52,11 +67,9 @@ export declare class TableToolbarComponent implements TableToolbarInterface, OnD
     /** @hidden */
     readonly tableLoading$: Observable<boolean>;
     /** @hidden */
-    private readonly _onDestroy$;
-    /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _table: Table, _tableService: TableService);
+    private readonly _destroyRef;
     /** @hidden */
-    ngOnDestroy(): void;
+    constructor(_table: Table, _tableService: TableService);
     /** @hidden */
     submitSearch(search: SearchInput): void;
     /** @hidden */

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

@@ -1,5 +1,4 @@
 import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
-import { Observable } from 'rxjs';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { DialogRef } from '@fundamental-ngx/core/dialog';
 import { CollectionFilter, Table, TableColumn, TableDialogCommonData } from '@fundamental-ngx/platform/table-helpers';
@@ -38,10 +37,8 @@ export declare class FiltersComponent implements Resettable, AfterViewInit {
     activeFilter: TableViewSettingsFilterComponent | null;
     /** Table column key associated with the currently selected filter  */
     activeFilterColumnKey: Nullable<string>;
-    /** @hidden */
-    private _isResetAvailableSubject$;
     /** Indicates when reset command is available */
-    readonly isResetAvailable$: Observable<boolean>;
+    readonly isResetAvailable$: import("@angular/core").WritableSignal<boolean>;
     /** @hidden */
     private _initialFilters;
     /**

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 { 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;
@@ -239,11 +231,6 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
      * 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 +297,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.
@@ -398,7 +385,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[];
     /**
@@ -646,7 +633,6 @@ 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 ɵ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; }; "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: {}; }]>;
 }
-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,7 +14,7 @@ export declare class PlatformTableCellResizableDirective extends TableCellDirect
     /** @hidden */
     private _resizableSide;
     /** @hidden */
-    private get _isRtl();
+    private readonly _rtl$;
     /** @hidden */
     private readonly _tableColumnResizeService;
     /** @hidden */

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. */