@fundamental-ngx/platform 0.48.0-rc.8 → 0.48.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/platform",
-  "version": "0.48.0-rc.8",
+  "version": "0.48.0",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - platform",
   "license": "Apache-2.0",
@@ -13,9 +13,9 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@fundamental-ngx/cdk": "0.48.0-rc.8",
-    "@fundamental-ngx/core": "0.48.0-rc.8",
-    "@fundamental-ngx/i18n": "0.48.0-rc.8"
+    "@fundamental-ngx/cdk": "0.48.0",
+    "@fundamental-ngx/core": "0.48.0",
+    "@fundamental-ngx/i18n": "0.48.0"
   },
   "dependencies": {
     "fast-deep-equal": "3.1.3",

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

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export type footerSize = 'sm' | 'md' | 'lg' | 'xl';
 /**
@@ -6,8 +6,6 @@ export type footerSize = 'sm' | 'md' | 'lg' | 'xl';
  * PlatformFooter component is deprecated since version 0.40.0
  */
 export declare class PlatformFooterComponent {
-    private _elRef;
-    private readonly _cdRef;
     /** logo template accpets the generic html */
     logo: TemplateRef<any>;
     /** content template accpets the generic html */
@@ -19,7 +17,7 @@ export declare class PlatformFooterComponent {
     /** @hidden */
     screenHeight: any;
     /** @hidden */
-    constructor(_elRef: ElementRef, _cdRef: ChangeDetectorRef);
+    constructor();
     /** @hidden */
     onResize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlatformFooterComponent, never>;

package/panel/panel.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { BaseComponent } from '@fundamental-ngx/platform/shared';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
@@ -30,7 +30,6 @@ export declare class PanelExpandChangeEvent {
  *
  * */
 export declare class PanelComponent extends BaseComponent implements OnInit, OnChanges {
-    protected _cd: ChangeDetectorRef;
     protected _panelConfig: PanelConfig;
     readonly contentDensityObserver: ContentDensityObserver;
     /**
@@ -67,7 +66,7 @@ export declare class PanelComponent extends BaseComponent implements OnInit, OnC
     /** @hidden id of the title element */
     _titleId: string;
     /** @hidden */
-    constructor(_cd: ChangeDetectorRef, _panelConfig: PanelConfig, contentDensityObserver: ContentDensityObserver);
+    constructor(_panelConfig: PanelConfig, contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */

package/search-field/search-field-mobile/search-field/search-field-mobile.component.d.ts

@@ -1,19 +1,16 @@
-import { ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { DialogService } from '@fundamental-ngx/core/dialog';
-import { MobileModeBase, MobileModeConfigToken } from '@fundamental-ngx/core/mobile-mode';
+import { OnInit, TemplateRef } from '@angular/core';
+import { MobileModeBase } from '@fundamental-ngx/core/mobile-mode';
 import { SearchFieldChildContent, SearchFieldMobileInterface } from '../search-field-mobile.interface';
 import * as i0 from "@angular/core";
-export declare class SearchFieldMobileComponent extends MobileModeBase<SearchFieldMobileInterface> implements OnInit, OnDestroy {
-    /** @hidden */
-    childContent: SearchFieldChildContent | null;
+export declare class SearchFieldMobileComponent extends MobileModeBase<SearchFieldMobileInterface> implements OnInit {
     /** @hidden */
     dialogTemplate: TemplateRef<any>;
     /** @hidden */
-    constructor(elementRef: ElementRef, dialogService: DialogService, searchFieldComponent: SearchFieldMobileInterface, mobileModes: MobileModeConfigToken[]);
+    childContent: SearchFieldChildContent | null;
     /** @hidden */
-    ngOnInit(): void;
+    constructor(searchFieldComponent: SearchFieldMobileInterface);
     /** @hidden */
-    ngOnDestroy(): void;
+    ngOnInit(): void;
     /** @hidden */
     listenChanges(): void;
     /** @hidden */
@@ -22,6 +19,6 @@ export declare class SearchFieldMobileComponent extends MobileModeBase<SearchFie
     _handleApprove(): void;
     /** @hidden */
     private _open;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchFieldMobileComponent, [null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchFieldMobileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SearchFieldMobileComponent, "fdp-search-field-mobile", never, {}, {}, never, never, true, never>;
 }

package/search-field/search-field.component.d.ts

@@ -1,9 +1,9 @@
 import { FocusableOption, LiveAnnouncer } from '@angular/cdk/a11y';
 import { Direction } from '@angular/cdk/bidi';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, PipeTransform, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, PipeTransform, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import { DynamicComponentService, Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
+import { DynamicComponentService, RtlService } from '@fundamental-ngx/cdk/utils';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
 import { PopoverComponent } from '@fundamental-ngx/core/popover';
@@ -34,12 +34,11 @@ export declare class SearchFieldSuggestionDirective implements FocusableOption {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SearchFieldSuggestionDirective, "[fdpSearchFieldSuggestion]", never, {}, {}, never, never, true, never>;
 }
 type Appearance = SearchComponent['appearance'] | undefined;
-export declare class SearchFieldComponent extends BaseComponent implements OnInit, OnChanges, OnDestroy, SearchFieldMobileInterface, SearchComponent {
+export declare class SearchFieldComponent extends BaseComponent implements OnInit, OnChanges, OnDestroy, SearchFieldMobileInterface, SearchComponent, AfterViewInit {
     elementRef: ElementRef<HTMLElement>;
     private readonly _overlay;
     private readonly _viewContainerRef;
     private readonly _injector;
-    protected readonly _cd: ChangeDetectorRef;
     private readonly _rtl;
     private readonly _document;
     private readonly _liveAnnouncer;
@@ -79,16 +78,6 @@ export declare class SearchFieldComponent extends BaseComponent implements OnIni
     hideCategoryLabel: boolean;
     /** Toggle "loading" mode. */
     isLoading: boolean;
-    /**
-     * ARIA label to specify what the search field is
-     * Not shown in the UI, only visible by the screen-readers.
-     */
-    ariaLabel: Nullable<string>;
-    /**
-     * Id of elements (separated by space) for setting aria-labelledby for search input
-     * Not shown in the UI, only visible by the screen-readers.
-     */
-    ariaLabelledby: string;
     /** Whether to always show search button. */
     forceSearchButton: boolean;
     /** Whether to disable the "suggestions found" live announcer. */
@@ -148,7 +137,7 @@ export declare class SearchFieldComponent extends BaseComponent implements OnIni
     /** @hidden */
     _clearId: string;
     /** @hidden */
-    _dir: Direction;
+    readonly _dir$: import("@angular/core").Signal<Direction>;
     /** @hidden */
     isOpen: boolean;
     /** @hidden */
@@ -172,18 +161,20 @@ export declare class SearchFieldComponent extends BaseComponent implements OnIni
     /** @hidden */
     private resolveTranslation;
     /** @hidden */
-    private readonly _onDestroy$;
+    private readonly _destroyRef;
     /** @hidden */
     private readonly _dataSourceChanged$;
     /** @hidden */
     private _appearance;
     /** @hidden */
-    constructor(elementRef: ElementRef<HTMLElement>, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _injector: Injector, _cd: ChangeDetectorRef, _rtl: RtlService, _document: Document, _liveAnnouncer: LiveAnnouncer, _dynamicComponentService: DynamicComponentService, contentDensityObserver: ContentDensityObserver);
+    constructor(elementRef: ElementRef<HTMLElement>, _overlay: Overlay, _viewContainerRef: ViewContainerRef, _injector: Injector, _rtl: RtlService, _document: Document, _liveAnnouncer: LiveAnnouncer, _dynamicComponentService: DynamicComponentService, contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     handleKeydown(event: KeyboardEvent): void;
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
     /** @hidden */
     ngOnDestroy(): void;
@@ -242,8 +233,8 @@ export declare class SearchFieldComponent extends BaseComponent implements OnIni
     private _updateSearchAnnouncementText;
     /** @hidden */
     private _setUpMobileMode;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchFieldComponent, [null, null, null, null, null, { optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchFieldComponent, "fdp-search-field", never, { "categoryMode": { "alias": "categoryMode"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "disableRefresh": { "alias": "disableRefresh"; "required": false; }; "disableSearch": { "alias": "disableSearch"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "inputText": { "alias": "inputText"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "currentCategory": { "alias": "currentCategory"; "required": false; }; "categoryLabel": { "alias": "categoryLabel"; "required": false; }; "hideCategoryLabel": { "alias": "hideCategoryLabel"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "forceSearchButton": { "alias": "forceSearchButton"; "required": false; }; "disableSuggestionsFoundAnnouncer": { "alias": "disableSuggestionsFoundAnnouncer"; "required": false; }; }, { "inputChange": "inputChange"; "searchSubmit": "searchSubmit"; "cancelSearch": "cancelSearch"; "isOpenChange": "isOpenChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchFieldComponent, [null, null, null, null, { optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchFieldComponent, "fdp-search-field", never, { "categoryMode": { "alias": "categoryMode"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "disableRefresh": { "alias": "disableRefresh"; "required": false; }; "disableSearch": { "alias": "disableSearch"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "inputText": { "alias": "inputText"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "currentCategory": { "alias": "currentCategory"; "required": false; }; "categoryLabel": { "alias": "categoryLabel"; "required": false; }; "hideCategoryLabel": { "alias": "hideCategoryLabel"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "forceSearchButton": { "alias": "forceSearchButton"; "required": false; }; "disableSuggestionsFoundAnnouncer": { "alias": "disableSuggestionsFoundAnnouncer"; "required": false; }; }, { "inputChange": "inputChange"; "searchSubmit": "searchSubmit"; "cancelSearch": "cancelSearch"; "isOpenChange": "isOpenChange"; }, never, never, true, never>;
 }
 export declare class SuggestionMatchesPipe implements PipeTransform {
     /** @hidden */

package/settings-generator/models/settings.model.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
-import { AnyDynamicFormFieldItem, BaseDynamicFormFieldItem, DynamicFormItem, FdpFormGeneratorAsyncProperty } from '@fundamental-ngx/platform/form';
+import { FdkAsyncProperty } from '@fundamental-ngx/cdk/utils';
+import { AnyDynamicFormFieldItem, BaseDynamicFormFieldItem, DynamicFormItem } from '@fundamental-ngx/platform/form';
 import { ListAvatarConfig, ListIconConfig } from '@fundamental-ngx/platform/list';
 import { Observable } from 'rxjs';
 /**
@@ -25,7 +26,7 @@ export interface SidebarSettingsModel<TAdditionalControlTypes extends BaseDynami
 }
 export interface SettingsFormTab<TAdditionalControlTypes extends BaseDynamicFormFieldItem = AnyDynamicFormFieldItem> {
     /** Title of the tab. */
-    title: FdpFormGeneratorAsyncProperty<string>;
+    title: FdkAsyncProperty<string>;
     /** @hidden */
     template?: never;
     /** ID of the tab. Will be used as a key in resulting form object. */
@@ -35,7 +36,7 @@ export interface SettingsFormTab<TAdditionalControlTypes extends BaseDynamicForm
 }
 export interface SettingsTemplateTab {
     /** Title of the tab. */
-    title: FdpFormGeneratorAsyncProperty<string>;
+    title: FdkAsyncProperty<string>;
     /** @hidden */
     items?: never;
     /** @hidden */
@@ -45,13 +46,13 @@ export interface SettingsTemplateTab {
 }
 export interface BaseSettingsItem {
     /** Settings item title. */
-    title: FdpFormGeneratorAsyncProperty<string>;
+    title: FdkAsyncProperty<string>;
     /** Settings item icon. */
     thumbnail?: ThumbnailSettingsItem;
     /** Settings item description. */
-    description?: FdpFormGeneratorAsyncProperty<string>;
+    description?: FdkAsyncProperty<string>;
     /** Settings section title. */
-    sectionTitle?: FdpFormGeneratorAsyncProperty<string>;
+    sectionTitle?: FdkAsyncProperty<string>;
 }
 export interface IconBaseSettingsItem {
     /** Settings item icon configuration. */

package/settings-generator/settings-generator-content/settings-generator-content.component.d.ts

@@ -1,16 +1,9 @@
 import { EventEmitter } from '@angular/core';
 import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { IconTabBarItem } from '@fundamental-ngx/platform/icon-tab-bar';
 import { GroupedFormSettingsItem, GroupedTemplateSettingsItem, SettingsFormTab, SettingsItem, SettingsTemplateTab, TemplateSettingsItem } from '../models/settings.model';
 import * as i0 from "@angular/core";
 export declare class SettingsGeneratorContentComponent {
-    /** @hidden */
-    private readonly _cdr;
-    /** @hidden */
-    private _settings;
-    /** @hidden */
-    _groups: (SettingsTemplateTab | SettingsFormTab)[];
-    /** @hidden */
-    _index: number;
     /** @hidden */
     set settings(value: Nullable<SettingsItem>);
     get settings(): Nullable<SettingsItem>;
@@ -19,19 +12,45 @@ export declare class SettingsGeneratorContentComponent {
     /** Event emits when user needs to be moved back to navigation screen. */
     goBack: EventEmitter<void>;
     /** @hidden */
+    private readonly _initialClass;
+    /** @hidden */
+    private readonly _tabPanels;
+    /** @hidden */
     _id: Nullable<string>;
     /** @hidden */
-    _renderer: 'form' | 'template';
+    _renderer$: import("@angular/core").Signal<"form" | "template">;
     /** @hidden */
-    _contentLayout: 'form' | 'tabs';
+    _contentLayout$: import("@angular/core").Signal<"form" | "tabs">;
     /** @hidden */
-    private readonly _initialClass;
+    _groups$: import("@angular/core").Signal<(SettingsTemplateTab | SettingsFormTab<import("dist/libs/platform/form").AnyDynamicFormFieldItem<any>>)[]>;
     /** @hidden */
-    private readonly _tabPanels;
+    _tabs$: import("@angular/core").Signal<import("@fundamental-ngx/cdk/utils").NullableObject<{
+        icon: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<string>;
+        label: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<string>;
+        color: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<import("@fundamental-ngx/platform/icon-tab-bar").SemanticColor>;
+        counter: import("@fundamental-ngx/cdk/utils").FdkAsyncProperty<number>;
+        active: boolean;
+        badge: boolean;
+        subItems: import("@fundamental-ngx/cdk/utils").NullableObject<any>[];
+        closable: boolean;
+        iconFont: import("@fundamental-ngx/core/icon").IconFont;
+        renderer?: import("@angular/core").TemplateRef<any> | undefined;
+        id?: string | undefined;
+    }>[]>;
+    /** @hidden */
+    _index: number;
+    /** @hidden */
+    readonly _activeTab$: import("@angular/core").WritableSignal<number>;
+    /** @hidden */
+    readonly _settings$: import("@angular/core").WritableSignal<Nullable<SettingsItem>>;
+    /** @hidden */
+    private _settings;
     /** @hidden */
     isTemplateLayout(settings: Nullable<SettingsItem>): settings is TemplateSettingsItem;
     /** @hidden */
     isGroupedSettings(settings: any): settings is GroupedFormSettingsItem | GroupedTemplateSettingsItem;
+    /** @hidden */
+    changeTab(item: IconTabBarItem): void;
     /**
      * Activates tab by group ID.
      * @param id ID of the group.

package/settings-generator/settings-generator-content/settings-generator-section/settings-generator-section.component.d.ts

@@ -22,8 +22,6 @@ export declare class SettingsGeneratorSectionComponent {
     /** @hidden */
     private set _formGeneratorCmp(value);
     /** @hidden */
-    private _formGenerator;
-    /** @hidden */
     _renderer: 'form' | 'template';
     /** @hidden */
     _templateRef: TemplateRef<any> | null;

package/settings-generator/settings-generator.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, DestroyRef, ElementRef, Injector, OnDestroy } from '@angular/core';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
 import { FormGeneratorService } from '@fundamental-ngx/platform/form';
 import { Observable } from 'rxjs';
 import { SettingsConfig } from './models/settings-config.model';
@@ -8,7 +8,7 @@ import { SettingsModel } from './models/settings.model';
 import { SettingsGeneratorLayoutAccessorService } from './settings-generator-layout-accessor.service';
 import { SettingsGeneratorReturnValue } from './settings-generator.service';
 import * as i0 from "@angular/core";
-export declare class SettingsGeneratorComponent implements SettingsGenerator, AfterViewInit, OnDestroy {
+export declare class SettingsGeneratorComponent implements SettingsGenerator, AfterViewInit, OnDestroy, HasElementRef {
     private readonly _fgService;
     private readonly _settingsLayoutService;
     private readonly _injector;
@@ -22,7 +22,7 @@ export declare class SettingsGeneratorComponent implements SettingsGenerator, Af
     /**
      * Settings Generator Element Ref.
      */
-    elementRef: ElementRef<HTMLElement>;
+    readonly elementRef: ElementRef<HTMLElement>;
     /**
      * Settings configuration.
      */

package/settings-generator/settings-generator.service.d.ts

@@ -29,7 +29,7 @@ export declare class SettingsGeneratorService implements OnDestroy {
     /** @hidden */
     private readonly _messagePopover;
     /** @hidden */
-    private readonly _destroy$;
+    private readonly _destroyRef;
     /** @hidden */
     constructor();
     /** @hidden */

package/shared/base.d.ts

@@ -9,7 +9,6 @@ import * as i0 from "@angular/core";
  * @hidden for form related Base , see BaseInput.
  */
 export declare abstract class BaseComponent implements OnDestroy {
-    protected _cd: ChangeDetectorRef;
     /** @hidden */
     protected defaultId: string;
     /** @hidden */
@@ -18,6 +17,11 @@ export declare abstract class BaseComponent implements OnDestroy {
     ariaLabel: Nullable<string>;
     /** Sets the `aria-labelledby` attribute to the element. */
     ariaLabelledBy: Nullable<string>;
+    /**
+     * @deprecated
+     * Use `ariaLabelledBy` instead.
+     */
+    set ariaLabelledby(value: Nullable<string>);
     /** Sets the `aria-describedby` attribute to the element. */
     ariaDescribedBy: Nullable<string>;
     /** id for the Element */
@@ -33,8 +37,11 @@ export declare abstract class BaseComponent implements OnDestroy {
     /** disabled status of the element */
     set disabled(disabled: boolean);
     get disabled(): boolean;
-    /** @hidden */
-    constructor(_cd: ChangeDetectorRef);
+    /**
+     * @hidden
+     * Change detector ref.
+     */
+    protected readonly _cdr: ChangeDetectorRef;
     /** @hidden */
     ngOnDestroy(): void;
     /**
@@ -56,5 +63,5 @@ export declare abstract class BaseComponent implements OnDestroy {
      */
     detectChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

package/shared/form/base.input.d.ts

@@ -1,7 +1,7 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, InjectionToken, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, DestroyRef, DoCheck, ElementRef, InjectionToken, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { ControlContainer, ControlValueAccessor, NgControl, NgForm } from '@angular/forms';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
 import { Observable, Subject } from 'rxjs';
 import { FormFieldAdvancedStateMessage, FormStates } from '@fundamental-ngx/cdk/forms';
 import { FormInputMessageGroupComponent } from '@fundamental-ngx/core/form';
@@ -10,6 +10,7 @@ import { BaseComponent } from '../base';
 import { PlatformFormField, PlatformFormFieldControl } from './form-field';
 import * as i0 from "@angular/core";
 export declare const FDP_DO_CHECK: InjectionToken<Observable<void>>;
+export declare const FDP_FORM_SUBMIT: InjectionToken<Observable<void>>;
 /**
  * All form components share the same information (value, name, placeholder,.. ) as well as
  * the same behavior given by ControlValueAccessor.
@@ -21,11 +22,7 @@ export declare const FDP_DO_CHECK: InjectionToken<Observable<void>>;
  * Usually try to fire stateChange only for things that can change dynamically in runtime. We don't expect
  * that e.g. placeholder will change after component is created
  */
-export declare abstract class BaseInput extends BaseComponent implements PlatformFormFieldControl, ControlValueAccessor, OnInit, DoCheck, AfterViewInit, OnDestroy {
-    readonly elementRef: ElementRef;
-    readonly ngControl: NgControl;
-    readonly controlContainer: ControlContainer;
-    readonly ngForm: NgForm;
+export declare abstract class BaseInput extends BaseComponent implements PlatformFormFieldControl, ControlValueAccessor, OnInit, DoCheck, AfterViewInit, OnDestroy, HasElementRef {
     /** Input placeholder */
     placeholder: string;
     /**
@@ -52,15 +49,13 @@ export declare abstract class BaseInput extends BaseComponent implements Platfor
      * readOnly Value to Mark component read only
      */
     readonly: boolean;
-    /** Binds to control aria-labelledBy attribute */
-    ariaLabelledBy: Nullable<string>;
-    /** Sets control aria-label attribute value */
-    ariaLabel: Nullable<string>;
     /**
      * Tell the component if we are in editing mode.
      */
-    set editable(value: BooleanInput);
+    set editable(value: boolean);
     get editable(): boolean;
+    /** Form control validation event strategy. */
+    validationStrategy: ('touched' | 'dirty' | 'submitted')[];
     /**
      * Reference to internal Input element
      */
@@ -95,6 +90,18 @@ export declare abstract class BaseInput extends BaseComponent implements Platfor
     readonly formField: PlatformFormField | null;
     /** @hidden */
     readonly _doCheck$: Observable<void> | null;
+    /** Element reference. */
+    readonly elementRef: ElementRef<any>;
+    /** NgControl reference. */
+    readonly ngControl: NgControl | null;
+    /** Control container reference. */
+    readonly controlContainer: ControlContainer | null;
+    /** Form reference. */
+    readonly ngForm: NgForm | null;
+    /** @hidden */
+    private readonly _externalSubmit;
+    /** @hidden */
+    private _externalFormSubmitted;
     /**
      * @hidden
      * The state of the form control - applies css classes.
@@ -110,13 +117,13 @@ export declare abstract class BaseInput extends BaseComponent implements Platfor
     /** @hidden */
     protected _editable: boolean;
     /** @hidden */
-    protected _destroyed: Subject<void>;
+    protected _destroyed: DestroyRef;
     /**
      * @hidden
      */
     private _controlInvalid;
     /** @hidden */
-    protected constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl);
+    constructor();
     /** @hidden */
     onChange: (value: any) => void;
     /** @hidden */
@@ -178,6 +185,7 @@ export declare abstract class BaseInput extends BaseComponent implements Platfor
     protected setValue(value: any, emitOnChange?: boolean): void;
     /** @hidden */
     protected getValue(): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInput, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseInput, never, never, { "placeholder": { "alias": "placeholder"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "state": { "alias": "state"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "required": false; }; "stateMessageConfig": { "alias": "stateMessageConfig"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseInput, never, never, { "placeholder": { "alias": "placeholder"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "state": { "alias": "state"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "required": false; }; "stateMessageConfig": { "alias": "stateMessageConfig"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "validationStrategy": { "alias": "validationStrategy"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_editable: unknown;
 }

package/shared/form/collection-base.input.d.ts

@@ -1,8 +1,5 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
 import { SelectItem } from '../domain/data-model';
 import { BaseInput } from './base.input';
-import { PlatformFormField, PlatformFormFieldControl } from './form-field';
 import * as i0 from "@angular/core";
 /**
  * Defines specific behavior for Input controls which deals with list of values including:
@@ -14,9 +11,6 @@ import * as i0 from "@angular/core";
  *
  */
 export declare abstract class CollectionBaseInput extends BaseInput {
-    readonly ngControl: NgControl;
-    readonly controlContainer: ControlContainer;
-    readonly ngForm: NgForm;
     /**
      * List of values, it can be of type SelectItem, string or any object.
      * Generic object type is among the list of types,
@@ -39,13 +33,11 @@ export declare abstract class CollectionBaseInput extends BaseInput {
      */
     displayKey: string;
     /** @hidden */
-    protected constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl);
-    /** @hidden */
     lookupValue(item: any): string;
     /** @hidden */
     displayValue(item: any): string;
     /** @hidden */
     objectGet(obj: any, is: string | string[] | undefined): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionBaseInput, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionBaseInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CollectionBaseInput, never, never, { "list": { "alias": "list"; "required": false; }; "lookupKey": { "alias": "lookupKey"; "required": false; }; "displayKey": { "alias": "displayKey"; "required": false; }; }, {}, never, never, false, never>;
 }

package/shared/form/inline-layout-collection-base.input.d.ts

@@ -1,9 +1,7 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { ChangeDetectorRef, ElementRef, InjectionToken, OnInit } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
+import { InjectionToken, OnInit } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { CollectionBaseInput } from './collection-base.input';
-import { PlatformFormField, PlatformFormFieldControl } from './form-field';
 import * as i0 from "@angular/core";
 export interface InlineLayout {
     XL?: boolean;
@@ -53,18 +51,15 @@ export declare class ResponsiveBreakpointsService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ResponsiveBreakpointsService>;
 }
 export declare abstract class InLineLayoutCollectionBaseInput extends CollectionBaseInput implements OnInit {
-    readonly _responsiveBreakpointsService: ResponsiveBreakpointsService;
-    readonly ngControl: NgControl;
-    readonly controlContainer: ControlContainer;
-    readonly ngForm: NgForm;
-    readonly _defaultResponsiveBreakPointConfig?: ResponsiveBreakPointConfig | undefined;
     /** object to change isInline property based on screen size */
     set inlineLayout(layout: InlineLayout | undefined);
     get inlineLayout(): InlineLayout;
     /** @hidden */
     protected _inlineCurrentValue$: BehaviorSubject<boolean>;
     /** @hidden */
-    protected _responsiveBreakPointConfig: ResponsiveBreakPointConfig;
+    protected readonly _responsiveBreakpointsService: ResponsiveBreakpointsService;
+    /** @hidden */
+    protected readonly _responsiveBreakPointConfig: ResponsiveBreakPointConfig;
     /** @hidden */
     private _inlineLayout;
     /** @hidden */
@@ -78,13 +73,11 @@ export declare abstract class InLineLayoutCollectionBaseInput extends Collection
     /** @hidden */
     private _isInLineLayoutEnabled;
     /** @hidden */
-    protected constructor(cd: ChangeDetectorRef, elementRef: ElementRef, _responsiveBreakpointsService: ResponsiveBreakpointsService, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl, _defaultResponsiveBreakPointConfig?: ResponsiveBreakPointConfig | undefined);
-    /** @hidden */
     ngOnInit(): void;
     /** @hidden set values of inline for each screen layout */
     private _setFieldLayout;
     /** @hidden */
     private _updateLayout;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InLineLayoutCollectionBaseInput, [null, null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InLineLayoutCollectionBaseInput, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InLineLayoutCollectionBaseInput, never, never, { "inlineLayout": { "alias": "inlineLayout"; "required": false; }; }, {}, never, never, false, never>;
 }

package/slider/slider.component.d.ts

@@ -1,7 +1,6 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { ControlContainer, NgControl, NgForm } from '@angular/forms';
+import { EventEmitter } from '@angular/core';
 import { SliderTickMark } from '@fundamental-ngx/core/slider';
-import { BaseInput, PlatformFormField, PlatformFormFieldControl } from '@fundamental-ngx/platform/shared';
+import { BaseInput } from '@fundamental-ngx/platform/shared';
 import * as i0 from "@angular/core";
 export type SliderCustomValue = Omit<SliderTickMark, 'position'>;
 export type SliderControlValue = number | number[] | SliderTickMark | SliderTickMark[];
@@ -48,8 +47,6 @@ export declare class SliderComponent extends BaseInput {
      * *$event* can be used to retrieve the new state of the slider.
      */
     readonly sliderChange: EventEmitter<SliderChangeEvent<any>>;
-    /** @hidden */
-    constructor(cd: ChangeDetectorRef, elementRef: ElementRef, ngControl: NgControl, controlContainer: ControlContainer, ngForm: NgForm, formField: PlatformFormField, formControl: PlatformFormFieldControl);
     /** value for slider control */
     set value(selectValue: any);
     get value(): any;
@@ -59,6 +56,6 @@ export declare class SliderComponent extends BaseInput {
      * Method to emit change event
      */
     private _emitChangeEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "fdp-slider", never, { "class": { "alias": "class"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "jump": { "alias": "jump"; "required": false; }; "tickmarksBetweenLabels": { "alias": "tickmarksBetweenLabels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showTicks": { "alias": "showTicks"; "required": false; }; "showTicksLabels": { "alias": "showTicksLabels"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "tooltipMode": { "alias": "tooltipMode"; "required": false; }; "hideProgressBar": { "alias": "hideProgressBar"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "sliderChange": "sliderChange"; }, never, never, true, never>;
 }

package/smart-filter-bar/components/smart-filter-bar-condition-field/base-smart-filter-bar-condition-field.d.ts

@@ -4,11 +4,9 @@ import { BaseDynamicFormGeneratorControl, DynamicFormControl } from '@fundamenta
 import { SmartFilterBarService } from '../../smart-filter-bar.service';
 import * as i0 from "@angular/core";
 export declare abstract class BaseSmartFilterBarConditionField extends BaseDynamicFormGeneratorControl {
-    protected _dialogService: DialogService;
-    protected _smartFilterBarService: SmartFilterBarService;
-    protected _injector: Injector;
-    /** @hidden */
-    protected constructor(_dialogService: DialogService, _smartFilterBarService: SmartFilterBarService, _injector: Injector);
+    protected readonly _dialogService: DialogService;
+    protected readonly _smartFilterBarService: SmartFilterBarService;
+    protected readonly _injector: Injector;
     /**
      * Method for opening conditions configuration dialog.
      */

package/smart-filter-bar/components/smart-filter-bar-condition-field/smart-filter-bar-condition-field.component.d.ts

@@ -1,11 +1,6 @@
-import { Injector } from '@angular/core';
-import { DialogService } from '@fundamental-ngx/core/dialog';
-import { SmartFilterBarService } from '../../smart-filter-bar.service';
 import { BaseSmartFilterBarConditionField } from './base-smart-filter-bar-condition-field';
 import * as i0 from "@angular/core";
 export declare class SmartFilterBarConditionFieldComponent extends BaseSmartFilterBarConditionField {
-    /** @hidden */
-    constructor(dialogService: DialogService, smartFilterBarService: SmartFilterBarService, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartFilterBarConditionFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SmartFilterBarConditionFieldComponent, "fdp-smart-filter-bar-condition-field", never, {}, {}, never, never, true, never>;
 }