@ethlete/cdk 4.3.4 → 4.4.0

package/lib/components/forms/components/checkbox/components/checkbox-field/checkbox-field.component.d.ts

@@ -5,7 +5,7 @@ import * as i2 from "../../../../directives/writeable-input/writeable-input.dire
 import * as i3 from "../../../../directives/dynamic-form-field/dynamic-form-field.directive";
 import * as i4 from "../../directives/checkbox-field/checkbox-field.directive";
 export declare class CheckboxFieldComponent {
-    protected readonly inputState: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    protected readonly inputState: InputStateService<unknown, HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxFieldComponent, "et-checkbox-field, et-checkbox-card-field", never, {}, {}, never, ["*", "*"], true, [{ directive: typeof i1.StaticFormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.DynamicFormFieldDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }, { directive: typeof i4.CheckboxFieldDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/forms/components/checkbox/directives/checkbox/checkbox.directive.d.ts

@@ -4,7 +4,7 @@ import { InputDirective } from '../../../../directives';
 import * as i0 from "@angular/core";
 export declare const CHECKBOX_TOKEN: InjectionToken<CheckboxDirective>;
 export declare class CheckboxDirective {
-    readonly input: InputDirective<boolean, HTMLInputElement>;
+    readonly input: InputDirective<boolean, HTMLElement>;
     readonly checked$: import("rxjs").Observable<boolean>;
     readonly indeterminate$: BehaviorSubject<boolean>;
     readonly hostClassBindings: {

package/lib/components/forms/components/checkbox/directives/checkbox-field/checkbox-field.directive.d.ts

@@ -5,7 +5,7 @@ import { CheckboxDirective } from '../public-api';
 import * as i0 from "@angular/core";
 export declare const CHECKBOX_FIELD_TOKEN: InjectionToken<CheckboxFieldDirective>;
 export declare class CheckboxFieldDirective {
-    readonly inputState: InputStateService<boolean, HTMLInputElement>;
+    readonly inputState: InputStateService<boolean, HTMLElement>;
     set checkbox(checkbox: TypedQueryList<CheckboxDirective>);
     private _checkbox$;
     readonly hostClassBindings: {

package/lib/components/forms/components/checkbox/directives/checkbox-group-control/checkbox-group-control.directive.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare const CHECKBOX_GROUP_CONTROL_TOKEN: InjectionToken<CheckboxGroupControlDirective>;
 export declare class CheckboxGroupControlDirective {
     readonly checkbox: import("../checkbox").CheckboxDirective;
-    readonly input: InputDirective<boolean, HTMLInputElement>;
+    readonly input: InputDirective<boolean, HTMLElement>;
     readonly group: import("../checkbox-group").CheckboxGroupDirective;
     readonly inputAttributeBindings: {
         remove: (...tokens: string[]) => void;

package/lib/components/forms/components/input/components/input-field/input-field.component.d.ts

@@ -5,7 +5,7 @@ import * as i1 from "../../../../directives/static-form-field/static-form-field.
 import * as i2 from "../../../../directives/writeable-input/writeable-input.directive";
 import * as i3 from "../../../../directives/dynamic-form-field/dynamic-form-field.directive";
 export declare class InputFieldComponent extends DecoratedFormFieldBase {
-    protected readonly inputState: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    protected readonly inputState: InputStateService<unknown, HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent, "et-input-field", never, {}, {}, never, ["et-label", "*"], true, [{ directive: typeof i1.StaticFormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.DynamicFormFieldDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }]>;
 }

package/lib/components/forms/components/input/directives/autosize-textarea/autosize-textarea.directive.d.ts

@@ -4,7 +4,7 @@ export declare class AutosizeTextareaDirective implements OnInit {
     private readonly _input;
     private readonly _resizeObserver;
     private readonly _destroy$;
-    get element(): HTMLInputElement | null;
+    get element(): HTMLElement | null;
     ngOnInit(): void;
     updateSize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutosizeTextareaDirective, never>;

package/lib/components/forms/components/input/directives/date-input/date-input.directive.d.ts

@@ -12,7 +12,7 @@ export declare class DateInputDirective implements OnInit {
     private readonly _destroy$;
     private readonly _localeId;
     private readonly _dateFormat;
-    readonly input: InputDirective<string | null, HTMLInputElement>;
+    readonly input: InputDirective<string | null, HTMLElement>;
     ngOnInit(): void;
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;

package/lib/components/forms/components/input/directives/email-input/email-input.directive.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare const EMAIL_INPUT_TOKEN: InjectionToken<EmailInputDirective>;
 export declare class EmailInputDirective implements OnInit {
     private readonly _destroy$;
-    readonly input: InputDirective<string | null, HTMLInputElement>;
+    readonly input: InputDirective<string | null, HTMLElement>;
     ngOnInit(): void;
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;

package/lib/components/forms/components/input/directives/number-input/number-input.directive.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare const NUMBER_INPUT_TOKEN: InjectionToken<NumberInputDirective>;
 export declare class NumberInputDirective implements OnInit {
     private readonly _destroy$;
-    readonly input: InputDirective<number | null, HTMLInputElement>;
+    readonly input: InputDirective<number | null, HTMLElement>;
     ngOnInit(): void;
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;

package/lib/components/forms/components/input/directives/password-input/password-input.directive.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare const PASSWORD_INPUT_TOKEN: InjectionToken<PasswordInputDirective>;
 export declare class PasswordInputDirective implements OnInit {
     private readonly _destroy$;
-    readonly input: InputDirective<string | null, HTMLInputElement>;
+    readonly input: InputDirective<string | null, HTMLElement>;
     readonly showPassword$: BehaviorSubject<boolean>;
     ngOnInit(): void;
     _onInputInteraction(event: Event): void;

package/lib/components/forms/components/input/directives/search-input/search-input.directive.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare const SEARCH_INPUT_TOKEN: InjectionToken<SearchInputDirective>;
 export declare class SearchInputDirective implements OnInit {
     private readonly _destroy$;
-    readonly input: InputDirective<string | null, HTMLInputElement>;
+    readonly input: InputDirective<string | null, HTMLElement>;
     ngOnInit(): void;
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;

package/lib/components/forms/components/input/directives/text-input/text-input.directive.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare const TEXT_INPUT_TOKEN: InjectionToken<TextInputDirective>;
 export declare class TextInputDirective implements OnInit {
     private readonly _destroy$;
-    readonly input: InputDirective<string | null, HTMLInputElement>;
+    readonly input: InputDirective<string | null, HTMLElement>;
     ngOnInit(): void;
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;

package/lib/components/forms/components/input/directives/textarea-input/textarea-input.directive.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare const TEXTAREA_INPUT_TOKEN: InjectionToken<TextareaInputDirective>;
 export declare class TextareaInputDirective implements OnInit {
     private readonly _destroy$;
-    readonly input: InputDirective<string | null, HTMLInputElement>;
+    readonly input: InputDirective<string | null, HTMLElement>;
     ngOnInit(): void;
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;

package/lib/components/forms/components/input/partials/password-input-toggle/password-input-toggle.component.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class PasswordInputToggleComponent {
     protected readonly passwordInput: import("../../directives").PasswordInputDirective;
-    protected readonly input: import("../../../../directives").InputDirective<unknown, HTMLInputElement>;
+    protected readonly input: import("../../../../directives").InputDirective<unknown, HTMLElement>;
     ariaLabel?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputToggleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputToggleComponent, "et-password-input-toggle", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/components/forms/components/input/partials/search-input-clear/search-input-clear.component.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class SearchInputClearComponent {
     protected readonly searchInput: import("../../directives").SearchInputDirective;
-    protected readonly input: import("../../../../directives").InputDirective<unknown, HTMLInputElement>;
+    protected readonly input: import("../../../../directives").InputDirective<unknown, HTMLElement>;
     ariaLabel?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchInputClearComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SearchInputClearComponent, "et-search-input-clear", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/components/forms/components/radio/components/radio-group/radio-group.component.d.ts

@@ -5,7 +5,7 @@ import * as i2 from "../../../../directives/writeable-input/writeable-input.dire
 import * as i3 from "../../../../directives/dynamic-form-group/dynamic-form-group.directive";
 import * as i4 from "../../directives/radio-group/radio-group.directive";
 export declare class RadioGroupComponent {
-    protected readonly inputState: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    protected readonly inputState: InputStateService<unknown, HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "et-radio-group", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.StaticFormGroupDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.DynamicFormGroupDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }, { directive: typeof i4.RadioGroupDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/forms/components/radio/directives/radio/radio.directive.d.ts

@@ -4,7 +4,7 @@ import { RadioValue } from '../../types';
 import * as i0 from "@angular/core";
 export declare const RADIO_TOKEN: InjectionToken<RadioDirective>;
 export declare class RadioDirective {
-    readonly input: InputDirective<RadioValue, HTMLInputElement>;
+    readonly input: InputDirective<RadioValue, HTMLElement>;
     get value(): RadioValue;
     set value(value: RadioValue);
     private _value$;

package/lib/components/forms/components/radio/directives/radio-field/radio-field.directive.d.ts

@@ -6,7 +6,7 @@ import { RadioDirective } from '../radio';
 import * as i0 from "@angular/core";
 export declare const RADIO_FIELD_TOKEN: InjectionToken<RadioFieldDirective>;
 export declare class RadioFieldDirective {
-    readonly inputState: InputStateService<RadioValue, HTMLInputElement>;
+    readonly inputState: InputStateService<RadioValue, HTMLElement>;
     set radio(radio: TypedQueryList<RadioDirective>);
     private _radio$;
     readonly radioQueryList$: import("rxjs").Observable<TypedQueryList<RadioDirective> | null>;

package/lib/components/forms/components/segmented-button/components/segmented-button-group/segmented-button-group.component.d.ts

@@ -5,7 +5,7 @@ import * as i2 from "../../../../directives/writeable-input/writeable-input.dire
 import * as i3 from "../../../../directives/dynamic-form-group/dynamic-form-group.directive";
 import * as i4 from "../../directives/segmented-button-group/segmented-button-group.directive";
 export declare class SegmentedButtonGroupComponent {
-    protected readonly inputState: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    protected readonly inputState: InputStateService<unknown, HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonGroupComponent, "et-segmented-button-group", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.StaticFormGroupDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.DynamicFormGroupDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }, { directive: typeof i4.SegmentedButtonGroupDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/forms/components/segmented-button/directives/segmented-button/segmented-button.directive.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare const SEGMENTED_BUTTON_TOKEN: InjectionToken<SegmentedButtonDirective>;
 export declare class SegmentedButtonDirective {
     private readonly _activeIndicatorElement$;
-    readonly input: InputDirective<Primitive, HTMLInputElement>;
+    readonly input: InputDirective<Primitive, HTMLElement>;
     get value(): Primitive;
     set value(value: Primitive);
     private _value$;

package/lib/components/forms/components/segmented-button/directives/segmented-button-field/segmented-button-field.directive.d.ts

@@ -5,7 +5,7 @@ import { SegmentedButtonDirective } from '../segmented-button';
 import * as i0 from "@angular/core";
 export declare const SEGMENTED_BUTTON_FIELD_TOKEN: InjectionToken<SegmentedButtonFieldDirective>;
 export declare class SegmentedButtonFieldDirective {
-    readonly inputState: InputStateService<Primitive, HTMLInputElement>;
+    readonly inputState: InputStateService<Primitive, HTMLElement>;
     set segmentedButton(segmentedButton: TypedQueryList<SegmentedButtonDirective>);
     private _segmentedButton$;
     readonly segmentedButtonQueryList$: import("rxjs").Observable<TypedQueryList<SegmentedButtonDirective> | null>;

package/lib/components/forms/components/select/components/combobox/directives/combobox/combobox.directive.d.ts

@@ -2,6 +2,7 @@ import { ComponentType } from '@angular/cdk/overlay';
 import { ElementRef, EventEmitter, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
 import { ActiveSelectionModel, AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding, TypedQueryList } from '@ethlete/core';
 import { BehaviorSubject } from 'rxjs';
+import { InputDirective } from '../../../../../../directives';
 import { ComponentWithError, ComponentWithOption, TemplateRefWithError, TemplateRefWithOption } from '../../private';
 import * as i0 from "@angular/core";
 export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxDirective>;
@@ -17,7 +18,7 @@ export type AbstractComboboxOption = {
 };
 export declare class ComboboxDirective implements OnInit {
     private readonly _destroy$;
-    readonly _input: import("../../../../../../directives").InputDirective<unknown, HTMLInputElement>;
+    readonly _input: InputDirective<unknown, HTMLInputElement>;
     private readonly _selectField;
     private readonly _animatedOverlay;
     private readonly _comboboxConfig;

package/lib/components/forms/components/select/components/select/directives/select/select.directive.d.ts

@@ -22,7 +22,7 @@ export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase>
     private readonly _destroy$;
     private readonly _selectField;
     private readonly _themeProvider;
-    readonly input: import("../../../../../../directives").InputDirective<unknown, HTMLInputElement>;
+    readonly input: import("../../../../../../directives").InputDirective<unknown, HTMLElement>;
     private readonly _selectBodyId$;
     private readonly _isOpen$;
     readonly elementRef: ElementRef<HTMLElement>;

package/lib/components/forms/components/select/components/select-field/select-field.component.d.ts

@@ -6,7 +6,7 @@ import * as i2 from "../../../../directives/static-form-field/static-form-field.
 import * as i3 from "../../../../directives/writeable-input/writeable-input.directive";
 import * as i4 from "../../../../directives/dynamic-form-field/dynamic-form-field.directive";
 export declare class SelectFieldComponent extends DecoratedFormFieldBase {
-    protected readonly inputState: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    protected readonly inputState: InputStateService<unknown, HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent, "et-select-field", never, {}, {}, never, ["et-label", "*"], true, [{ directive: typeof i1.SelectFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.StaticFormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i4.DynamicFormFieldDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }]>;
 }

package/lib/components/forms/components/selection-list/directives/selection-list-field/selection-list-field.directive.d.ts

@@ -7,7 +7,7 @@ export declare const SELECTION_LIST_FIELD: InjectionToken<SelectionListFieldDire
 export declare class SelectionListFieldDirective {
     private readonly _destroy$;
     private _keyManager;
-    readonly input: InputDirective<Primitive | Primitive[], HTMLInputElement>;
+    readonly input: InputDirective<Primitive | Primitive[], HTMLElement>;
     set options(value: TypedQueryList<SelectionListOptionDirective> | null);
     private _options;
     get multiple(): boolean;

package/lib/components/forms/components/selection-list/directives/selection-list-option/selection-list-option.directive.d.ts

@@ -4,7 +4,7 @@ import { InputDirective } from '../../../../directives';
 import * as i0 from "@angular/core";
 export declare const SELECTION_LIST_OPTION: InjectionToken<SelectionListOptionDirective>;
 export declare class SelectionListOptionDirective {
-    readonly input: InputDirective<Primitive | Primitive[], HTMLInputElement>;
+    readonly input: InputDirective<Primitive | Primitive[], HTMLElement>;
     readonly field: import("../selection-list-field").SelectionListFieldDirective;
     readonly elementRef: ElementRef<HTMLElement>;
     get value(): Primitive;

package/lib/components/forms/components/slide-toggle/components/slide-toggle-field/slide-toggle-field.component.d.ts

@@ -4,7 +4,7 @@ import * as i1 from "../../../../directives/static-form-field/static-form-field.
 import * as i2 from "../../../../directives/writeable-input/writeable-input.directive";
 import * as i3 from "../../../../directives/dynamic-form-field/dynamic-form-field.directive";
 export declare class SlideToggleFieldComponent {
-    protected readonly inputState: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    protected readonly inputState: InputStateService<unknown, HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleFieldComponent, "et-slide-toggle-field", never, {}, {}, never, ["et-slide-toggle", "et-label"], true, [{ directive: typeof i1.StaticFormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.DynamicFormFieldDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }]>;
 }

package/lib/components/forms/components/slide-toggle/directives/slide-toggle/slide-toggle.directive.d.ts

@@ -3,7 +3,7 @@ import { InputDirective } from '../../../../directives';
 import * as i0 from "@angular/core";
 export declare const SLIDE_TOGGLE_TOKEN: InjectionToken<SlideToggleDirective>;
 export declare class SlideToggleDirective {
-    readonly input: InputDirective<boolean, HTMLInputElement>;
+    readonly input: InputDirective<boolean, HTMLElement>;
     readonly checked$: import("rxjs").Observable<boolean>;
     readonly hostClassBindings: {
         remove: (...tokens: string[]) => void;

package/lib/components/forms/components/slider/components/slider-field/slider-field.component.d.ts

@@ -4,7 +4,7 @@ import * as i1 from "../../../../directives/static-form-field/static-form-field.
 import * as i2 from "../../../../directives/writeable-input/writeable-input.directive";
 import * as i3 from "../../../../directives/dynamic-form-field/dynamic-form-field.directive";
 export declare class SliderFieldComponent {
-    protected readonly inputState: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    protected readonly inputState: InputStateService<unknown, HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SliderFieldComponent, "et-slider-field", never, {}, {}, never, ["et-label", "et-slider"], true, [{ directive: typeof i1.StaticFormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.DynamicFormFieldDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }]>;
 }

package/lib/components/forms/directives/input/input.directive.d.ts

@@ -3,8 +3,8 @@ import { InjectionToken, OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { NativeInputRefDirective } from '../native-input-ref';
 import * as i0 from "@angular/core";
-export declare const INPUT_TOKEN: InjectionToken<InputDirective<unknown, HTMLInputElement>>;
-export declare class InputDirective<T = unknown, J extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement = HTMLInputElement> implements OnInit, OnDestroy {
+export declare const INPUT_TOKEN: InjectionToken<InputDirective<unknown, HTMLElement>>;
+export declare class InputDirective<T = unknown, J extends HTMLElement = HTMLElement> implements OnInit, OnDestroy {
     private readonly _injector;
     private readonly _inputStateService;
     private readonly _formFieldStateService;
@@ -38,6 +38,7 @@ export declare class InputDirective<T = unknown, J extends HTMLInputElement | HT
     get usesImplicitControl$(): Observable<boolean>;
     get usesImplicitControl(): boolean;
     get nativeInputRef$(): Observable<NativeInputRefDirective<J> | null>;
+    get nativeInputElement$(): Observable<(J & Record<"value", unknown>) | null>;
     get nativeInputRef(): NativeInputRefDirective<J> | null;
     get autofilled$(): Observable<boolean>;
     get autofilled(): boolean;

package/lib/components/forms/directives/native-input-ref/native-input-ref.directive.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare const NATIVE_INPUT_REF_TOKEN: InjectionToken<NativeInputRefDirective<HTMLInputElement>>;
-export declare class NativeInputRefDirective<T extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement = HTMLInputElement> {
+export declare const NATIVE_INPUT_REF_TOKEN: InjectionToken<NativeInputRefDirective<HTMLElement>>;
+export declare class NativeInputRefDirective<T extends HTMLElement = HTMLElement> {
     readonly element: ElementRef<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NativeInputRefDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NativeInputRefDirective<any>, "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]", never, {}, {}, never, never, true, never>;

package/lib/components/forms/directives/writeable-input/writeable-input.directive.d.ts

@@ -10,7 +10,7 @@ export declare const WRITEABLE_INPUT_VALUE_ACCESSOR: {
     multi: boolean;
 };
 export declare class WriteableInputDirective implements ControlValueAccessor {
-    readonly _inputStateService: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
+    readonly _inputStateService: InputStateService<unknown, HTMLElement>;
     readonly hostClassBindings: {
         remove: (...tokens: string[]) => void;
         has: (token: string) => boolean;

package/lib/components/forms/services/input-state.service.d.ts

@@ -3,7 +3,7 @@ import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { NativeInputRefDirective } from '../directives';
 import { InputTouchedFn, InputValueChangeFn, InputValueUpdateType, ValidatorErrors } from '../types';
 import * as i0 from "@angular/core";
-export declare class InputStateService<T = unknown, J extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement = HTMLInputElement> {
+export declare class InputStateService<T = unknown, J extends HTMLElement = HTMLElement> {
     readonly lastUpdateType$: BehaviorSubject<InputValueUpdateType | null>;
     readonly lastUpdateType: import("@angular/core").Signal<InputValueUpdateType | null>;
     readonly onInternalUpdate$: Observable<InputValueUpdateType | null>;

package/lib/components/forms/utils/input.base.d.ts

@@ -1,8 +1,10 @@
 import { NativeInputRefDirective } from '../directives';
 import * as i0 from "@angular/core";
 export declare class InputBase {
-    protected readonly input: import("../directives").InputDirective<unknown, HTMLInputElement>;
+    private readonly __nativeInputRef;
+    protected readonly input: import("../directives").InputDirective<unknown, HTMLElement>;
     set nativeInputRef(value: NativeInputRefDirective);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<InputBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<InputBase, never, never, {}, {}, never, never, false, never>;
 }

package/lib/components/overlay/components/menu/menu-base.d.ts

@@ -27,6 +27,7 @@ export declare abstract class CdkMenuBase extends CdkMenuGroup implements Menu,
     ngOnDestroy(): void;
     focusFirstItem(focusOrigin?: FocusOrigin): void;
     focusLastItem(focusOrigin?: FocusOrigin): void;
+    focusItem(item: CdkMenuItem, focusOrigin?: FocusOrigin): void;
     _getTabIndex(): 0 | -1 | null;
     protected closeOpenMenu(menu: MenuStackItem, options?: {
         focusParentTrigger?: boolean;

package/lib/components/overlay/components/menu/menu-interface.d.ts

@@ -8,4 +8,5 @@ export interface Menu extends MenuStackItem {
     readonly orientation: 'horizontal' | 'vertical';
     focusFirstItem(focusOrigin: FocusOrigin): void;
     focusLastItem(focusOrigin: FocusOrigin): void;
+    focusItem(item: unknown, focusOrigin?: FocusOrigin): void;
 }

package/lib/components/overlay/components/menu/menu-item.d.ts

@@ -36,6 +36,7 @@ export declare class CdkMenuItem implements FocusableOption, FocusableElement, T
     getMenu(): Menu | undefined;
     getMenuTrigger(): CdkMenuTrigger | null;
     getLabel(): string;
+    getParentMenu(): Menu | null;
     _resetTabIndex(): void;
     _setTabIndex(event?: MouseEvent): void;
     _onKeydown(event: KeyboardEvent): void;

package/lib/components/overlay/components/overlay/components/overlay-container/overlay-container.component.d.ts

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
 import * as i2 from "@ethlete/theming";
 export declare class OverlayContainerComponent extends CdkDialogContainer<OverlayConfig> {
+    private readonly _destroy$;
     private readonly _swipeHandlerService;
     private readonly _dragToDismissStop$;
     readonly _themeProvider: ProvideThemeDirective;
@@ -18,7 +19,15 @@ export declare class OverlayContainerComponent extends CdkDialogContainer<Overla
     readonly cdkOverlayRef: CdkOverlayRef;
     overlayRef: OverlayRef | null;
     readonly elementRef: ElementRef<any>;
+    private readonly _layoutHasHeader;
+    private readonly _layoutHasBody;
+    private readonly _layoutHasFooter;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     constructor();
+    afterOverlayRefInit(): void;
     protected _contentAttached(): void;
     protected _captureInitialFocus(): void;
     protected _openAnimationDone(): void;

package/lib/components/overlay/components/overlay/overlay.imports.d.ts

@@ -1,8 +1,7 @@
 import { Dialog } from '@angular/cdk/dialog';
-import { OverlayContainerComponent } from './components';
-import { OverlayCloseDirective, OverlayTitleDirective } from './partials';
+import { OverlayBodyComponent, OverlayCloseDirective, OverlayFooterDirective, OverlayHeaderDirective, OverlayTitleDirective } from './partials';
 import { OverlayService } from './services';
-export declare const OverlayImports: readonly [typeof OverlayContainerComponent, typeof OverlayCloseDirective, typeof OverlayTitleDirective];
+export declare const OverlayImports: readonly [typeof OverlayCloseDirective, typeof OverlayTitleDirective, typeof OverlayHeaderDirective, typeof OverlayBodyComponent, typeof OverlayFooterDirective];
 export declare const provideOverlay: () => (typeof Dialog | {
     provide: import("@angular/core").InjectionToken<() => import("@angular/cdk/overlay").ScrollStrategy>;
     deps: typeof import("@angular/cdk/overlay").Overlay[];

package/lib/components/overlay/components/overlay/partials/overlay-body/overlay-body.component.d.ts

@@ -0,0 +1,36 @@
+import { ElementRef, InjectionToken, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ethlete/core";
+export declare const OVERLAY_BODY_TOKEN: InjectionToken<OverlayBodyComponent>;
+export type OverlayBodyDividerType = 'static' | 'dynamic' | false;
+export declare class OverlayBodyComponent implements OnInit, OnDestroy {
+    private _overlayRef;
+    private readonly _elementRef;
+    private readonly _overlayService;
+    set __dividers(value: OverlayBodyDividerType);
+    protected readonly dividers: import("@angular/core").WritableSignal<OverlayBodyDividerType>;
+    private set _firstElement(value);
+    readonly firstElement: import("@angular/core").WritableSignal<ElementRef<HTMLElement> | null>;
+    private set _lastElement(value);
+    readonly lastElement: import("@angular/core").WritableSignal<ElementRef<HTMLElement> | null>;
+    private readonly _dividersEnabled;
+    private readonly _dynamicDividersEnabled;
+    private readonly containerScrollState;
+    private readonly firstElementIntersection;
+    private readonly firstElementVisibility;
+    private readonly lastElementIntersection;
+    private readonly lastElementVisibility;
+    private readonly canScroll;
+    private readonly isAtStart;
+    private readonly isAtEnd;
+    private readonly enableDividerAnimations;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayBodyComponent, "[et-overlay-body], et-overlay-body", never, { "__dividers": { "alias": "dividers"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.RootBoundaryDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/overlay/components/overlay/partials/overlay-body/public-api.d.ts

@@ -0,0 +1 @@
+export * from './overlay-body.component';

package/lib/components/overlay/components/overlay/partials/overlay-footer/overlay-footer.directive.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const OVERLAY_FOOTER_TOKEN: InjectionToken<OverlayFooterDirective>;
+export declare class OverlayFooterDirective implements OnInit, OnDestroy {
+    private _overlayRef;
+    private readonly _elementRef;
+    private readonly _overlayService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayFooterDirective, "[etOverlayFooter], et-overlay-footer", never, {}, {}, never, never, true, never>;
+}

package/lib/components/overlay/components/overlay/partials/overlay-footer/public-api.d.ts

@@ -0,0 +1 @@
+export * from './overlay-footer.directive';

package/lib/components/overlay/components/overlay/partials/overlay-header/overlay-header.directive.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const OVERLAY_HEADER_TOKEN: InjectionToken<OverlayHeaderDirective>;
+export declare class OverlayHeaderDirective implements OnInit, OnDestroy {
+    private _overlayRef;
+    private readonly _elementRef;
+    private readonly _overlayService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverlayHeaderDirective, "[etOverlayHeader], et-overlay-header", never, {}, {}, never, never, true, never>;
+}

package/lib/components/overlay/components/overlay/partials/overlay-header/public-api.d.ts

@@ -0,0 +1 @@
+export * from './overlay-header.directive';

package/lib/components/overlay/components/overlay/partials/public-api.d.ts

@@ -1,2 +1,5 @@
+export * from './overlay-body/public-api';
 export * from './overlay-close/public-api';
+export * from './overlay-footer/public-api';
+export * from './overlay-header/public-api';
 export * from './overlay-title/public-api';

package/lib/components/overlay/components/overlay/utils/overlay-ref.d.ts

@@ -1,12 +1,18 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { DialogRef as CdkDialogRef } from '@angular/cdk/dialog';
 import { ComponentRef } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
 import { OverlayContainerComponent } from '../components';
 import { OverlayConfig, OverlayPosition, OverlayState } from '../types';
 export interface OverlayCloseCallEvent<R = any> {
     result: R | undefined;
     forced: boolean;
 }
+export interface OverlayLayout {
+    hasHeader: boolean;
+    hasBody: boolean;
+    hasFooter: boolean;
+}
 export declare class OverlayRef<T = any, R = any> {
     private _ref;
     _containerInstance: OverlayContainerComponent;
@@ -35,6 +41,10 @@ export declare class OverlayRef<T = any, R = any> {
      * @internal
      */
     _isCloseFnCloseControlledExternally: boolean;
+    /**
+     * @internal
+     */
+    readonly _layout$: BehaviorSubject<OverlayLayout>;
     private _disableCloseFromInternalInitiators;
     get _internalDisableClose(): boolean;
     get _cdkRef(): CdkDialogRef<R, T>;
@@ -55,4 +65,5 @@ export declare class OverlayRef<T = any, R = any> {
     _closeOverlayVia(interactionType: FocusOrigin, result?: R, force?: boolean): void;
     _addInternalBackdropCloseInitiator(initiatorId: string | number): void;
     _removeInternalBackdropCloseInitiator(initiatorId: string | number): void;
+    _updateLayout(layout: Partial<OverlayLayout>): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "4.3.4",
+  "version": "4.4.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -14,13 +14,13 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "17.0.3",
-    "@angular/cdk": "17.0.1",
-    "@angular/common": "17.0.3",
-    "@angular/core": "17.0.3",
-    "@angular/forms": "17.0.3",
-    "@angular/platform-browser": "17.0.3",
-    "@angular/router": "17.0.3",
+    "@angular/animations": "17.0.5",
+    "@angular/cdk": "17.0.2",
+    "@angular/common": "17.0.5",
+    "@angular/core": "17.0.5",
+    "@angular/forms": "17.0.5",
+    "@angular/platform-browser": "17.0.5",
+    "@angular/router": "17.0.5",
     "@ethlete/core": "^4.0.3",
     "@ethlete/query": "^5.0.3",
     "@ethlete/theming": "^2.3.1",