@fundamental-ngx/core 0.59.1-rc.9 → 0.59.1

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

@@ -1,6 +1,6 @@
-import * as i0 from '@angular/core';
-import { PipeTransform, OnChanges, OnInit, ElementRef, EventEmitter, ChangeDetectorRef, Renderer2, InjectionToken } from '@angular/core';
-import { Nullable, CssClassBuilder, Size, ColorAccent } from '@fundamental-ngx/cdk/utils';
+import * as _angular_core from '@angular/core';
+import { PipeTransform, ElementRef, InjectionToken } from '@angular/core';
+import { Nullable, Size, ColorAccent } from '@fundamental-ngx/cdk/utils';
 import { IconFont } from '@fundamental-ngx/core/icon';
 
 type AvatarValueStates = 'positive' | 'caution' | 'negative' | 'information';
@@ -10,135 +10,115 @@ declare class AvatarIconPipe implements PipeTransform {
      * Selects appropriate Avatar icon based on Avatar Value state and fallback icon.
      */
     transform(valueState: Nullable<AvatarValueStates>, fallbackIcon: Nullable<string>): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarIconPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AvatarIconPipe, "fdAvatarIcon", true>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarIconPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<AvatarIconPipe, "fdAvatarIcon", true>;
 }
 
 type IndicationColor = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
