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

package/inline-help/inline-help.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, Type } from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { PopoverService, TriggerConfig } from '@fundamental-ngx/core/popover';
 import { BasePopoverClass } from '@fundamental-ngx/core/popover';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
@@ -10,6 +10,8 @@ import * as i0 from "@angular/core";
 export declare class InlineHelpDirective extends BasePopoverClass implements OnInit, OnChanges, OnDestroy {
     private _popoverService;
     private _elementRef;
+    private _renderer;
+    private readonly _viewContainerRef;
     private _icon;
     /** The trigger events that will open/close the inline help component.
      *  Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp). */
@@ -24,13 +26,15 @@ export declare class InlineHelpDirective extends BasePopoverClass implements OnI
     set inlineHelpContent(content: string | TemplateRef<any>);
     /** @hidden */
     _describedBy: string;
+    /** @hidden */
+    private _srViewRef;
     /**
      * Inline help template to display inside generated popover
      * @deprecated Use `fd-inline-help` instead
      * */
     set inlineHelpTemplate(template: Nullable<TemplateRef<any>>);
     /** @hidden */
-    constructor(_popoverService: PopoverService, _elementRef: ElementRef, _icon: Type<any>);
+    constructor(_popoverService: PopoverService, _elementRef: ElementRef, _renderer: Renderer2, _viewContainerRef: ViewContainerRef, _icon: Type<any>);
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /** @hidden */
@@ -39,6 +43,8 @@ export declare class InlineHelpDirective extends BasePopoverClass implements OnI
     ngOnDestroy(): void;
     /** @hidden */
     private _applyAdditionalInlineHelpClass;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InlineHelpDirective, [null, null, { optional: true; self: true; }]>;
+    /** @hidden */
+    private _setupScreenreaderElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineHelpDirective, [null, null, null, null, { optional: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InlineHelpDirective, "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", never, { "triggers": "triggers"; "noArrow": "noArrow"; "closeOnEscapeKey": "closeOnEscapeKey"; "closeOnOutsideClick": "closeOnOutsideClick"; "inlineHelpContent": "fd-inline-help"; "inlineHelpTemplate": "fd-inline-help-template"; }, {}, never, never, false, never>;
 }

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

@@ -2,11 +2,12 @@ import { ElementRef, OnChanges, OnInit, EventEmitter } 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 MessageStripType = Nullable<'warning' | 'success' | 'information' | 'error'>;
 /**
  * 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. */
@@ -19,7 +20,7 @@ export declare class MessageStripComponent implements OnInit, OnChanges, CssClas
     /** The type of the message strip.
      * Can be one of *warning*, *success*, *information*, *error* or null.
      */
-    type: string;
+    type: MessageStripType;
     /** Id for the message-strip component. If omitted, a unique one is generated. */
     id: string;
     /** Id of the element that labels the message-strip. */
@@ -40,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

@@ -12,6 +12,7 @@ import { CssClassBuilder, DynamicComponentService, FocusEscapeDirection, FocusTr
 import { MultiInputInterface } from './multi-input.interface';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { FormStates } from '@fundamental-ngx/cdk/forms';
+import { FdLanguage } from '@fundamental-ngx/i18n';
 import * as i0 from "@angular/core";
 /**
  * Input field with multiple selection enabled. Should be used when a user can select between a
@@ -21,11 +22,12 @@ 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;
     private readonly _viewContainerRef;
+    private readonly _language;
     private readonly _rtlService;
     private readonly _focusTrapService;
     /** Placeholder for the input field. */
@@ -184,11 +186,13 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
     /** @hidden */
     private readonly _rangeSelector;
     /** @hidden */
+    private readonly _translationResolver;
+    /** @hidden */
     onChange: (value: any) => void;
     /** @hidden */
     onTouched: () => void;
     /** @hidden */
-    constructor(_contentDensityObserver: ContentDensityObserver, _elementRef: ElementRef<HTMLElement>, _changeDetRef: ChangeDetectorRef, _dynamicComponentService: DynamicComponentService, _injector: Injector, _viewContainerRef: ViewContainerRef, _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 */
@@ -203,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;
@@ -286,7 +288,9 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
     private _getViewModel;
     /** @hidden */
     private _focusOut;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    /** @hidden */
+    private _getAriaLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "fd-multi-input", never, { "placeholder": "placeholder"; "disabled": "disabled"; "required": "required"; "compactCollapse": "compactCollapse"; "maxHeight": "maxHeight"; "glyph": "glyph"; "dropdownValues": "dropdownValues"; "openDropdownOnAddOnClicked": "openDropdownOnAddOnClicked"; "searchTerm": "searchTerm"; "inputId": "inputId"; "highlight": "highlight"; "selected": "selected"; "class": "class"; "filterFn": "filterFn"; "valueFn": "valueFn"; "displayFn": "displayFn"; "newTokenParseFn": "newTokenParseFn"; "newTokenValidateFn": "newTokenValidateFn"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "fillControlMode": "fillControlMode"; "state": "state"; "buttonFocusable": "buttonFocusable"; "allowNewTokens": "allowNewTokens"; "mobile": "mobile"; "showAllButton": "showAllButton"; "bodyMaxWidth": "bodyMaxWidth"; "mobileConfig": "mobileConfig"; "includes": "includes"; "itemTemplate": "itemTemplate"; "title": "title"; "byline": "byline"; "autoComplete": "autoComplete"; "open": "open"; "displayAddonButton": "displayAddonButton"; }, { "searchTermChange": "searchTermChange"; "selectedChange": "selectedChange"; "openChange": "openChange"; "addOnButtonClicked": "addOnButtonClicked"; "allItemsSelectedChange": "allItemsSelectedChange"; }, never, ["*"], false, never>;
 }
 interface OptionItem<T = any> extends OptionItemBase {

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.2",
+  "version": "0.42.0-rc.21",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migrations.json"
@@ -25,12 +25,12 @@
     "@angular/cdk": "^15.0.0",
     "rxjs": "^7.8.0",
     "fundamental-styles": "0.28.3",
-    "@sap-theming/theming-base-content": "^11.3.0"
+    "@sap-theming/theming-base-content": "^11.4.0"
   },
   "dependencies": {
     "focus-trap": "^7.1.0",
-    "@fundamental-ngx/i18n": "0.42.0-rc.2",
-    "@fundamental-ngx/cdk": "0.42.0-rc.2",
+    "@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 */