@fundamental-ngx/core 0.42.0-rc.2 → 0.42.0-rc.21

package/rating-indicator/components/rating-indicator.component.d.ts

@@ -13,7 +13,7 @@ interface RatingViewItem {
     votes: number;
 }
 export declare class RatingIndicatorComponent implements OnInit, OnChanges, CssClassBuilder, ControlValueAccessor, FormItemControl {
-    private readonly _elementRef;
+    readonly elementRef: ElementRef;
     private readonly _changeDetectorRef;
     /** User's custom classes */
     class: string;
@@ -105,7 +105,7 @@ export declare class RatingIndicatorComponent implements OnInit, OnChanges, CssC
     /** @hidden */
     private _hideDynamicText;
     /** @hidden */
-    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
     /** @hidden */
     get viewRatingUID(): number;
     /** @hidden */
@@ -135,8 +135,6 @@ export declare class RatingIndicatorComponent implements OnInit, OnChanges, CssC
     }): number | string;
     /** @hidden */
     onSelect(value: number): void;
-    /** @hidden */
-    elementRef(): ElementRef<RatingIndicatorComponent & HTMLElement>;
     /** @hidden
      * CssClassBuilder interface implementation
      * function must return single string

package/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.d.ts

@@ -12,7 +12,7 @@ export declare const verticalResizeOffset = 8;
 export type CardState = 1 | 0 | -1;
 export declare class ResizableCardItemComponent implements FocusableOption, OnDestroy {
     private readonly _cd;
-    private readonly _elementRef;
+    readonly elementRef: ElementRef;
     private readonly _rtlService;
     /** Card properties from the config */
     set config(config: ResizableCardItemConfig);
@@ -137,7 +137,7 @@ export declare class ResizableCardItemComponent implements FocusableOption, OnDe
     /** @hidden */
     private _subscriptions;
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _elementRef: ElementRef, _rtlService: RtlService);
+    constructor(_cd: ChangeDetectorRef, elementRef: ElementRef, _rtlService: RtlService);
     /** @hidden */
     ngOnDestroy(): void;
     /**
@@ -167,8 +167,6 @@ export declare class ResizableCardItemComponent implements FocusableOption, OnDe
     getMaxColSpan(layoutSize: string): number;
     /** Update card width if it exceeds column span based on layout */
     verifyUpdateCardWidth(layoutSize: string): void;
-    /** @hidden */
-    elementRef(): ElementRef;
     /** Returns ResizedEvent object to emit. */
     getResizedEventObject(): ResizedEvent;
     /** @hidden Return previous height row span of the card */

package/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.d.ts

@@ -6,7 +6,7 @@ export type LayoutSize = 'sm' | 'md' | 'lg' | 'xl';
 export type ResizableCardLayoutConfig = Array<ResizableCardItemConfig>;
 export declare class ResizableCardLayoutComponent implements OnInit, AfterViewInit, AfterContentInit, OnDestroy {
     private readonly _cd;
-    private readonly _elementRef;
+    readonly elementRef: ElementRef;
     private readonly _rtlService;
     /** Object for setting each card property */
     layoutConfig: ResizableCardLayoutConfig;
@@ -47,7 +47,7 @@ export declare class ResizableCardLayoutComponent implements OnInit, AfterViewIn
     /** @hidden */
     private _directionPosition;
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _elementRef: ElementRef, _rtlService: RtlService);
+    constructor(_cd: ChangeDetectorRef, elementRef: ElementRef, _rtlService: RtlService);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -79,8 +79,6 @@ export declare class ResizableCardLayoutComponent implements OnInit, AfterViewIn
      */
     cardResizeComplete(event: ResizedEvent): void;
     /** @hidden */
