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

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

@@ -1,376 +1,247 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, ElementRef, AfterViewInit, EventEmitter } from '@angular/core';
-import { CssClassBuilder, Nullable } from '@fundamental-ngx/cdk/utils';
+import { ElementRef } from '@angular/core';
+import { HasElementRef } from '@fundamental-ngx/cdk/utils';
 import { IconFont } from '@fundamental-ngx/core/icon';
 
 type NumericContentState = 'negative' | 'critical' | 'positive' | 'informative' | 'neutral';
 type NumericContentSize = 's' | 'm' | 'l';
-declare class NumericContentDirective implements OnInit, OnChanges, CssClassBuilder {
-    readonly elementRef: ElementRef;
-    /** Apply user custom styles */
-    class: string;
-    /** Size of the numeric content */
-    size: NumericContentSize | null;
+declare class NumericContentDirective implements HasElementRef {
+    /** Size of the numeric content. Options are 's', 'm', or 'l'. */
+    readonly size: i0.InputSignal<NumericContentSize | null | undefined>;
     /** @hidden */
-    baseClass: boolean;
-    /** @hidden */
-    constructor(elementRef: ElementRef);
-    /**
-     * @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
-    /** @hidden */
-    ngOnChanges(): void;
+    readonly elementRef: ElementRef<any>;
     /** @hidden */
-    ngOnInit(): void;
+    protected readonly cssClass: i0.Signal<string>;
     /** @hidden */
-    private _isSmallTile;
+    private readonly _isSmallTile;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentDirective, "[fd-numeric-content]", never, { "class": { "alias": "class"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentDirective, "[fd-numeric-content]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class NumericContentLaunchIconContainerDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentLaunchIconContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentLaunchIconContainerDirective, "[fd-numeric-content-launch-icon-container]", never, {}, {}, never, never, true, never>;
 }
-declare class NumericContentLaunchIconDirective implements OnInit, OnChanges, CssClassBuilder {
-    /** Apply user custom styles */
-    class: string;
-    /** Glyph */
-    glyph: string;
-    /** Glyph font family */
-    glyphFont: IconFont;
+declare class NumericContentLaunchIconDirective implements HasElementRef {
+    /** Glyph (icon) to display. */
+    readonly glyph: i0.InputSignal<string | undefined>;
+    /** Glyph font family. */
+    readonly glyphFont: i0.InputSignal<IconFont>;
+    /** Aria label for accessibility. */
+    readonly ariaLabel: i0.InputSignal<string | null>;
     /** @hidden */
     readonly elementRef: ElementRef<any>;
-    /**
-     * @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
     /** @hidden */
-    ngOnChanges(): void;
-    /** @hidden */
-    ngOnInit(): void;
+    protected readonly cssClass: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentLaunchIconDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentLaunchIconDirective, "[fd-numeric-content-launch-icon]", never, { "class": { "alias": "class"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentLaunchIconDirective, "[fd-numeric-content-launch-icon]", never, { "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; "glyphFont": { "alias": "glyphFont"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class NumericContentKpiContainerDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentKpiContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentKpiContainerDirective, "[fd-numeric-content-kpi-container]", never, {}, {}, never, never, true, never>;
 }
-declare class NumericContentKpiDirective implements OnInit, OnChanges, CssClassBuilder {
-    /** State of the KPI. Options are neutral (default), 'positive', 'negative', 'critical', and 'informative'. */
-    state?: NumericContentState | null;
-    /** Apply user custom styles */
-    class: string;
-    /** Glyph */
-    glyph: string;
+declare class NumericContentKpiDirective implements HasElementRef {
+    /** State of the KPI. Options are 'neutral' (default), 'positive', 'negative', 'critical', or 'informative'. */
+    readonly state: i0.InputSignal<NumericContentState | null | undefined>;
+    /** Glyph (icon) to display. */
+    readonly glyph: i0.InputSignal<string | undefined>;
     /** @hidden */
     readonly elementRef: ElementRef<any>;
-    /**
-     * @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
     /** @hidden */
-    ngOnChanges(): void;
-    /** @hidden */
-    ngOnInit(): void;
+    protected readonly cssClass: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentKpiDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentKpiDirective, "[fd-numeric-content-kpi]", never, { "state": { "alias": "state"; "required": false; }; "class": { "alias": "class"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentKpiDirective, "[fd-numeric-content-kpi]", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class NumericContentScaleContainerDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentScaleContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleContainerDirective, "[fd-numeric-content-scale-container]", never, {}, {}, never, never, true, never>;
 }
-declare class NumericContentScaleArrowDirective implements OnInit, OnChanges, CssClassBuilder {
-    /** Apply user custom styles */
-    class: string;
-    /** Glyph */
-    glyph: string;
-    /** Glyph font family */
-    glyphFont: IconFont;
+declare class NumericContentScaleArrowDirective implements HasElementRef {
+    /** Glyph (icon) to display. */
+    readonly glyph: i0.InputSignal<string | undefined>;
+    /** Glyph font family. */
+    readonly glyphFont: i0.InputSignal<IconFont>;
+    /** Aria label for accessibility. */
+    readonly ariaLabel: i0.InputSignal<string | null>;
     /** @hidden */
     readonly elementRef: ElementRef<any>;
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
-    /** @hidden */
-    ngOnChanges(): void;
     /** @hidden */
-    ngOnInit(): void;
+    protected readonly cssClass: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentScaleArrowDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleArrowDirective, "[fd-numeric-content-scale-arrow]", never, { "class": { "alias": "class"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleArrowDirective, "[fd-numeric-content-scale-arrow]", never, { "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; "glyphFont": { "alias": "glyphFont"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-declare class NumericContentScaleDirective implements OnInit, OnChanges, CssClassBuilder {
-    /** State of the SCALE. Options are neutral (default), 'positive', 'negative', 'critical', and 'informative'. */
-    state?: NumericContentState | null;
-    /** Apply user custom styles */
-    class: string;
+declare class NumericContentScaleDirective implements HasElementRef {
+    /** State of the scale. Options are 'neutral' (default), 'positive', 'negative', 'critical', or 'informative'. */
+    readonly state: i0.InputSignal<NumericContentState | null | undefined>;
     /** @hidden */
     readonly elementRef: ElementRef<any>;
-    /**
-     * @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
     /** @hidden */
-    ngOnChanges(): void;
-    /** @hidden */
-    ngOnInit(): void;
+    protected readonly cssClass: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentScaleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleDirective, "[fd-numeric-content-scale]", never, { "state": { "alias": "state"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleDirective, "[fd-numeric-content-scale]", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class NumericContentScaleTextDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentScaleTextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleTextDirective, "[fd-numeric-content-scale-text]", never, {}, {}, never, never, true, never>;
 }
 
 declare class TileContentDirective {
-    /** @hidden */
-    baseClass: boolean;
     /** Divides the tile content in to two columns. */
-    twoColumn: boolean;
+    readonly twoColumn: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileContentDirective, "[fdTileContent], [fd-tile-content]", never, { "twoColumn": { "alias": "twoColumn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileContentDirective, "[fdTileContent], [fd-tile-content]", never, { "twoColumn": { "alias": "twoColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class TileContentTextDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileContentTextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileContentTextDirective, "[fdTileContentText], [fd-tile-content-text]", never, {}, {}, never, never, true, never>;
 }
 declare class TileFooterDirective {
-    /** @hidden */
-    baseClass: boolean;
     /** Divides the tile footer in to two columns. */
-    twoColumn: boolean;
+    readonly twoColumn: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileFooterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileFooterDirective, "[fdTileFooter], [fd-tile-footer]", never, { "twoColumn": { "alias": "twoColumn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileFooterDirective, "[fdTileFooter], [fd-tile-footer]", never, { "twoColumn": { "alias": "twoColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class TileFooterTextDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileFooterTextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileFooterTextDirective, "[fdTileFooterText], [fd-tile-footer-text]", never, {}, {}, never, never, true, never>;
 }
 declare class TileHeaderDirective {
-    /** @hidden */
-    baseClass: boolean;
     /** Divides the tile header in to two columns. */
-    twoColumn: boolean;
+    readonly twoColumn: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileHeaderDirective, "[fdTileHeader], [fd-tile-header]", never, { "twoColumn": { "alias": "twoColumn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileHeaderDirective, "[fdTileHeader], [fd-tile-header]", never, { "twoColumn": { "alias": "twoColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class TileHeaderContentDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileHeaderContentDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileHeaderContentDirective, "[fdTileHeaderContent], [fd-tile-header-content]", never, {}, {}, never, never, true, never>;
 }
 declare class TileSectionDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileSectionDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileSectionDirective, "[fdTileSection], [fd-tile-section]", never, {}, {}, never, never, true, never>;
 }
 declare class TileSubtitleDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileSubtitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileSubtitleDirective, "[fdTileTitle], [fd-tile-subtitle]", never, {}, {}, never, never, true, never>;
 }
 declare class TileTitleDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileTitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileTitleDirective, "[fdTileTitle], [fd-tile-title]", never, {}, {}, never, never, true, never>;
 }
 declare class TileTitleContainerDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileTitleContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileTitleContainerDirective, "[fdTileTitleContainer], [fd-tile-title-container]", never, {}, {}, never, never, true, never>;
 }
-declare class TileRefreshDirective implements OnInit, OnChanges, CssClassBuilder {
-    readonly elementRef: ElementRef;
-    /** Glyph */
-    glyph: string;
-    /** Glyph font family */
-    glyphFont: IconFont;
-    /** Apply user custom styles */
-    class: string;
-    /** Apply user custom styles */
-    ariaLabel: string;
-    /** @hidden */
-    constructor(elementRef: ElementRef);
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
+declare class TileRefreshDirective implements HasElementRef {
+    /** Glyph (icon) to display. */
+    readonly glyph: i0.InputSignal<string | undefined>;
+    /** Glyph font family. */
+    readonly glyphFont: i0.InputSignal<IconFont>;
+    /** Aria label for accessibility. */
+    readonly ariaLabel: i0.InputSignal<string>;
     /** @hidden */
-    ngOnChanges(): void;
+    readonly elementRef: ElementRef<any>;
     /** @hidden */
-    ngOnInit(): void;
+    protected readonly cssClass: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileRefreshDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileRefreshDirective, "[fdTileRefresh], [fd-tile-refresh]", never, { "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "class": { "alias": "class"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileRefreshDirective, "[fdTileRefresh], [fd-tile-refresh]", never, { "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; "glyphFont": { "alias": "glyphFont"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class TileProfileImgDirective {
-    /** @hidden */
-    baseClass: boolean;
-    /** Id of the tile. */
-    id: string;
-    /** Aria-label for tile. */
-    ariaLabel: Nullable<string>;
-    /** Aria-Labelledby for element describing tile. */
-    ariaLabelledby: Nullable<string>;
-    /** Background image url. */
-    backgroundImage: Nullable<string>;
-    /** @hidden */
-    get image(): string;
+    /** Unique identifier for the tile. */
+    readonly id: i0.InputSignal<string>;
+    /** Aria label for accessibility. */
+    readonly ariaLabel: i0.InputSignal<string | null | undefined>;
+    /** Aria labelledby attribute referencing element(s) describing the tile. */
+    readonly ariaLabelledby: i0.InputSignal<string | null | undefined>;
+    /** Background image URL. */
+    readonly backgroundImage: i0.InputSignal<string | null | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileProfileImgDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileProfileImgDirective, "[fdTileProfileImg], [fd-tile-profile-img]", never, { "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileProfileImgDirective, "[fdTileProfileImg], [fd-tile-profile-img]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class TileLogoDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileLogoDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileLogoDirective, "[fdTileLogo], [fd-tile-logo]", never, {}, {}, never, never, true, never>;
 }
 declare class TileToggleDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileToggleDirective, "[fdTileToggle], [fd-tile-toggle]", never, {}, {}, never, never, true, never>;
 }
 declare class TileContainerDirective {
-    /** @hidden */
-    baseClass: boolean;
-    /** Whether or not the container is a 'list' type (used on screens smaller than 450px). */
-    list: boolean;
+    /** Whether the container uses list layout (applies on screens smaller than 450px). */
+    readonly list: i0.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileContainerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileContainerDirective, "[fdTileContainer], [fd-tile-container]", never, { "list": { "alias": "list"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileContainerDirective, "[fdTileContainer], [fd-tile-container]", never, { "list": { "alias": "list"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class TileBackgroundImgDirective {
-    /** @hidden */
-    baseClass: boolean;
-    /** Background image url. */
-    backgroundImage: Nullable<string>;
-    /** @hidden */
-    get image(): string;
+    /** Background image URL. */
+    readonly backgroundImage: i0.InputSignal<string | null | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileBackgroundImgDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileBackgroundImgDirective, "[fdTileBackgroundImg], [fd-tile-background-img]", never, { "backgroundImage": { "alias": "backgroundImage"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileBackgroundImgDirective, "[fdTileBackgroundImg], [fd-tile-background-img]", never, { "backgroundImage": { "alias": "backgroundImage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class TilePageIndicatorDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TilePageIndicatorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TilePageIndicatorDirective, "[fdTilePageIndicator], [fd-tile-page-indicator]", never, {}, {}, never, never, true, never>;
 }
-declare class TileActionCloseDirective implements OnInit, OnChanges, CssClassBuilder {
-    readonly elementRef: ElementRef;
-    /** Apply user custom styles */
-    class: string;
-    /** @hidden */
-    constructor(elementRef: ElementRef);
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
+declare class TileActionCloseDirective {
     /** @hidden */
-    ngOnChanges(): void;
-    /** @hidden */
-    ngOnInit(): void;
-    /** @hidden */
-    private _addCloseIcon;
+    private readonly _elementRef;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TileActionCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileActionCloseDirective, "[fdTileActionClose], [fd-tile-action-close]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileActionCloseDirective, "[fdTileActionClose], [fd-tile-action-close]", never, {}, {}, never, never, true, never>;
 }
-declare class TileActionIndicatorDirective implements OnInit, OnChanges, CssClassBuilder {
-    readonly elementRef: ElementRef;
-    /** Apply user custom styles */
-    class: string;
-    /** @hidden */
-    constructor(elementRef: ElementRef);
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
-     */
-    buildComponentCssClass(): string[];
-    /** @hidden */
-    ngOnChanges(): void;
+declare class TileActionIndicatorDirective {
     /** @hidden */
-    ngOnInit(): void;
-    /** @hidden */
-    private _addIndicatorIcon;
+    private readonly _elementRef;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TileActionIndicatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileActionIndicatorDirective, "[fdTileActionIndicator], [fd-tile-action-indicator]", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileActionIndicatorDirective, "[fdTileActionIndicator], [fd-tile-action-indicator]", never, {}, {}, never, never, true, never>;
 }
 declare class TileActionContainerDirective {
-    /** @hidden */
-    baseClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileActionContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileActionContainerDirective, "[fdTileActionContainer], [fd-tile-action-container]", never, {}, {}, never, never, true, never>;
 }
 
 type TileType = null | 'kpi' | 'launch' | 'feed';
 type TileSize = null | 's';
-declare class TileComponent implements CssClassBuilder, AfterViewInit, OnChanges {
-    /** user's custom classes */
-    class: string;
-    /** Size modifier. Options are null (default) and 's'. */
-    size: TileSize;
-    /** Optional 'double' modifier to double the tile width. */
-    double: boolean;
-    /** Type of tile.  Options are 'kpi', 'launch', 'feed', or leave null for default. */
-    type: TileType;
-    /** Whether or not the tile is in 'action' mode. */
-    action: boolean;
-    /** Whether tile is focusable & clickable, (tileClick) event will be emitted on click. */
-    clickable: boolean;
-    /** Whether tile gets clicked or space/enter pressed. */
-    readonly tileClick: EventEmitter<void>;
-    /** @hidden */
-    ref: ElementRef;
-    /** @hidden
-     * CssClassBuilder interface implementation
-     * function must return single string
-     * function is responsible for order which css classes are applied
+declare class TileComponent {
+    /** Size modifier. Options are 's' or null (default). */
+    readonly size: i0.InputSignal<TileSize | undefined>;
+    /** Doubles the tile width. */
+    readonly double: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Type of tile. Options are 'kpi', 'launch', 'feed', or null (default). */
+    readonly type: i0.InputSignal<TileType | undefined>;
+    /** Whether the tile is in action mode. */
+    readonly action: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Whether tile is focusable and clickable. */
+    readonly clickable: i0.InputSignalWithTransform<boolean, unknown>;
+    /** The role for the tile. */
+    readonly role: i0.InputSignal<string | null | undefined>;
+    /** Aria-label for accessibility. */
+    readonly ariaLabel: i0.InputSignal<string | null | undefined>;
+    /** Aria-labelledby for accessibility. */
+    readonly ariaLabelledby: i0.InputSignal<string | null | undefined>;
+    /** Unique identifier for the Tile. */
+    readonly id: i0.InputSignal<string | null | undefined>;
+    /** Emitted when tile is clicked or activated via space/enter keys. */
+    readonly tileClick: i0.OutputEmitterRef<void>;
+    /**
+     * @hidden
+     * Computed tabindex - native links manage their own, custom elements use clickable
      */
-    buildComponentCssClass(): string[];
+    protected readonly tabindex: i0.Signal<0 | -1 | null>;
+    /** @hidden Computed role - don't override native link semantics */
+    protected readonly roleValue: i0.Signal<string | null>;
     /** @hidden */
-    ngOnChanges(): void;
+    protected readonly cssClass: i0.Signal<string>;
     /** @hidden */
-    ngAfterViewInit(): void;
+    private readonly _elementRef;
     /** @hidden */
-    get elementRef(): ElementRef;
+    private readonly _isNativeLink;
+    constructor();
+    /** @hidden Handle click events */
+    protected handleClick(): void;
+    /** @hidden Handle keyboard activation for non-link tiles */
+    protected handleKeyboard(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TileComponent, "fd-tile", never, { "class": { "alias": "class"; "required": false; }; "size": { "alias": "size"; "required": false; }; "double": { "alias": "double"; "required": false; }; "type": { "alias": "type"; "required": false; }; "action": { "alias": "action"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; }, { "tileClick": "tileClick"; }, never, ["[fd-tile-action-close]", "[fd-tile-action-indicator]", "[fd-badge]", "[fd-tile-header]", "[fd-tile-header-content]", "[fd-tile-content]", "[fd-tile-footer]", "[fd-tile-action-container]", "*"], true, never>;
-    static ngAcceptInputType_clickable: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TileComponent, "fd-tile, [fd-tile]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "double": { "alias": "double"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "tileClick": "tileClick"; }, never, ["[fd-tile-action-close]", "[fd-tile-action-indicator]", "[fd-badge]", "[fd-tile-header]", "[fd-tile-header-content]", "[fd-tile-content]", "[fd-tile-footer]", "[fd-tile-action-container]", "*"], true, never>;
 }
 
 /**

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

@@ -2,7 +2,7 @@ import { FdLanguageKeyIdentifier } from '@fundamental-ngx/i18n';
 import * as i0 from '@angular/core';
 import { AfterViewInit, OnInit, OnDestroy, OnChanges, EventEmitter, QueryList, ElementRef, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import { CarouselDirective, CarouselItemDirective, CarouselConfig, PanEndOutput } from '@fundamental-ngx/core/carousel';
-import { Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
+import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ControlValueAccessor } from '@angular/forms';
 import { DatetimeAdapter } from '@fundamental-ngx/core/datetime';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
@@ -222,7 +222,6 @@ declare class TimeComponent<D> implements OnInit, OnChanges, OnDestroy, AfterVie
     private _elementRef;
     private _dateTimeAdapter;
     readonly _contentDensityObserver: ContentDensityObserver;
-    private _rtlService;
     /**
      * @Input When set to false, uses the 24 hour clock (hours ranging from 0 to 23)
      * and does not display a period control.
@@ -320,7 +319,9 @@ declare class TimeComponent<D> implements OnInit, OnChanges, OnDestroy, AfterVie
     /** @hidden */
     private _subscriptions;
     /** @hidden */
-    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _dateTimeAdapter: DatetimeAdapter<D>, _contentDensityObserver: ContentDensityObserver, _rtlService: RtlService);
+    private readonly _rtlService;
+    /** @hidden */
+    constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _dateTimeAdapter: DatetimeAdapter<D>, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden
@@ -431,7 +432,7 @@ declare class TimeComponent<D> implements OnInit, OnChanges, OnDestroy, AfterVie
      * @returns default time 00:00:00
      */
     private _getDefaultValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TimeComponent<any>, [null, null, { optional: true; }, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeComponent<any>, [null, null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimeComponent<any>, "fd-time", never, { "meridian": { "alias": "meridian"; "required": false; }; "validate": { "alias": "validate"; "required": false; }; "keepTwoDigits": { "alias": "keepTwoDigits"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "tablet": { "alias": "tablet"; "required": false; }; "elementsAtOnce": { "alias": "elementsAtOnce"; "required": false; }; "time": { "alias": "time"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges, ElementRef, AfterViewInit, OnDestroy, TemplateRef, ViewContainerRef, EventEmitter, ChangeDetectorRef, QueryList, Renderer2 } from '@angular/core';
-import { CssClassBuilder, RtlService } from '@fundamental-ngx/cdk/utils';
+import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { IconFont } from '@fundamental-ngx/core/icon';
@@ -91,7 +91,6 @@ declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBu
     readonly _contentDensityObserver: ContentDensityObserver;
     readonly elementRef: ElementRef;
     private _cdRef;
-    private _rtlService;
     private _renderer;
     private readonly _document;
     private readonly _liveAnnouncer;
@@ -175,6 +174,8 @@ declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBu
     /** An RxJS Subject that will kill the data stream upon destruction (for unsubscribing)  */
     private readonly _destroyRef;
     /** @hidden */
+    private readonly _rtlService;
+    /** @hidden */
     private readonly _eventListeners;
     /** @hidden */
     private _forceAllTokensToDisplay;
@@ -185,7 +186,7 @@ declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBu
     /** @hidden */
     private _tokenElementFocusedSub;
     /** @hidden */
-    constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef, _cdRef: ChangeDetectorRef, _rtlService: RtlService, _renderer: Renderer2, _document: Document, _liveAnnouncer: LiveAnnouncer, _language$: Observable<FdLanguage>);
+    constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef, _cdRef: ChangeDetectorRef, _renderer: Renderer2, _document: Document, _liveAnnouncer: LiveAnnouncer, _language$: Observable<FdLanguage>);
     /** @hidden
      * CssClassBuilder interface implementation
      * function must return single string
@@ -286,7 +287,7 @@ declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBu
     private _listenOnResize;
     /** @hidden */
     private _checkMoreElementVisibility;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TokenizerComponent, [null, null, null, { optional: true; }, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TokenizerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TokenizerComponent, "fd-tokenizer", never, { "class": { "alias": "class"; "required": false; }; "disableKeyboardDeletion": { "alias": "disableKeyboardDeletion"; "required": false; }; "compactCollapse": { "alias": "compactCollapse"; "required": false; }; "tokenizerFocusable": { "alias": "tokenizerFocusable"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "moreTerm": { "alias": "moreTerm"; "required": false; }; "open": { "alias": "open"; "required": false; }; "showOverflowPopover": { "alias": "showOverflowPopover"; "required": false; }; }, { "moreClickedEvent": "moreClickedEvent"; }, ["input", "tokenList"], ["fd-token", "[fd-form-control]"], true, never>;
 }
 

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

@@ -292,7 +292,7 @@ declare class TreeComponent<P extends FdTreeAcceptableDataSource, T extends Tree
     /** @hidden */
     private readonly _selectionService;
     /** @hidden */
-    private readonly _rtl;
+    private readonly _rtlService;
     /** @hidden */
     private readonly _cvaDirective;
     /** @hidden */