@fundamental-ngx/cdk 0.56.4 → 0.57.0-rc.0

package/fesm2022/fundamental-ngx-cdk.mjs

@@ -8,11 +8,11 @@ import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 
 class FundamentalNgxCdkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: FundamentalNgxCdkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: FundamentalNgxCdkModule, exports: [FormsModule, DataSourceModule, UtilsModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: FundamentalNgxCdkModule, imports: [FormsModule, DataSourceModule, UtilsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FundamentalNgxCdkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.2", ngImport: i0, type: FundamentalNgxCdkModule, exports: [FormsModule, DataSourceModule, UtilsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FundamentalNgxCdkModule, imports: [FormsModule, DataSourceModule, UtilsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: FundamentalNgxCdkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FundamentalNgxCdkModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],

package/fesm2022/fundamental-ngx-cdk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-cdk.mjs","sources":["../../../../libs/cdk/fundamental-ngx.module.ts","../../../../libs/cdk/fundamental-ngx-cdk.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { DataSourceModule } from '@fundamental-ngx/cdk/data-source';\nimport { FormsModule } from '@fundamental-ngx/cdk/forms';\nimport { UtilsModule } from '@fundamental-ngx/cdk/utils';\n\n@NgModule({\n    imports: [],\n    declarations: [],\n    exports: [FormsModule, DataSourceModule, UtilsModule]\n})\nexport class FundamentalNgxCdkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAUa,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,EAFtB,OAAA,EAAA,CAAA,WAAW,EAAE,gBAAgB,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;AAE3C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,EAFtB,OAAA,EAAA,CAAA,WAAW,EAAE,gBAAgB,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;2FAE3C,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW;AACvD,iBAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"fundamental-ngx-cdk.mjs","sources":["../tmp-esm2022/fundamental-ngx.module.js","../tmp-esm2022/fundamental-ngx-cdk.js"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { DataSourceModule } from '@fundamental-ngx/cdk/data-source';\nimport { FormsModule } from '@fundamental-ngx/cdk/forms';\nimport { UtilsModule } from '@fundamental-ngx/cdk/utils';\nimport * as i0 from \"@angular/core\";\nexport class FundamentalNgxCdkModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.2\", ngImport: i0, type: FundamentalNgxCdkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.0.2\", ngImport: i0, type: FundamentalNgxCdkModule, exports: [FormsModule, DataSourceModule, UtilsModule] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.0.2\", ngImport: i0, type: FundamentalNgxCdkModule, imports: [FormsModule, DataSourceModule, UtilsModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.2\", ngImport: i0, type: FundamentalNgxCdkModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [],\n                    declarations: [],\n                    exports: [FormsModule, DataSourceModule, UtilsModule]\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvY2RrL2Z1bmRhbWVudGFsLW5neC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQU96RCxNQUFNLE9BQU8sdUJBQXVCOzhHQUF2Qix1QkFBdUI7K0dBQXZCLHVCQUF1QixZQUZ0QixXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVzsrR0FFM0MsdUJBQXVCLFlBRnRCLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxXQUFXOzsyRkFFM0MsdUJBQXVCO2tCQUxuQyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxFQUFFO29CQUNYLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxDQUFDO2lCQUN4RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXRhU291cmNlTW9kdWxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jZGsvZGF0YS1zb3VyY2UnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay9mb3Jtcyc7XG5pbXBvcnQgeyBVdGlsc01vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtdLFxuICAgIGV4cG9ydHM6IFtGb3Jtc01vZHVsZSwgRGF0YVNvdXJjZU1vZHVsZSwgVXRpbHNNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIEZ1bmRhbWVudGFsTmd4Q2RrTW9kdWxlIHt9XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVuZGFtZW50YWwtbmd4LWNkay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvY2RrL2Z1bmRhbWVudGFsLW5neC1jZGsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":";;;;;;;;;AAKO,MAAM,uBAAuB,CAAC;AACrC,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AACxL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC;AACjM,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC;AACjM;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,UAAU,EAAE,CAAC;AACjI,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE,EAAE;AAC/B,oBAAoB,YAAY,EAAE,EAAE;AACpC,oBAAoB,OAAO,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW;AACxE,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;ACjBb;AACA;AACA;;;;"}

package/forms/index.d.ts

@@ -1,12 +1,396 @@
-export * from './forms.module';
-export * from './cva/cva-control.class';
-export * from './cva/cva.directive';
-export * from './helpers/state';
-export * from './models/control-type.model';
-export * from './models/cva';
-export * from './models/form-error';
-export * from './models/form-field';
-export * from './models/form-state';
-export * from './models/select-item';
-export * from './tokens/form-field-control.token';
-export * from './tokens/form-field.token';
+import * as i0 from '@angular/core';
+import { TemplateRef, ElementRef, QueryList, OnInit, DoCheck, AfterViewInit, OnDestroy, EventEmitter, ChangeDetectorRef, DestroyRef, InjectionToken } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ControlValueAccessor, NgControl, ControlContainer, NgForm } from '@angular/forms';
+import { Nullable, HasElementRef } from '@fundamental-ngx/cdk/utils';
+import { Subject, Observable, Subscription } from 'rxjs';
+
+interface BaseCVA extends ControlValueAccessor {
+    ngControl: NgControl | null;
+}
+
+declare const formStates: readonly ["success", "error", "warning", "default", "information"];
+type FormStates = (typeof formStates)[number];
+
+interface FormFieldErrorContext<T> {
+    label: string;
+    $implicit: T;
+}
+interface FormError<T = any> {
+    detectChanges$: Subject<void>;
+    fdpFormFieldErrorAs: T;
+    type: FormStates;
+    error: string;
+    _headingTemplateRef: TemplateRef<FormFieldErrorContext<T>>;
+    _descriptionTemplateRef: TemplateRef<FormFieldErrorContext<T>> | null;
+    templateRef: TemplateRef<FormFieldErrorContext<T>>;
+    registerHeading: (heading: FormErrorHeading) => void;
+    registerDescription: (description: FormErrorDescription) => void;
+}
+interface FormErrorHeading<T = any> {
+    fdpFormFieldErrorHeadingAs: T;
+    fdpFormFieldErrorHeadingType?: FormStates;
+    templateRef: TemplateRef<FormFieldErrorContext<T>>;
+}
+interface FormErrorDescription<T = any> {
+    fdpFormFieldErrorDescriptionAs: T;
+    templateRef: TemplateRef<FormFieldErrorContext<T>>;
+}
+interface FormFieldErrorDirectiveContext {
+    directive: FormError;
+    error: any;
+}
+interface FormFieldAdvancedStateMessage {
+    template: Nullable<TemplateRef<any>>;
+    hasErrors: boolean;
+}
+
+/**
+ * FormField base class.
+ *
+ * This class is used to create form field components.
+ *
+ */
+declare abstract class FormField {
+    /**
+     * Register underlying form control
+     */
+    registerFormFieldControl: (control: FormFieldControl) => void;
+    /**
+     * Unregister underlying form control
+     */
+    unregisterFormFieldControl: (control: FormFieldControl) => void;
+    /**
+     * Set default columns layout
+     */
+    setDefaultColumnLayout: () => void;
+    /** Gets field error priority state. */
+    getPriorityState: () => FormStates;
+    /** Groups errors. */
+    groupErrors: () => void;
+    /** Sets error directives from parent container */
+    setErrorDirectives: (directives: QueryList<FormError>) => void;
+}
+interface FormFieldControl<T = any> {
+    /**
+     * Each input control has always a value. Need to make sure we keep a convention for
+     * input fields
+     */
+    value: T | null;
+    /**
+     * Need to have a way to set placeholder to the input
+     */
+    placeholder: string;
+    /**
+     * Need to have a way to set Mandatory to the input field
+     */
+    required: boolean;
+    /**
+     * Sets id from FF to Input
+     */
+    id: string;
+    /**
+     * This should be coming from Parent.
+     */
+    editable: boolean;
+    /**
+     * The height of the extra content at the bottom of the form control,
+     * which should not affect the alignment of form control and it's label
+     */
+    extraContentHeightPx?: number;
+    /**
+     *
+     * Form Field listen for all the changes happening inside the input
+     */
+    stateChanges: Observable<void>;
+    /**
+     *  Each input should inject its own ngControl and we should retrieve it
+     */
+    ngControl: NgControl | null;
+    /** Whether the control is disabled. */
+    disabled: boolean;
+    /**
+     * Keeps track if the form element is in focus
+     */
+    focused: boolean;
+    /** Whether control has errors */
+    controlInvalid: boolean;
+    /** Corresponding element reference. */
+    elementRef: ElementRef;
+    /** Form field instance. */
+    formField: Nullable<FormField>;
+    /** Method for focusing on the element */
+    focus(event?: MouseEvent): void;
+    /**
+     * Handles even when we click on parent container which is the FormField Wrapping this
+     * control
+     */
+    onContainerClick(event: MouseEvent): void;
+}
+
+declare class CvaDirective<T = any> implements HasElementRef, BaseCVA, FormFieldControl, OnInit, DoCheck, AfterViewInit, OnDestroy, ControlValueAccessor {
+    /** Input placeholder */
+    placeholder: string;
+    /**
+     *  The state of the form control - applies css classes.
+     *  Can be 'success', 'error', 'warning', 'default', 'information'.
+     *
+     * @default 'default'
+     */
+    set state(state: Nullable<FormStates>);
+    get state(): FormStates;
+    /** Holds the message with respect to state */
+    stateMessage: Nullable<string>;
+    /** Whether the input is disabled */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /**
+     * 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);
+    get editable(): boolean;
+    /**
+     * Name of the control.
+     */
+    name: string;
+    /**
+     * Emits when change detection is needed.
+     */
+    detectChanges: EventEmitter<void>;
+    /**
+     * Emits when mark for changes detection is needed.
+     */
+    markForCheck: EventEmitter<void>;
+    /**
+     * Reference to internal Input element
+     */
+    protected _elementRef: ElementRef;
+    /** @hidden */
+    value: T;
+    /** set when input field is mandatory form field */
+    required: boolean;
+    /**
+     * See @FormFieldControl
+     */
+    focused: boolean;
+    /** Whether control has errors */
+    get controlInvalid(): boolean;
+    /**
+     * See @FormFieldControl
+     */
+    readonly stateChanges: Subject<any>;
+    /** @hidden */
+    readonly formField: FormField | null;
+    /**
+     * NgControl instance.
+     */
+    readonly ngControl: NgControl | null;
+    /**
+     * Form container instance. Usually ngForm or FormGroup directives.
+     */
+    readonly controlContainer: ControlContainer | null;
+    /**
+     * Separate NgForm instance. For cases when formGroup is used with the form itself.
+     */
+    readonly ngForm: NgForm | null;
+    /** @hidden */
+    readonly normalizedState$: i0.Signal<"success" | "error" | "warning" | "default" | "information">;
+    /** @hidden */
+    protected _subscriptions: Subscription;
+    /**
+     * A private property to hold the ElementRef which might be null
+     */
+    private _elementRefOrNull;
+    /**
+     * Element reference.
+     */
+    get elementRef(): ElementRef;
+    /** @hidden */
+    private _defaultId;
+    /** ID for the Element */
+    id: string;
+    /** @hidden */
+    private _disabled;
+    /** @hidden */
+    private _editable;
+    /**
+     * @hidden
+     */
+    private readonly _controlInvalid$;
+    /** @hidden */
+    private readonly _parentControl;
+    /**
+     * @hidden
+     * The state of the form control - applies css classes.
+     * Can be `success`, `error`, `warning`, `information` or 'default'
+     */
+    private readonly _state$;
+    /** @hidden */
+    constructor();
+    /** @hidden */
+    onChange: (value: any) => void;
+    /** @hidden */
+    onTouched: () => void;
+    /** @hidden */
+    ngOnInit(): void;
+    /**
+     * Re-validate and emit event to parent container on every CD cycle as they are some errors
+     * that we can't subscribe to.
+     */
+    ngDoCheck(): void;
+    /** @hidden */
+    ngAfterViewInit(): void;
+    /** @hidden */
+    registerOnChange(fn: (_: any) => void): void;
+    /** @hidden */
+    registerOnTouched(fn: () => void): void;
+    /** @hidden */
+    ngOnDestroy(): void;
+    /** @hidden */
+    setDisabledState(isDisabled: BooleanInput): void;
+    /**
+     * Method for setting the value
+     * @param value
+     */
+    writeValue(value: T): void;
+    /**
+     *
+     * Keeps track of element focus
+     */
+    _onFocusChanged(isFocused: boolean): void;
+    /**
+     * Handles even when we click on parent container which is the FormField Wrapping this
+     * control
+     */
+    onContainerClick(event: MouseEvent): void;
+    /**
+     * In most of the cases when working with input element directly you should be just find to assign
+     * variable to this element
+     *
+     * ```
+     * <input #inputElementRef fd-form-control ...>
+     * ```
+     *
+     * and this default behavior used. For other cases implement focus.
+     *
+     */
+    focus(event?: MouseEvent): void;
+    /**
+     *  Need re-validates errors on every CD iteration to make sure we are also
+     *  covering non-control errors, errors that happens outside of this control
+     */
+    updateErrorState(): void;
+    /**
+     * Used to change the value of a control.
+     * @param value the value to be applied
+     * @param emitOnChange whether to emit "onChange" event.
+     * Should be "false", if the change is made programmatically (internally) by the control, "true" otherwise
+     */
+    setValue(value: T, emitOnChange?: boolean): void;
+    /** @hidden */
+    private _markForCheck;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CvaDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CvaDirective<any>, "[fdkCva]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "state": { "alias": "state"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "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; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "detectChanges": "detectChanges"; "markForCheck": "markForCheck"; }, never, never, true, never>;
+}
+
+declare class FormsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormsModule, never, [typeof CvaDirective], [typeof CvaDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormsModule>;
+}
+
+/**
+ * Base ControlValueAccessor control class.
+ * Used in conjunction with CvaDirective.
+ *
+ * This class performs generic change detection based on `CvaDirective` outputs.
+ */
+declare class CvaControl<T> {
+    /**
+     * Control value accessor directive instance.
+     */
+    cvaDirective: CvaDirective<T> | null;
+    /**
+     * Change detector instance.
+     */
+    protected _changeDetector: ChangeDetectorRef;
+    /** @Hidden */
+    protected _destroyRef: DestroyRef;
+    /** @hidden */
+    listenToChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CvaControl<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CvaControl<any>>;
+}
+
+/** Checks if the given state is a valid control state. */
+declare function isValidControlState(value: any): value is FormStates;
+
+/**
+ * Common interface for dropdown-based controls that have single selected value.
+ */
+interface SingleDropdownValueControl {
+    tabOutStrategy: 'close' | 'closeAndSelect';
+}
+
+/**
+ * Interface SelectItem is used to deal with complex object in order to be able to format
+ * custom label that is shown in the options.
+ *
+ * Used in various controls: Select, RadioGroup, CheckboxGroup, Combobox
+ */
+interface SelectItem<T = any> {
+    /**
+     * Item text shown in the popup
+     */
+    label: string;
+    /**
+     * References to the object instance
+     */
+    value: T;
+    disabled?: boolean;
+    icon?: string;
+    /**
+     * Trigger values is a text for selected item
+     */
+    triggerValue?: string;
+    isGroup?: boolean;
+    secondaryText?: string;
+    children?: SelectItem[];
+}
+interface OptionItem<T = any> {
+    /** Item text */
+    label: string;
+    /**
+     * References to the object instance
+     */
+    value: T;
+    id?: string;
+    isGroup?: boolean;
+    secondaryText?: string;
+    children?: OptionItem[];
+}
+interface SelectableOptionItem<T = any> extends OptionItem<T> {
+    selected?: boolean;
+    children?: SelectableOptionItem[];
+}
+/** @hidden */
+declare function isSelectableItem(item: SelectItem | any): item is SelectItem;
+/** @hidden */
+declare function isSelectItem(item: SelectItem | any): item is SelectItem;
+declare const isOptionItem: typeof isSelectItem;
+declare const isSelectableOptionItem: typeof isSelectableItem;
+
+declare const FD_FORM_FIELD_CONTROL: InjectionToken<FormFieldControl<any>>;
+
+declare const FD_FORM_FIELD: InjectionToken<FormField>;
+
+export { CvaControl, CvaDirective, FD_FORM_FIELD, FD_FORM_FIELD_CONTROL, FormField, FormsModule, formStates, isOptionItem, isSelectItem, isSelectableItem, isSelectableOptionItem, isValidControlState };
+export type { BaseCVA, FormError, FormErrorDescription, FormErrorHeading, FormFieldAdvancedStateMessage, FormFieldControl, FormFieldErrorContext, FormFieldErrorDirectiveContext, FormStates, OptionItem, SelectItem, SelectableOptionItem, SingleDropdownValueControl };