-    elementRef(): ElementRef<ResizableCardLayoutComponent>;
-    /** @hidden */
     updateLayout(): void;
     /**
      * method to get screen width

package/schematics/add-dependencies/index.js

@@ -44,31 +44,31 @@ function addExternalLibraries(options) {
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@sap-theming/theming-base-content') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@sap-theming/theming-base-content', '^11.3.0', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@sap-theming/theming-base-content', '^11.4.0', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `^11.3.0`,
+                version: `^11.4.0`,
                 name: '@sap-theming/theming-base-content',
                 overwrite: true
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/i18n') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.42.0-rc.2', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.42.0-rc.21', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.42.0-rc.2`,
+                version: `0.42.0-rc.21`,
                 name: '@fundamental-ngx/i18n',
                 overwrite: true
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/cdk') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.42.0-rc.2', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.42.0-rc.21', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.42.0-rc.2`,
+                version: `0.42.0-rc.21`,
                 name: '@fundamental-ngx/cdk',
                 overwrite: true
             });

package/slider/slider.component.d.ts

@@ -16,7 +16,7 @@ export declare const SLIDER_VALUE_ACCESSOR: {
     multi: boolean;
 };
 export declare class SliderComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy, ControlValueAccessor, CssClassBuilder, FormItemControl {
-    private readonly _elementRef;
+    readonly elementRef: ElementRef;
     private readonly _cdr;
     private readonly _renderer;
     private readonly _platform;
@@ -163,7 +163,7 @@ export declare class SliderComponent implements OnInit, OnChanges, AfterViewInit
     /** @hidden */
     readonly _popoverInputFieldHovered$: BehaviorSubject<boolean>;
     /** @hidden */
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _renderer: Renderer2, _platform: Platform, _liveAnnouncer: LiveAnnouncer, _rtlService: RtlService, _contentDensityObserver: ContentDensityObserver);
+    constructor(elementRef: ElementRef, _cdr: ChangeDetectorRef, _renderer: Renderer2, _platform: Platform, _liveAnnouncer: LiveAnnouncer, _rtlService: RtlService, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -188,8 +188,6 @@ export declare class SliderComponent implements OnInit, OnChanges, AfterViewInit
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     onChange: (value: SliderControlValue) => void;
     /** @hidden */
     onTouched: () => void;

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

@@ -14,7 +14,7 @@ export declare class Point {
     constructor(x: number, y: number);
 }
 export declare class StatusIndicatorComponent implements OnChanges, AfterViewInit, CssClassBuilder, OnInit {
-    private _elementRef;
+    readonly elementRef: ElementRef<HTMLElement>;
     private _cd;
     /**
      * value id defines the id of the object.
@@ -95,7 +95,7 @@ export declare class StatusIndicatorComponent implements OnChanges, AfterViewIni
     /** @hidden */
     pointsArray: string[];
     /** @hidden */
-    constructor(_elementRef: ElementRef<HTMLElement>, _cd: ChangeDetectorRef);
+    constructor(elementRef: ElementRef<HTMLElement>, _cd: ChangeDetectorRef);
     /** @hidden */
     class: string;
     /** @hidden */
@@ -111,8 +111,6 @@ export declare class StatusIndicatorComponent implements OnChanges, AfterViewIni
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     private _calculateFilling;
     /** @hidden */
     private _angleCalculation;

package/table/directives/table-cell.directive.d.ts

@@ -1,11 +1,9 @@
-import { AfterContentInit, ElementRef, QueryList } from '@angular/core';
+import { AfterContentInit, QueryList } from '@angular/core';
 import { CheckboxComponent } from '@fundamental-ngx/core/checkbox';
-import { CellFocusedEventAnnouncer, FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
+import { FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
-import * as i1 from "@fundamental-ngx/cdk/utils";
-export declare class TableCellDirective implements AfterContentInit {
-    readonly elementRef: ElementRef<HTMLElement>;
+export declare class TableCellDirective extends FocusableItemDirective implements AfterContentInit {
     /** Whether to show the table cell's horizontal borders */
     noBorderX: boolean;
     /** Whether to show the table cell's vertical borders */
@@ -23,20 +21,16 @@ export declare class TableCellDirective implements AfterContentInit {
     noPadding: boolean;
     /** Whether the table cell indicates that there is no data */
     noData: boolean;
-    /** Key of cell element, it's used to identify this cell with certain column */
+    /** Key of a cell element, it's used to identify this cell with certain column */
     key: string;
-    /** Function, that creates a string to be announced by screen-reader whenever cell receives focus */
-    set cellFocusedEventAnnouncer(announcer: CellFocusedEventAnnouncer);
     /** @hidden */
     _checkboxes: QueryList<CheckboxComponent>;
     /** @hidden */
     _fdTableCellClass: boolean;
     /** @hidden */
-    readonly _focusableItemDirective: FocusableItemDirective;
-    /** @hidden */
-    constructor(elementRef: ElementRef<HTMLElement>);
+    constructor();
     /** @hidden */
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCellDirective, "[fdTableCell], [fd-table-cell]", never, { "noBorderX": "noBorderX"; "noBorderY": "noBorderY"; "activable": "activable"; "focusable": "focusable"; "hoverable": "hoverable"; "fitContent": "fitContent"; "noPadding": "noPadding"; "noData": "noData"; "key": "key"; "cellFocusedEventAnnouncer": "cellFocusedEventAnnouncer"; }, {}, ["_checkboxes"], never, false, [{ directive: typeof i1.FocusableItemDirective; inputs: {}; outputs: { "cellFocused": "cellFocused"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCellDirective, "[fdTableCell], [fd-table-cell]", never, { "noBorderX": "noBorderX"; "noBorderY": "noBorderY"; "activable": "activable"; "focusable": "focusable"; "hoverable": "hoverable"; "fitContent": "fitContent"; "noPadding": "noPadding"; "noData": "noData"; "key": "key"; }, {}, ["_checkboxes"], never, false, never>;
 }

package/table/directives/table-icon.directive.d.ts

@@ -2,7 +2,7 @@ import { ElementRef, OnChanges, OnInit } from '@angular/core';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export declare class TableIconDirective implements OnChanges, CssClassBuilder, OnInit {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** @hidden */
     fdTableIconClass: boolean;
     /** The property allows user to pass additional css classes
@@ -16,7 +16,7 @@ export declare class TableIconDirective implements OnChanges, CssClassBuilder, O
     /** Whether or no icon is used as navigation  */
     navigation: boolean;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** Function runs when component is initialized
      * function should build component css class
      * function should build css style
@@ -29,10 +29,6 @@ export declare class TableIconDirective implements OnChanges, CssClassBuilder, O
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** HasElementRef interface implementation
-     * function used by applyCssClass and applyCssStyle decorators
-     */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableIconDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableIconDirective, "[fdTableIcon], [fd-table-icon]", never, { "class": "class"; "glyph": "glyph"; "navigation": "navigation"; }, {}, never, never, false, never>;
 }

package/table/directives/table-row.directive.d.ts

@@ -1,14 +1,10 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { TableService } from '../table.service';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { TableCellDirective } from './table-cell.directive';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { FocusableListDirective } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
-import * as i1 from "@fundamental-ngx/cdk/utils";
 export declare const HIDDEN_CLASS_NAME = "fd-table--hidden";
-export declare class TableRowDirective implements AfterViewInit, OnDestroy, OnInit {
-    private _changeDetRef;
-    private _tableService;
-    elementRef: ElementRef<HTMLTableRowElement>;
+export declare class TableRowDirective extends FocusableListDirective implements AfterViewInit, OnDestroy, OnInit {
     /** @hidden */
     cells: QueryList<TableCellDirective>;
     /** @hidden */
@@ -32,9 +28,13 @@ export declare class TableRowDirective implements AfterViewInit, OnDestroy, OnIn
     /** @hidden */
     private _propagateKeysSubscription;
     /** @hidden */
-    private readonly _focusableListDirective;
+    private readonly _changeDetRef;
+    /** @hidden */
+    private _tableService;
+    /** @hidden */
+    elementRef: ElementRef<HTMLTableRowElement>;
     /** @hidden */
-    constructor(_changeDetRef: ChangeDetectorRef, _tableService: TableService, elementRef: ElementRef<HTMLTableRowElement>);
+    constructor();
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -54,5 +54,5 @@ export declare class TableRowDirective implements AfterViewInit, OnDestroy, OnIn
     /** @hidden */
     private _setupCellsSubscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableRowDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableRowDirective, "[fdTableRow], [fd-table-row]", never, { "activable": "activable"; "highlightActive": "highlightActive"; "hoverable": "hoverable"; "focusable": "focusable"; "main": "main"; "secondary": "secondary"; "active": "active"; }, {}, ["cells"], never, false, [{ directive: typeof i1.FocusableListDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableRowDirective, "[fdTableRow], [fd-table-row]", never, { "activable": "activable"; "highlightActive": "highlightActive"; "hoverable": "hoverable"; "focusable": "focusable"; "main": "main"; "secondary": "secondary"; "active": "active"; }, {}, ["cells"], never, false, never>;
 }

package/tabs/tab-item/tab-item.directive.d.ts

@@ -16,7 +16,7 @@ export type TabItemState = 'success' | 'error' | 'warning' | 'information' | 'ne
  * ```
  */
 export declare class TabItemDirective implements CssClassBuilder, OnChanges, OnInit {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Apply user custom styles */
     class: string;
     /** Semantic type of the tab item */
@@ -30,15 +30,13 @@ export declare class TabItemDirective implements CssClassBuilder, OnChanges, OnI
     /** @hidden */
     linkItem: TabLinkDirective;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TabItemDirective, "[fd-tab-item]", never, { "class": "class"; "tabItemState": "tabItemState"; "header": "header"; "disabled": "disabled"; "fdTabItemClass": "fdTabItemClass"; }, {}, ["linkItem"], never, false, never>;
 }

package/tabs/tab-nav/tab-nav.component.d.ts

@@ -6,9 +6,9 @@ import { CssClassBuilder, RtlService } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export declare class TabNavComponent implements AfterContentInit, OnChanges, OnInit, OnDestroy, CssClassBuilder {
-    private _elementRef;
-    private _contentDensityObserver;
-    private _rtlService;
+    readonly elementRef: ElementRef;
+    private readonly _contentDensityObserver;
+    private readonly _rtlService;
     /** Apply user custom styles */
     class: string;
     /**
@@ -31,7 +31,7 @@ export declare class TabNavComponent implements AfterContentInit, OnChanges, OnI
     /** @hidden */
     private _dir;
     /** @hidden */
-    constructor(_elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver, _rtlService: RtlService);
+    constructor(elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver, _rtlService: RtlService);
     /** @hidden */
     ngAfterContentInit(): void;
     /** @hidden */
@@ -46,10 +46,6 @@ export declare class TabNavComponent implements AfterContentInit, OnChanges, OnI
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** HasElementRef interface implementation
-     * function used by applyCssClass and applyCssStyle decorators
-     */
-    elementRef(): ElementRef;
     /** Function that gives possibility to get all the link directives, with and without nav__item wrapper */
     get tabLinks(): TabLinkDirective[];
     /**

package/tabs/tab-utils/tab-directives.d.ts

@@ -31,7 +31,7 @@ export declare class TabCountDirective {
  * Directive for icon element, available in most of the modes on `tab` component
  */
 export declare class TabIconComponent implements CssClassBuilder, OnChanges {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Apply user custom styles */
     class: string;
     /**
@@ -40,7 +40,7 @@ export declare class TabIconComponent implements CssClassBuilder, OnChanges {
      */
     icon: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden
      * Function runs when component is initialized
      * function should build component css class
@@ -52,10 +52,6 @@ export declare class TabIconComponent implements CssClassBuilder, OnChanges {
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** HasElementRef interface implementation
-     * function used by applyCssClass and applyCssStyle decorators
-     */
-    elementRef(): ElementRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabIconComponent, "[fd-tab-icon]", never, { "class": "class"; "icon": "icon"; }, {}, never, ["*"], false, never>;
 }

package/tile/directives/numeric-content.directives.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export type NumericContentState = 'negative' | 'critical' | 'positive' | 'informative' | 'neutral';
 export type NumericContentSize = 's' | 'm' | 'l';
 export declare class NumericContentDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Apply user custom styles */
     class: string;
     /** Size of the numeric content */
@@ -12,7 +12,7 @@ export declare class NumericContentDirective implements OnInit, OnChanges, CssCl
     /** @hidden */
     baseClass: boolean;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -24,8 +24,6 @@ export declare class NumericContentDirective implements OnInit, OnChanges, CssCl
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     private _isSmallTile;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentDirective, "[fd-numeric-content]", never, { "class": "class"; "size": "size"; }, {}, never, never, false, never>;
@@ -37,13 +35,13 @@ export declare class NumericContentLaunchIconContainerDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentLaunchIconContainerDirective, "[fd-numeric-content-launch-icon-container]", never, {}, {}, never, never, false, never>;
 }
 export declare class NumericContentLaunchIconDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Apply user custom styles */
     class: string;
     /** Glyph */
     glyph: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -54,8 +52,6 @@ export declare class NumericContentLaunchIconDirective implements OnInit, OnChan
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentLaunchIconDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentLaunchIconDirective, "[fd-numeric-content-launch-icon]", never, { "class": "class"; "glyph": "glyph"; }, {}, never, never, false, never>;
 }
@@ -66,7 +62,7 @@ export declare class NumericContentKpiContainerDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentKpiContainerDirective, "[fd-numeric-content-kpi-container]", never, {}, {}, never, never, false, never>;
 }
 export declare class NumericContentKpiDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** State of the KPI. Options are neutral (default), 'positive', 'negative', 'critical', and 'informative'. */
     state?: NumericContentState | null;
     /** Apply user custom styles */
@@ -74,7 +70,7 @@ export declare class NumericContentKpiDirective implements OnInit, OnChanges, Cs
     /** Glyph */
     glyph: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -85,8 +81,6 @@ export declare class NumericContentKpiDirective implements OnInit, OnChanges, Cs
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentKpiDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentKpiDirective, "[fd-numeric-content-kpi]", never, { "state": "state"; "class": "class"; "glyph": "glyph"; }, {}, never, never, false, never>;
 }
@@ -97,13 +91,13 @@ export declare class NumericContentScaleContainerDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleContainerDirective, "[fd-numeric-content-scale-container]", never, {}, {}, never, never, false, never>;
 }
 export declare class NumericContentScaleArrowDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Apply user custom styles */
     class: string;
     /** Glyph */
     glyph: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -114,19 +108,17 @@ export declare class NumericContentScaleArrowDirective implements OnInit, OnChan
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentScaleArrowDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleArrowDirective, "[fd-numeric-content-scale-arrow]", never, { "class": "class"; "glyph": "glyph"; }, {}, never, never, false, never>;
 }
 export declare class NumericContentScaleDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** State of the SCALE. Options are neutral (default), 'positive', 'negative', 'critical', and 'informative'. */
     state?: NumericContentState | null;
     /** Apply user custom styles */
     class: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -137,8 +129,6 @@ export declare class NumericContentScaleDirective implements OnInit, OnChanges,
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumericContentScaleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumericContentScaleDirective, "[fd-numeric-content-scale]", never, { "state": "state"; "class": "class"; }, {}, never, never, false, never>;
 }

package/tile/directives/tile.directives.d.ts

@@ -75,7 +75,7 @@ export declare class TileTitleContainerDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileTitleContainerDirective, "[fdTileTitleContainer], [fd-tile-title-container]", never, {}, {}, never, never, false, never>;
 }
 export declare class TileRefreshDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Glyph */
     glyph: string;
     /** Apply user custom styles */
@@ -83,7 +83,7 @@ export declare class TileRefreshDirective implements OnInit, OnChanges, CssClass
     /** Apply user custom styles */
     ariaLabel: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -94,8 +94,6 @@ export declare class TileRefreshDirective implements OnInit, OnChanges, CssClass
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileRefreshDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileRefreshDirective, "[fdTileRefresh], [fd-tile-refresh]", never, { "glyph": "glyph"; "class": "class"; "ariaLabel": "ariaLabel"; }, {}, never, never, false, never>;
 }
@@ -166,11 +164,11 @@ export declare class TileDotDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileDotDirective, "[fdTileDot], [fd-tile-dot]", never, { "active": "active"; }, {}, never, never, false, never>;
 }
 export declare class TileActionCloseDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Apply user custom styles */
     class: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -182,18 +180,16 @@ export declare class TileActionCloseDirective implements OnInit, OnChanges, CssC
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     private _addCloseIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileActionCloseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileActionCloseDirective, "[fdTileActionClose], [fd-tile-action-close]", never, { "class": "class"; }, {}, never, never, false, never>;
 }
 export declare class TileActionIndicatorDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Apply user custom styles */
     class: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -205,8 +201,6 @@ export declare class TileActionIndicatorDirective implements OnInit, OnChanges,
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     private _addIndicatorIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileActionIndicatorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TileActionIndicatorDirective, "[fdTileActionIndicator], [fd-tile-action-indicator]", never, { "class": "class"; }, {}, never, never, false, never>;

package/tile/tile.component.d.ts

@@ -35,7 +35,7 @@ export declare class TileComponent implements CssClassBuilder, AfterViewInit, On
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
+    get elementRef(): ElementRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TileComponent, "fd-tile", never, { "class": "class"; "size": "size"; "double": "double"; "type": "type"; "action": "action"; "clickable": "clickable"; }, { "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]", "*"], false, never>;
 }

package/token/token-input.directive.d.ts

@@ -2,7 +2,7 @@ import { ElementRef, OnChanges, OnInit } from '@angular/core';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export declare class TokenizerInputDirective implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** user's custom classes */
     class: string;
     /** @hidden
@@ -12,13 +12,11 @@ export declare class TokenizerInputDirective implements OnInit, OnChanges, CssCl
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnChanges(): void;
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TokenizerInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TokenizerInputDirective, "[fd-tokenizer-input]", never, { "class": "class"; }, {}, never, never, false, never>;
 }

package/token/tokenizer.component.d.ts

@@ -6,7 +6,7 @@ import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBuilder, OnInit, OnChanges {
     readonly _contentDensityObserver: ContentDensityObserver;
-    private _elementRef;
+    readonly elementRef: ElementRef;
     private _cdRef;
     private _rtlService;
     private _renderer;
@@ -106,7 +106,7 @@ export declare class TokenizerComponent implements AfterViewInit, OnDestroy, Css
     /** @hidden */
     private _tokenElementFocusedSub;
     /** @hidden */
-    constructor(_contentDensityObserver: ContentDensityObserver, _elementRef: ElementRef, _cdRef: ChangeDetectorRef, _rtlService: RtlService, _renderer: Renderer2, _document: Document);
+    constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef, _cdRef: ChangeDetectorRef, _rtlService: RtlService, _renderer: Renderer2, _document: Document);
     /** @hidden */
     ngAfterViewInit(): void;
     /** @hidden */
@@ -122,8 +122,6 @@ export declare class TokenizerComponent implements AfterViewInit, OnDestroy, Css
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     handleTokenClickSubscriptions(): void;
     /** @hidden */
     focusTokenElement(newIndex: number): HTMLElement | undefined;

package/toolbar/toolbar.component.d.ts

@@ -90,7 +90,7 @@ export declare class ToolbarComponent implements AfterViewInit, AfterViewChecked
     /** Change detection reference */
     detectChanges(): void;
     /** @hidden */
-    elementRef(): ElementRef;
+    get elementRef(): ElementRef;
     /** @hidden */
     buildComponentCssClass(): string[];
     /** Method triggering collapsible toolbar  */