@ethlete/cdk 4.3.5 → 4.5.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

@@ -1,11 +1,11 @@
 import { InjectionToken } from '@angular/core';
 import { TypedQueryList } from '@ethlete/core';
 import { InputStateService } from '../../../../services';
-import { CheckboxDirective } from '../public-api';
+import { CheckboxDirective } from '../checkbox/checkbox.directive';
 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: {
@@ -13,5 +13,5 @@ export declare class CheckboxFieldDirective {
         has: (token: string) => boolean;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxFieldDirective, never, ["etCheckboxGroup"], {}, {}, ["checkbox"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxFieldDirective, never, ["etCheckboxField"], {}, {}, ["checkbox"], never, true, never>;
 }

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/date-input/date-input.component.d.ts

@@ -6,5 +6,5 @@ import * as i2 from "../../../../directives/input/input.directive";
 export declare class DateInputComponent extends DecoratedInputBase {
     protected readonly dateInput: DateInputDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "et-date-input", never, {}, {}, never, never, true, [{ directive: typeof i1.DateInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "autocomplete": "autocomplete"; "placeholder": "placeholder"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "et-date-input", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]"], true, [{ directive: typeof i1.DateInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "autocomplete": "autocomplete"; "placeholder": "placeholder"; }; outputs: {}; }]>;
 }

package/lib/components/forms/components/input/components/date-time-input/date-time-input.component.d.ts

@@ -0,0 +1,10 @@
+import { DecoratedInputBase } from '../../../../utils';
+import { DateTimeInputDirective } from '../../directives';
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/date-time-input/date-time-input.directive";
+import * as i2 from "../../../../directives/input/input.directive";
+export declare class DateTimeInputComponent extends DecoratedInputBase {
+    protected readonly dateInput: DateTimeInputDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeInputComponent, "et-date-time-input", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]"], true, [{ directive: typeof i1.DateTimeInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "autocomplete": "autocomplete"; "placeholder": "placeholder"; }; outputs: {}; }]>;
+}

package/lib/components/forms/components/input/components/date-time-input/public-api.d.ts

@@ -0,0 +1 @@
+export * from './date-time-input.component';

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/components/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './date-input/public-api';
+export * from './date-time-input/public-api';
 export * from './email-input/public-api';
 export * from './input-field/public-api';
 export * from './number-input/public-api';

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

@@ -8,7 +8,7 @@ export declare class TextareaInputComponent extends DecoratedInputBase {
     cols: number | null;
     rows: number | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextareaInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaInputComponent, "et-textarea-input", never, { "cols": { "alias": "cols"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TextareaInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "autocomplete": "autocomplete"; "placeholder": "placeholder"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaInputComponent, "et-textarea-input", never, { "cols": { "alias": "cols"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, ["[etInputPrefix]", "[etInputSuffix]"], true, [{ directive: typeof i1.TextareaInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "autocomplete": "autocomplete"; "placeholder": "placeholder"; }; outputs: {}; }]>;
     static ngAcceptInputType_cols: unknown;
     static ngAcceptInputType_rows: unknown;
 }

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

@@ -3,16 +3,15 @@ import { InputDirective } from '../../../../directives';
 import * as i0 from "@angular/core";
 export declare const DATE_INPUT_TOKEN: InjectionToken<DateInputDirective>;
 export declare const DATE_INPUT_FORMAT_TOKEN: InjectionToken<string>;
-export declare const DEFAULT_DATE_INPUT_FORMAT = "yyyy-MM-dd'T'HH:mm:ssZZZ";
+export declare const DEFAULT_DATE_INPUT_FORMAT = "yyyy-MM-dd'T'HH:mm:ssxxx";
 export declare const provideDateFormat: (dateFormat: string) => {
     provide: InjectionToken<string>;
     useValue: string;
 };
 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/date-time-input/date-time-input.directive.d.ts

@@ -0,0 +1,20 @@
+import { InjectionToken, OnInit } from '@angular/core';
+import { InputDirective } from '../../../../directives';
+import * as i0 from "@angular/core";
+export declare const DATE_TIME_INPUT_TOKEN: InjectionToken<DateTimeInputDirective>;
+export declare const DATE_TIME_INPUT_FORMAT_TOKEN: InjectionToken<string>;
+export declare const DEFAULT_DATE_TIME_INPUT_FORMAT = "yyyy-MM-dd'T'HH:mm:ssxxx";
+export declare const provideDateTimeFormat: (dateFormat: string) => {
+    provide: InjectionToken<string>;
+    useValue: string;
+};
+export declare class DateTimeInputDirective implements OnInit {
+    private readonly _destroy$;
+    private readonly _dateFormat;
+    readonly input: InputDirective<string | null, HTMLElement>;
+    ngOnInit(): void;
+    _onInputInteraction(event: Event): void;
+    _controlTouched(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimeInputDirective, never, ["etDateTimeInput"], {}, {}, never, never, true, never>;
+}

package/lib/components/forms/components/input/directives/date-time-input/public-api.d.ts

@@ -0,0 +1 @@
+export * from './date-time-input.directive';

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/public-api.d.ts

@@ -1,8 +1,10 @@
 export * from './autosize-textarea/public-api';
 export * from './date-input/public-api';
+export * from './date-time-input/public-api';
 export * from './email-input/public-api';
 export * from './number-input/public-api';
 export * from './password-input/public-api';
 export * from './search-input/public-api';
+export * from './show-picker-trigger/public-api';
 export * from './text-input/public-api';
 export * from './textarea-input/public-api';

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/show-picker-trigger/public-api.d.ts

@@ -0,0 +1 @@
+export * from './show-picker-trigger.directive';

package/lib/components/forms/components/input/directives/show-picker-trigger/show-picker-trigger.directive.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+import { InputDirective } from '../../../../directives';
+import * as i0 from "@angular/core";
+export declare const SHOW_PICKER_TRIGGER_TOKEN: InjectionToken<ShowPickerTriggerDirective>;
+export declare class ShowPickerTriggerDirective {
+    readonly input: InputDirective<unknown, HTMLElement>;
+    _onInputInteraction(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShowPickerTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ShowPickerTriggerDirective, "[etShowPickerTrigger]", never, {}, {}, never, never, true, never>;
+}

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/input.imports.d.ts

@@ -1,5 +1,6 @@
 import { IfInputEmptyDirective, IfInputFilledDirective, InputPrefixDirective, InputSuffixDirective } from '../../directives';
 import { LabelComponent } from '../label';
-import { DateInputComponent, EmailInputComponent, InputFieldComponent, NumberInputComponent, PasswordInputComponent, SearchInputComponent, TextInputComponent, TextareaInputComponent } from './components';
+import { DateInputComponent, DateTimeInputComponent, EmailInputComponent, InputFieldComponent, NumberInputComponent, PasswordInputComponent, SearchInputComponent, TextInputComponent, TextareaInputComponent } from './components';
+import { ShowPickerTriggerDirective } from './directives';
 import { PasswordInputToggleComponent, SearchInputClearComponent } from './partials';
-export declare const InputImports: readonly [typeof InputFieldComponent, typeof NumberInputComponent, typeof SearchInputComponent, typeof PasswordInputComponent, typeof PasswordInputToggleComponent, typeof TextInputComponent, typeof TextareaInputComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof IfInputFilledDirective, typeof IfInputEmptyDirective, typeof SearchInputClearComponent, typeof EmailInputComponent, typeof LabelComponent, typeof DateInputComponent];
+export declare const InputImports: readonly [typeof InputFieldComponent, typeof NumberInputComponent, typeof SearchInputComponent, typeof PasswordInputComponent, typeof PasswordInputToggleComponent, typeof TextInputComponent, typeof TextareaInputComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof IfInputFilledDirective, typeof ShowPickerTriggerDirective, typeof IfInputEmptyDirective, typeof SearchInputClearComponent, typeof EmailInputComponent, typeof LabelComponent, typeof DateInputComponent, typeof DateTimeInputComponent];

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/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

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/components/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/lib/components/overlay/components/menu/components/menu/menu.component.d.ts

@@ -0,0 +1,35 @@
+import { InjectionToken, OnDestroy } from '@angular/core';
+import { NgClassType } from '@ethlete/core';
+import * as i0 from "@angular/core";
+export declare const MENU: InjectionToken<MenuComponent>;
+export declare class MenuComponent implements OnDestroy {
+    private readonly _elementRef;
+    readonly _trigger: import("../../directives").MenuTriggerDirective;
+    private set __id(value);
+    readonly id: import("@angular/core").WritableSignal<string>;
+    private set __renderScrollableMasks(value);
+    readonly renderScrollableMasks: import("@angular/core").WritableSignal<boolean>;
+    private set __renderScrollableButtons(value);
+    readonly renderScrollableButtons: import("@angular/core").WritableSignal<boolean>;
+    set _scrollableClass(v: NgClassType | null);
+    readonly scrollableClass: import("@angular/core").WritableSignal<NgClassType>;
+    private set __menuItemList(value);
+    private readonly _menuItemList;
+    private set __orientation(value);
+    readonly orientation: import("@angular/core").WritableSignal<"vertical" | "horizontal">;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    constructor();
+    ngOnDestroy(): void;
+    focusFirstItem(): void;
+    focusLastItem(): void;
+    focusNextItem(): void;
+    focusPreviousItem(): void;
+    _handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "et-menu", never, { "__id": { "alias": "id"; "required": false; }; "__renderScrollableMasks": { "alias": "renderScrollableMasks"; "required": false; }; "__renderScrollableButtons": { "alias": "renderScrollableButtons"; "required": false; }; "_scrollableClass": { "alias": "scrollableClass"; "required": false; }; "__orientation": { "alias": "orientation"; "required": false; }; }, {}, ["__menuItemList"], ["*"], true, never>;
+    static ngAcceptInputType___renderScrollableMasks: unknown;
+    static ngAcceptInputType___renderScrollableButtons: unknown;
+}

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

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

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

@@ -0,0 +1,23 @@
+import { CheckboxDirective, InputBase } from '../../../../../forms';
+import { MenuItemDirective } from '../../directives';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../forms/directives/native-input-ref/native-input-ref.directive";
+import * as i2 from "../../../../../forms/directives/static-form-field/static-form-field.directive";
+import * as i3 from "../../../../../forms/directives/writeable-input/writeable-input.directive";
+import * as i4 from "../../directives/menu-item/menu-item.directive";
+import * as i5 from "../../../../../forms/directives/dynamic-form-field/dynamic-form-field.directive";
+import * as i6 from "../../../../../forms/components/checkbox/directives/checkbox/checkbox.directive";
+import * as i7 from "../../../../../forms/directives/input/input.directive";
+export declare class MenuCheckboxItemComponent extends InputBase {
+    private readonly _elementRef;
+    private readonly _trigger;
+    protected readonly checkbox: CheckboxDirective;
+    protected readonly menuItem: MenuItemDirective;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "et-menu-checkbox-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.NativeInputRefDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.StaticFormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i4.MenuItemDirective; inputs: {}; outputs: {}; }, { directive: typeof i5.DynamicFormFieldDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }, { directive: typeof i6.CheckboxDirective; inputs: {}; outputs: {}; }, { directive: typeof i7.InputDirective; inputs: { "autocomplete": "autocomplete"; }; outputs: {}; }]>;
+}

package/lib/components/overlay/components/menu/components/menu-checkbox-item/public-api.d.ts

@@ -0,0 +1 @@
+export * from './menu-checkbox-item.component';