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

package/icon-tab-bar/directives/dnd/icon-bar-dnd-container.directive.d.ts

@@ -1,5 +1,5 @@
-import { DragDrop, Point } from '@angular/cdk/drag-drop';
-import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { Point } from '@angular/cdk/drag-drop';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { IconTabBarDndItem, IconTabBarDndList, IconTabBarItem } from '../../interfaces/icon-tab-bar-item.interface';
 import * as i0 from "@angular/core";
 export interface FdDnDEvent {
@@ -7,9 +7,8 @@ export interface FdDnDEvent {
     targetItem: IconTabBarItem;
     action: 'replace' | 'insert';
 }
-export declare class IconBarDndContainerDirective implements OnDestroy {
+export declare class IconBarDndContainerDirective {
     elementRef: ElementRef;
-    private _dragDrop;
     /**
      * @description Defines if drag and drop feature should be enabled for list items
      */
@@ -35,11 +34,9 @@ export declare class IconBarDndContainerDirective implements OnDestroy {
     /** @hidden */
     private _draggable;
     /** @hidden */
-    private readonly _onDestroy$;
+    private readonly _destroyRef;
     /** @hidden */
-    constructor(elementRef: ElementRef, _dragDrop: DragDrop);
-    /** @hidden */
-    ngOnDestroy(): void;
+    constructor(elementRef: ElementRef);
     /**
      * @description Method called, when element is started to be dragged
      */

package/icon-tab-bar/directives/dnd/icon-bar-dnd-item.directive.d.ts

@@ -46,7 +46,7 @@ export declare class IconBarDndItemDirective implements IconTabBarDndItem, After
      */
     dragRef: DragRef;
     /** @hidden */
-    private readonly _onDestroy$;
+    private readonly _destroyRef;
     /** @hidden */
     constructor(elementRef: ElementRef, _dragDrop: DragDrop, _dndListDir: IconBarDndListDirective, _dndContainerDir: IconBarDndContainerDirective);
     /** @hidden */

package/icon-tab-bar/directives/dnd/icon-bar-dnd-list.directive.d.ts

@@ -18,7 +18,7 @@ export declare class IconBarDndListDirective implements IconTabBarDndList, After
     /** @hidden */
     private _dropListRef;
     /** @hidden */
-    private readonly _onDestroy$;
+    private readonly _destroyRef;
     /** @hidden */
     private _dragRefItems;
     /** @hidden */

package/icon-tab-bar/directives/icon-tab-bar-free-content.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class IconTabBarFreeContentDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconTabBarFreeContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconTabBarFreeContentDirective, "[fdpIconTabBarFreeContent]", never, {}, {}, never, never, true, never>;
+}

package/icon-tab-bar/icon-tab-bar.component.d.ts

@@ -1,12 +1,15 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { ContentDensityService, RtlService } from '@fundamental-ngx/cdk/utils';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { ContentDensityService, Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
 import { IconFont } from '@fundamental-ngx/core/icon';
+import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
+import { TabList } from '@fundamental-ngx/core/shared';
+import { IconTabBarTabComponent, IconTabBarTabContentDirective } from './components/icon-tab-bar-tab/icon-tab-bar-tab.component';
 import { IconTabBarItem } from './interfaces/icon-tab-bar-item.interface';
 import { TabColorAssociations } from './interfaces/tab-color-associations.interface';
 import { TabConfig } from './interfaces/tab-config.interface';
 import { IconTabBarBackground, IconTabBarSize, TabDestinyMode, TabType } from './types';
 import * as i0 from "@angular/core";
-export declare class IconTabBarComponent implements OnInit, OnDestroy {
+export declare class IconTabBarComponent implements OnInit, AfterViewInit, TabList {
     private _cd;
     private _contentDensityService;
     private _rtlService;
@@ -17,7 +20,8 @@ export declare class IconTabBarComponent implements OnInit, OnDestroy {
     /**
      * @description A tab bar configuration that stores the state of each tab. Based on this configuration, a tab bar is representing.
      */
-    tabsConfig: TabConfig[];
+    set tabsConfig(value: TabConfig[]);
+    get tabsConfig(): TabConfig[];
     /**
      * @description Destiny mode.
      */
@@ -51,6 +55,16 @@ export declare class IconTabBarComponent implements OnInit, OnDestroy {
      * If any of the color associations provided, they'll be read by screenreader instead of the actual color
      */
     colorAssociations: TabColorAssociations;
+    /**
+     * Whether to open tab content one under another without collapsing.
+     * Works only for content-projected tab content.
+     */
+    stackContent: boolean;
+    /**
+     * Maximum height of the content.
+     * Works only for content-projected tab content.
+     */
+    maxContentHeight: string;
     /**
      * @description Emits when some tab is selected.
      */
@@ -62,17 +76,63 @@ export declare class IconTabBarComponent implements OnInit, OnDestroy {
     /** Event emitted when user clicks on x icon in tab. */
     closeTab: EventEmitter<IconTabBarItem>;
     /** @hidden */
+    children: QueryList<IconTabBarTabComponent>;
+    /** @hidden */
+    allChildren: QueryList<IconTabBarTabComponent>;
+    /** @hidden */
+    _scrollbar: ScrollbarDirective;
+    /** @hidden */
+    tabDirectives: QueryList<IconTabBarTabContentDirective>;
+    private get _customTabs();
+    private readonly _iconTabBarCmp;
+    /** @hidden */
+    get headerContainer(): Nullable<ElementRef>;
+    /** @hidden */
     _cssClassForContainer: string[];
     /** @hidden */
-    _isRtl: boolean;
+    _disableScrollSpy: boolean;
+    /** @hidden */
+    _init: boolean;
+    /** Scrollable element reference. */
+    get scrollableElement(): Nullable<ElementRef>;
+    /** @hidden */
+    readonly _selectedUid: import("@angular/core").WritableSignal<string | undefined>;
     /** @hidden */
-    private _onDestroy$;
+    readonly _tabs$: import("@angular/core").Signal<IconTabBarItem[]>;
+    /** @hidden */
+    readonly _flatTabs$: import("@angular/core").Signal<IconTabBarItem[]>;
+    /** @hidden */
+    readonly _tabRenderer$: import("@angular/core").WritableSignal<IconTabBarItem | null>;
+    /** @hidden */
+    readonly _tabRenderers$: import("@angular/core").WritableSignal<{
+        renderer: TemplateRef<any>;
+        id: string;
+    }[]>;
+    /** @hidden */
+    readonly _rtl$: import("@angular/core").Signal<boolean>;
+    /** @hidden */
+    readonly _tabsConfig$: import("@angular/core").WritableSignal<import("@fundamental-ngx/cdk/utils").NullableObject<{
+        icon: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<string>;
+        label: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<string>;
+        color: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<import("./types").SemanticColor>;
+        counter: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<number>;
+        active: boolean;
+        badge: boolean;
+        subItems: import("@fundamental-ngx/cdk/utils").NullableObject<any>[];
+        closable: boolean;
+        iconFont: IconFont;
+        renderer?: TemplateRef<any> | undefined;
+        id?: string | undefined;
+    }>[]>;
+    /** @hidden */
+    private readonly _destroyRef;
+    private readonly _inDynamicPahe;
     /** @hidden */
     constructor(_cd: ChangeDetectorRef, _contentDensityService: ContentDensityService, _rtlService: RtlService);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
-    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
     /**
      * @hidden
      * @param event reordered array of IconTabBarItem
@@ -85,11 +145,25 @@ export declare class IconTabBarComponent implements OnInit, OnDestroy {
     _selectItem(selectedItem: IconTabBarItem): void;
     /** @hidden */
     _closeTab(item: IconTabBarItem): void;
+    /** Programmatically select tab. */
+    selectTab(id: Nullable<string>): void;
+    /** @hidden */
+    highlightActiveTab(id: Nullable<string>, scroll?: boolean): void;
     /**
      * @hidden
      * @returns array of css classes for icon-tab-bar container
      */
     private _generateContainerStyles;
+    private _generateTabConfig;
+    /** @hidden */
+    private _scrollToPanel;
+    /**
+     * @hidden
+     * @description generate IconTabItems from TabConfig array
+     */
+    private _generateTabBarItems;
+    private _generateFlatTabs;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconTabBarComponent, [null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconTabBarComponent, "fdp-icon-tab-bar", never, { "iconTabType": { "alias": "iconTabType"; "required": false; }; "tabsConfig": { "alias": "tabsConfig"; "required": false; }; "densityMode": { "alias": "densityMode"; "required": false; }; "iconTabFont": { "alias": "iconTabFont"; "required": false; }; "enableTabReordering": { "alias": "enableTabReordering"; "required": false; }; "showTotalTab": { "alias": "showTotalTab"; "required": false; }; "layoutMode": { "alias": "layoutMode"; "required": false; }; "iconTabBackground": { "alias": "iconTabBackground"; "required": false; }; "iconTabSize": { "alias": "iconTabSize"; "required": false; }; "colorAssociations": { "alias": "colorAssociations"; "required": false; }; }, { "iconTabSelected": "iconTabSelected"; "iconTabReordered": "iconTabReordered"; "closeTab": "closeTab"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconTabBarComponent, "fdp-icon-tab-bar", never, { "iconTabType": { "alias": "iconTabType"; "required": false; }; "tabsConfig": { "alias": "tabsConfig"; "required": false; }; "densityMode": { "alias": "densityMode"; "required": false; }; "iconTabFont": { "alias": "iconTabFont"; "required": false; }; "enableTabReordering": { "alias": "enableTabReordering"; "required": false; }; "showTotalTab": { "alias": "showTotalTab"; "required": false; }; "layoutMode": { "alias": "layoutMode"; "required": false; }; "iconTabBackground": { "alias": "iconTabBackground"; "required": false; }; "iconTabSize": { "alias": "iconTabSize"; "required": false; }; "colorAssociations": { "alias": "colorAssociations"; "required": false; }; "stackContent": { "alias": "stackContent"; "required": false; }; "maxContentHeight": { "alias": "maxContentHeight"; "required": false; }; }, { "iconTabSelected": "iconTabSelected"; "iconTabReordered": "iconTabReordered"; "closeTab": "closeTab"; }, ["children", "allChildren"], ["[fdpIconTabBarFreeContent]"], true, never>;
+    static ngAcceptInputType_stackContent: unknown;
 }

package/icon-tab-bar/icon-tab-bar.module.d.ts

@@ -1,3 +1,6 @@
+import { IconTabBarTabComponent } from './components/icon-tab-bar-tab/icon-tab-bar-tab.component';
+import { IconTabBarFreeContentDirective } from './directives/icon-tab-bar-free-content.directive';
+import { IconTabBarComponent } from './icon-tab-bar.component';
 import * as i0 from "@angular/core";
 import * as i1 from "./icon-tab-bar.component";
 import * as i2 from "./components/icon-tab-bar-text-type/icon-tab-bar-text-type.component";
@@ -9,12 +12,15 @@ import * as i7 from "./components/popovers/text-type-popover/text-type-popover.c
 import * as i8 from "./directives/dnd/icon-bar-dnd-list.directive";
 import * as i9 from "./directives/dnd/icon-bar-dnd-item.directive";
 import * as i10 from "./directives/dnd/icon-bar-dnd-container.directive";
+import * as i11 from "./components/icon-tab-bar-tab/icon-tab-bar-tab.component";
+import * as i12 from "./directives/icon-tab-bar-free-content.directive";
+export declare const FDP_ICON_TAB_BAR: readonly [typeof IconTabBarComponent, typeof IconTabBarTabComponent, typeof IconTabBarFreeContentDirective];
 /**
  * @deprecated
  * Import `IconTabBarComponent` directly instead.
  */
 export declare class PlatformIconTabBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformIconTabBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformIconTabBarModule, never, [typeof i1.IconTabBarComponent, typeof i2.IconTabBarTextTypeComponent, typeof i3.IconTabBarIconTypeComponent, typeof i4.IconTabBarProcessTypeComponent, typeof i5.IconTabBarFilterTypeComponent, typeof i6.IconTabBarPopoverComponent, typeof i7.TextTypePopoverComponent, typeof i8.IconBarDndListDirective, typeof i9.IconBarDndItemDirective, typeof i10.IconBarDndContainerDirective], [typeof i1.IconTabBarComponent, typeof i2.IconTabBarTextTypeComponent, typeof i3.IconTabBarIconTypeComponent, typeof i4.IconTabBarProcessTypeComponent, typeof i5.IconTabBarFilterTypeComponent, typeof i6.IconTabBarPopoverComponent, typeof i7.TextTypePopoverComponent, typeof i8.IconBarDndListDirective, typeof i9.IconBarDndItemDirective, typeof i10.IconBarDndContainerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformIconTabBarModule, never, [typeof i1.IconTabBarComponent, typeof i2.IconTabBarTextTypeComponent, typeof i3.IconTabBarIconTypeComponent, typeof i4.IconTabBarProcessTypeComponent, typeof i5.IconTabBarFilterTypeComponent, typeof i6.IconTabBarPopoverComponent, typeof i7.TextTypePopoverComponent, typeof i8.IconBarDndListDirective, typeof i9.IconBarDndItemDirective, typeof i10.IconBarDndContainerDirective, typeof i11.IconTabBarTabComponent, typeof i12.IconTabBarFreeContentDirective], [typeof i1.IconTabBarComponent, typeof i2.IconTabBarTextTypeComponent, typeof i3.IconTabBarIconTypeComponent, typeof i4.IconTabBarProcessTypeComponent, typeof i5.IconTabBarFilterTypeComponent, typeof i6.IconTabBarPopoverComponent, typeof i7.TextTypePopoverComponent, typeof i8.IconBarDndListDirective, typeof i9.IconBarDndItemDirective, typeof i10.IconBarDndContainerDirective, typeof i11.IconTabBarTabComponent, typeof i12.IconTabBarFreeContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PlatformIconTabBarModule>;
 }

package/icon-tab-bar/index.d.ts

@@ -1,8 +1,10 @@
 export * from './components';
+export * from './components/icon-tab-bar-tab/icon-tab-bar-tab.component';
 export * from './constants';
 export * from './directives/dnd/icon-bar-dnd-container.directive';
 export * from './directives/dnd/icon-bar-dnd-item.directive';
 export * from './directives/dnd/icon-bar-dnd-list.directive';
+export * from './directives/icon-tab-bar-free-content.directive';
 export * from './icon-tab-bar.component';
 export * from './icon-tab-bar.module';
 export * from './interfaces/icon-tab-bar-item.interface';

package/icon-tab-bar/interfaces/tab-config.interface.d.ts

@@ -1,11 +1,13 @@
-import { NullableObject } from '@fundamental-ngx/cdk/utils';
+import { Signal, TemplateRef } from '@angular/core';
+import { FdkAsyncProperty, NullableObject } from '@fundamental-ngx/cdk/utils';
+import { IconFont } from '@fundamental-ngx/core/icon';
 import { SemanticColor } from '../types';
 /** This is config that user should provide to input */
 export type TabConfig = NullableObject<{
-    icon: string;
-    label: string;
-    color: SemanticColor;
-    counter: number;
+    icon: FdkAsyncProperty<string>;
+    label: FdkAsyncProperty<string>;
+    color: FdkAsyncProperty<SemanticColor>;
+    counter: FdkAsyncProperty<number>;
     /** whether the tab is selected */
     active: boolean;
     /** if set to true, will show red circle in top-right corner of tab */
@@ -14,4 +16,10 @@ export type TabConfig = NullableObject<{
     subItems: TabConfig[];
     /** Whether the tab can be closed. */
     closable: boolean;
+    iconFont: IconFont;
+    renderer?: TemplateRef<any>;
+    id?: string;
 }>;
+export type ExtendedTabConfig = TabConfig & {
+    isActive$: Signal<boolean>;
+};

package/info-label/info-label.component.d.ts

@@ -1,6 +1,6 @@
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { IconFont } from '@fundamental-ngx/core/icon';
-import { LabelType } from '@fundamental-ngx/core/info-label';
+import { InfoLabelColorInput, LabelType } from '@fundamental-ngx/core/info-label';
 import * as i0 from "@angular/core";
 /**
  * @deprecated Use `InfoLabelComponent` from `@fundamental-ngx/core` instead.
@@ -22,7 +22,7 @@ export declare class InfoLabelComponent {
     /** glyph define the icon of info label */
     label: string;
     /** define the colour of the info label starting form 1 to 10 */
-    color: string;
+    color: Nullable<InfoLabelColorInput>;
     /** Sets control aria-label attribute value */
     ariaLabel: Nullable<string>;
     /** Binds to control aria-labelledBy attribute */

package/link/link.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { IconComponent } from '@fundamental-ngx/core/icon';
 import { BaseComponent } from '@fundamental-ngx/platform/shared';
@@ -10,7 +10,6 @@ export type NavigationTarget = '_blank' | '_self' | '_parent' | '_top' | 'framen
  * Link component is deprecated. Use `fd-link` from `@fundamental-ngx/core/link` instead.
  */
 export declare class LinkComponent extends BaseComponent implements OnInit, AfterViewInit {
-    protected _cd: ChangeDetectorRef;
     private renderer2;
     /**
      * href value to Navigate to. sets href to Native anchor.
@@ -31,8 +30,7 @@ export declare class LinkComponent extends BaseComponent implements OnInit, Afte
     /**
      * sets inverted property.
      */
-    set inverted(value: boolean);
-    get inverted(): boolean;
+    inverted: boolean;
     /**
      * Tooltip text to show when focused for more than  timeout value
      * sets title to Native anchor.
@@ -70,9 +68,7 @@ export declare class LinkComponent extends BaseComponent implements OnInit, Afte
     /** @hidden */
     subtle: boolean;
     /** @hidden */
-    private _inverted;
-    /** @hidden */
-    constructor(_cd: ChangeDetectorRef, renderer2: Renderer2);
+    constructor(renderer2: Renderer2);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden Throw error for blank text/icon link */
@@ -91,4 +87,5 @@ export declare class LinkComponent extends BaseComponent implements OnInit, Afte
     clicked(event: MouseEvent | KeyboardEvent | TouchEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "fdp-link", never, { "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "linkType": { "alias": "linkType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "title": { "alias": "title"; "required": false; }; "hreflang": { "alias": "hreflang"; "required": false; }; "download": { "alias": "download"; "required": false; }; "media": { "alias": "media"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "truncate": { "alias": "truncate"; "required": false; }; }, { "click": "click"; }, ["icon"], ["*"], true, never>;
+    static ngAcceptInputType_inverted: unknown;
 }

package/list/base-list-item.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ColorAccent, Nullable, Size } from '@fundamental-ngx/cdk/utils';
 import { CheckboxComponent } from '@fundamental-ngx/core/checkbox';
 import { IconComponent } from '@fundamental-ngx/core/icon';
@@ -106,8 +106,6 @@ export declare class BaseListItem extends BaseComponent implements OnInit, After
     itemEl: ElementRef<HTMLElement>;
     protected _listConfig: ListConfig;
     private readonly _list;
-    /** define label for screen reader */
-    ariaLabelledBy: string;
     /** define level of item for screen reader */
     ariaLevel: number;
     /** define position of item for screen reader */
@@ -249,7 +247,7 @@ export declare class BaseListItem extends BaseComponent implements OnInit, After
     /** @hidden */
     private _selectionMode;
     /** @hidden */
-    constructor(_changeDetectorRef: ChangeDetectorRef, itemEl: ElementRef<HTMLElement>, _listConfig: ListConfig, _list: ListUnreadIndicator);
+    constructor(itemEl: ElementRef<HTMLElement>, _listConfig: ListConfig, _list: ListUnreadIndicator);
     /** Selection value */
     set selectionValue(value: Nullable<string>);
     get selectionValue(): Nullable<string>;
@@ -325,6 +323,6 @@ export declare class BaseListItem extends BaseComponent implements OnInit, After
     private _onKeyboardClick;
     /** @hidden */
     private _setAttrRole;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseListItem, [null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseListItem, never, never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLevel": { "alias": "ariaLevel"; "required": false; }; "ariaPosinset": { "alias": "ariaPosinset"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "statusType": { "alias": "statusType"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "secondaryWrap": { "alias": "secondaryWrap"; "required": false; }; "title": { "alias": "title"; "required": false; }; "link": { "alias": "link"; "required": false; }; "titleWrap": { "alias": "titleWrap"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "unRead": { "alias": "unRead"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "listType": { "alias": "listType"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "navigationIndicator": { "alias": "navigationIndicator"; "required": false; }; "role": { "alias": "role"; "required": false; }; "selectionValue": { "alias": "selectionValue"; "required": false; }; }, { "itemSelected": "itemSelected"; "itemCheckboxSelected": "itemCheckboxSelected"; "buttonClicked": "buttonClicked"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseListItem, [null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseListItem, never, never, { "ariaLevel": { "alias": "ariaLevel"; "required": false; }; "ariaPosinset": { "alias": "ariaPosinset"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "statusType": { "alias": "statusType"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "secondaryWrap": { "alias": "secondaryWrap"; "required": false; }; "title": { "alias": "title"; "required": false; }; "link": { "alias": "link"; "required": false; }; "titleWrap": { "alias": "titleWrap"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "unRead": { "alias": "unRead"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "listType": { "alias": "listType"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "navigationIndicator": { "alias": "navigationIndicator"; "required": false; }; "role": { "alias": "role"; "required": false; }; "selectionValue": { "alias": "selectionValue"; "required": false; }; }, { "itemSelected": "itemSelected"; "itemCheckboxSelected": "itemCheckboxSelected"; "buttonClicked": "buttonClicked"; }, never, never, false, never>;
 }

package/list/list.component.d.ts

@@ -1,13 +1,11 @@
 import { FocusKeyManager, LiveAnnouncer } from '@angular/cdk/a11y';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
-import { Observable, Subject } from 'rxjs';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { Observable } from 'rxjs';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ListUnreadIndicator } from '@fundamental-ngx/core/list';
 import { FdLanguage } from '@fundamental-ngx/i18n';
-import { CollectionBaseInput, ListDataSource, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { CollectionBaseInput, ListDataSource } from '@fundamental-ngx/platform/shared';
 import { BaseListItem, ListItemDef } from './base-list-item';
-import { ListConfig } from './list.config';
 import { LoadMoreContentContext, LoadMoreContentDirective } from './load-more-content.directive';
 import { FdpList, FdpListDataSource, ListType, SelectionType } from './models/list';
 import * as i0 from "@angular/core";
@@ -22,13 +20,8 @@ export declare class SelectionChangeEvent {
  * It is used to display a list features.
  */
 export declare class ListComponent<T> extends CollectionBaseInput implements ListUnreadIndicator, OnInit, AfterViewInit, OnDestroy, FdpList<BaseListItem> {
-    protected _changeDetectorRef: ChangeDetectorRef;
-    private _liveAnnouncer;
+    private readonly _liveAnnouncer;
     private readonly _language$;
-    ngControl: NgControl;
-    controlContainer: ControlContainer;
-    ngForm: NgForm;
-    protected _listConfig?: ListConfig | undefined;
     /**  An array that holds a list of all selected items. **/
     selectedItems: BaseListItem[];
     /** define size of items for screen reader. */
@@ -123,8 +116,6 @@ export declare class ListComponent<T> extends CollectionBaseInput implements Lis
     /** @hidden */
     _items: T[];
     /** @hidden */
-    _destroyed: Subject<void>;
-    /** @hidden */
     _ariaSetSize: Observable<number>;
     /** @hidden */
     protected _dataSource: ListDataSource<T>;
@@ -195,7 +186,7 @@ export declare class ListComponent<T> extends CollectionBaseInput implements Lis
     /** @hidden */
     private _afterViewInit$;
     /** @hidden */
-    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, _liveAnnouncer: LiveAnnouncer, _language$: Observable<FdLanguage>, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl, _listConfig?: ListConfig | undefined);
+    constructor(_liveAnnouncer: LiveAnnouncer, _language$: Observable<FdLanguage>);
     /**
      * @hidden
      * on Update navgiation styles for non navigated items
@@ -291,6 +282,6 @@ export declare class ListComponent<T> extends CollectionBaseInput implements Lis
     private _waitForViewInit;
     /** @hidden */
     private _init;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent<any>, [null, null, null, null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent<any>, "fdp-list", never, { "selectedItems": { "alias": "selectedItems"; "required": false; }; "ariaSetsize": { "alias": "ariaSetsize"; "required": false; }; "ariaMultiselectable": { "alias": "ariaMultiselectable"; "required": false; }; "loadTitle": { "alias": "loadTitle"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "loadMore": { "alias": "loadMore"; "required": false; }; "loadOnScroll": { "alias": "loadOnScroll"; "required": false; }; "role": { "alias": "role"; "required": false; }; "listType": { "alias": "listType"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "noBorder": { "alias": "noBorder"; "required": false; }; "scrollOffsetPercentage": { "alias": "scrollOffsetPercentage"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "value": { "alias": "value"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "navigated": { "alias": "navigated"; "required": false; }; "navigationIndicator": { "alias": "navigationIndicator"; "required": false; }; "hasByLine": { "alias": "hasByLine"; "required": false; }; "hasObject": { "alias": "hasObject"; "required": false; }; "unreadIndicator": { "alias": "unreadIndicator"; "required": false; }; "interceptTabKey": { "alias": "interceptTabKey"; "required": false; }; }, { "selectedItemChange": "selectedItemChange"; }, ["listItemDef", "loadMoreContent", "listItems"], ["fd-toolbar", "*", "*", "#load"], true, never>;
 }

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

@@ -1,5 +1,6 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { ButtonType } from '@fundamental-ngx/core/button';
+import { IconFont } from '@fundamental-ngx/core/icon';
 import { BaseComponent } from '@fundamental-ngx/platform/shared';
 import * as i0 from "@angular/core";
 /**
@@ -11,15 +12,17 @@ export declare class MenuButtonComponent extends BaseComponent {
     label: string;
     /** text for tooltip */
     title: string;
-    /** The Sap-icon to include in the menu-button */
+    /** The Icon to include in the menu-button */
     icon: string;
+    /** Glyph font family */
+    iconFont: IconFont;
     /** The type of the button. Types include 'standard', 'positive', 'negative', 'transparent', 'attention', 'emphasized', 'ghost'.
      * Leave empty for default.'*/
     type: ButtonType;
     /** Event sent when menu-button is clicked */
     buttonClicked: EventEmitter<MouseEvent | KeyboardEvent | TouchEvent>;
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef);
+    constructor();
     /**
      * @hidden disabling fd-button does not disables menu button.
      * because menu trigger is on menu-button; menu gets open.
@@ -33,5 +36,5 @@ export declare class MenuButtonComponent extends BaseComponent {
      */
     onButtonClick($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuButtonComponent, "fdp-menu-button", never, { "label": { "alias": "label"; "required": false; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuButtonComponent, "fdp-menu-button", never, { "label": { "alias": "label"; "required": false; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFont": { "alias": "iconFont"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
 }

package/message-popover/components/message-popover-form-wrapper/message-popover-form-wrapper.component.d.ts

@@ -26,12 +26,10 @@ export declare class MessagePopoverFormWrapperComponent implements MessagePopove
     /** User-passed form fields. */
     set formFields(value: PlatformFormFieldControl[]);
     get formFields(): PlatformFormFieldControl[];
-    /** @hidden */
-    private readonly _errors$;
     /**
-     * Error models Observable. Emitted when form submitted and contains invalid fields.
+     * Error models Signal. Emitted when form submitted and contains invalid fields.
      */
-    errors: import("rxjs").Observable<MessagePopoverErrorGroup[]>;
+    readonly errors$: import("@angular/core").WritableSignal<MessagePopoverErrorGroup[]>;
     /** @hidden */
     private _formFields;
     /** @hidden */

package/message-popover/message-popover.component.d.ts

@@ -1,18 +1,16 @@
-import { ChangeDetectorRef, DestroyRef, EventEmitter, OnInit } from '@angular/core';
-import { FormStates } from '@fundamental-ngx/cdk/forms';
+import { EventEmitter, WritableSignal } from '@angular/core';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { PopoverComponent } from '@fundamental-ngx/core/popover';
 import { MessagePopoverEntry, MessagePopoverError, MessagePopoverErrorGroup } from './models/message-popover-entry.interface';
 import { MessagePopoverWrapper } from './models/message-popover-wrapper.interface';
 import { MessagePopover, MessagePopoverState } from './models/message-popover.interface';
 import * as i0 from "@angular/core";
-export declare class MessagePopoverComponent implements MessagePopover, OnInit {
-    private readonly _cdr;
-    private readonly _destroyRef;
+export declare class MessagePopoverComponent implements MessagePopover {
     /** @hidden */
     readonly _popover: PopoverComponent;
     /** Message Popover Wrapper component. */
-    wrapper: MessagePopoverWrapper;
+    set wrapper(value: Nullable<MessagePopoverWrapper>);
+    get wrapper(): Nullable<MessagePopoverWrapper>;
     /** Event emits when user clicks on error entry and item's element needs to be focused. */
     focusItem: EventEmitter<MessagePopoverEntry>;
     /** Current message popover screen. Can be `list` or `details`. */
@@ -20,31 +18,26 @@ export declare class MessagePopoverComponent implements MessagePopover, OnInit {
     /** Current error entry. */
     currentEntry: Nullable<MessagePopoverEntry>;
     /** @hidden */
-    _currentErrorType: MessagePopoverError['group'];
+    _currentErrorType$: WritableSignal<MessagePopoverError['group']>;
     /** @hidden */
-    _errorTypes: MessagePopoverError[];
+    _errorTypes$: import("@angular/core").Signal<MessagePopoverError[]>;
     /** @hidden */
-    _priorityStateItemsCount: number;
+    _priorityStateItemsCount$: import("@angular/core").Signal<number>;
     /** @hidden */
-    _priorityFormState: FormStates;
+    _priorityFormState$: import("@angular/core").Signal<"success" | "error" | "warning" | "default" | "information">;
     /** @hidden */
-    _priorityState: MessagePopoverState;
+    _priorityState$: import("@angular/core").Signal<Nullable<MessagePopoverState>>;
     /** @hidden */
-    _filteredErrors: MessagePopoverErrorGroup[];
-    /** @hidden */
-    private _groupedErrors;
-    /** @hidden */
-    constructor(_cdr: ChangeDetectorRef, _destroyRef: DestroyRef);
-    /** @hidden */
-    ngOnInit(): void;
+    readonly _filteredErrors$: import("@angular/core").Signal<MessagePopoverErrorGroup[]>;
+    private readonly _groupedErrors$;
+    private readonly _wrapper$;
+    private readonly _countedErrors$;
     /** @hidden */
     _showList(): void;
     /** @hidden */
     _showDetails(entry: MessagePopoverEntry): void;
     /** @hidden */
     _closePopover(focusLast?: boolean): void;
-    /** @hidden */
-    _filterErrors(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessagePopoverComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessagePopoverComponent, "fdp-message-popover", never, { "wrapper": { "alias": "wrapper"; "required": false; }; }, { "focusItem": "focusItem"; }, never, never, true, never>;
 }

package/message-popover/models/message-popover-wrapper.interface.d.ts

@@ -1,9 +1,9 @@
+import { Signal } from '@angular/core';
 import { PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
-import { Observable } from 'rxjs';
 import { MessagePopoverErrorGroup } from './message-popover-entry.interface';
 import { MessagePopover } from './message-popover.interface';
 export interface MessagePopoverWrapper {
     formFields: PlatformFormFieldControl[];
-    errors: Observable<MessagePopoverErrorGroup[]>;
+    errors$: Signal<MessagePopoverErrorGroup[]>;
     setMessagePopover: (messagePopover: MessagePopover) => void;
 }

package/object-marker/object-marker.component.d.ts

@@ -1,4 +1,5 @@
 import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { IconFont } from '@fundamental-ngx/core/icon';
 import * as i0 from "@angular/core";
 /**
  * @deprecated
@@ -9,6 +10,8 @@ export declare class PlatformObjectMarkerComponent {
      * Glyph (icon) of the Object marker.
      */
     glyph: string;
+    /** Glyph font family */
+    glyphFont: IconFont;
     /** Whether the Object marker is clickable. */
     clickable: boolean;
     /** label for adding text to the marker */
@@ -24,5 +27,5 @@ export declare class PlatformObjectMarkerComponent {
     /** @hidden */
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformObjectMarkerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformObjectMarkerComponent, "fdp-object-marker", never, { "glyph": { "alias": "glyph"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "label": { "alias": "label"; "required": false; }; "link": { "alias": "link"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlatformObjectMarkerComponent, "fdp-object-marker", never, { "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "label": { "alias": "label"; "required": false; }; "link": { "alias": "link"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*", "*"], true, never>;
 }

package/object-status/object-status.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { ColorAccent, Nullable } from '@fundamental-ngx/cdk/utils';
+import { IconFont } from '@fundamental-ngx/core/icon';
 import { ObjectStatus } from '@fundamental-ngx/core/object-status';
 import * as i0 from "@angular/core";
 export declare class PlatformObjectStatusTextDirective {
@@ -30,6 +31,8 @@ export declare class ObjectStatusComponent {
      * Glyph (icon) of the Object Status.
      */
     glyph: Nullable<string>;
+    /** Glyph font family */
+    glyphFont: IconFont;
     /**
      * A number representing the indication color.
      * For non-inverted state available numbers are from 1 to 8.
@@ -63,5 +66,5 @@ export declare class ObjectStatusComponent {
      */
     onObjectStatusClick($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectStatusComponent, "fdp-object-status", never, { "status": { "alias": "status"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "indicationColor": { "alias": "indicationColor"; "required": false; }; "secondaryIndication": { "alias": "secondaryIndication"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "large": { "alias": "large"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "objectStatusClick": "objectStatusClick"; }, ["_textDirective"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectStatusComponent, "fdp-object-status", never, { "status": { "alias": "status"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "indicationColor": { "alias": "indicationColor"; "required": false; }; "secondaryIndication": { "alias": "secondaryIndication"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "large": { "alias": "large"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "objectStatusClick": "objectStatusClick"; }, ["_textDirective"], never, true, never>;
 }