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

package/message-strip/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@fundamental-ngx/core/message-strip" />
-export * from './public_api';
+export * from './message-strip.module';
+export * from './message-strip.component';
+export * from './message-strip-type';
+export * from './auto-dismiss-message-strip.directive';
+export * from './alert';

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

@@ -0,0 +1,2 @@
+import { Nullable } from '@fundamental-ngx/cdk/utils';
+export type MessageStripType = Nullable<'warning' | 'success' | 'information' | 'error'>;

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

@@ -1,13 +1,12 @@
-import { ElementRef, OnChanges, OnInit, EventEmitter } from '@angular/core';
-import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { CssClassBuilder, Nullable } from '@fundamental-ngx/cdk/utils';
+import { MessageStripType } from './message-strip-type';
 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. */
@@ -41,13 +40,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.
      */
@@ -59,5 +56,5 @@ export declare class MessageStripComponent implements OnInit, OnChanges, CssClas
      */
     buildComponentCssClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageStripComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageStripComponent, "fd-message-strip", never, { "class": "class"; "dismissible": "dismissible"; "noIcon": "noIcon"; "type": "type"; "id": "id"; "ariaLabelledBy": "ariaLabelledBy"; "ariaLabel": "ariaLabel"; "dismissLabel": "dismissLabel"; "width": "width"; "minWidth": "minWidth"; "marginBottom": "marginBottom"; }, { "onDismiss": "onDismiss"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageStripComponent, "fd-message-strip", never, { "class": "class"; "dismissible": "dismissible"; "noIcon": "noIcon"; "type": "type"; "id": "id"; "ariaLabelledBy": "ariaLabelledBy"; "ariaLabel": "ariaLabel"; "dismissLabel": "dismissLabel"; "width": "width"; "minWidth": "minWidth"; "marginBottom": "marginBottom"; }, { "onDismiss": "onDismiss"; }, never, ["*"], true, never>;
 }

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

@@ -1,10 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./message-strip.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@fundamental-ngx/core/button";
-import * as i4 from "@fundamental-ngx/i18n";
+import * as i2 from "./auto-dismiss-message-strip.directive";
 export declare class MessageStripModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageStripModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MessageStripModule, [typeof i1.MessageStripComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.I18nModule], [typeof i1.MessageStripComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MessageStripModule, never, [typeof i1.MessageStripComponent, typeof i2.AutoDismissMessageStripDirective], [typeof i1.MessageStripComponent, typeof i2.AutoDismissMessageStripDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MessageStripModule>;
 }

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

@@ -167,7 +167,7 @@ export declare class MultiComboboxComponent<T = any> extends BaseMultiCombobox<T
     /** @hidden */
     ngAfterViewInit(): Promise<void>;
     /** @hidden */
-    _toggleSelection(item: SelectableOptionItem): void;
+    _toggleSelection(item: SelectableOptionItem, fromTokenCloseClick?: boolean): void;
     /** @hidden */
     _onOptionCheckboxClicked(event: MouseEvent, index: number): void;
     /** @hidden */

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;
@@ -225,7 +227,7 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
     /** @hidden */
     _onTokenClick(value: any, resetSearch: boolean, event?: MouseEvent): void;
     /** @hidden */
-    _handleSelect(checked: any, value: any, resetSearch?: boolean): void;
+    _handleSelect(checked: any, value: any, resetSearch?: boolean, fromTokenCloseClick?: boolean): void;
     /** @hidden */
     _handleInputKeydown(event: KeyboardEvent): void;
     /** @hidden */
@@ -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.9",
+  "version": "0.42.0",
   "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.9",
-    "@fundamental-ngx/cdk": "0.42.0-rc.9",
+    "@fundamental-ngx/i18n": "0.42.0",
+    "@fundamental-ngx/cdk": "0.42.0",
     "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.9', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.42.0', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.42.0-rc.9`,
+                version: `0.42.0`,
                 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.9', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.42.0', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.42.0-rc.9`,
+                version: `0.42.0`,
                 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>;
 }