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

package/input-group/input-group-directives.d.ts

@@ -5,14 +5,14 @@ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export declare class InputGroupInputDirective implements CssClassBuilder, OnInit, OnChanges, OnDestroy {
-    private _elementRef;
-    private _contentDensityObserver;
+    readonly elementRef: ElementRef;
+    private readonly _contentDensityObserver;
     /** user's custom classes */
     class: string;
     /** @hidden */
     private _subscriptions;
     /** @hidden */
-    constructor(_elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver);
+    constructor(elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -25,8 +25,6 @@ export declare class InputGroupInputDirective implements CssClassBuilder, OnInit
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InputGroupInputDirective, "[fdInputGroupInput], [fd-input-group-input]", never, { "class": "class"; }, {}, never, never, false, never>;
 }
@@ -35,7 +33,7 @@ export declare class InputGroupTextareaDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<InputGroupTextareaDirective, "[fdTextareaGroupInput], [fd-textarea-group-input]", never, {}, {}, never, never, false, never>;
 }
 export declare class InputGroupAddOnDirective implements OnInit, OnChanges, CssClassBuilder, AfterContentInit, OnDestroy {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     private renderer;
     private _contentDensityObserver;
     /** user's custom classes */
@@ -62,7 +60,7 @@ export declare class InputGroupAddOnDirective implements OnInit, OnChanges, CssC
     /** @hidden */
     private _subscriptions;
     /** @hidden */
-    constructor(_elementRef: ElementRef, renderer: Renderer2, _contentDensityObserver: ContentDensityObserver);
+    constructor(elementRef: ElementRef, renderer: Renderer2, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -77,8 +75,6 @@ export declare class InputGroupAddOnDirective implements OnInit, OnChanges, CssC
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupAddOnDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InputGroupAddOnDirective, "[fdInputGroupAddon], [fd-input-group-addon]", never, { "class": "class"; "placement": "placement"; "type": "type"; "state": "state"; "button": "button"; }, {}, never, never, false, never>;
 }

package/layout-grid/directives/layout-grid-col.directive.d.ts

@@ -3,7 +3,7 @@ import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export declare class LayoutGridColDirective implements CssClassBuilder, OnInit, OnChanges {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Defines the width of the element on the layout grid. */
     fdLayoutGridCol: NumberInput;
     /** Weather the column should take all available width */
@@ -29,14 +29,12 @@ export declare class LayoutGridColDirective implements CssClassBuilder, OnInit,
     /** @hidden */
     private _colGrow;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     buildComponentCssClass(): string[];
     /** @hidden */
     getCssClassWithColWidth(classPrefix: string, colWidth: NumberInput): string | null;

package/layout-grid/layout-grid.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  * Use a layout grid to arrange components evenly in a grid layout.
  */
 export declare class LayoutGridComponent implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Custom classes */
     set class(userClass: string);
     /** Whether the grid should have a gap. */
@@ -20,14 +20,12 @@ export declare class LayoutGridComponent implements OnInit, OnChanges, CssClassB
     /** @hidden */
     private _class;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     buildComponentCssClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutGridComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutGridComponent, "fd-layout-grid, [fdLayoutGrid]", never, { "class": "class"; "noGap": "noGap"; "noHorizontalGap": "noHorizontalGap"; "noVerticalGap": "noVerticalGap"; }, {}, ["_rowsQueryList"], ["*"], false, never>;

package/layout-panel/layout-panel-footer/layout-panel-footer.component.d.ts

@@ -1,10 +1,10 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef, OnChanges, OnInit } from '@angular/core';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export type FooterPosition = 'start' | 'end';
-export declare class LayoutPanelFooterComponent implements OnInit, CssClassBuilder {
-    private readonly _elementRef;
+export declare class LayoutPanelFooterComponent implements OnInit, OnChanges, CssClassBuilder {
+    readonly elementRef: ElementRef<HTMLElement>;
     /** Apply user custom styles */
     class: string;
     /**
@@ -13,15 +13,13 @@ export declare class LayoutPanelFooterComponent implements OnInit, CssClassBuild
      */
     position: Nullable<FooterPosition>;
     /** @hidden */
-    constructor(_elementRef: ElementRef<HTMLElement>);
+    constructor(elementRef: ElementRef<HTMLElement>);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelFooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelFooterComponent, "fd-layout-panel-footer", never, { "class": "class"; "position": "position"; }, {}, never, ["*"], false, never>;
 }

package/link/link.component.d.ts

@@ -5,7 +5,7 @@ import { Portal } from '@angular/cdk/portal';
 import { IconComponent } from '@fundamental-ngx/core/icon';
 import * as i0 from "@angular/core";
 export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder, AfterViewInit, OnDestroy {
-    private _elementRef;
+    readonly elementRef: ElementRef<HTMLElement>;
     private changeDetectorRef;
     readonly routerLink: RouterLink;
     /** @hidden */
@@ -35,7 +35,7 @@ export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder
     /** @hidden */
     private _destroyed$;
     /** @hidden */
-    constructor(_elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, routerLink: RouterLink);
+    constructor(elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, routerLink: RouterLink);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden
@@ -44,8 +44,6 @@ export declare class LinkComponent implements OnChanges, OnInit, CssClassBuilder
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngAfterViewInit(): void;

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

@@ -1,7 +1,8 @@
 import { ElementRef, OnChanges, OnInit } from '@angular/core';
+import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
-export declare class ListIconDirective implements OnChanges, OnInit {
-    private _elementRef;
+export declare class ListIconDirective implements OnChanges, OnInit, CssClassBuilder {
+    readonly elementRef: ElementRef;
     /** The icon name to display. See the icon page for the list of icons
      * here: https://sap.github.io/fundamental-ngx/icon
      * */
@@ -11,7 +12,7 @@ export declare class ListIconDirective implements OnChanges, OnInit {
     /** Role attribute for list icon */
     role: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -22,8 +23,6 @@ export declare class ListIconDirective implements OnChanges, OnInit {
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListIconDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListIconDirective, "[fdListIcon], [fd-list-icon]", never, { "glyph": "glyph"; "class": "class"; "role": "role"; }, {}, never, never, false, never>;
 }

package/list/directives/list-navigation-item-text.directive.d.ts

@@ -1,13 +1,11 @@
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ListNavigationItemTextDirective {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** @hidden */
     navigationItemTextClass: boolean;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
-    /** @hidden */
-    get elementRef(): ElementRef<HTMLElement>;
+    constructor(elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ListNavigationItemTextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListNavigationItemTextDirective, "[fd-list-navigation-item-text], [fdListNavigaitonItemText]", never, {}, {}, never, never, false, never>;
 }

package/list/list-message.directive.d.ts

@@ -3,13 +3,13 @@ import { MessageStates } from '@fundamental-ngx/core/form';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export declare class ListMessageDirective implements OnChanges, OnInit, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Type of the message. Can be 'success' | 'error' | 'warning' | 'information' */
     type: MessageStates;
     /** Apply user custom styles */
     class: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -20,8 +20,6 @@ export declare class ListMessageDirective implements OnChanges, OnInit, CssClass
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListMessageDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListMessageDirective, "[fd-list-message], [fdListMessage]", never, { "type": "type"; "class": "class"; }, {}, never, never, false, never>;
 }

package/message-box/message-box-container/message-box-container.component.d.ts

@@ -28,8 +28,6 @@ export declare class MessageBoxContainerComponent extends DynamicComponentContai
     /** @hidden */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     protected _attached(event: CdkPortalOutletAttachedRef): void;
     /** @hidden Load received content */
     protected _loadContent(): void;

package/message-box/message-box.component.d.ts

@@ -46,8 +46,6 @@ export declare class MessageBoxComponent extends DialogBase implements OnInit, O
     /** @hidden */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     private get _messageBoxTypeClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageBoxComponent, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessageBoxComponent, "fd-message-box", never, { "class": "class"; "embeddedMessageBoxRef": "messageBoxRef"; "embeddedMessageBoxConfig": "messageBoxConfig"; }, {}, never, ["fd-message-box-header", "fd-message-box-body", "fd-message-box-footer"], false, never>;

package/message-page/message-page.component.d.ts

@@ -3,7 +3,7 @@ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export type MessagePageType = '' | 'filter' | 'search' | 'no-items' | 'error';
 export declare class MessagePageComponent implements OnChanges, OnInit, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** User's custom class */
     class: string;
     /**
@@ -33,7 +33,7 @@ export declare class MessagePageComponent implements OnChanges, OnInit, CssClass
      */
     private _glyph;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden
@@ -42,8 +42,6 @@ export declare class MessagePageComponent implements OnChanges, OnInit, CssClass
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     ngOnInit(): void;
     /**
      * @hidden

package/message-strip/message-strip.component.d.ts

@@ -7,7 +7,7 @@ export type MessageStripType = Nullable<'warning' | 'success' | 'information' |
  * The component that represents a message-strip. It can only be used inline.
  */
 export declare class MessageStripComponent implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** User's custom classes */
     class: string;
     /** Whether the message strip is dismissible. */
@@ -41,13 +41,11 @@ export declare class MessageStripComponent implements OnInit, OnChanges, CssClas
     /** Event fired when the message-strip is dismissed. */
     onDismiss: EventEmitter<void>;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnChanges(): void;
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     /**
      * Dismisses the message-strip.
      */

package/multi-input/multi-input.component.d.ts

@@ -22,7 +22,7 @@ import * as i0 from "@angular/core";
  */
 export declare class MultiInputComponent implements MultiInputInterface, ControlValueAccessor, CssClassBuilder, OnInit, OnChanges, AfterViewInit, OnDestroy, FormItemControl {
     readonly _contentDensityObserver: ContentDensityObserver;
-    private readonly _elementRef;
+    readonly elementRef: ElementRef<HTMLElement>;
     private readonly _changeDetRef;
     private readonly _dynamicComponentService;
     private readonly _injector;
@@ -192,7 +192,7 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
     /** @hidden */
     onTouched: () => void;
     /** @hidden */
-    constructor(_contentDensityObserver: ContentDensityObserver, _elementRef: ElementRef<HTMLElement>, _changeDetRef: ChangeDetectorRef, _dynamicComponentService: DynamicComponentService, _injector: Injector, _viewContainerRef: ViewContainerRef, _language: Observable<FdLanguage>, _rtlService: RtlService, _focusTrapService: FocusTrapService);
+    constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef<HTMLElement>, _changeDetRef: ChangeDetectorRef, _dynamicComponentService: DynamicComponentService, _injector: Injector, _viewContainerRef: ViewContainerRef, _language: Observable<FdLanguage>, _rtlService: RtlService, _focusTrapService: FocusTrapService);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
@@ -207,8 +207,6 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     registerOnChange(fn: (selected: any[]) => void): void;
     /** @hidden */
     registerOnTouched(fn: () => void): void;

package/notification/directives/notification-indicator.directive.d.ts

@@ -3,13 +3,13 @@ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export type IndicatorStates = 'success' | 'error' | 'warning' | 'information';
 export declare class NotificationIndicatorDirective implements OnChanges, OnInit, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** Type of the indicator. Can be 'success' | 'error' | 'warning' | 'information' */
     type: IndicatorStates;
     /** Apply user custom styles */
     class: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -20,8 +20,6 @@ export declare class NotificationIndicatorDirective implements OnChanges, OnInit
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationIndicatorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NotificationIndicatorDirective, "[fdNotificationIndicator], [fd-notification-indicator]", never, { "type": "type"; "class": "class"; }, {}, never, never, false, never>;
 }

package/notification/notification-group/notification-group.component.d.ts

@@ -3,7 +3,7 @@ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import { BasePopoverClass } from '@fundamental-ngx/core/popover';
 import * as i0 from "@angular/core";
 export declare class NotificationGroupComponent implements OnChanges, OnInit, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     private _popover;
     /** User's custom classes */
     class: string;
@@ -12,7 +12,7 @@ export declare class NotificationGroupComponent implements OnChanges, OnInit, Cs
     /** User defined width for the notification */
     width: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef, _popover: BasePopoverClass);
+    constructor(elementRef: ElementRef, _popover: BasePopoverClass);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden CssClassBuilder interface implementation
@@ -20,8 +20,6 @@ export declare class NotificationGroupComponent implements OnChanges, OnInit, Cs
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef;
-    /** @hidden */
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationGroupComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NotificationGroupComponent, "fd-notification-group", never, { "class": "class"; "mobile": "mobile"; "width": "width"; }, {}, never, ["*"], false, never>;

package/object-marker/object-marker.component.d.ts

@@ -2,7 +2,7 @@ import { OnInit, OnChanges, ElementRef } from '@angular/core';
 import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export declare class ObjectMarkerComponent implements OnChanges, OnInit, CssClassBuilder {
-    private readonly _elementRef;
+    readonly elementRef: ElementRef;
     /** User's custom classes */
     class: string;
     /** Glyph (icon) of the Object Status.*/
@@ -12,7 +12,7 @@ export declare class ObjectMarkerComponent implements OnChanges, OnInit, CssClas
     /** Define the text content of the Object Status */
     label: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden
      * CssClassBuilder interface implementation
      * function must return single string
@@ -23,8 +23,6 @@ export declare class ObjectMarkerComponent implements OnChanges, OnInit, CssClas
     ngOnChanges(): void;
     /** @hidden */
     ngOnInit(): void;
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectMarkerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ObjectMarkerComponent, "[fd-object-marker]", never, { "class": "class"; "glyph": "glyph"; "clickable": "clickable"; "label": "label"; }, {}, never, ["*"], false, never>;
 }

package/object-number/object-number.component.d.ts

@@ -4,7 +4,7 @@ import { Nullable } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 type ObjectStatus = 'negative' | 'critical' | 'positive' | 'informative';
 export declare class ObjectNumberComponent implements OnInit, OnChanges, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /**
      * Numerical value of the object number.
      */
@@ -30,7 +30,7 @@ export declare class ObjectNumberComponent implements OnInit, OnChanges, CssClas
     /** @hidden */
     _numberPipeConfig: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -42,8 +42,6 @@ export declare class ObjectNumberComponent implements OnInit, OnChanges, CssClas
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
-    /** @hidden */
     private _onChanges;
     /** @hidden */
     private _buildNumberPipeConfig;

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

@@ -3,7 +3,7 @@ import { CssClassBuilder, NullableObject, Nullable } from '@fundamental-ngx/cdk/
 import * as i0 from "@angular/core";
 export type ObjectStatus = 'negative' | 'critical' | 'positive' | 'informative' | 'neutral';
 export declare class ObjectStatusComponent implements OnChanges, OnInit, CssClassBuilder {
-    private _elementRef;
+    readonly elementRef: ElementRef;
     /** User's custom classes */
     class: string;
     /**
@@ -36,7 +36,7 @@ export declare class ObjectStatusComponent implements OnChanges, OnInit, CssClas
     /** @hidden */
     _textClass: string;
     /** @hidden */
-    constructor(_elementRef: ElementRef);
+    constructor(elementRef: ElementRef);
     /** @hidden */
     ngOnChanges(): void;
     /** @hidden */
@@ -47,8 +47,6 @@ export declare class ObjectStatusComponent implements OnChanges, OnInit, CssClas
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass(): string[];
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectStatusComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ObjectStatusComponent, "[fd-object-status]", never, { "class": "class"; "status": "status"; "glyph": "glyph"; "label": "label"; "glyphAriaLabel": "glyphAriaLabel"; "indicationColor": "indicationColor"; "clickable": "clickable"; "inverted": "inverted"; "large": "large"; }, {}, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core",
-  "version": "0.42.0-rc.20",
+  "version": "0.42.0-rc.21",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migrations.json"
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "focus-trap": "^7.1.0",
-    "@fundamental-ngx/i18n": "0.42.0-rc.20",
-    "@fundamental-ngx/cdk": "0.42.0-rc.20",
+    "@fundamental-ngx/i18n": "0.42.0-rc.21",
+    "@fundamental-ngx/cdk": "0.42.0-rc.21",
     "fast-deep-equal": "3.1.3",
     "lodash-es": "^4.17.0",
     "tslib": "^2.0.0",

package/panel/panel.component.d.ts

@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
  */
 export declare class PanelComponent implements OnInit, OnDestroy {
     private _cdRef;
-    private _elementRef;
+    readonly elementRef: ElementRef;
     readonly _contentDensityObserver: ContentDensityObserver;
     private _rtlService;
     /** User's custom classes */
@@ -38,13 +38,11 @@ export declare class PanelComponent implements OnInit, OnDestroy {
     /** @hidden */
     _subscription: Subscription;
     /** @hidden */
-    constructor(_cdRef: ChangeDetectorRef, _elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver, _rtlService: RtlService);
+    constructor(_cdRef: ChangeDetectorRef, elementRef: ElementRef, _contentDensityObserver: ContentDensityObserver, _rtlService: RtlService);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnDestroy(): void;
-    /** @hidden */
-    elementRef(): ElementRef<any>;
     /** Methods that toggles the Panel Content */
     toggleExpand(): void;
     /** @hidden */

package/radio/radio-button/radio-button.component.d.ts

@@ -92,7 +92,7 @@ export declare class RadioButtonComponent implements OnChanges, AfterViewInit, C
      */
     buildComponentCssClass(): string[];
     /** @hidden */
-    elementRef(): ElementRef<any>;
+    get elementRef(): ElementRef;
     /** @hidden */
     labelClicked(event: MouseEvent | KeyboardEvent, applyFocus?: boolean): void;
     /** @hidden */

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

@@ -54,21 +54,21 @@ function addExternalLibraries(options) {
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/i18n') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.42.0-rc.20', '<')) {
+            (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.20`,
+                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.20', '<')) {
+            (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.20`,
+                version: `0.42.0-rc.21`,
                 name: '@fundamental-ngx/cdk',
                 overwrite: true
             });