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

package/fesm2015/fundamental-ngx-cdk-forms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-cdk-forms.mjs","sources":["../../../../libs/cdk/src/lib/forms/helpers/state.ts","../../../../libs/cdk/src/lib/forms/tokens/form-field.token.ts","../../../../libs/cdk/src/lib/forms/cva/cva.directive.ts","../../../../libs/cdk/src/lib/forms/forms.module.ts","../../../../libs/cdk/src/lib/forms/cva/cva-control.class.ts","../../../../libs/cdk/src/lib/forms/models/form-field.ts","../../../../libs/cdk/src/lib/forms/models/select-item.ts","../../../../libs/cdk/src/lib/forms/tokens/form-field-control.token.ts","../../../../libs/cdk/src/lib/forms/fundamental-ngx-cdk-forms.ts"],"sourcesContent":["import { FormStates } from '../models/form-state';\n\nconst stateSet = new Set<FormStates>(['success', 'error', 'warning', 'default', 'information']);\n\n/** Checks if the given state is a valid control state. */\nexport function isValidControlState(value: any): value is FormStates {\n    return stateSet.has(value);\n}\n","import { InjectionToken } from '@angular/core';\nimport { FormField } from '../models/form-field';\n\nexport const FD_FORM_FIELD = new InjectionToken<FormField>('FdFormField');\n","import {\n    AfterViewInit,\n    Directive,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    inject,\n    Input,\n    isDevMode,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild\n} from '@angular/core';\nimport { ControlContainer, ControlValueAccessor, FormControl, NgControl, NgForm } from '@angular/forms';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Subject, Subscription } from 'rxjs';\nimport { BaseCVA } from '../models/cva';\nimport { isValidControlState } from '../helpers/state';\nimport { FormStates } from '../models/form-state';\nimport { FormField } from '../models/form-field';\nimport { FormFieldControl } from '../models/form-field-control';\nimport { FD_FORM_FIELD } from '../tokens/form-field.token';\nimport { DestroyedService, Nullable } from '@fundamental-ngx/cdk/utils';\n\nlet randomId = 0;\n\n@Directive({\n    selector: '[fdkCva]',\n    standalone: true,\n    providers: [DestroyedService]\n})\nexport class CvaDirective<T = any>\n    implements BaseCVA, FormFieldControl, OnInit, DoCheck, AfterViewInit, OnDestroy, ControlValueAccessor\n{\n    /**\n     * NgControl instance.\n     */\n    readonly ngControl = inject(NgControl, {\n        optional: true\n    });\n\n    /**\n     * Form container instance. Usually ngForm or FormGroup directives.\n     */\n    readonly controlContainer = inject(ControlContainer, {\n        optional: true,\n        skipSelf: true\n    });\n\n    /**\n     * Separate NgForm instance. For cases when formGroup is used with the form itself.\n     */\n    readonly ngForm = inject(NgForm, {\n        optional: true,\n        skipSelf: true\n    });\n\n    /**\n     * Element reference.\n     */\n    readonly elementRef = inject(ElementRef);\n\n    /** @hidden */\n    value: T;\n\n    /** @hidden */\n    constructor() {\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    /** @hidden */\n    private _defaultId = `fd-input-id-${randomId++}`;\n    /** @hidden */\n    private _disabled: boolean;\n    /** @hidden */\n    private _editable = true;\n    /** @hidden */\n    private _destroyed = new Subject<void>();\n\n    /** ID for the Element */\n    @Input()\n    id: string = this._defaultId;\n\n    /** Input placeholder */\n    @Input()\n    placeholder: string;\n\n    /**\n     *  The state of the form control - applies css classes.\n     *  Can be 'success', 'error', 'warning', 'default', 'information'.\n     *\n     * @default 'default'\n     */\n    @Input()\n    set state(state: FormStates | undefined) {\n        if (!state || isValidControlState(state)) {\n            this._state = state;\n        } else if (isDevMode()) {\n            console.warn(`Provided value \"${state}\" is not a valid option for FormStates type`);\n        }\n    }\n    get state(): FormStates {\n        if (this._state) {\n            return this._state;\n        }\n\n        if (!this.controlInvalid) {\n            return 'default';\n        }\n\n        return this.formField?.getPriorityState() || 'error';\n    }\n\n    /** Holds the message with respect to state */\n    @Input()\n    stateMessage: Nullable<string>;\n\n    /**\n     * @hidden\n     * The state of the form control - applies css classes.\n     * Can be `success`, `error`, `warning`, `information` or 'default'\n     */\n    private _state: FormStates | undefined;\n\n    /** Whether the input is disabled */\n    @Input()\n    set disabled(value: boolean) {\n        this.setDisabledState(value);\n    }\n    get disabled(): boolean {\n        if (this.ngControl && this.ngControl.disabled !== null) {\n            return this.ngControl.disabled;\n        }\n        return this._disabled;\n    }\n\n    /**\n     * readOnly Value to Mark component read only\n     */\n    @Input()\n    readonly: boolean;\n\n    /** Binds to control aria-labelledBy attribute */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /** Sets control aria-label attribute value */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /**\n     * Tell the component if we are in editing mode.\n     */\n    @Input()\n    set editable(value: BooleanInput) {\n        const newVal = coerceBooleanProperty(value);\n        if (this._editable !== newVal) {\n            this._editable = newVal;\n            this._markForCheck();\n            this.stateChanges.next('editable');\n        }\n    }\n    get editable(): boolean {\n        return this._editable;\n    }\n\n    /**\n     * Name of the control.\n     */\n    @Input()\n    name: string;\n\n    /**\n     * Emits when change detection is needed.\n     */\n    @Output()\n    detectChanges = new EventEmitter<void>();\n\n    /**\n     * Emits when mark for changes detection is needed.\n     */\n    @Output()\n    markForCheck = new EventEmitter<void>();\n\n    /** @hidden */\n    protected _subscriptions = new Subscription();\n\n    /**\n     * Reference to internal Input element\n     */\n    @ViewChild('inputElementRef', { static: true, read: ElementRef })\n    protected _elementRef: ElementRef;\n\n    /**\n     * See @FormFieldControl\n     */\n    focused = false;\n\n    /** Whether control has errors */\n    get controlInvalid(): boolean {\n        return this._controlInvalid;\n    }\n\n    /**\n     * @hidden\n     */\n    private _controlInvalid = false;\n    /**\n     * See @FormFieldControl\n     */\n    readonly stateChanges: Subject<any> = new Subject<any>();\n\n    /** @hidden */\n    readonly formField: FormField | null = inject(FD_FORM_FIELD, {\n        skipSelf: true,\n        optional: true\n    });\n\n    /** set when input field is mandatory form field */\n    required: boolean;\n\n    /** @hidden */\n    onChange: (value: any) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.formField?.registerFormFieldControl(this);\n    }\n\n    /**\n     * Re-validate and emit event to parent container on every CD cycle as they are some errors\n     * that we can't subscribe to.\n     */\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            this.updateErrorState();\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        if (this.ngControl) {\n            this._subscriptions.add(\n                this.ngControl.statusChanges?.subscribe(() => {\n                    this._markForCheck();\n                })\n            );\n        }\n\n        const labelAndHelpId = `fdp-form-label-content-${this.id}`;\n        // if not specified, associate label and inline help ids with the input,\n        // else add these ids to the specified ones\n        if (!this.ariaLabelledBy) {\n            this.ariaLabelledBy = labelAndHelpId;\n        } else {\n            this.ariaLabelledBy += ' ' + labelAndHelpId;\n        }\n        this._markForCheck();\n    }\n\n    /** @hidden */\n    registerOnChange(fn: (_: any) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n        this.stateChanges.complete();\n        this._destroyed.next();\n        this._destroyed.complete();\n        this.formField?.unregisterFormFieldControl(this);\n    }\n\n    /** @hidden */\n    setDisabledState(isDisabled: BooleanInput): void {\n        const newState = coerceBooleanProperty(isDisabled);\n        this._markForCheck();\n        if (newState !== this._disabled) {\n            this._disabled = newState;\n            this.stateChanges.next('setDisabledState');\n        }\n    }\n\n    /**\n     * Method for setting the value\n     * @param value\n     */\n    writeValue(value: T): void {\n        this.value = value;\n        this.stateChanges.next('writeValue');\n        this._markForCheck();\n    }\n\n    /**\n     *\n     * Keeps track of element focus\n     */\n    _onFocusChanged(isFocused: boolean): void {\n        if (isFocused !== this.focused && (!this.disabled || !isFocused)) {\n            this.focused = isFocused;\n            this.stateChanges.next('_onFocusChanged');\n        }\n\n        if (!isFocused) {\n            this.onTouched();\n        }\n    }\n\n    /**\n     * Handles even when we click on parent container which is the FormField Wrapping this\n     * control\n     */\n    onContainerClick(event: MouseEvent): void {\n        this.focus(event);\n    }\n\n    /**\n     * In most of the cases when working with input element directly you should be just find to assign\n     * variable to this element\n     *\n     * ```\n     * <input #inputElementRef fd-form-control ...>\n     * ```\n     *\n     * and this default behavior used. For other cases implement focus.\n     *\n     */\n    focus(event?: MouseEvent): void {\n        if (this._elementRef && !this.focused) {\n            this._elementRef.nativeElement.focus(event);\n        }\n    }\n\n    /**\n     *  Need re-validates errors on every CD iteration to make sure we are also\n     *  covering non-control errors, errors that happens outside of this control\n     */\n    updateErrorState(): void {\n        const parent = this.ngForm;\n        const parentControlContainer = this.controlContainer;\n        const control = this.ngControl ? (this.ngControl.control as FormControl) : null;\n        const newStatusIsError = !!(\n            control?.invalid &&\n            (control.dirty || control.touched || parent?.submitted || (parentControlContainer as any)?.submitted)\n        );\n\n        if (newStatusIsError !== this.controlInvalid) {\n            this._controlInvalid = newStatusIsError;\n            this.stateChanges.next('updateErrorState');\n            this._markForCheck();\n        }\n    }\n\n    /**\n     * Used to change the value of a control.\n     * @param value the value to be applied\n     * @param emitOnChange whether to emit \"onChange\" event.\n     * Should be \"false\", if the change is made programmatically (internally) by the control, \"true\" otherwise\n     */\n    setValue(value: T, emitOnChange = true): void {\n        if (value !== this.value) {\n            this.writeValue(value);\n            if (emitOnChange) {\n                this.onChange(value);\n            }\n            this._markForCheck();\n        }\n    }\n\n    /** @hidden */\n    private _markForCheck(): void {\n        this.markForCheck.emit();\n    }\n\n    /** @hidden */\n    private _detectChanges(): void {\n        this.detectChanges.emit();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CvaDirective } from './cva/cva.directive';\n\n@NgModule({\n    imports: [CvaDirective],\n    exports: [CvaDirective]\n})\nexport class FormsModule {}\n","import { ChangeDetectorRef, inject, Injectable } from '@angular/core';\nimport { takeUntil } from 'rxjs';\nimport { CvaDirective } from './cva.directive';\nimport { DestroyedService } from '@fundamental-ngx/cdk/utils';\n\n/**\n * Base ControlValueAccessor control class.\n * Used in conjunction with CvaDirective.\n *\n * This class performs generic change detection based on `CvaDirective` outputs.\n */\n@Injectable()\nexport class CvaControl<T> {\n    /**\n     * Control value accessor directive instance.\n     */\n    public cvaDirective = inject<CvaDirective<T>>(CvaDirective, {\n        self: true,\n        optional: true\n    });\n\n    /**\n     * Change detector instance.\n     */\n    protected _changeDetector = inject(ChangeDetectorRef);\n\n    /** @Hidden */\n    protected _destroy$ = inject(DestroyedService);\n\n    /** @hidden */\n    listenToChanges(): void {\n        this.cvaDirective?.markForCheck.pipe(takeUntil(this._destroy$)).subscribe(() => {\n            this._changeDetector.detectChanges();\n        });\n\n        this.cvaDirective?.detectChanges.pipe(takeUntil(this._destroy$)).subscribe(() => {\n            this._changeDetector.detectChanges();\n        });\n    }\n}\n","import { QueryList } from '@angular/core';\nimport { FormError } from './form-error';\nimport { FormFieldControl } from './form-field-control';\nimport { FormStates } from './form-state';\n\n/**\n * FormField base class.\n *\n * This class is used to create form field components.\n *\n */\nexport abstract class FormField {\n    /**\n     * Register underlying form control\n     */\n    registerFormFieldControl: (control: FormFieldControl) => void;\n    /**\n     * Unregister underlying form control\n     */\n    unregisterFormFieldControl: (control: FormFieldControl) => void;\n\n    /**\n     * Set default columns layout\n     */\n    setDefaultColumnLayout: () => void;\n\n    /** Gets field error priority state. */\n    getPriorityState: () => FormStates;\n\n    /** Groups errors. */\n    groupErrors: () => void;\n\n    /** Sets error directives from parent container */\n    setErrorDirectives: (directives: QueryList<FormError>) => void;\n}\n","/**\n * Interface SelectItem is used to deal with complex object in order to be able to format\n * custom label that is shown in the options.\n *\n * Used in various controls: Select, RadioGroup, CheckboxGroup, Combobox\n */\nexport interface SelectItem<T = any> {\n    /**\n     * Item text shown in the popup\n     */\n    label: string;\n\n    /**\n     * References to the object instance\n     */\n    value: T;\n    disabled?: boolean;\n\n    icon?: string;\n    /**\n     * Trigger values is a text for selected item\n     */\n    triggerValue?: string;\n\n    isGroup?: boolean;\n    secondaryText?: string;\n    children?: SelectItem[];\n}\n\nexport interface OptionItem<T = any> {\n    /** Item text */\n    label: string;\n\n    /**\n     * References to the object instance\n     */\n    value: T;\n    id?: string;\n    isGroup?: boolean;\n    secondaryText?: string;\n    children?: OptionItem[];\n}\n\nexport interface SelectableOptionItem<T = any> extends OptionItem<T> {\n    selected?: boolean;\n    children?: SelectableOptionItem[];\n}\n\n/** @hidden */\nexport function isSelectableItem(item: SelectItem): item is SelectItem {\n    return (\n        item &&\n        item.label !== undefined &&\n        item.value !== undefined &&\n        Object.prototype.hasOwnProperty.call(item, 'selected')\n    );\n}\n\n/** @hidden */\nexport function isSelectItem(item: SelectItem): item is SelectItem {\n    return item && item.label !== undefined && item.value !== undefined;\n}\n\nexport const isOptionItem = isSelectItem;\nexport const isSelectableOptionItem = isSelectableItem;\n","import { InjectionToken } from '@angular/core';\nimport { FormFieldControl } from '../models/form-field-control';\n\nexport const FD_FORM_FIELD_CONTROL = new InjectionToken<FormFieldControl>('FdFormFieldControl');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-cdk-forms.mjs","sources":["../../../../libs/cdk/src/lib/forms/helpers/state.ts","../../../../libs/cdk/src/lib/forms/tokens/form-field.token.ts","../../../../libs/cdk/src/lib/forms/cva/cva.directive.ts","../../../../libs/cdk/src/lib/forms/forms.module.ts","../../../../libs/cdk/src/lib/forms/cva/cva-control.class.ts","../../../../libs/cdk/src/lib/forms/models/form-field.ts","../../../../libs/cdk/src/lib/forms/models/select-item.ts","../../../../libs/cdk/src/lib/forms/tokens/form-field-control.token.ts","../../../../libs/cdk/src/lib/forms/fundamental-ngx-cdk-forms.ts"],"sourcesContent":["import { FormStates } from '../models/form-state';\n\nconst stateSet = new Set<FormStates>(['success', 'error', 'warning', 'default', 'information']);\n\n/** Checks if the given state is a valid control state. */\nexport function isValidControlState(value: any): value is FormStates {\n    return stateSet.has(value);\n}\n","import { InjectionToken } from '@angular/core';\nimport { FormField } from '../models/form-field';\n\nexport const FD_FORM_FIELD = new InjectionToken<FormField>('FdFormField');\n","import {\n    AfterViewInit,\n    Directive,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    inject,\n    Input,\n    isDevMode,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild\n} from '@angular/core';\nimport { ControlContainer, ControlValueAccessor, FormControl, NgControl, NgForm } from '@angular/forms';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Subject, Subscription } from 'rxjs';\nimport { BaseCVA } from '../models/cva';\nimport { isValidControlState } from '../helpers/state';\nimport { FormStates } from '../models/form-state';\nimport { FormField } from '../models/form-field';\nimport { FormFieldControl } from '../models/form-field-control';\nimport { FD_FORM_FIELD } from '../tokens/form-field.token';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\n\nlet randomId = 0;\n\n@Directive({\n    selector: '[fdkCva]',\n    standalone: true\n})\nexport class CvaDirective<T = any>\n    implements BaseCVA, FormFieldControl, OnInit, DoCheck, AfterViewInit, OnDestroy, ControlValueAccessor\n{\n    /**\n     * NgControl instance.\n     */\n    readonly ngControl = inject(NgControl, {\n        optional: true\n    });\n\n    /**\n     * Form container instance. Usually ngForm or FormGroup directives.\n     */\n    readonly controlContainer = inject(ControlContainer, {\n        optional: true,\n        skipSelf: true\n    });\n\n    /**\n     * Separate NgForm instance. For cases when formGroup is used with the form itself.\n     */\n    readonly ngForm = inject(NgForm, {\n        optional: true,\n        skipSelf: true\n    });\n\n    /**\n     * Element reference.\n     */\n    readonly elementRef = inject(ElementRef);\n\n    /** @hidden */\n    value: T;\n\n    /** @hidden */\n    constructor() {\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    /** @hidden */\n    private _defaultId = `fd-input-id-${randomId++}`;\n    /** @hidden */\n    private _disabled: boolean;\n    /** @hidden */\n    private _editable = true;\n\n    /** ID for the Element */\n    @Input()\n    id: string = this._defaultId;\n\n    /** Input placeholder */\n    @Input()\n    placeholder: string;\n\n    /**\n     *  The state of the form control - applies css classes.\n     *  Can be 'success', 'error', 'warning', 'default', 'information'.\n     *\n     * @default 'default'\n     */\n    @Input()\n    set state(state: FormStates | undefined) {\n        if (!state || isValidControlState(state)) {\n            this._state = state;\n        } else if (isDevMode()) {\n            console.warn(`Provided value \"${state}\" is not a valid option for FormStates type`);\n        }\n    }\n    get state(): FormStates {\n        if (this._state) {\n            return this._state;\n        }\n\n        if (!this.controlInvalid) {\n            return 'default';\n        }\n\n        return this.formField?.getPriorityState() || 'error';\n    }\n\n    /** Holds the message with respect to state */\n    @Input()\n    stateMessage: Nullable<string>;\n\n    /**\n     * @hidden\n     * The state of the form control - applies css classes.\n     * Can be `success`, `error`, `warning`, `information` or 'default'\n     */\n    private _state: FormStates | undefined;\n\n    /** Whether the input is disabled */\n    @Input()\n    set disabled(value: boolean) {\n        this.setDisabledState(value);\n    }\n    get disabled(): boolean {\n        if (this.ngControl && this.ngControl.disabled !== null) {\n            return this.ngControl.disabled;\n        }\n        return this._disabled;\n    }\n\n    /**\n     * readOnly Value to Mark component read only\n     */\n    @Input()\n    readonly: boolean;\n\n    /** Binds to control aria-labelledBy attribute */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /** Sets control aria-label attribute value */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /**\n     * Tell the component if we are in editing mode.\n     */\n    @Input()\n    set editable(value: BooleanInput) {\n        const newVal = coerceBooleanProperty(value);\n        if (this._editable !== newVal) {\n            this._editable = newVal;\n            this._markForCheck();\n            this.stateChanges.next('editable');\n        }\n    }\n    get editable(): boolean {\n        return this._editable;\n    }\n\n    /**\n     * Name of the control.\n     */\n    @Input()\n    name: string;\n\n    /**\n     * Emits when change detection is needed.\n     */\n    @Output()\n    detectChanges = new EventEmitter<void>();\n\n    /**\n     * Emits when mark for changes detection is needed.\n     */\n    @Output()\n    markForCheck = new EventEmitter<void>();\n\n    /** @hidden */\n    protected _subscriptions = new Subscription();\n\n    /**\n     * Reference to internal Input element\n     */\n    @ViewChild('inputElementRef', { static: true, read: ElementRef })\n    protected _elementRef: ElementRef;\n\n    /**\n     * See @FormFieldControl\n     */\n    focused = false;\n\n    /** Whether control has errors */\n    get controlInvalid(): boolean {\n        return this._controlInvalid;\n    }\n\n    /**\n     * @hidden\n     */\n    private _controlInvalid = false;\n    /**\n     * See @FormFieldControl\n     */\n    readonly stateChanges: Subject<any> = new Subject<any>();\n\n    /** @hidden */\n    readonly formField: FormField | null = inject(FD_FORM_FIELD, {\n        skipSelf: true,\n        optional: true\n    });\n\n    /** set when input field is mandatory form field */\n    required: boolean;\n\n    /** @hidden */\n    onChange: (value: any) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.formField?.registerFormFieldControl(this);\n    }\n\n    /**\n     * Re-validate and emit event to parent container on every CD cycle as they are some errors\n     * that we can't subscribe to.\n     */\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            this.updateErrorState();\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        if (this.ngControl) {\n            this._subscriptions.add(\n                this.ngControl.statusChanges?.subscribe(() => {\n                    this._markForCheck();\n                })\n            );\n        }\n\n        const labelAndHelpId = `fdp-form-label-content-${this.id}`;\n        // if not specified, associate label and inline help ids with the input,\n        // else add these ids to the specified ones\n        if (!this.ariaLabelledBy) {\n            this.ariaLabelledBy = labelAndHelpId;\n        } else {\n            this.ariaLabelledBy += ' ' + labelAndHelpId;\n        }\n        this._markForCheck();\n    }\n\n    /** @hidden */\n    registerOnChange(fn: (_: any) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n        this.stateChanges.complete();\n        this.formField?.unregisterFormFieldControl(this);\n    }\n\n    /** @hidden */\n    setDisabledState(isDisabled: BooleanInput): void {\n        const newState = coerceBooleanProperty(isDisabled);\n        this._markForCheck();\n        if (newState !== this._disabled) {\n            this._disabled = newState;\n            this.stateChanges.next('setDisabledState');\n        }\n    }\n\n    /**\n     * Method for setting the value\n     * @param value\n     */\n    writeValue(value: T): void {\n        this.value = value;\n        this.stateChanges.next('writeValue');\n        this._markForCheck();\n    }\n\n    /**\n     *\n     * Keeps track of element focus\n     */\n    _onFocusChanged(isFocused: boolean): void {\n        if (isFocused !== this.focused && (!this.disabled || !isFocused)) {\n            this.focused = isFocused;\n            this.stateChanges.next('_onFocusChanged');\n        }\n\n        if (!isFocused) {\n            this.onTouched();\n        }\n    }\n\n    /**\n     * Handles even when we click on parent container which is the FormField Wrapping this\n     * control\n     */\n    onContainerClick(event: MouseEvent): void {\n        this.focus(event);\n    }\n\n    /**\n     * In most of the cases when working with input element directly you should be just find to assign\n     * variable to this element\n     *\n     * ```\n     * <input #inputElementRef fd-form-control ...>\n     * ```\n     *\n     * and this default behavior used. For other cases implement focus.\n     *\n     */\n    focus(event?: MouseEvent): void {\n        if (this._elementRef && !this.focused) {\n            this._elementRef.nativeElement.focus(event);\n        }\n    }\n\n    /**\n     *  Need re-validates errors on every CD iteration to make sure we are also\n     *  covering non-control errors, errors that happens outside of this control\n     */\n    updateErrorState(): void {\n        const parent = this.ngForm;\n        const parentControlContainer = this.controlContainer;\n        const control = this.ngControl ? (this.ngControl.control as FormControl) : null;\n        const newStatusIsError = !!(\n            control?.invalid &&\n            (control.dirty || control.touched || parent?.submitted || (parentControlContainer as any)?.submitted)\n        );\n\n        if (newStatusIsError !== this.controlInvalid) {\n            this._controlInvalid = newStatusIsError;\n            this.stateChanges.next('updateErrorState');\n            this._markForCheck();\n        }\n    }\n\n    /**\n     * Used to change the value of a control.\n     * @param value the value to be applied\n     * @param emitOnChange whether to emit \"onChange\" event.\n     * Should be \"false\", if the change is made programmatically (internally) by the control, \"true\" otherwise\n     */\n    setValue(value: T, emitOnChange = true): void {\n        if (value !== this.value) {\n            this.writeValue(value);\n            if (emitOnChange) {\n                this.onChange(value);\n            }\n            this._markForCheck();\n        }\n    }\n\n    /** @hidden */\n    private _markForCheck(): void {\n        this.markForCheck.emit();\n    }\n\n    /** @hidden */\n    private _detectChanges(): void {\n        this.detectChanges.emit();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CvaDirective } from './cva/cva.directive';\n\n@NgModule({\n    imports: [CvaDirective],\n    exports: [CvaDirective]\n})\nexport class FormsModule {}\n","import { ChangeDetectorRef, inject, Injectable } from '@angular/core';\nimport { takeUntil } from 'rxjs';\nimport { CvaDirective } from './cva.directive';\nimport { DestroyedService } from '@fundamental-ngx/cdk/utils';\n\n/**\n * Base ControlValueAccessor control class.\n * Used in conjunction with CvaDirective.\n *\n * This class performs generic change detection based on `CvaDirective` outputs.\n */\n@Injectable()\nexport class CvaControl<T> {\n    /**\n     * Control value accessor directive instance.\n     */\n    public cvaDirective = inject<CvaDirective<T>>(CvaDirective, {\n        self: true,\n        optional: true\n    });\n\n    /**\n     * Change detector instance.\n     */\n    protected _changeDetector = inject(ChangeDetectorRef);\n\n    /** @Hidden */\n    protected _destroy$ = inject(DestroyedService);\n\n    /** @hidden */\n    listenToChanges(): void {\n        this.cvaDirective?.markForCheck.pipe(takeUntil(this._destroy$)).subscribe(() => {\n            this._changeDetector.detectChanges();\n        });\n\n        this.cvaDirective?.detectChanges.pipe(takeUntil(this._destroy$)).subscribe(() => {\n            this._changeDetector.detectChanges();\n        });\n    }\n}\n","import { QueryList } from '@angular/core';\nimport { FormError } from './form-error';\nimport { FormFieldControl } from './form-field-control';\nimport { FormStates } from './form-state';\n\n/**\n * FormField base class.\n *\n * This class is used to create form field components.\n *\n */\nexport abstract class FormField {\n    /**\n     * Register underlying form control\n     */\n    registerFormFieldControl: (control: FormFieldControl) => void;\n    /**\n     * Unregister underlying form control\n     */\n    unregisterFormFieldControl: (control: FormFieldControl) => void;\n\n    /**\n     * Set default columns layout\n     */\n    setDefaultColumnLayout: () => void;\n\n    /** Gets field error priority state. */\n    getPriorityState: () => FormStates;\n\n    /** Groups errors. */\n    groupErrors: () => void;\n\n    /** Sets error directives from parent container */\n    setErrorDirectives: (directives: QueryList<FormError>) => void;\n}\n","/**\n * Interface SelectItem is used to deal with complex object in order to be able to format\n * custom label that is shown in the options.\n *\n * Used in various controls: Select, RadioGroup, CheckboxGroup, Combobox\n */\nexport interface SelectItem<T = any> {\n    /**\n     * Item text shown in the popup\n     */\n    label: string;\n\n    /**\n     * References to the object instance\n     */\n    value: T;\n    disabled?: boolean;\n\n    icon?: string;\n    /**\n     * Trigger values is a text for selected item\n     */\n    triggerValue?: string;\n\n    isGroup?: boolean;\n    secondaryText?: string;\n    children?: SelectItem[];\n}\n\nexport interface OptionItem<T = any> {\n    /** Item text */\n    label: string;\n\n    /**\n     * References to the object instance\n     */\n    value: T;\n    id?: string;\n    isGroup?: boolean;\n    secondaryText?: string;\n    children?: OptionItem[];\n}\n\nexport interface SelectableOptionItem<T = any> extends OptionItem<T> {\n    selected?: boolean;\n    children?: SelectableOptionItem[];\n}\n\n/** @hidden */\nexport function isSelectableItem(item: SelectItem): item is SelectItem {\n    return (\n        item &&\n        item.label !== undefined &&\n        item.value !== undefined &&\n        Object.prototype.hasOwnProperty.call(item, 'selected')\n    );\n}\n\n/** @hidden */\nexport function isSelectItem(item: SelectItem): item is SelectItem {\n    return item && item.label !== undefined && item.value !== undefined;\n}\n\nexport const isOptionItem = isSelectItem;\nexport const isSelectableOptionItem = isSelectableItem;\n","import { InjectionToken } from '@angular/core';\nimport { FormFieldControl } from '../models/form-field-control';\n\nexport const FD_FORM_FIELD_CONTROL = new InjectionToken<FormFieldControl>('FdFormFieldControl');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/fundamental-ngx-cdk-utils.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, isDevMode, inject, Directive, EventEmitter, Input, Output, HostListener, NgModule, ContentChildren, forwardRef, HostBinding, ElementRef, INJECTOR, ContentChild, Self, SkipSelf, PLATFORM_ID, QueryList, ViewContainerRef, Component, Injector, NgModuleFactory, Pipe, TemplateRef, ViewChild, NgZone } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, isDevMode, inject, Directive, EventEmitter, Input, Output, HostListener, NgModule, ContentChildren, forwardRef, HostBinding, ElementRef, INJECTOR, ContentChild, NgZone, Renderer2, Self, SkipSelf, PLATFORM_ID, QueryList, ViewContainerRef, Component, Injector, NgModuleFactory, Pipe, TemplateRef, ViewChild } from '@angular/core';
 import { DOCUMENT, CommonModule, AsyncPipe } from '@angular/common';
 import { BehaviorSubject, Subject, ReplaySubject, Observable, fromEvent, NEVER, merge, Subscription, takeUntil as takeUntil$1, startWith as startWith$1, switchMap, combineLatest, firstValueFrom, filter as filter$1, isObservable, of, map as map$1, take as take$1 } from 'rxjs';
 import { takeUntil, filter, distinctUntilChanged, startWith, map, tap, take, debounceTime, mapTo, pairwise, finalize, shareReplay, switchMap as switchMap$1, delay } from 'rxjs/operators';
@@ -9,7 +9,7 @@ import { EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
 import { RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, SPACE, ESCAPE, DELETE, ENTER, MAC_ENTER, TAB, HOME, END, ALT, CONTROL, META, SHIFT, BACKSPACE, A, C, V, X, PAGE_UP, PAGE_DOWN, DASH, NUMPAD_MINUS, NUMPAD_ZERO, NUMPAD_ONE, NUMPAD_TWO, NUMPAD_THREE, NUMPAD_FOUR, NUMPAD_FIVE, NUMPAD_SIX, NUMPAD_SEVEN, NUMPAD_EIGHT, NUMPAD_NINE, F2, hasModifierKey } from '@angular/cdk/keycodes';
 import { coerceBooleanProperty, coerceElement, coerceNumberProperty, coerceArray, coerceCssPixelValue } from '@angular/cdk/coercion';
 import * as i1$1 from '@angular/cdk/a11y';
-import { FocusKeyManager } from '@angular/cdk/a11y';
+import { FocusKeyManager, LiveAnnouncer } from '@angular/cdk/a11y';
 import { createFocusTrap } from 'focus-trap';
 import * as i1$2 from '@angular/cdk/observers';
 import * as i1$3 from '@angular/cdk/overlay';
@@ -1362,16 +1362,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  */
 function getNativeElement(element) {
     let coercible = element;
-    if (isHasElementRef(element)) {
-        coercible = element.elementRef();
+    if (hasElementRef(element)) {
+        coercible = element.elementRef;
     }
     return coerceElement(coercible);
 }
 /**
  * Checks whether object has element reference in it.
  */
-function isHasElementRef(something) {
-    return something && typeof something['elementRef'] === 'function';
+function hasElementRef(something) {
+    return something && something['elementRef'] instanceof ElementRef;
 }
 
 class AttributeObserver {
@@ -2958,12 +2958,7 @@ class FocusableItemDirective {
         return this._tabbable ? 0 : -1;
     }
     /** @hidden */
-    constructor(_elementRef, _focusableObserver, _destroy$, _tabbableElementService, _liveAnnouncer) {
-        this._elementRef = _elementRef;
-        this._focusableObserver = _focusableObserver;
-        this._destroy$ = _destroy$;
-        this._tabbableElementService = _tabbableElementService;
-        this._liveAnnouncer = _liveAnnouncer;
+    constructor() {
         /** Function, which returns a string to be announced by screen-reader whenever an item which is in grid receives focus. */
         this.cellFocusedEventAnnouncer = this._defaultItemFocusedEventAnnouncer;
         /** Event emitted when the cell receives focus, not being emitted when focus moves between item's children. */
@@ -2976,18 +2971,45 @@ class FocusableItemDirective {
         this._tabbableElements = new Map();
         /** @hidden */
         this._tabbable = true;
+        /** Element reference. */
+        this.elementRef = inject(ElementRef);
+        /** @hidden */
+        this._focusableObserver = inject(FocusableObserver);
+        /** @hidden */
+        this._destroy$ = inject(DestroyedService);
+        /** @hidden */
+        this._tabbableElementService = inject(TabbableElementService);
+        /** @hidden */
+        this._liveAnnouncer = inject(LiveAnnouncer);
+        /** @hidden */
+        this._zone = inject(NgZone);
+        /** @hidden */
+        this._document = inject(DOCUMENT);
         this._focusableObserver
-            .observe(this._elementRef, false)
+            .observe(this.elementRef, false)
             .pipe(takeUntil$1(this._destroy$))
             .subscribe((isFocusable) => {
             if (!isFocusable && isFocusable !== this.fdkFocusableItem) {
                 this.fdkFocusableItem = isFocusable;
             }
         });
-    }
-    /** Element reference. */
-    elementRef() {
-        return this._elementRef;
+        this._zone.runOutsideAngular(() => {
+            fromEvent(this.elementRef.nativeElement, 'focusin')
+                .pipe(takeUntil$1(this._destroy$))
+                .subscribe(() => __awaiter(this, void 0, void 0, function* () {
+                yield this._onFocusin();
+            }));
+            fromEvent(this.elementRef.nativeElement, 'focusout')
+                .pipe(takeUntil$1(this._destroy$))
+                .subscribe(() => {
+                this._onFocusout();
+            });
+            fromEvent(this.elementRef.nativeElement, 'keydown')
+                .pipe(takeUntil$1(this._destroy$))
+                .subscribe((event) => {
+                this._onKeydown(event);
+            });
+        });
     }
     /** Set tabbable state */
     setTabbable(state) {
@@ -3032,18 +3054,18 @@ class FocusableItemDirective {
         if (!this.fdkFocusableItem) {
             return;
         }
-        const isFocused = document.activeElement === this._elementRef.nativeElement;
+        const isFocused = this._document.activeElement === this.elementRef.nativeElement;
         const shouldFocusChild = KeyUtil.isKeyCode(event, [ENTER, MAC_ENTER, F2]) && !event.shiftKey && isFocused;
         const shouldFocusCell = ((KeyUtil.isKeyCode(event, F2) && event.shiftKey) || KeyUtil.isKeyCode(event, ESCAPE)) && !isFocused;
         if (shouldFocusChild) {
             event.stopPropagation();
-            const tabbableElement = this._tabbableElementService.getTabbableElement(this.elementRef().nativeElement, false, true);
+            const tabbableElement = this._tabbableElementService.getTabbableElement(this.elementRef.nativeElement, false, true);
             tabbableElement === null || tabbableElement === void 0 ? void 0 : tabbableElement.focus();
             return;
         }
         else if (shouldFocusCell) {
             event.stopPropagation();
-            this._elementRef.nativeElement.focus();
+            this.elementRef.nativeElement.focus();
             return;
         }
         if (isFocused) {
@@ -3062,7 +3084,7 @@ class FocusableItemDirective {
     _disableTabbableElements() {
         // Since we cannot select by tabindex attribute (links, inputs, buttons might not have one but still can be focusable),
         // Select all elements from the cell and filter by tabIndex property.
-        Array.from(this._elementRef.nativeElement.querySelectorAll('*'))
+        Array.from(this.elementRef.nativeElement.querySelectorAll('*'))
             .filter((elm) => elm.tabIndex >= 0)
             .forEach((elm) => {
             this._tabbableElements.set(elm, elm.tabIndex);
@@ -3074,8 +3096,8 @@ class FocusableItemDirective {
         return `Column ${position.colIndex + 1} of ${position.totalCols}, row: ${position.rowIndex + 1} of ${position.totalRows}`;
     }
 }
-FocusableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FocusableItemDirective, deps: [{ token: i0.ElementRef }, { token: FocusableObserver }, { token: DestroyedService }, { token: TabbableElementService }, { token: i1$1.LiveAnnouncer }], target: i0.ɵɵFactoryTarget.Directive });
-FocusableItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: FocusableItemDirective, isStandalone: true, selector: "[fdkFocusableItem]", inputs: { fdkFocusableItem: "fdkFocusableItem", cellFocusedEventAnnouncer: "cellFocusedEventAnnouncer" }, outputs: { cellFocused: "cellFocused" }, host: { listeners: { "focusin": "_onFocusin()", "focusout": "_onFocusout()", "keydown": "_onKeydown($event)" }, properties: { "attr.tabindex": "this._tabindex" } }, providers: [
+FocusableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FocusableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FocusableItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: FocusableItemDirective, isStandalone: true, selector: "[fdkFocusableItem]", inputs: { fdkFocusableItem: "fdkFocusableItem", cellFocusedEventAnnouncer: "cellFocusedEventAnnouncer" }, outputs: { cellFocused: "cellFocused" }, host: { properties: { "attr.tabindex": "this._tabindex" } }, providers: [
         {
             provide: FDK_FOCUSABLE_ITEM_DIRECTIVE,
             useExisting: FocusableItemDirective
@@ -3095,7 +3117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         DestroyedService
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: FocusableObserver }, { type: DestroyedService }, { type: TabbableElementService }, { type: i1$1.LiveAnnouncer }]; }, propDecorators: { fdkFocusableItem: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { fdkFocusableItem: [{
                 type: Input
             }], cellFocusedEventAnnouncer: [{
                 type: Input
@@ -3104,15 +3126,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }], _tabindex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
-            }], _onFocusin: [{
-                type: HostListener,
-                args: ['focusin']
-            }], _onFocusout: [{
-                type: HostListener,
-                args: ['focusout']
-            }], _onKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
             }] } });
 
 class FocusableItemModule {
@@ -3384,16 +3397,15 @@ class FocusableListDirective {
         return this._focusable;
     }
     /** @hidden */
+    get _focusableItems() {
+        return this._items ? this._items : this._projectedFocusableItems;
+    }
+    /** @hidden */
     get _tabindex() {
         return this._tabbable ? 0 : -1;
     }
     /** @hidden */
-    constructor(_renderer, _destroy$, _elementRef, _liveAnnouncer, _focusableObserver) {
-        this._renderer = _renderer;
-        this._destroy$ = _destroy$;
-        this._elementRef = _elementRef;
-        this._liveAnnouncer = _liveAnnouncer;
-        this._focusableObserver = _focusableObserver;
+    constructor() {
         /** @hidden */
         this._focusable = false;
         /** Direction of navigation. Should be set to 'grid' when list is a part of grid. */
@@ -3419,6 +3431,20 @@ class FocusableListDirective {
         /** @hidden */
         this._refreshItems$ = new Subject();
         /** @hidden */
+        this._refresh$ = new Subject();
+        /** @hidden */
+        this._renderer = inject(Renderer2);
+        /** @hidden */
+        this._destroy$ = inject(DestroyedService);
+        /** @hidden */
+        this._elementRef = inject(ElementRef);
+        /** @hidden */
+        this._liveAnnouncer = inject(LiveAnnouncer);
+        /** @hidden */
+        this._focusableObserver = inject(FocusableObserver);
+        /** @hidden */
+        this._document = inject(DOCUMENT);
+        /** @hidden */
         this._isVisible = false;
         intersectionObservable(this._elementRef.nativeElement, { threshold: 0.25 })
             .pipe(takeUntil(this._destroy$))
@@ -3446,13 +3472,24 @@ class FocusableListDirective {
     }
     /** @hidden */
     ngAfterViewInit() {
+        this._listenOnItems();
+    }
+    /** Set items programmatically. */
+    setItems(items) {
+        this._items = items;
+        this._listenOnItems();
+    }
+    /** @hidden */
+    _listenOnItems() {
+        const refresh$ = merge(this._refresh$, this._destroy$);
+        this._refresh$.next();
         this._focusableItems.changes
-            .pipe(startWith(this._focusableItems), map((queryList) => queryList.toArray()), tap((items) => {
+            .pipe(startWith(null), map(() => this._focusableItems.toArray()), tap((items) => {
             const focusableItems = items.map((item, index) => ({
                 index,
                 focusable: () => item.fdkFocusableItem,
-                elementRef: () => item.elementRef(),
-                focus: () => item.elementRef().nativeElement.focus(),
+                elementRef: item.elementRef,
+                focus: () => item.elementRef.nativeElement.focus(),
                 keydown: item._keydown$
             }));
             const direction = this.navigationDirection === 'grid' ? 'horizontal' : this.navigationDirection;
@@ -3461,7 +3498,7 @@ class FocusableListDirective {
                 contentDirection: this.contentDirection,
                 wrap: this.wrap
             });
-        }), takeUntil(this._destroy$))
+        }), takeUntil(refresh$))
             .subscribe();
     }
     /** @hidden */
@@ -3476,7 +3513,7 @@ class FocusableListDirective {
         if (event.defaultPrevented) {
             return;
         }
-        const isFocused = document.activeElement === this._elementRef.nativeElement;
+        const isFocused = this._document.activeElement === this._elementRef.nativeElement;
         const shouldFocusChild = KeyUtil.isKeyCode(event, [ENTER, MAC_ENTER, F2]) && !event.shiftKey && isFocused;
         const shouldFocusList = ((KeyUtil.isKeyCode(event, F2) && event.shiftKey) || KeyUtil.isKeyCode(event, ESCAPE)) && !isFocused;
         if (shouldFocusChild) {
@@ -3503,7 +3540,7 @@ class FocusableListDirective {
             return false;
         });
         if (availableIndex != null) {
-            scrollIntoView((_a = this._focusableItems.get(availableIndex)) === null || _a === void 0 ? void 0 : _a.elementRef().nativeElement, scrollPosition);
+            scrollIntoView((_a = this._focusableItems.get(availableIndex)) === null || _a === void 0 ? void 0 : _a.elementRef.nativeElement, scrollPosition);
             (_b = this._keyManager) === null || _b === void 0 ? void 0 : _b.setActiveItem(availableIndex);
         }
     }
@@ -3597,14 +3634,14 @@ class FocusableListDirective {
         return `Row: ${position.rowIndex + 1} of ${position.totalRows}, use F2 button to dive in and focus list's item`;
     }
 }
-FocusableListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FocusableListDirective, deps: [{ token: i0.Renderer2 }, { token: DestroyedService }, { token: i0.ElementRef }, { token: i1$1.LiveAnnouncer }, { token: FocusableObserver }], target: i0.ɵɵFactoryTarget.Directive });
+FocusableListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FocusableListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
 FocusableListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: FocusableListDirective, isStandalone: true, selector: "[fdkFocusableList]", inputs: { focusable: "focusable", navigationDirection: "navigationDirection", contentDirection: "contentDirection", wrap: "wrap", listFocusedEventAnnouncer: "listFocusedEventAnnouncer" }, outputs: { itemFocused: "itemFocused" }, host: { listeners: { "keydown": "_onKeydown($event)", "focus": "_onFocus()" }, properties: { "attr.tabindex": "this._tabindex" } }, providers: [
         {
             provide: FDK_FOCUSABLE_LIST_DIRECTIVE,
             useExisting: FocusableListDirective
         },
         DestroyedService
-    ], queries: [{ propertyName: "_focusableItems", predicate: FDK_FOCUSABLE_ITEM_DIRECTIVE, descendants: true }], exportAs: ["fdkFocusableList"], usesOnChanges: true, ngImport: i0 });
+    ], queries: [{ propertyName: "_projectedFocusableItems", predicate: FDK_FOCUSABLE_ITEM_DIRECTIVE, descendants: true }], exportAs: ["fdkFocusableList"], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FocusableListDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3619,7 +3656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         DestroyedService
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: DestroyedService }, { type: i0.ElementRef }, { type: i1$1.LiveAnnouncer }, { type: FocusableObserver }]; }, propDecorators: { focusable: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { focusable: [{
                 type: Input
             }], navigationDirection: [{
                 type: Input
@@ -3631,7 +3668,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 type: Input
             }], itemFocused: [{
                 type: Output
-            }], _focusableItems: [{
+            }], _projectedFocusableItems: [{
                 type: ContentChildren,
                 args: [FDK_FOCUSABLE_ITEM_DIRECTIVE, { descendants: true }]
             }], _tabindex: [{
@@ -4811,13 +4848,13 @@ class SelectableItemDirective {
             (!this.readonly$ || !((_c = this.readonly$) === null || _c === void 0 ? void 0 : _c.fdkReadonly)));
     }
     /** @hidden */
-    constructor(provider, disabled$, readonly$, selectionService, _elementRef, _cd, _clicked) {
+    constructor(provider, disabled$, readonly$, selectionService, elementRef, _cd, _clicked) {
         var _a;
         this.provider = provider;
         this.disabled$ = disabled$;
         this.readonly$ = readonly$;
         this.selectionService = selectionService;
-        this._elementRef = _elementRef;
+        this.elementRef = elementRef;
         this._cd = _cd;
         /** Event emitted when selection state being changed for selectable item. */
         this.selected = new EventEmitter();
@@ -4844,7 +4881,7 @@ class SelectableItemDirective {
         }
         else {
             this._selected = isSelected;
-            const htmlElement = this._elementRef.nativeElement;
+            const htmlElement = this.elementRef.nativeElement;
             const { classList } = htmlElement;
             if (isSelected) {
                 classList.add('is-selected');
@@ -4857,10 +4894,6 @@ class SelectableItemDirective {
         this.selected.emit(isSelected);
     }
     /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
-    /** @hidden */
     _listenToDisablingEvents() {
         const disablingEvents$ = [];
         if (this.disabled$) {
@@ -5236,6 +5269,8 @@ class DndListDirective {
         this.itemsChange = new EventEmitter();
         /** Event that is thrown when the item is dropped */
         this.itemDropped = new EventEmitter();
+        /** Event that is thrown when predicate function returned false. */
+        this.dropCancelled = new EventEmitter();
         /** @hidden */
         this._closestItemIndex = null;
         /** @hidden */
@@ -5377,6 +5412,7 @@ class DndListDirective {
                 this._closestItemIndex = null;
                 this._closestItemPosition = null;
                 if (!result) {
+                    this.dropCancelled.emit();
                     return;
                 }
                 if (draggedItemIndex !== replacedItemIndex) {
@@ -5513,7 +5549,7 @@ class DndListDirective {
     }
 }
 DndListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DndListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DndListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: DndListDirective, selector: "[fdkDndList], [fd-dnd-list]", inputs: { gridMode: "gridMode", dropMode: "dropMode", threshold: "threshold", replaceMode: "replaceMode", items: "items", draggable: "draggable", dropPredicate: "dropPredicate", dragoverPredicate: "dragoverPredicate" }, outputs: { dropPredicateCalculating: "dropPredicateCalculating", itemsChange: "itemsChange", itemDropped: "itemDropped" }, host: { properties: { "class": "this._initialClass" } }, providers: [{ provide: DND_LIST, useExisting: forwardRef(() => DndListDirective) }], queries: [{ propertyName: "dndItems", predicate: DND_ITEM }], ngImport: i0 });
+DndListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: DndListDirective, selector: "[fdkDndList], [fd-dnd-list]", inputs: { gridMode: "gridMode", dropMode: "dropMode", threshold: "threshold", replaceMode: "replaceMode", items: "items", draggable: "draggable", dropPredicate: "dropPredicate", dragoverPredicate: "dragoverPredicate" }, outputs: { dropPredicateCalculating: "dropPredicateCalculating", itemsChange: "itemsChange", itemDropped: "itemDropped", dropCancelled: "dropCancelled" }, host: { properties: { "class": "this._initialClass" } }, providers: [{ provide: DND_LIST, useExisting: forwardRef(() => DndListDirective) }], queries: [{ propertyName: "dndItems", predicate: DND_ITEM }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DndListDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5542,6 +5578,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 type: Output
             }], itemDropped: [{
                 type: Output
+            }], dropCancelled: [{
+                type: Output
             }], dndItems: [{
                 type: ContentChildren,
                 args: [DND_ITEM]
@@ -6167,25 +6205,26 @@ function applyCssClass(target, propertyKey, descriptor) {
     const originalMethod = descriptor.value;
     descriptor.value = function () {
         const self = this;
-        if (!self.elementRef) {
+        if (!('elementRef' in self)) {
             throw ELEMENT_REF_EXCEPTION;
         }
         const classListToApply = sanitize(originalMethod.apply(this));
-        const elementRef = self.elementRef.apply(this);
+        const elementRef = self.elementRef;
         const nativeElement = elementRef === null || elementRef === void 0 ? void 0 : elementRef.nativeElement;
-        if (nativeElement) {
-            if (!nativeElement._classMap) {
-                nativeElement._classMap = {};
-            }
-            if (!self._uuidv4) {
-                self._uuidv4 = uuidv4();
-            }
-            const currentClassList = Array.from(nativeElement.classList);
-            const previousClassListToApply = nativeElement._classMap[self._uuidv4] || [];
-            const newClassList = createComponentClassList(currentClassList, previousClassListToApply, classListToApply);
-            nativeElement.className = newClassList.join(' ');
-            nativeElement._classMap[self._uuidv4] = classListToApply;
+        if (!nativeElement) {
+            return classListToApply;
         }
+        if (!nativeElement._classMap) {
+            nativeElement._classMap = {};
+        }
+        if (!self._uuidv4) {
+            self._uuidv4 = uuidv4();
+        }
+        const currentClassList = Array.from(nativeElement.classList);
+        const previousClassListToApply = nativeElement._classMap[self._uuidv4] || [];
+        const newClassList = createComponentClassList(currentClassList, previousClassListToApply, classListToApply);
+        nativeElement.className = newClassList.join(' ');
+        nativeElement._classMap[self._uuidv4] = classListToApply;
         return classListToApply;
     };
 }
@@ -6229,12 +6268,10 @@ function applyCssStyle(target, propertyKey, descriptor) {
             throw ELEMENT_REF_EXCEPTION;
         }
         const _styles = originalMethod.apply(this);
-        if (self.elementRef()) {
-            const htmlElement = self.elementRef().nativeElement;
-            Object.keys(_styles).forEach((key) => {
-                htmlElement.style[key] = _styles[key];
-            });
-        }
+        const htmlElement = self.elementRef.nativeElement;
+        Object.keys(_styles).forEach((key) => {
+            htmlElement.style[key] = _styles[key];
+        });
         return _styles;
     };
 }
@@ -6286,8 +6323,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class DynamicComponentContainer {
     /** @hidden */
-    constructor(_elementRef, _injector, _cdr) {
-        this._elementRef = _elementRef;
+    constructor(elementRef, _injector, _cdr) {
+        this.elementRef = elementRef;
         this._injector = _injector;
         this._cdr = _cdr;
         /** @hidden */
@@ -7514,5 +7551,5 @@ class BaseToastDurationDismissibleConfig extends BaseToastConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ANY_LANGUAGE_LETTERS_GROUP_REGEX, ANY_LANGUAGE_LETTERS_REGEX, AbstractFdNgxClass, AsyncOrSyncPipe, AttributeObserver, AutoCompleteDirective, AutoCompleteModule, BaseAnimatedToastConfig, BaseDismissibleToastService, BaseToastActionDismissibleRef, BaseToastConfig, BaseToastContainerComponent, BaseToastDurationDismissibleConfig, BaseToastDurationDismissibleContainerComponent, BaseToastDurationDismissibleRef, BaseToastOverlayContainer, BaseToastPosition, BaseToastRef, BaseToastService, BreakpointDirective, BreakpointModule, ClickedBehaviorModule, ClickedDirective, ContentDensityService, DECIMAL_NUMBER_UNICODE_GROUP_REGEX, DECIMAL_NUMBER_UNICODE_RANGE, DECIMAL_NUMBER_UNICODE_REGEX, DEFAULT_CONTENT_DENSITY, DND_ITEM, DND_LIST, DefaultReadonlyViewModifier, DeprecatedAutoCompleteDirective, DeprecatedClickedDirective, DeprecatedDisabledBehaviorDirective, DeprecatedFocusKeyManagerItemDirective, DeprecatedFocusKeyManagerListDirective, DeprecatedFocusableItemDirective, DeprecatedFocusableListDirective, DeprecatedIgnoreClickOnSelectionDirective, DeprecatedInitialFocusDirective, DeprecatedLineClampDirective, DeprecatedLineClampTargetDirective, DeprecatedOnlyDigitsDirective, DeprecatedOverflowListDirective, DeprecatedOverflowListItemDirective, DeprecatedReadonlyBehaviorDirective, DeprecatedRepeatDirective, DeprecatedResizeDirective, DeprecatedResizeHandleDirective, DeprecatedTemplateSelectorDirective, DeprecatedTruncateSelectorDirective, DestroyedService, DisabledBehaviorDirective, DisabledBehaviorModule, DisabledObserver, DisplayFnPipe, DndItemDirective, DndKeyboardGroupDirective, DndKeyboardItemDirective, DndListDirective, DragAndDropModule, DynamicComponentContainer, DynamicComponentInjector, DynamicComponentService, DynamicPortalComponent, ELEMENT_REF_EXCEPTION, FDK_DISABLED_DIRECTIVE, FDK_FOCUSABLE_GRID_DIRECTIVE, FDK_FOCUSABLE_ITEM_DIRECTIVE, FDK_FOCUSABLE_LIST_DIRECTIVE, FDK_READONLY_DIRECTIVE, FDK_SELECTABLE_ITEM_PROVIDER, FOCUSABLE_ITEM, FdkClickedProvider, FdkDisabledProvider, FdkReadonlyProvider, FilterStringsPipe, FocusKeyManagerHelpersModule, FocusKeyManagerItemDirective, FocusKeyManagerListDirective, FocusTrapService, FocusableGridDirective, FocusableGridModule, FocusableItemDirective, FocusableItemModule, FocusableListDirective, FocusableListModule, FocusableObserver, FunctionStrategy, INVALID_DATE_ERROR, IgnoreClickOnSelectionDirective, IgnoreClickOnSelectionDirectiveToken, IgnoreClickOnSelectionModule, InitialFocusDirective, InitialFocusModule, IsCompactDensityPipe, KeyUtil, KeyboardSupportService, LETTERS_UNICODE_RANGE, LIST_ITEM_COMPONENT, LineClampDirective, LineClampModule, LineClampTargetDirective, LocalStorageService, MOBILE_CONFIG_ERROR, MakeAsyncPipe, ModuleDeprecations, OVERFLOW_PRIORITY_SCORE, ObservableStrategy, OnlyDigitsDirective, OnlyDigitsModule, OverflowListDirective, OverflowListItemDirective, OverflowListModule, PipeModule, PromiseStrategy, RTL_LANGUAGE, RangeSelector, ReadonlyBehaviorDirective, ReadonlyBehaviorModule, ReadonlyObserver, RepeatDirective, RepeatModule, ResizeDirective, ResizeHandleDirective, ResizeModule, ResizeObserverFactory, ResizeObserverService, RtlService, SafePipe, SearchHighlightPipe, SelectComponentRootToken, SelectableItemDirective, SelectableItemToken, SelectableListDirective, SelectableListModule, SelectionService, THEME_SWITCHER_ROUTER_MISSING_ERROR, TabbableElementService, TemplateDirective, TemplateModule, ThemesService, ToastBottomCenterPosition, ToastBottomLeftPosition, ToastBottomRightPosition, ToastTopCenterPosition, ToastTopLeftPosition, ToastTopRightPosition, TruncateDirective, TruncateModule, TruncatePipe, TwoDigitsPipe, UtilsModule, ValueByPathPipe, ValueStrategy, ViewportSizeObservable, alternateSetter, applyCssClass, applyCssStyle, baseToastAnimations, coerceArraySafe, coerceBoolean, coerceCssPixel, consumerProviderFactory, getDocumentFontSize, getElementCapacity, getElementWidth, getNativeElement, getRandomColorAccent, intersectionObservable, isBlank, isBoolean, isCompactDensity, isFunction, isHasElementRef, isJsObject, isNumber, isObject, isOdd, isPresent, isPromise, isString, isStringMap, isSubscribable, isType, isValidContentDensity, moduleDeprecationsFactory, moduleDeprecationsProvider, parserFileSize, pxToNum, resizeObservable, scrollIntoView, scrollTop, selectStrategy, setDisabledState, setReadonlyState, toNativeElement, toastConnectedBottomLeftPosition, toastConnectedBottomPosition, toastConnectedBottomRightPosition, toastConnectedTopLeftPosition, toastConnectedTopPosition, toastConnectedTopRightPosition, uuidv4 };
+export { ANY_LANGUAGE_LETTERS_GROUP_REGEX, ANY_LANGUAGE_LETTERS_REGEX, AbstractFdNgxClass, AsyncOrSyncPipe, AttributeObserver, AutoCompleteDirective, AutoCompleteModule, BaseAnimatedToastConfig, BaseDismissibleToastService, BaseToastActionDismissibleRef, BaseToastConfig, BaseToastContainerComponent, BaseToastDurationDismissibleConfig, BaseToastDurationDismissibleContainerComponent, BaseToastDurationDismissibleRef, BaseToastOverlayContainer, BaseToastPosition, BaseToastRef, BaseToastService, BreakpointDirective, BreakpointModule, ClickedBehaviorModule, ClickedDirective, ContentDensityService, DECIMAL_NUMBER_UNICODE_GROUP_REGEX, DECIMAL_NUMBER_UNICODE_RANGE, DECIMAL_NUMBER_UNICODE_REGEX, DEFAULT_CONTENT_DENSITY, DND_ITEM, DND_LIST, DefaultReadonlyViewModifier, DeprecatedAutoCompleteDirective, DeprecatedClickedDirective, DeprecatedDisabledBehaviorDirective, DeprecatedFocusKeyManagerItemDirective, DeprecatedFocusKeyManagerListDirective, DeprecatedFocusableItemDirective, DeprecatedFocusableListDirective, DeprecatedIgnoreClickOnSelectionDirective, DeprecatedInitialFocusDirective, DeprecatedLineClampDirective, DeprecatedLineClampTargetDirective, DeprecatedOnlyDigitsDirective, DeprecatedOverflowListDirective, DeprecatedOverflowListItemDirective, DeprecatedReadonlyBehaviorDirective, DeprecatedRepeatDirective, DeprecatedResizeDirective, DeprecatedResizeHandleDirective, DeprecatedTemplateSelectorDirective, DeprecatedTruncateSelectorDirective, DestroyedService, DisabledBehaviorDirective, DisabledBehaviorModule, DisabledObserver, DisplayFnPipe, DndItemDirective, DndKeyboardGroupDirective, DndKeyboardItemDirective, DndListDirective, DragAndDropModule, DynamicComponentContainer, DynamicComponentInjector, DynamicComponentService, DynamicPortalComponent, ELEMENT_REF_EXCEPTION, FDK_DISABLED_DIRECTIVE, FDK_FOCUSABLE_GRID_DIRECTIVE, FDK_FOCUSABLE_ITEM_DIRECTIVE, FDK_FOCUSABLE_LIST_DIRECTIVE, FDK_READONLY_DIRECTIVE, FDK_SELECTABLE_ITEM_PROVIDER, FOCUSABLE_ITEM, FdkClickedProvider, FdkDisabledProvider, FdkReadonlyProvider, FilterStringsPipe, FocusKeyManagerHelpersModule, FocusKeyManagerItemDirective, FocusKeyManagerListDirective, FocusTrapService, FocusableGridDirective, FocusableGridModule, FocusableItemDirective, FocusableItemModule, FocusableListDirective, FocusableListModule, FocusableObserver, FunctionStrategy, INVALID_DATE_ERROR, IgnoreClickOnSelectionDirective, IgnoreClickOnSelectionDirectiveToken, IgnoreClickOnSelectionModule, InitialFocusDirective, InitialFocusModule, IsCompactDensityPipe, KeyUtil, KeyboardSupportService, LETTERS_UNICODE_RANGE, LIST_ITEM_COMPONENT, LineClampDirective, LineClampModule, LineClampTargetDirective, LocalStorageService, MOBILE_CONFIG_ERROR, MakeAsyncPipe, ModuleDeprecations, OVERFLOW_PRIORITY_SCORE, ObservableStrategy, OnlyDigitsDirective, OnlyDigitsModule, OverflowListDirective, OverflowListItemDirective, OverflowListModule, PipeModule, PromiseStrategy, RTL_LANGUAGE, RangeSelector, ReadonlyBehaviorDirective, ReadonlyBehaviorModule, ReadonlyObserver, RepeatDirective, RepeatModule, ResizeDirective, ResizeHandleDirective, ResizeModule, ResizeObserverFactory, ResizeObserverService, RtlService, SafePipe, SearchHighlightPipe, SelectComponentRootToken, SelectableItemDirective, SelectableItemToken, SelectableListDirective, SelectableListModule, SelectionService, THEME_SWITCHER_ROUTER_MISSING_ERROR, TabbableElementService, TemplateDirective, TemplateModule, ThemesService, ToastBottomCenterPosition, ToastBottomLeftPosition, ToastBottomRightPosition, ToastTopCenterPosition, ToastTopLeftPosition, ToastTopRightPosition, TruncateDirective, TruncateModule, TruncatePipe, TwoDigitsPipe, UtilsModule, ValueByPathPipe, ValueStrategy, ViewportSizeObservable, alternateSetter, applyCssClass, applyCssStyle, baseToastAnimations, coerceArraySafe, coerceBoolean, coerceCssPixel, consumerProviderFactory, getDocumentFontSize, getElementCapacity, getElementWidth, getNativeElement, getRandomColorAccent, hasElementRef, intersectionObservable, isBlank, isBoolean, isCompactDensity, isFunction, isJsObject, isNumber, isObject, isOdd, isPresent, isPromise, isString, isStringMap, isSubscribable, isType, isValidContentDensity, moduleDeprecationsFactory, moduleDeprecationsProvider, parserFileSize, pxToNum, resizeObservable, scrollIntoView, scrollTop, selectStrategy, setDisabledState, setReadonlyState, toNativeElement, toastConnectedBottomLeftPosition, toastConnectedBottomPosition, toastConnectedBottomRightPosition, toastConnectedTopLeftPosition, toastConnectedTopPosition, toastConnectedTopRightPosition, uuidv4 };
 //# sourceMappingURL=fundamental-ngx-cdk-utils.mjs.map