-declare class AvatarComponent implements OnChanges, OnInit, CssClassBuilder, OnChanges {
-    readonly elementRef: ElementRef;
-    private readonly _cdr;
-    private readonly _renderer;
-    private hostTabindex;
-    /** User's custom classes */
-    class: string;
+declare class AvatarComponent {
     /** Id of the Avatar. */
-    id: string;
+    readonly id: _angular_core.InputSignal<string>;
     /** Aria-label for Avatar. */
-    ariaLabel: Nullable<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null | undefined>;
     /** Aria-Labelledby for element describing Avatar. */
-    ariaLabelledby: Nullable<string>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | null | undefined>;
     /** Localized text for label */
-    set label(value: Nullable<string>);
+    readonly label: _angular_core.InputSignal<string | null | undefined>;
     /** The size of the Avatar. Options include: *xs*, *s*, *m*, *l* and *xl*. */
-    size: Size;
+    readonly size: _angular_core.InputSignal<Size>;
     /** Font family of the icon. */
-    font: IconFont;
+    readonly font: _angular_core.InputSignal<IconFont>;
     /** The glyph name. */
-    glyph: Nullable<string>;
+    readonly glyph: _angular_core.InputSignal<string | null | undefined>;
     /** The glyph name for zoom icon. */
-    zoomGlyph: Nullable<string>;
+    readonly zoomGlyph: _angular_core.InputSignal<string | null | undefined>;
     /** Whether to apply a circle style to the Avatar. */
-    circle: boolean;
+    readonly circle: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the Avatar should be interactive. */
-    interactive: boolean;
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to apply a transparent style to the Avatar. */
-    transparent: boolean;
+    readonly transparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to apply background size contain style to the Avatar */
-    contain: boolean;
+    readonly contain: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to apply a placeholder background style to the Avatar. */
-    placeholder: boolean;
+    readonly placeholder: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to apply a tile background style to the Avatar. */
-    tile: boolean;
+    readonly tile: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether to apply a border to the Avatar. */
-    border: boolean;
+    readonly border: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** A number from 1 to 10 representing the background color of the Avatar.
      * This property will override the colorIndication property.
      */
-    colorAccent: Nullable<ColorAccent>;
+    readonly colorAccent: _angular_core.InputSignal<ColorAccent | null | undefined>;
     /** A number from 1 to 10 representing the background color of the Avatar using the Indication Colors. */
-    colorIndication: Nullable<IndicationColor>;
+    readonly colorIndication: _angular_core.InputSignal<IndicationColor | null | undefined>;
     /** Whether to apply random background color to the Avatar. */
-    random: boolean;
+    readonly random: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether component should be focusable & clicable */
-    clickable: boolean;
+    readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Value state of the Avatar. */
-    valueState: Nullable<AvatarValueStates>;
+    readonly valueState: _angular_core.InputSignal<AvatarValueStates | null | undefined>;
     /** Background image resource: url or base64. */
-    set image(value: Nullable<string>);
-    get image(): Nullable<string>;
+    readonly image: _angular_core.InputSignal<string | null | undefined>;
     /** Backup options to use when image hasn't been loaded successfully.
      * Options separated with "|" symbol.
      * Possible options: content, alt, backup, default-icon
      */
-    set alterIcon(value: Nullable<string>);
-    get alterIcon(): Nullable<string>;
+    readonly alterIcon: _angular_core.InputSignal<string | null | undefined>;
     /** Backup image to load when image hasn't been loaded successfully.
      * Only applicable when using alterIcon input property.
      */
-    set backupImage(value: Nullable<string>);
-    get backupImage(): Nullable<string>;
+    readonly backupImage: _angular_core.InputSignal<string | null | undefined>;
     /** Event emitted when avatar clicked. Only fires if clickable input property set to true. */
-    avatarClicked: EventEmitter<Event>;
+    readonly avatarClicked: _angular_core.OutputEmitterRef<Event>;
     /** Event emitted when zoom icon clicked. Only fires if zoomGlyph input property is set. */
-    zoomGlyphClicked: EventEmitter<void>;
-    /**
-     * @hidden
-     */
-    set bgImage(image: Nullable<string>);
-    get bgImage(): Nullable<string>;
-    /** @hidden */
-    get role(): string;
-    /** @hidden */
-    set content(value: ElementRef);
-    /** @hidden */
-    abbreviate: Nullable<string>;
-    /** @hidden */
-    private _image;
-    /** @hidden */
-    private _alterIcon;
+    readonly zoomGlyphClicked: _angular_core.OutputEmitterRef<void>;
+    /** @hidden */
+    protected readonly content: _angular_core.Signal<ElementRef<any> | undefined>;
+    /** @hidden Internal state for background image */
+    protected readonly bgImage: _angular_core.WritableSignal<string | null | undefined>;
+    /** @hidden Internal state for computed abbreviation */
+    protected readonly abbreviate: _angular_core.WritableSignal<string | null | undefined>;
+    /** @hidden Computed tabindex based on clickable state */
+    protected readonly tabindex: _angular_core.Signal<string | 0 | null>;
+    /** @hidden Computed role attribute */
+    protected readonly role: _angular_core.Signal<"button" | "img">;
+    /** @hidden If a default placeholder should be displayed */
+    protected readonly showDefault: _angular_core.Signal<boolean>;
+    /** @hidden Computed CSS classes */
+    protected readonly cssClass: _angular_core.Signal<string>;
+    /** @hidden Internal state tracking if image loaded successfully */
+    private readonly _imageLoaded;
+    /** @hidden Explicitly track when to show default icon (for failed images with no fallback) */
+    private readonly _shouldShowDefaultIcon;
+    /** @hidden Stored random color accent to prevent regeneration */
+    private readonly _randomColorAccent;
+    /** @hidden */
+    private readonly _elementRef;
     /** @hidden */
-    private _content;
-    /** @hidden */
-    private _backupImage;
-    /** @hidden */
-    private _bgImage;
-    /** @hidden */
-    get _tabindex(): number | null;
-    /** If a default placeholder should be displayed */
-    get showDefault(): boolean;
-    /** @hidden */
-    constructor(elementRef: ElementRef, _cdr: ChangeDetectorRef, _renderer: Renderer2, hostTabindex: number | null);
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
+    private readonly _renderer;
     /** @hidden */
-    _onClick(event: Event): void;
+    private readonly _hostTabindex;
     /** @hidden */
-    ngOnInit(): void;
+    constructor();
     /** @hidden */
-    ngOnChanges(): void;
+    protected onClick(event: Event): void;
     /** @hidden */
-    zoomClicked(event: Event): void;
-    /** @hidden Get an abbreviate from the label or return null if not fit requirements */
-    private _getAbbreviate;
+    protected zoomClicked(event: Event): void;
     /** @hidden Get the abbreviation string */
     private _generateAbbreviation;
     /** @hidden */
-    private _setImage;
+    private _setBgImage;
     /** @hidden */
     private _verifyImageUrl;
     /** @hidden */
-    private _assignBgImage;
-    /** @hidden */
     private _onErrorCallback;
+    /** @hidden Helper to try setting abbreviation from text */
+    private _trySetAbbreviation;
     /** @hidden */
     private _showDefaultIcon;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, [null, null, null, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "fd-avatar", never, { "class": { "alias": "class"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "font": { "alias": "font"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "zoomGlyph": { "alias": "zoomGlyph"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "contain": { "alias": "contain"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tile": { "alias": "tile"; "required": false; }; "border": { "alias": "border"; "required": false; }; "colorAccent": { "alias": "colorAccent"; "required": false; }; "colorIndication": { "alias": "colorIndication"; "required": false; }; "random": { "alias": "random"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "valueState": { "alias": "valueState"; "required": false; }; "image": { "alias": "image"; "required": false; }; "alterIcon": { "alias": "alterIcon"; "required": false; }; "backupImage": { "alias": "backupImage"; "required": false; }; }, { "avatarClicked": "avatarClicked"; "zoomGlyphClicked": "zoomGlyphClicked"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "fd-avatar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "font": { "alias": "font"; "required": false; "isSignal": true; }; "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; "zoomGlyph": { "alias": "zoomGlyph"; "required": false; "isSignal": true; }; "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; "contain": { "alias": "contain"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "tile": { "alias": "tile"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "colorAccent": { "alias": "colorAccent"; "required": false; "isSignal": true; }; "colorIndication": { "alias": "colorIndication"; "required": false; "isSignal": true; }; "random": { "alias": "random"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "valueState": { "alias": "valueState"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "alterIcon": { "alias": "alterIcon"; "required": false; "isSignal": true; }; "backupImage": { "alias": "backupImage"; "required": false; "isSignal": true; }; }, { "avatarClicked": "avatarClicked"; "zoomGlyphClicked": "zoomGlyphClicked"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -146,9 +126,9 @@ declare class AvatarComponent implements OnChanges, OnInit, CssClassBuilder, OnC
  * Use `AvatarComponent` import instead.
  */
 declare class AvatarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarModule, never, [typeof AvatarComponent], [typeof AvatarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AvatarModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AvatarModule, never, [typeof AvatarComponent], [typeof AvatarComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AvatarModule>;
 }
 
 declare const FD_AVATAR_COMPONENT: InjectionToken<unknown>;

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

@@ -46,6 +46,7 @@ declare class BreadcrumbItemComponent implements AfterViewInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "fd-breadcrumb-item", never, {}, {}, ["breadcrumbLink"], ["*"], true, never>;
 }
 
+type BreadcrumbSeparatorStyle = '' | 'backslash' | 'double-slash' | 'double-backslash' | 'greater-than' | 'double-greater-than';
 /**
  * Breadcrumb parent wrapper directive. Must have breadcrumb item child directives.
  *
@@ -76,6 +77,12 @@ declare class BreadcrumbComponent implements OnInit, AfterViewInit, HasElementRe
     private readonly _menuComponent;
     /** @hidden */
     private readonly _overflowLayout;
+    /**
+     * Separator style for the breadcrumb items.
+     * Can be 'backslash' | 'double-slash' | 'double-backslash' | 'greater-than' | 'double-greater-than'
+     * Omit for default (slash)
+     */
+    separatorStyle: i0.InputSignal<BreadcrumbSeparatorStyle>;
     /** @hidden */
     _ariaLabel: string;
     /**
@@ -84,13 +91,13 @@ declare class BreadcrumbComponent implements OnInit, AfterViewInit, HasElementRe
      */
     _items$: i0.WritableSignal<BreadcrumbItemComponent[]>;
     /** @hidden */
-    _placement$: i0.Signal<Placement>;
-    /** Element reference. */
     readonly elementRef: ElementRef<HTMLElement>;
     /** @hidden */
-    private readonly _rtlService;
+    protected readonly placement: i0.Signal<Placement>;
     /** @hidden */
-    private readonly _rtl$;
+    protected readonly _cssClass: i0.Signal<string>;
+    /** @hidden */
+    private readonly _rtlService;
     /** @hidden */
     private readonly _lang$;
     /** @hidden */
@@ -118,7 +125,7 @@ declare class BreadcrumbComponent implements OnInit, AfterViewInit, HasElementRe
     /** @hidden */
     private _setItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "fd-breadcrumb", never, { "reverse": { "alias": "reverse"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "visibleItemsCount": "visibleItemsCount"; "hiddenItemsCount": "hiddenItemsCount"; }, ["_contentItems"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "fd-breadcrumb", never, { "reverse": { "alias": "reverse"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "separatorStyle": { "alias": "separatorStyle"; "required": false; "isSignal": true; }; }, { "visibleItemsCount": "visibleItemsCount"; "hiddenItemsCount": "hiddenItemsCount"; }, ["_contentItems"], ["*"], true, never>;
 }
 
 /**
@@ -135,3 +142,4 @@ declare const FD_BREADCRUMB_ITEM_COMPONENT: InjectionToken<unknown>;
 declare const FD_BREADCRUMB_COMPONENT: InjectionToken<unknown>;
 
 export { BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, FD_BREADCRUMB_COMPONENT, FD_BREADCRUMB_ITEM_COMPONENT };
+export type { BreadcrumbSeparatorStyle };

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

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { OnInit, OnChanges, EventEmitter, ElementRef, ChangeDetectorRef, SimpleChanges, OnDestroy } from '@angular/core';
 import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';
 import { Subject } from 'rxjs';
-import { Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { SpecialDayRule } from '@fundamental-ngx/core/shared';
 import { ControlValueAccessor, Validator } from '@angular/forms';
 import * as i8 from '@fundamental-ngx/core/content-density';
@@ -50,7 +50,6 @@ type EscapeFocusFunction = Nullable<(event?: KeyboardEvent) => void>;
 type DisableDateFunction<D> = Nullable<(date: D) => boolean>;
 
 declare class CalendarService {
-    private _rtlService;
     /** Row amount */
     rowAmount: number;
     /** Column amount */
@@ -71,7 +70,7 @@ declare class CalendarService {
     /** Function that is called when the focus would escape the element. */
     focusEscapeFunction: EscapeFocusFunction;
     /** @hidden */
-    constructor(_rtlService: RtlService);
+    private readonly _rtlService;
     /**
      * Standardized method to calculate grid [x][y] to index number
      */
@@ -94,7 +93,7 @@ declare class CalendarService {
      * Left Element focus trigger
      */
     focusLeftElement(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarService, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CalendarService>;
 }
 

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

@@ -6,6 +6,7 @@ import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { ObjectStatus } from '@fundamental-ngx/core/object-status';
 import { Subject } from 'rxjs';
 import * as _fundamental_ngx_core_card from '@fundamental-ngx/core/card';
+import { HasElementRef } from '@fundamental-ngx/cdk';
 
 interface FdCardMainHeaderComponent {
     interactive: InputSignal<boolean>;
@@ -448,25 +449,17 @@ declare class CardSecondSubtitleDirective implements OnInit, CssClassBuilder {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CardSecondSubtitleDirective, "[fd-card-second-subtitle]", never, {}, {}, never, never, true, never>;
 }
 
-declare class CardCounterDirective implements OnInit, OnChanges, CssClassBuilder {
+declare class CardCounterDirective implements HasElementRef {
     readonly elementRef: ElementRef<HTMLElement>;
     /**
      * the status represented by the Object Status.
      * can be one of the following: 'negative' | 'critical' | 'positive' | 'informative' | 'neutral'
      */
-    statusInput: i0.InputSignal<ObjectStatus>;
+    readonly statusInput: i0.InputSignal<ObjectStatus>;
     /** @hidden */
-    status: ObjectStatus;
-    /** @hidden */
-    class: string;
+    protected readonly _cssClass: i0.Signal<string>;
     /** @hidden */
     constructor(elementRef: ElementRef<HTMLElement>);
-    /** @hidden */
-    buildComponentCssClass(): string[];
-    /** @hidden */
-    ngOnChanges(): void;
-    /** @hidden */
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardCounterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CardCounterDirective, "[fd-card-counter]", never, { "statusInput": { "alias": "statusInput"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -286,8 +286,6 @@ declare class CarouselComponent implements AfterContentInit, AfterViewInit, Afte
     currentActiveSlidesIds: string[];
     /** @hidden the total number of slides in the carousel */
     totalSlides: number;
-    /** @hidden handles rtl service */
-    readonly _dir$: i0.Signal<Direction>;
     /** @hidden Make left navigation button disabled */
     leftButtonDisabled: boolean;
     /** @hidden Make right navigation button disabled */
@@ -300,6 +298,8 @@ declare class CarouselComponent implements AfterContentInit, AfterViewInit, Afte
     ariaActivedescendant: string;
     /** @hidden */
     get _contentSizePx(): string;
+    /** @hidden handles rtl service */
+    protected readonly dir: i0.Signal<Direction>;
     /** @hidden */
     private _visibleSlidesCount;
     /** @hidden */
@@ -319,7 +319,7 @@ declare class CarouselComponent implements AfterContentInit, AfterViewInit, Afte
     /** @hidden */
     private readonly _rtlService;
     /** @hidden */
-    private readonly _rtl$;
+    private readonly _isRtl;
     /** @hidden */
     constructor(_elementRef: ElementRef<HTMLElement>, _renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef, _carouselService: CarouselService, _zone: NgZone);
     /** @hidden */

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

@@ -268,6 +268,13 @@ declare class ComboboxComponent<T = any> implements ComboboxInterface, SingleDro
     private readonly _comboboxItemRenderer;
     /** @hidden */
     private readonly items;
+    /** When communicateByObject is true, specifies which property of the selected object
+     * should be used as the form control value. If not specified, the entire object is returned.
+     * Example: if dropdownValues = [{ displayedValue: 'Apple', code: 'A1' }] and valueProperty = 'code',
+     * the form control value will be 'A1' instead of the entire object.
+     * @default null
+     */
+    readonly valueProperty: i0.InputSignal<string | null>;
     /** Whether the matching string should be highlighted after combobox value is selected. */
     filterHighlight: boolean;
     /** Keys, that won't trigger the popover's open state, when dispatched on search input */
@@ -391,7 +398,7 @@ declare class ComboboxComponent<T = any> implements ComboboxInterface, SingleDro
     /** @hidden */
     private _syncDomValueToModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent<any>, "fd-combobox", never, { "comboboxId": { "alias": "comboboxId"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "required": { "alias": "required"; "required": false; }; "dropdownValues": { "alias": "dropdownValues"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "openOnKeyboardEvent": { "alias": "openOnKeyboardEvent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "groupFn": { "alias": "groupFn"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "dropDownMaxWidthPx": { "alias": "dropDownMaxWidthPx"; "required": false; }; "noDropDownMaxWidth": { "alias": "noDropDownMaxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "highlighting": { "alias": "highlighting"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "fillOnSelect": { "alias": "fillOnSelect"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "communicateByObject": { "alias": "communicateByObject"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "clearButtonFocusable": { "alias": "clearButtonFocusable"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "showDropdownButton": { "alias": "showDropdownButton"; "required": false; }; "includes": { "alias": "includes"; "required": false; }; "title": { "alias": "title"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; }, { "itemClicked": "itemClicked"; "openChange": "openChange"; "inputTextChange": "inputTextChange"; }, ["_comboboxItemRenderer", "listMessages"], ["*", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent<any>, "fd-combobox", never, { "comboboxId": { "alias": "comboboxId"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "required": { "alias": "required"; "required": false; }; "dropdownValues": { "alias": "dropdownValues"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "openOnKeyboardEvent": { "alias": "openOnKeyboardEvent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "groupFn": { "alias": "groupFn"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "dropDownMaxWidthPx": { "alias": "dropDownMaxWidthPx"; "required": false; }; "noDropDownMaxWidth": { "alias": "noDropDownMaxWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "highlighting": { "alias": "highlighting"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "fillOnSelect": { "alias": "fillOnSelect"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "communicateByObject": { "alias": "communicateByObject"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "clearButtonFocusable": { "alias": "clearButtonFocusable"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "showDropdownButton": { "alias": "showDropdownButton"; "required": false; }; "includes": { "alias": "includes"; "required": false; }; "title": { "alias": "title"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; "openChange": "openChange"; "inputTextChange": "inputTextChange"; }, ["_comboboxItemRenderer", "listMessages"], ["*", "*"], true, never>;
 }
 
 /**

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

@@ -471,10 +471,6 @@ type DialogSize = 'sm' | 'md' | 'lg' | 'xl';
 declare abstract class DialogBase<T = any, D extends DialogRefBase<T> = DialogRefBase<T>> implements OnInit, AfterViewInit, OnDestroy, HasElementRef {
     /** @hidden Reference to dialog window element*/
     abstract dialogWindow: ElementRef;
-    /**
-     * @hidden
-     */
-    _dir: string;
     /** @hidden Dialog padding sizes */
     dialogPaddingSize: DialogSize;
     /** @hidden */
@@ -488,6 +484,8 @@ declare abstract class DialogBase<T = any, D extends DialogRefBase<T> = DialogRe
     /** @hidden */
     protected readonly _rtlService: RtlService | null;
     /** @hidden */
+    protected readonly dir: i0.Signal<"rtl" | "ltr">;
+    /** @hidden */
     protected _focusTrapId: string;
     /** @hidden */
     protected _subscriptions: Subscription;

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

@@ -448,12 +448,6 @@ declare class DynamicPageComponent implements AfterViewInit, DynamicPage {
     private _setContainerPositions;
     /** @hidden */
     private _propagatePropertiesToChildren;
-    /** @hidden
-     * Functionality handling column layout changes,
-     * - recalculate height of content element
-     * - recheck size depending on width of DynamicPage
-     */
-    private _listenToLayoutChange;
     /** @hidden */
     private _propagateSizeToChildren;
     /** @hidden */

package/types/fundamental-ngx-core-fixed-card-layout.d.ts

@@ -1,10 +1,10 @@
 import { FocusableOption } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { ElementRef, TemplateRef, AfterViewInit, OnChanges, OnDestroy, EventEmitter, QueryList, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { ElementRef, TemplateRef, AfterViewInit, OnChanges, OnDestroy, EventEmitter, QueryList, SimpleChanges } from '@angular/core';
 import { CdkDrag, CdkDragStart, CdkDragEnter, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { Direction } from '@angular/cdk/bidi';
 import { NumberInput } from '@angular/cdk/coercion';
-import { Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 
 declare class FixedCardLayoutItemComponent implements FocusableOption {
     private _elementRef;
@@ -47,8 +47,6 @@ type ColumnsWidthConfig = {
 };
 type CardColumn = CardDefinitionDirective[];
 declare class FixedCardLayoutComponent implements AfterViewInit, OnChanges, OnDestroy {
-    private readonly _changeDetector;
-    private readonly _rtlService;
     /** Drag drop behavior can be disabled */
     disableDragDrop: boolean;
     /** Drag start delay in milliseconds, default to 200ms for safe scrolling on mobile with touchscreen */
@@ -81,7 +79,7 @@ declare class FixedCardLayoutComponent implements AfterViewInit, OnChanges, OnDe
     /** @hidden*/
     _containerHeight: number;
     /** @hidden handles rtl service */
-    _dir$: i0.Signal<Direction>;
+    readonly dir: i0.Signal<Direction>;
     /** @hidden first number is the CardDefinition rank, i.e. id */
     _groupIndexes: Map<number, number>;
     /** @hidden first number is the CardDefinition rank, i.e. id */
@@ -107,7 +105,9 @@ declare class FixedCardLayoutComponent implements AfterViewInit, OnChanges, OnDe
     /** @hidden  */
     private readonly _destroyRef;
     /** @hidden */
-    constructor(_changeDetector: ChangeDetectorRef, _rtlService: RtlService);
+    private readonly _changeDetector;
+    /** @hidden */
+    private readonly _rtlService;
     /** @hidden */
     handleKeydown(event: KeyboardEvent): void;
     /** @hidden */
@@ -152,7 +152,7 @@ declare class FixedCardLayoutComponent implements AfterViewInit, OnChanges, OnDe
     private _setContainerHeight;
     /** @hidden */
     private _listenOnCardsHeightChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FixedCardLayoutComponent, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FixedCardLayoutComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FixedCardLayoutComponent, "fd-fixed-card-layout", never, { "disableDragDrop": { "alias": "disableDragDrop"; "required": false; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; }; "cardMinimumWidth": { "alias": "cardMinimumWidth"; "required": false; }; "columnsWidthConfig": { "alias": "columnsWidthConfig"; "required": false; }; "maxColumns": { "alias": "maxColumns"; "required": false; }; }, { "layoutChange": "layoutChange"; "cardDraggedDropped": "cardDraggedDropped"; }, ["_cards"], never, true, never>;
 }
 

package/types/fundamental-ngx-core-grid-list.d.ts

@@ -312,8 +312,6 @@ declare class GridListTitleBarAdditionalTitleItemDirective {
 }
 
 declare class GridListComponent<T> extends GridList<T> implements OnChanges, AfterContentInit, OnDestroy {
-    private readonly _cd;
-    private _elRef;
     /** id for the Element */
     id: string;
     /** width of the element */
@@ -356,11 +354,15 @@ declare class GridListComponent<T> extends GridList<T> implements OnChanges, Aft
     /** An RxJS Subject that will kill the data stream upon component’s destruction (for unsubscribing)  */
     private readonly _destroyRef;
     /** @hidden */
+    private readonly _cd;
+    /** @hidden */
+    private readonly _elRef;
+    /** @hidden */
     private readonly _rtlService;
     /** @hidden */
-    private readonly _rtl$;
+    private readonly _isRtl;
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _elRef: ElementRef);
+    constructor();
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /** @hidden */