@fundamental-ngx/core 0.64.2-rc.9 → 0.64.3

package/types/fundamental-ngx-core-avatar-group-legacy.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ElementRef, OnChanges, OnInit, AfterViewInit, OnDestroy, QueryList } from '@angular/core';
+import { ElementRef, OnChanges, AfterViewInit, OnDestroy, QueryList, OnInit } from '@angular/core';
 import { Size, Nullable, ColorAccent, HasElementRef, CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { FocusableOption } from '@angular/cdk/a11y';
 
@@ -26,7 +26,7 @@ declare class AvatarGroupLegacyItemDirective implements FocusableOption {
 
 type AvatarGroupLegacyType = 'group' | 'individual';
 type AvatarGroupLegacyOverflowButtonColor = 'neutral' | 'random' | ColorAccent;
-declare class AvatarGroupLegacyComponent implements AvatarGroupLegacyInterface, OnChanges, OnInit, AfterViewInit, OnDestroy {
+declare class AvatarGroupLegacyComponent implements AvatarGroupLegacyInterface, OnChanges, AfterViewInit, OnDestroy {
     /** Id of the Avatar Group. */
     id: string;
     /** Apply user custom class. */
@@ -60,7 +60,8 @@ declare class AvatarGroupLegacyComponent implements AvatarGroupLegacyInterface,
     /** @hidden */
     private readonly _subscription;
     /** @hidden */
-    private readonly _viewportRuler;
+    private _resizeObserver;
+    /** @hidden */
     private readonly _cdr;
     /** @hidden */
     private readonly _rtlService;
@@ -71,8 +72,6 @@ declare class AvatarGroupLegacyComponent implements AvatarGroupLegacyInterface,
     /** @hidden */
     keyUpHandler(event: KeyboardEvent): void;
     /** @hidden */
-    ngOnInit(): void;
-    /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
     ngAfterViewInit(): void;

package/types/fundamental-ngx-core-calendar.d.ts

@@ -248,8 +248,6 @@ declare class CalendarHeaderComponent<D> implements OnInit, OnChanges {
     /** Get information about amount of years displayed at once on year view  */
     private _amountOfYearsPerPeriod;
     /** @hidden */
-    private _initiated;
-    /** @hidden */
     constructor(_changeDetRef: ChangeDetectorRef, _calendarService: CalendarService, _dateTimeAdapter: DatetimeAdapter<D>);
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;

package/types/fundamental-ngx-core-dynamic-page.d.ts

@@ -4,6 +4,7 @@ import { HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
 import { ToolbarComponent } from '@fundamental-ngx/core/toolbar';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { BreadcrumbComponent } from '@fundamental-ngx/core/breadcrumb';
+import { MessageStripComponent } from '@fundamental-ngx/core/message-strip';
 import { HeadingLevel, TabList } from '@fundamental-ngx/core/shared';
 import { FlexibleColumnLayoutComponent } from '@fundamental-ngx/core/flexible-column-layout';
 import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
@@ -223,6 +224,19 @@ declare class DynamicPageHeaderComponent implements OnInit {
      * When provided via fdDynamicPageHeaderTitle directive, overrides the title text input.
      */
     readonly _titleTemplate: i0.Signal<DynamicPageHeaderTitleDirective | undefined>;
+    /**
+     * Optional template ref for message strip content.
+     * When provided, the message strip container is rendered using this template
+     * instead of relying on ng-content projection.
+     * This is used by Platform Dynamic Page which cannot project via ng-content.
+     */
+    readonly messageStripTemplate: i0.InputSignal<TemplateRef<any> | null>;
+    /**
+     * @hidden
+     * Content child query for MessageStripComponent.
+     * When present, the message strip will be rendered below the subtitle in the header.
+     */
+    readonly messageStrip: i0.Signal<MessageStripComponent | undefined>;
     /** @hidden */
     readonly _dynamicPageBreadcrumbComponent: i0.Signal<DynamicPageBreadcrumbComponent | undefined>;
     /** @hidden */
@@ -268,7 +282,7 @@ declare class DynamicPageHeaderComponent implements OnInit {
      */
     stopPropagation(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageHeaderComponent, "fd-dynamic-page-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleWrap": { "alias": "titleWrap"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "subtitleWrap": { "alias": "subtitleWrap"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "subtitleHeadingLevel": { "alias": "subtitleHeadingLevel"; "required": false; "isSignal": true; }; "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; }, {}, ["_subtitleTemplate", "_titleTemplate", "_dynamicPageBreadcrumbComponent", "_breadcrumbComponent", "_globalActions", "_layoutActions", "_contentToolbar"], ["fd-dynamic-page-breadcrumb", "fd-facet", "fd-dynamic-page-title-content", "fd-dynamic-page-global-actions", "fd-dynamic-page-layout-actions"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageHeaderComponent, "fd-dynamic-page-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleWrap": { "alias": "titleWrap"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "subtitleWrap": { "alias": "subtitleWrap"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "subtitleHeadingLevel": { "alias": "subtitleHeadingLevel"; "required": false; "isSignal": true; }; "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "messageStripTemplate": { "alias": "messageStripTemplate"; "required": false; "isSignal": true; }; }, {}, ["_subtitleTemplate", "_titleTemplate", "messageStrip", "_dynamicPageBreadcrumbComponent", "_breadcrumbComponent", "_globalActions", "_layoutActions", "_contentToolbar"], ["fd-dynamic-page-breadcrumb", "fd-facet", "fd-dynamic-page-title-content", "fd-message-strip", "fd-dynamic-page-global-actions", "fd-dynamic-page-layout-actions"], true, never>;
 }
 
 declare class DynamicPageSubheaderComponent {

package/types/fundamental-ngx-core-flexible-column-layout.d.ts

@@ -57,7 +57,8 @@ declare class FlexibleColumnLayoutComponent implements AfterViewInit, OnChanges,
      * 'TwoColumnsEndExpanded' | 'ThreeColumnsMidExpanded' | 'ThreeColumnsEndExpanded' |
      * 'ThreeColumnsStartMinimized' | 'ThreeColumnsEndMinimized'
      */
-    layout: FlexibleColumnLayout;
+    set layout(value: FlexibleColumnLayout);
+    get layout(): FlexibleColumnLayout;
     /**
      * Mapping of the layout name and the column layout in %
      */
@@ -101,7 +102,7 @@ declare class FlexibleColumnLayoutComponent implements AfterViewInit, OnChanges,
      * if the separator is visible
      * Options include: 'left', 'right' and null
      */
-    _leftColumnSeparator: ColumnSeparatorValue;
+    readonly _leftColumnSeparator: i0.WritableSignal<ColumnSeparatorValue>;
     /**
      * @hidden
      * right column separator value (between middle and end columns)
@@ -109,17 +110,19 @@ declare class FlexibleColumnLayoutComponent implements AfterViewInit, OnChanges,
      * if the separator is visible
      * Options include: 'left', 'right' and null
      */
-    _rightColumnSeparator: ColumnSeparatorValue;
+    readonly _rightColumnSeparator: i0.WritableSignal<ColumnSeparatorValue>;
     /**
      * @hidden
      * the column layout representing the distribution of the width
      * between the first (start), the middle and the last(end) column
      */
-    _columnLayout: {
+    readonly _columnLayout: i0.WritableSignal<{
         start: number;
         mid: number;
         end: number;
-    };
+    }>;
+    /** @hidden */
+    private readonly _layout;
     /**
      * @hidden
      * allows to keep track of the previos layout

package/types/fundamental-ngx-core-form.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, InputSignal, ElementRef, Type, Provider, OnInit, OnChanges, OnDestroy, EventEmitter, TemplateRef, AfterContentInit } from '@angular/core';
+import { InjectionToken, InputSignal, ElementRef, Type, Provider, OnInit, OnChanges, OnDestroy, AfterContentInit, EventEmitter, TemplateRef } from '@angular/core';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
-import { Nullable, CssClassBuilder } from '@fundamental-ngx/cdk/utils';
+import { Nullable, CssClassBuilder, HasElementRef } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { TriggerConfig, PopoverComponent, PopoverService } from '@fundamental-ngx/core/popover';
 import { PopoverFillMode, Placement } from '@fundamental-ngx/core/shared';
@@ -53,8 +53,8 @@ interface FormItemControl {
  */
 declare class FormControlComponent implements CssClassBuilder, OnInit, OnChanges, OnDestroy, FormItemControl {
     elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
-    private ariaLabelAttr;
-    private ariaLabelledByAttr;
+    protected ariaLabelAttr: string;
+    protected ariaLabelledByAttr: string;
     /**
      *  The state of the form control - applies css classes.
      *  Can be `success`, `error`, `warning`, `information` or blank for default.
@@ -69,10 +69,6 @@ declare class FormControlComponent implements CssClassBuilder, OnInit, OnChanges
     /** aria-label for form-control. */
     ariaLabelledBy: string | undefined | null;
     /** @hidden */
-    protected get ariaLabelBinding(): string | null;
-    /** @hidden */
-    protected get ariaLabelledByBinding(): string | null;
-    /** @hidden */
     private _subscriptions;
     /** @hidden */
     constructor(elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>, _contentDensityObserver: ContentDensityObserver, ariaLabelAttr: string, ariaLabelledByAttr: string);
@@ -176,7 +172,7 @@ declare class FormHeaderModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<FormHeaderModule>;
 }
 
-declare class FormInputMessageGroupComponent {
+declare class FormInputMessageGroupComponent implements AfterContentInit {
     /**
      * To allow user to determine what event he wants to trigger the messages to show
      * Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp).
@@ -222,12 +218,24 @@ declare class FormInputMessageGroupComponent {
     readonly _elementRef: ElementRef<any>;
     /** @hidden Translated aria-label for the popover body (#14260). */
     protected readonly _popoverAriaLabel: i0.Signal<string>;
+    /** @hidden */
+    private readonly _renderer;
+    /** @hidden */
+    private readonly _injector;
+    /** @hidden Query for the projected form message */
+    private readonly _formMessage;
+    /** @hidden Track the aria-describedby value we set, to distinguish from user-provided values */
+    private _managedDescribedbyId;
+    /** @hidden */
+    ngAfterContentInit(): void;
     /**
      * Function is called every time message changes isOpen attribute
      */
     openChanged(isOpen: boolean): void;
+    /** @hidden Get the control element (input, textarea, etc.) from the popover control */
+    private _getControlElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputMessageGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputMessageGroupComponent, "fd-form-input-message-group", never, { "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "noArrow": { "alias": "noArrow"; "required": false; }; "closeOnEscapeKey": { "alias": "closeOnEscapeKey"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "placementContainer": { "alias": "placementContainer"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "preventSpaceKeyScroll": { "alias": "preventSpaceKeyScroll"; "required": false; }; }, { "isOpenChange": "isOpenChange"; }, never, ["*", "fd-form-message"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputMessageGroupComponent, "fd-form-input-message-group", never, { "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "noArrow": { "alias": "noArrow"; "required": false; }; "closeOnEscapeKey": { "alias": "closeOnEscapeKey"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "placementContainer": { "alias": "placementContainer"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "preventSpaceKeyScroll": { "alias": "preventSpaceKeyScroll"; "required": false; }; }, { "isOpenChange": "isOpenChange"; }, ["_formMessage"], ["*", "fd-form-message"], true, never>;
 }
 
 /**
@@ -373,29 +381,43 @@ declare class FormLegendModule {
 /**
  * Form message. Intended to be displayed with a form control for validation purposes.
  */
-declare class FormMessageComponent implements CssClassBuilder, OnInit, OnChanges {
-    readonly elementRef: ElementRef;
+declare class FormMessageComponent implements HasElementRef {
+    /**
+     * form-message id
+     * if not set, a default value is provided
+     */
+    readonly id: i0.InputSignal<string>;
     /** Type of the message. */
-    type: FormStates;
+    readonly type: i0.InputSignal<"success" | "error" | "warning" | "default" | "information">;
     /** Whether message should be in static mode, without popover. It's mostly used for forms component, that contain dropdown */
-    static: boolean;
+    readonly static: i0.InputSignal<boolean>;
+    /**
+     * Screen reader message for the form message value state.
+     * This message provides a text alternative for the state icon displayed with the form message.
+     * If provided, this custom message will be announced to screen readers.
+     * If not provided, a translated default message will be used based on the message type:
+     * - `error`: "Invalid Entry" (represents error icon)
+     * - `warning`: "Warning" (represents warning icon)
+     * - `success`: "Success" (represents success icon)
+     * - `information`: "Information" (represents information icon)
+     * - `default`: No message
+     */
+    readonly valueStateMessage: i0.InputSignal<string>;
     /**
      * Whether message is used inside popovers or dialogs.
      * When it is enabled box shadow is removed and message is expanded to whole container width
      */
-    embedded: boolean;
-    /** User's custom classes */
-    class: string;
+    readonly embedded: i0.InputSignal<boolean>;
     /** @hidden */
-    constructor(elementRef: ElementRef);
+    readonly elementRef: ElementRef<any>;
     /** @hidden */
-    buildComponentCssClass(): string[];
+    protected readonly srOnlyMessage: i0.Signal<string>;
     /** @hidden */
-    ngOnChanges(): void;
+    protected readonly cssClass: i0.Signal<string>;
     /** @hidden */
-    ngOnInit(): void;
+    private readonly _translate;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormMessageComponent, "fd-form-message", never, { "type": { "alias": "type"; "required": false; }; "static": { "alias": "static"; "required": false; }; "embedded": { "alias": "embedded"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormMessageComponent, "fd-form-message", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "static": { "alias": "static"; "required": false; "isSignal": true; }; "valueStateMessage": { "alias": "valueStateMessage"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**

package/types/fundamental-ngx-core-slider.d.ts

@@ -75,6 +75,13 @@ declare class SliderComponent implements OnInit, OnChanges, AfterViewInit, Contr
     ariaLabelledBy: Nullable<string>;
     /** Aria label for the slider. */
     ariaLabel: Nullable<string>;
+    /**
+     * aria-valuetext for the slider
+     * provides a human-readable text alternative for a slider's current numeric value.
+     * Assistive technologies usually announce the numeric value stored in aria-valuenow.
+     * When a bare number is not meaningful or needs context, aria-valuetext overrides the numeric announcement with a descriptive string.
+     */
+    ariaValueText: i0.InputSignal<string | undefined>;
     /** Minimum value. */
     set min(value: number);
     get min(): number;
@@ -155,11 +162,6 @@ declare class SliderComponent implements OnInit, OnChanges, AfterViewInit, Contr
     _sliderValueTargets: typeof SliderValueTargets;
     /** @hidden */
     _popoverInputFieldClass: string;
-    /**
-     * @hidden
-     * whether to use value with a prefix for announcing
-     */
-    _useSliderValuePrefix: boolean;
     /** @hidden */
     _handles: typeof SliderRangeHandles;
     /** @hidden */
@@ -286,8 +288,6 @@ declare class SliderComponent implements OnInit, OnChanges, AfterViewInit, Contr
     private _instanceOfCustomValue;
     /** @hidden */
     private _listenToInteractionChanges;
-    /** @hidden reset default prefix on leaving the slider */
-    private _resetPrefix;
     /**
      * @hidden
      * Checks whether input popover element is hovered.
@@ -296,7 +296,7 @@ declare class SliderComponent implements OnInit, OnChanges, AfterViewInit, Contr
      */
     private _isPopoverHovered;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "fd-slider", never, { "id": { "alias": "id"; "required": false; }; "class": { "alias": "class"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "jump": { "alias": "jump"; "required": false; }; "tickmarksBetweenLabels": { "alias": "tickmarksBetweenLabels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showTicks": { "alias": "showTicks"; "required": false; }; "showTicksLabels": { "alias": "showTicksLabels"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "tooltipMode": { "alias": "tooltipMode"; "required": false; }; "hideProgressBar": { "alias": "hideProgressBar"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "fd-slider", never, { "id": { "alias": "id"; "required": false; }; "class": { "alias": "class"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaValueText": { "alias": "ariaValueText"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "jump": { "alias": "jump"; "required": false; }; "tickmarksBetweenLabels": { "alias": "tickmarksBetweenLabels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showTicks": { "alias": "showTicks"; "required": false; }; "showTicksLabels": { "alias": "showTicksLabels"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "tooltipMode": { "alias": "tooltipMode"; "required": false; }; "hideProgressBar": { "alias": "hideProgressBar"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**