package/index.d.ts

@@ -1,4 +1,15 @@
+import * as i2 from '@fundamental-ngx/cdk/data-source';
 export * from '@fundamental-ngx/cdk/data-source';
+import * as i1 from '@fundamental-ngx/cdk/forms';
 export * from '@fundamental-ngx/cdk/forms';
+import * as i3 from '@fundamental-ngx/cdk/utils';
 export * from '@fundamental-ngx/cdk/utils';
-export * from './fundamental-ngx.module';
+import * as i0 from '@angular/core';
+
+declare class FundamentalNgxCdkModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FundamentalNgxCdkModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FundamentalNgxCdkModule, never, never, [typeof i1.FormsModule, typeof i2.DataSourceModule, typeof i3.UtilsModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FundamentalNgxCdkModule>;
+}
+
+export { FundamentalNgxCdkModule };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/cdk",
-  "version": "0.56.4",
+  "version": "0.57.0-rc.0",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - CDK",
   "license": "Apache-2.0",
@@ -13,13 +13,13 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@angular/animations": "^19.0.0",
-    "@angular/cdk": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/forms": "^19.0.0",
-    "@angular/platform-browser": "^19.0.0",
-    "@angular/router": "^19.0.0",
+    "@angular/animations": "^20.0.0",
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/router": "^20.0.0",
     "rxjs": "^7.8.0"
   },
   "dependencies": {