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

package/form/radio-group/radio-group.component.d.ts

@@ -1,12 +1,8 @@
-import { AfterContentChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
-import { InLineLayoutCollectionBaseInput, PlatformFormField, PlatformFormFieldControl, ResponsiveBreakPointConfig, ResponsiveBreakpointsService } from '@fundamental-ngx/platform/shared';
+import { AfterContentChecked, AfterViewInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { InLineLayoutCollectionBaseInput } from '@fundamental-ngx/platform/shared';
 import { RadioButtonComponent } from './radio/radio.component';
 import * as i0 from "@angular/core";
 export declare class RadioGroupComponent extends InLineLayoutCollectionBaseInput implements AfterViewInit, AfterContentChecked, OnDestroy {
-    protected _cd: ChangeDetectorRef;
-    readonly _responsiveBreakpointsService: ResponsiveBreakpointsService;
-    readonly _defaultResponsiveBreakPointConfig: ResponsiveBreakPointConfig;
     /** Value of selected radio button */
     set value(newValue: any);
     get value(): any;
@@ -28,11 +24,13 @@ export declare class RadioGroupComponent extends InLineLayoutCollectionBaseInput
     /** @hidden The currently selected radio button. Should match value. */
     private _selected;
     /** @hidden */
-    private _destroy$;
+    private readonly _destroyRef;
     /** @hidden FocusKeyManager instance */
     private _keyboardEventsManager;
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, elementRef: ElementRef, _responsiveBreakpointsService: ResponsiveBreakpointsService, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl, _defaultResponsiveBreakPointConfig: ResponsiveBreakPointConfig);
+    constructor();
+    /** @hidden */
+    _handleKeydown(event: KeyboardEvent): void;
     /** Control Value Accessor */
     writeValue(value: any): void;
     /** Access display value for objects, acts as checkbox label. */
@@ -55,8 +53,6 @@ export declare class RadioGroupComponent extends InLineLayoutCollectionBaseInput
     /** @hidden */
     _getListItemDisabledValue(item: RadioGroupComponent['list'][number]): boolean;
     /** @hidden */
-    _handleKeydown(event: KeyboardEvent): void;
-    /** @hidden */
     private _initialSetup;
     /**
      * @hidden
@@ -75,6 +71,6 @@ export declare class RadioGroupComponent extends InLineLayoutCollectionBaseInput
     private _setProperties;
     /** @hidden Make sure we have expected child. */
     private _validateRadioButtons;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, [null, null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "fdp-radio-group", never, { "value": { "alias": "selected"; "required": false; }; "isInline": { "alias": "isInline"; "required": false; }; "hasNoValue": { "alias": "hasNoValue"; "required": false; }; "noValueLabel": { "alias": "noValueLabel"; "required": false; }; }, { "change": "change"; }, ["contentRadioButtons"], never, true, never>;
 }

package/form/select/commons/base-select.d.ts

@@ -1,12 +1,12 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 import { SingleDropdownValueControl } from '@fundamental-ngx/cdk/forms';
 import { ContentDensityService, FocusEscapeDirection, TemplateDirective } from '@fundamental-ngx/cdk/utils';
+import { IconFont } from '@fundamental-ngx/core/icon';
 import { ListComponent } from '@fundamental-ngx/core/list';
 import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import { PopoverFillMode } from '@fundamental-ngx/core/shared';
-import { CollectionBaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { CollectionBaseInput } from '@fundamental-ngx/platform/shared';
 import { TextAlignment } from '../../combobox';
 import { SelectOptionItem } from '../models/select.models';
 import { SelectConfig } from '../select.config';
@@ -25,11 +25,6 @@ export declare class FdpSelectionChangeEvent {
     constructor(payload: any);
 }
 export declare abstract class BaseSelect extends CollectionBaseInput implements SingleDropdownValueControl, AfterViewInit, OnDestroy {
-    readonly cd: ChangeDetectorRef;
-    readonly ngControl: NgControl;
-    readonly controlContainer: ControlContainer;
-    readonly ngForm: NgForm;
-    protected selectConfig: SelectConfig;
     /** Provides maximum default height for the optionPanel */
     maxHeight: string;
     /** Whether the select should be built on mobile mode */
@@ -44,6 +39,8 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
     showSecondaryText: boolean;
     /** Glyph to add icon in the select component. */
     glyph: string;
+    /** Glyph font family */
+    glyphFont: IconFont;
     /** The element to which the popover should be appended. */
     appendTo: ElementRef;
     /** Trigger value */
@@ -70,10 +67,6 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
     closeOnOutsideClick: boolean;
     /** Custom template used to build control body. */
     controlTemplate: TemplateRef<any> | undefined;
-    /** Binds to control aria-labelledBy attribute */
-    ariaLabelledBy: null;
-    /** Sets control aria-label attribute value */
-    ariaLabel: null;
     /** Select Input Mobile Configuration */
     mobileConfig: MobileModeConfig;
     /**
@@ -142,6 +135,8 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
     /** @hidden */
     _subscriptions: Subscription;
     /** @hidden */
+    protected readonly selectConfig: SelectConfig;
+    /** @hidden */
     private _searchInputElement;
     /** Whether the select is opened. */
     private _isOpen;
@@ -160,15 +155,11 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
     /** @hidden */
     private _secondColumnRatio;
     /** @hidden */
-    protected constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, selectConfig: SelectConfig, formField: PlatformFormField, formControl: PlatformFormFieldControl);
-    /** @hidden */
     ngAfterViewInit(): void;
     /** @hidden */
     ngOnDestroy(): void;
     /** Is empty search field */
     get isEmptyValue(): boolean;
-    /** @hidden */
-    protected setValue(newValue: any, emitOnChange?: boolean): void;
     /** @hidden
      * Close list * */
     close(event?: MouseEvent | null, forceClose?: boolean): void;
@@ -179,6 +170,8 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
     /** Method passed to list component */
     handleListFocusEscape(direction: FocusEscapeDirection): void;
     /** @hidden */
+    protected setValue(newValue: any, emitOnChange?: boolean): void;
+    /** @hidden */
     private _initWindowResize;
     /** @hidden */
     private _getOptionsListWidth;
@@ -211,6 +204,6 @@ export declare abstract class BaseSelect extends CollectionBaseInput implements
      * Assign custom templates
      * */
     private _assignCustomTemplates;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelect, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, null, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect, never, never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "group": { "alias": "group"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "secondaryKey": { "alias": "secondaryKey"; "required": false; }; "showSecondaryText": { "alias": "showSecondaryText"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "triggerValue": { "alias": "triggerValue"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "secondaryTextAlignment": { "alias": "secondaryTextAlignment"; "required": false; }; "width": { "alias": "width"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "noValueLabel": { "alias": "noValueLabel"; "required": false; }; "noWrapText": { "alias": "noWrapText"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "firstColumnRatio": { "alias": "firstColumnRatio"; "required": false; }; "secondColumnRatio": { "alias": "secondColumnRatio"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["customTemplates"], never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelect, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelect, never, never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "group": { "alias": "group"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "secondaryKey": { "alias": "secondaryKey"; "required": false; }; "showSecondaryText": { "alias": "showSecondaryText"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "triggerValue": { "alias": "triggerValue"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "secondaryTextAlignment": { "alias": "secondaryTextAlignment"; "required": false; }; "width": { "alias": "width"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "noValueLabel": { "alias": "noValueLabel"; "required": false; }; "noWrapText": { "alias": "noWrapText"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "firstColumnRatio": { "alias": "firstColumnRatio"; "required": false; }; "secondColumnRatio": { "alias": "secondColumnRatio"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["customTemplates"], never, false, never>;
 }

package/form/select/select/select.component.d.ts

@@ -1,19 +1,8 @@
-import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
-import { DynamicComponentService } from '@fundamental-ngx/cdk/utils';
+import { AfterViewChecked, AfterViewInit } from '@angular/core';
 import { SelectComponent as CoreSelect } from '@fundamental-ngx/core/select';
-import { PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
 import { BaseSelect } from '../commons/base-select';
-import { SelectConfig } from '../select.config';
 import * as i0 from "@angular/core";
 export declare class SelectComponent extends BaseSelect implements AfterViewInit, AfterViewChecked {
-    readonly cd: ChangeDetectorRef;
-    readonly elementRef: ElementRef;
-    readonly ngControl: NgControl;
-    readonly controlContainer: ControlContainer;
-    readonly ngForm: NgForm;
-    readonly _dynamicComponentService: DynamicComponentService;
-    readonly _selectConfig: SelectConfig;
     /**
      * Directly sets value to the component that at the ends up at writeValue as well fires
      * change detections
@@ -25,8 +14,6 @@ export declare class SelectComponent extends BaseSelect implements AfterViewInit
     /** @hidden */
     select: CoreSelect;
     /** @hidden */
-    constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, _dynamicComponentService: DynamicComponentService, _selectConfig: SelectConfig, formField: PlatformFormField, formControl: PlatformFormFieldControl);
-    /** @hidden */
     ngAfterViewInit(): void;
     /** @hidden */
     ngAfterViewChecked(): void;
@@ -43,6 +30,6 @@ export declare class SelectComponent extends BaseSelect implements AfterViewInit
     private _setColumnsRatio;
     /** @hidden */
     private _setOptionAttribute;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, null, null, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "fdp-select", never, { "value": { "alias": "value"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/form/step-input/base.step-input.d.ts

@@ -1,7 +1,6 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
-import { ContentDensity, Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
-import { BaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { EventEmitter, OnInit } from '@angular/core';
+import { ContentDensity, Nullable } from '@fundamental-ngx/cdk/utils';
+import { BaseInput } from '@fundamental-ngx/platform/shared';
 import { StepInputConfig } from './step-input.config';
 import * as i0 from "@angular/core";
 /** Change event object emitted by Platform Step Input component */
@@ -34,9 +33,8 @@ export type StepInputStepFunction = (value: number, action: StepInputStepFunctio
  * This holds base Step Input functionality that can be abstracted
  */
 export declare abstract class StepInputComponent extends BaseInput implements OnInit {
-    protected config: StepInputConfig;
-    private _renderer;
-    private _rtlService;
+    /** @hidden */
+    readonly config: StepInputConfig;
     /** Sets input value */
     set value(value: Nullable<number>);
     get value(): Nullable<number>;
@@ -59,7 +57,8 @@ export declare abstract class StepInputComponent extends BaseInput implements On
     /** Hides -/+ icons and shows labels */
     showLabels: boolean;
     /** Horizontally aligns value inside input */
-    set align(align: StepInputAlign);
+    set align(align: StepInputAlign | null);
+    get align(): StepInputAlign | null;
     /**
      * ARIA label for increment button
      */
@@ -85,7 +84,9 @@ export declare abstract class StepInputComponent extends BaseInput implements On
     /** @hidden */
     _contentDensity: ContentDensity;
     /** @hidden */
-    _align: StepInputAlign | null;
+    readonly _align$: import("@angular/core").WritableSignal<StepInputAlign | null>;
+    /** @hidden */
+    readonly _textAlign$: import("@angular/core").Signal<StepInputAlign | null>;
     /** @hidden */
     private _max;
     /** @hidden */
@@ -97,13 +98,13 @@ export declare abstract class StepInputComponent extends BaseInput implements On
     /** @hidden */
     private _precision;
     /** @hidden */
-    private _align$;
-    /** @hidden */
     private _pendingEnteredValue;
     /** @hidden */
     private get _currentValue();
     /** @hidden */
-    protected constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl, config: StepInputConfig, _renderer: Renderer2, _rtlService: RtlService);
+    private readonly _renderer;
+    /** @hidden */
+    private readonly _rtlService;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden
@@ -145,8 +146,6 @@ export declare abstract class StepInputComponent extends BaseInput implements On
     /** @hidden */
     private _listenToFormErrorState;
     /** @hidden */
-    private _listenToAlign;
-    /** @hidden */
     private _emitChangedValue;
     /** @hidden */
     private _getStepValueForIncrease;

package/form/step-input/number/number-step-input.component.d.ts

@@ -1,10 +1,5 @@
-import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
-import { RtlService } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
-import { PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
 import { StepInputChangeEvent, StepInputComponent } from '../base.step-input';
-import { StepInputConfig } from '../step-input.config';
 import * as i0 from "@angular/core";
 /**
  * Fundamental number-step-input component
@@ -25,7 +20,7 @@ export declare class NumberStepInputComponent extends StepInputComponent {
     /** Set description */
     description: string;
     /** @hidden */
-    constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl, config: StepInputConfig, renderer: Renderer2, rtlService: RtlService, localeId: string, contentDensityObserver: ContentDensityObserver);
+    constructor(localeId: string, contentDensityObserver: ContentDensityObserver);
     /** @hidden
      * Create change event instance
      */
@@ -45,6 +40,6 @@ export declare class NumberStepInputComponent extends StepInputComponent {
      * Used to parse entered value
      */
     parseValueInFocusMode(value: string | null): number | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NumberStepInputComponent, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, null, null, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberStepInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NumberStepInputComponent, "fdp-number-step-input", never, { "description": { "alias": "description"; "required": false; }; }, {}, never, never, true, never>;
 }

package/form/step-input/step-input-action-button.d.ts

@@ -1,12 +1,9 @@
-import { OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
+import { DestroyRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * This is a base step input directive to be used for increase/decrease buttons.
  */
-export declare abstract class StepInputActionButton implements OnDestroy {
-    /** @hidden */
-    protected _destroyed: Subject<void>;
+export declare abstract class StepInputActionButton {
     /**
      * @hidden
      * Indicates if action can be handled
@@ -17,8 +14,8 @@ export declare abstract class StepInputActionButton implements OnDestroy {
      * Step input button action handler
      */
     abstract runAction(): void;
-    /** @hidden  */
-    ngOnDestroy(): void;
+    /** @hidden */
+    protected _destroyed: DestroyRef;
     /** @hidden */
     click(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepInputActionButton, never>;

package/form/step-input/step-input-decrement.directive.d.ts

@@ -1,17 +1,14 @@
-import { StepInputComponent } from './base.step-input';
 import { StepInputActionButton } from './step-input-action-button';
 import * as i0 from "@angular/core";
 /**
  * This Directive is used to be assigned to decrement button.
  */
 export declare class StepInputDecrementDirective extends StepInputActionButton {
-    private stepInput;
-    /** @hidden */
-    constructor(stepInput: StepInputComponent);
+    private readonly stepInput;
     /** @hidden */
     canHandleAction(): boolean;
     /** @hidden */
     runAction(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepInputDecrementDirective, [{ skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepInputDecrementDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepInputDecrementDirective, "[fdpStepInputDecrement]", never, {}, {}, never, never, true, never>;
 }

package/form/step-input/step-input-increment.directive.d.ts

@@ -1,17 +1,14 @@
-import { StepInputComponent } from './base.step-input';
 import { StepInputActionButton } from './step-input-action-button';
 import * as i0 from "@angular/core";
 /**
  * This Directive is used to be assigned to increment button.
  */
 export declare class StepInputIncrementDirective extends StepInputActionButton {
-    private stepInput;
-    /** @hidden */
-    constructor(stepInput: StepInputComponent);
+    private readonly stepInput;
     /** @hidden */
     canHandleAction(): boolean;
     /** @hidden */
     runAction(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepInputIncrementDirective, [{ skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepInputIncrementDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepInputIncrementDirective, "[fdpStepInputIncrement]", never, {}, {}, never, never, true, never>;
 }

package/form/switch/switch/switch.component.d.ts

@@ -1,6 +1,5 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
-import { BaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { EventEmitter } from '@angular/core';
+import { BaseInput } from '@fundamental-ngx/platform/shared';
 import { SwitchConfig } from './switch.config';
 import * as i0 from "@angular/core";
 /** Switch change event instance */
@@ -12,8 +11,6 @@ export declare class SwitchChangeEvent {
 }
 export declare class SwitchComponent extends BaseInput {
     protected _switchConfig: SwitchConfig;
-    /** aria-labelledby attribute of the inner input element. */
-    ariaLabelledby: string | null;
     /** Whether the switch is semantic */
     semantic: boolean;
     /**
@@ -29,7 +26,7 @@ export declare class SwitchComponent extends BaseInput {
      */
     switchCurrentValue: boolean;
     /** @hidden */
-    constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl, _switchConfig: SwitchConfig);
+    constructor(_switchConfig: SwitchConfig);
     /** update controller on switch state change */
     onValueChange(modelValue: boolean): void;
     /** write value for ControlValueAccessor */
@@ -42,6 +39,6 @@ export declare class SwitchComponent extends BaseInput {
      * Method to emit change event
      */
     private _emitChangeEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "fdp-switch", never, { "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "semantic": { "alias": "semantic"; "required": false; }; }, { "switchChange": "switchChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "fdp-switch", never, { "semantic": { "alias": "semantic"; "required": false; }; }, { "switchChange": "switchChange"; }, never, never, true, never>;
 }

package/form/text-area/text-area.component.d.ts

@@ -1,8 +1,7 @@
-import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
+import { AfterViewChecked, AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
-import { BaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { BaseInput } from '@fundamental-ngx/platform/shared';
 import { TextAreaConfig } from './text-area.config';
 import * as i0 from "@angular/core";
 export type WrapType = 'hard' | 'soft' | 'off';
@@ -82,7 +81,7 @@ export declare class TextAreaComponent extends BaseInput implements AfterViewChe
     /** @hidden */
     private get _shouldTrackTextLimit();
     /** @hidden */
-    constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl, _textAreaConfig: TextAreaConfig);
+    constructor(_textAreaConfig: TextAreaConfig);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -119,6 +118,6 @@ export declare class TextAreaComponent extends BaseInput implements AfterViewChe
     private _getTextareaTotalHeight;
     /** @hidden set initial max height **/
     private _setMaxHeight;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "fdp-textarea", never, { "height": { "alias": "height"; "required": false; }; "growingMaxLines": { "alias": "growingMaxLines"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "wrapType": { "alias": "wrapType"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "showExceededText": { "alias": "showExceededText"; "required": false; }; "growing": { "alias": "growing"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }

package/form/time-picker/time-picker.component.d.ts

@@ -1,9 +1,8 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
 import { Placement } from '@fundamental-ngx/core/shared';
 import { TimePickerComponent } from '@fundamental-ngx/core/time-picker';
-import { BaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { BaseInput } from '@fundamental-ngx/platform/shared';
 import * as i0 from "@angular/core";
 export declare class PlatformTimePickerComponent<D> extends BaseInput implements OnInit, AfterViewInit, OnDestroy {
     /**
@@ -91,7 +90,7 @@ export declare class PlatformTimePickerComponent<D> extends BaseInput implements
     /** @hidden */
     private _meridian;
     /** @hidden */
-    constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl);
+    constructor();
     /**
      * Method that handles changes when popover is opened or closed.
      */
@@ -101,6 +100,6 @@ export declare class PlatformTimePickerComponent<D> extends BaseInput implements
      * @param value inputted
      */
     handleTimeChange(value: D): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlatformTimePickerComponent<any>, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlatformTimePickerComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlatformTimePickerComponent<any>, "fdp-time-picker", never, { "value": { "alias": "value"; "required": false; }; "time": { "alias": "time"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "timePickerInputLabel": { "alias": "timePickerInputLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "tablet": { "alias": "tablet"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "parseFormat": { "alias": "parseFormat"; "required": false; }; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
 }

package/icon-tab-bar/components/icon-tab-bar-base.class.d.ts

@@ -1,14 +1,11 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { OverflowListDirective } from '@fundamental-ngx/cdk/utils';
 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 { TabDestinyMode } from '../types';
 import { IconTabBarPopoverBase } from './popovers/icon-tab-bar-popover-base.class';
 import * as i0 from "@angular/core";
 export declare abstract class IconTabBarBase implements OnInit, OnChanges, AfterViewInit, OnDestroy {
-    protected _cd: ChangeDetectorRef;
-    protected _ngZone: NgZone;
     /**
      * @hidden
      * List of tab elements, that can receive focus.
@@ -20,7 +17,7 @@ export declare abstract class IconTabBarBase implements OnInit, OnChanges, After
     /**
      * @description A tab bar configuration that stores the state of each tab. Based on this configuration, a tab bar is representing.
      */
-    tabsConfig: TabConfig[];
+    tabs: IconTabBarItem[];
     /**
      * @description Flag representing rtl mode
      */
@@ -34,31 +31,39 @@ export declare abstract class IconTabBarBase implements OnInit, OnChanges, After
      * @description densityMode setter triggers tabs to re-calculation overflowed tabs
      */
     set densityMode(value: TabDestinyMode);
+    /** Currently selected tab Unique ID. */
+    selectedUid: string | undefined;
     /**
      * @description Emits when some tab is selected.
      */
     selected: EventEmitter<IconTabBarItem>;
+    /** Emits when selected tab Unique ID changes. */
+    selectedUidChange: EventEmitter<string | undefined>;
     /**
      * @description Reference to OverflowListDirective
      */
     overflowDirective: OverflowListDirective;
+    /** Header element reference. */
+    headerElement: ElementRef<HTMLElement>;
     /** @hidden */
-    _selectedUid?: string;
-    /** @hidden */
-    _extraTabs: IconTabBarItem[];
+    _extraTabs$: import("@angular/core").WritableSignal<IconTabBarItem[]>;
     /** @hidden */
     _lastVisibleTabIndex: number;
     /** @hidden */
-    _tabs: IconTabBarItem[];
+    _extraItems$: import("@angular/core").WritableSignal<boolean>;
+    /** @hidden */
+    readonly _inDynamicPage: boolean;
+    /** @hidden */
+    protected readonly _cd: ChangeDetectorRef;
+    /** @Hidden */
+    protected readonly _ngZone: NgZone;
     /** @hidden */
     private _densityMode;
     /** @hidden */
-    private _onDestroy$;
+    private _destroyRef;
     /** @hidden */
     private _destroyed;
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _ngZone: NgZone);
-    /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /** @hidden */
     ngOnInit(): void;
@@ -111,13 +116,7 @@ export declare abstract class IconTabBarBase implements OnInit, OnChanges, After
      * @description initialize state of tabs
      */
     protected _initTabs(): void;
-    /**
-     * @hidden
-     * @description generate IconTabItems from TabConfig array
-     */
-    private _generateTabBarItems;
-    /** @hidden */
-    private _generateSubItems;
+    private _findActiveTabId;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconTabBarBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IconTabBarBase, never, never, { "tabsConfig": { "alias": "tabsConfig"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; "colorAssociations": { "alias": "colorAssociations"; "required": false; }; "densityMode": { "alias": "densityMode"; "required": false; }; }, { "selected": "selected"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconTabBarBase, never, never, { "tabs": { "alias": "tabs"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; "colorAssociations": { "alias": "colorAssociations"; "required": false; }; "densityMode": { "alias": "densityMode"; "required": false; }; "selectedUid": { "alias": "selectedUid"; "required": false; }; }, { "selected": "selected"; "selectedUidChange": "selectedUidChange"; }, never, never, false, never>;
 }

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

@@ -9,6 +9,8 @@ export declare class IconTabBarIconTypeComponent extends ClosableIconTabBar {
     _tabBarPopover: IconTabBarPopoverComponent;
     /** Whether to display labels for tab items */
     showLabel: boolean;
+    /** @hidden */
+    readonly _defaultFontFamily = "SAP-icons";
     static ɵfac: i0.ɵɵFactoryDeclaration<IconTabBarIconTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconTabBarIconTypeComponent, "fdp-icon-tab-bar-icon-type", never, { "showLabel": { "alias": "showLabel"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,45 @@
+import { ElementRef, QueryList, TemplateRef } from '@angular/core';
+import { HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
+import { IconFont } from '@fundamental-ngx/core/icon';
+import { TabConfig } from '../../interfaces/tab-config.interface';
+import { SemanticColor } from '../../types';
+import * as i0 from "@angular/core";
+export declare class IconTabBarTabContentDirective implements HasElementRef {
+    /** Tab ID. */
+    id: Nullable<string>;
+    /** Tab Unique ID. */
+    uId: Nullable<string>;
+    /** Element reference. */
+    readonly elementRef: ElementRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconTabBarTabContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconTabBarTabContentDirective, "fdp-icon-tab-bar-tab-content", never, { "id": { "alias": "id"; "required": false; }; "uId": { "alias": "uId"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class IconTabBarTabComponent implements TabConfig {
+    /** Tab Label. */
+    label: Nullable<string>;
+    /** Tab text color. */
+    color: SemanticColor;
+    /** Tab icon. */
+    icon: string;
+    /** Tab icon font family. */
+    iconFont: IconFont;
+    /** Tab counter. */
+    counter: number;
+    /** whether the tab is selected */
+    active: boolean;
+    /** if set to true, will show red circle in top-right corner of tab */
+    badge: boolean;
+    /** Whether the tab can be closed. */
+    closable: boolean;
+    /** Tab ID. */
+    id: string;
+    /** Content renderer. */
+    readonly renderer: TemplateRef<any>;
+    /** @hidden */
+    readonly children: QueryList<IconTabBarTabComponent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconTabBarTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconTabBarTabComponent, "fdp-icon-tab-bar-tab", never, { "label": { "alias": "label"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFont": { "alias": "iconFont"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "active": { "alias": "active"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, ["children"], ["*"], true, never>;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_badge: unknown;
+    static ngAcceptInputType_closable: unknown;
+}

package/icon-tab-bar/components/icon-tab-bar-text-type/icon-tab-bar-text-type.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList } from '@angular/core';
+import { ElementRef, EventEmitter, QueryList } from '@angular/core';
 import { FdDnDEvent } from '../../directives/dnd/icon-bar-dnd-container.directive';
 import { IconTabBarItem } from '../../interfaces/icon-tab-bar-item.interface';
 import { ClosableIconTabBar } from '../closable-icon-tab-bar.class';
@@ -23,8 +23,6 @@ export declare class IconTabBarTextTypeComponent extends ClosableIconTabBar {
      * @description Emits when user drops the tab.
      */
     reordered: EventEmitter<IconTabBarItem[]>;
-    /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _ngZone: NgZone);
     /**
      * @hidden
      * @param selectedItem