@ethlete/cdk 2.4.0 → 2.5.1

package/lib/components/forms/components/select/components/combobox/combobox.imports.d.ts

@@ -0,0 +1,5 @@
+import { InputPrefixDirective, InputSuffixDirective } from '../../../../directives';
+import { LabelComponent } from '../../../label';
+import { SelectFieldComponent } from '../select-field';
+import { ComboboxComponent } from './components';
+export declare const ComboboxImports: readonly [typeof ComboboxComponent, typeof SelectFieldComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof LabelComponent];

package/lib/components/forms/components/select/components/combobox/components/combobox/combobox.component.d.ts

@@ -0,0 +1,63 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter, InjectionToken, OnInit } from '@angular/core';
+import { DecoratedInputBase } from '../../../../../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../../directives/input/input.directive";
+import * as i2 from "@ethlete/core";
+export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxComponent>;
+export declare class ComboboxComponent extends DecoratedInputBase implements OnInit {
+    private readonly _input;
+    private readonly _animatedOverlay;
+    private readonly _selectField;
+    get options(): unknown[];
+    set options(value: unknown[]);
+    set initialValue(value: unknown);
+    get filterInternal(): boolean;
+    set filterInternal(value: BooleanInput);
+    private _filterInternal$;
+    get loading(): boolean;
+    set loading(value: BooleanInput);
+    private _loading$;
+    readonly loading$: import("rxjs").Observable<boolean>;
+    get error(): unknown;
+    set error(value: unknown);
+    private _error$;
+    get placeholder(): string | null;
+    set placeholder(value: string | null);
+    private _placeholder$;
+    set multiple(value: BooleanInput);
+    set bindLabel(value: string | null);
+    set bindValue(value: string | null);
+    get allowCustomValues(): boolean;
+    set allowCustomValues(value: BooleanInput);
+    private _allowCustomValues$;
+    protected readonly filterChange: EventEmitter<string>;
+    private get _currentFilter();
+    private readonly _currentFilter$;
+    private get _isOpen();
+    private readonly _isOpen$;
+    private readonly _selectionModel;
+    readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
+    readonly multiple$: import("rxjs").Observable<boolean>;
+    readonly options$: import("rxjs").Observable<unknown[]>;
+    constructor();
+    ngOnInit(): void;
+    getOptionLabel(option: unknown): import("rxjs").Observable<unknown>;
+    getOptionValue(option: unknown): import("rxjs").Observable<unknown>;
+    removeSelectedOption(option: unknown): void;
+    open(): void;
+    close(): void;
+    writeValueFromOption(option: unknown): void;
+    isOptionSelected(option: unknown): import("rxjs").Observable<boolean>;
+    protected processKeydownEvent(event: KeyboardEvent): void;
+    protected processInputEvent(event: Event): void;
+    protected handleBlurEvent(): void;
+    private _initDispatchFilterChanges;
+    private _initRepositionOnValueChanges;
+    private _updateFilter;
+    private _setFilterFromInputValue;
+    private _interpretKeyHandlerResult;
+    private _debugValidateComboboxConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, { "options": { "alias": "options"; "required": true; }; "initialValue": { "alias": "initialValue"; "required": false; }; "filterInternal": { "alias": "filterInternal"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; }; }, { "filterChange": "filterChange"; }, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.InputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.AnimatedOverlayDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/forms/components/select/components/combobox/components/combobox/public-api.d.ts

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

package/lib/components/forms/components/select/components/combobox/components/index.d.ts

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

package/lib/components/forms/components/select/components/combobox/components/public-api.d.ts

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

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

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_DIR_TOKEN: InjectionToken<ComboboxDirective>;
+export declare class ComboboxDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxDirective, never, never, {}, {}, never, never, true, never>;
+}

package/lib/components/forms/components/select/components/combobox/directives/combobox/public-api.d.ts

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

package/lib/components/forms/components/select/components/combobox/directives/public-api.d.ts

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

package/lib/components/forms/components/select/components/combobox/partials/combobox-body/combobox-body.component.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken, OnInit, TemplateRef } from '@angular/core';
+import { AnimatedLifecycleDirective } from '@ethlete/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ethlete/core";
+export declare const COMBOBOX_BODY_TOKEN: InjectionToken<ComboboxBodyComponent>;
+export declare class ComboboxBodyComponent implements OnInit {
+    private readonly _destroy$;
+    private readonly _clickOutside;
+    protected readonly combobox: import("../../components").ComboboxComponent;
+    readonly _animatedLifecycle?: AnimatedLifecycleDirective;
+    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    _bodyTemplate: TemplateRef<unknown> | null;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxBodyComponent, "et-combobox-body", never, {}, {}, never, never, true, [{ directive: typeof i1.ClickOutsideDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/forms/components/select/components/combobox/partials/combobox-body/public-api.d.ts

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

package/lib/components/forms/components/select/components/combobox/partials/combobox-option/combobox-option.component.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_OPTION_TOKEN: InjectionToken<ComboboxOptionComponent>;
+export declare class ComboboxOptionComponent {
+    protected readonly combobox: import("../../components").ComboboxComponent;
+    get option(): unknown;
+    set option(value: unknown);
+    private _option$;
+    protected readonly disabled$: import("rxjs").Observable<boolean>;
+    protected readonly selected$: import("rxjs").Observable<boolean>;
+    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    activateOption(): void;
+    private _isOptionDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxOptionComponent, "et-combobox-option", never, { "option": { "alias": "option"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/forms/components/select/components/combobox/partials/combobox-option/index.d.ts

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

package/lib/components/forms/components/select/components/combobox/partials/combobox-option/public-api.d.ts

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

package/lib/components/forms/components/select/components/combobox/partials/index.d.ts

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

package/lib/components/forms/components/select/components/combobox/partials/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './combobox-body/public-api';
+export * from './combobox-option/public-api';

package/lib/components/forms/components/select/components/combobox/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './combobox.imports';
+export * from './components/public-api';
+export * from './directives/public-api';

package/lib/components/forms/components/select/components/public-api.d.ts

@@ -1,3 +1,4 @@
+export * from './combobox/public-api';
 export * from './native-select/public-api';
 export * from './select-field/public-api';
 export * from './select/public-api';

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

@@ -1,17 +1,14 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { TemplateRef } from '@angular/core';
+import { AfterViewInit, TemplateRef } from '@angular/core';
 import { DecoratedInputBase } from '../../../../../../utils';
+import { SelectDirective } from '../../directives';
+import { SelectBodyComponent } from '../../partials';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../../../../directives/input/input.directive";
-import * as i2 from "@ethlete/core";
-export declare class SelectComponent extends DecoratedInputBase {
-    private readonly _animatedOverlay;
-    get searchable(): boolean;
-    set searchable(value: BooleanInput);
-    private _searchable$;
+import * as i2 from "../../directives/select/select.directive";
+export declare class SelectComponent extends DecoratedInputBase implements AfterViewInit {
+    protected readonly select: SelectDirective<SelectBodyComponent>;
     selectBodyTpl: TemplateRef<unknown> | null;
-    constructor();
-    mountOrUnmountSelectBody(): void;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "et-select", never, { "searchable": { "alias": "searchable"; "required": false; }; }, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.InputDirective; inputs: { "autocomplete": "autocomplete"; }; outputs: {}; }, { directive: typeof i2.AnimatedOverlayDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "et-select", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.InputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.SelectDirective; inputs: { "multiple": "multiple"; "emptyText": "emptyText"; }; outputs: {}; }]>;
 }

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

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

package/lib/components/forms/components/select/components/select/directives/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './select-body/public-api';
+export * from './select-option/public-api';
+export * from './select/public-api';

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

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

package/lib/components/forms/components/select/components/select/directives/select/public-api.d.ts

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

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

@@ -0,0 +1,96 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ComponentType } from '@angular/cdk/portal';
+import { AfterContentInit, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
+import { AnimatedOverlayComponentBase } from '@ethlete/core';
+import { SelectBodyDirective } from '../select-body';
+import { SelectOptionDirective } from '../select-option';
+import * as i0 from "@angular/core";
+import * as i1 from "@ethlete/core";
+export declare const SELECT_TOKEN: InjectionToken<SelectDirective<any>>;
+type SelectDirectiveBodyComponentBase = AnimatedOverlayComponentBase & {
+    _bodyTemplate: TemplateRef<unknown> | null;
+    selectBody: SelectBodyDirective;
+};
+interface SelectBodyConfig<T extends SelectDirectiveBodyComponentBase> {
+    component: ComponentType<T>;
+    template: TemplateRef<unknown>;
+}
+export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase> implements OnInit, AfterContentInit {
+    private _selectBodyConfig;
+    private readonly _animatedOverlay;
+    private readonly _destroy$;
+    private readonly _liveAnnouncer;
+    private readonly _selectField;
+    readonly input: import("../../../../../../directives").InputDirective<unknown, HTMLInputElement>;
+    private readonly _selectBodyId$;
+    private readonly _isOpen$;
+    get multiple(): boolean;
+    set multiple(value: BooleanInput);
+    private _multiple$;
+    emptyText?: string;
+    private set _selectOptionsQueryList(value);
+    private readonly _selectOptionsQueryList$;
+    readonly selectOptions$: import("rxjs").Observable<{
+        opt: SelectOptionDirective;
+        selected: boolean;
+        active: boolean;
+    }[] | null>;
+    readonly activeOption$: import("rxjs").Observable<{
+        opt: SelectOptionDirective;
+        selected: boolean;
+        active: boolean;
+    } | null>;
+    readonly selectedOptions$: import("rxjs").Observable<{
+        opt: SelectOptionDirective;
+        selected: boolean;
+        active: boolean;
+    }[] | null>;
+    readonly selectedOption$: import("rxjs").Observable<{
+        opt: SelectOptionDirective;
+        selected: boolean;
+        active: boolean;
+    } | null>;
+    readonly selectBodyId$: import("rxjs").Observable<string | null>;
+    readonly isOpen$: import("rxjs").Observable<boolean>;
+    readonly multiple$: import("rxjs").Observable<boolean>;
+    readonly selectCurrentValueId: string;
+    readonly ariaViewValue$: import("rxjs").Observable<string | null>;
+    readonly activeDescendant$: import("rxjs").Observable<string | null>;
+    readonly owns$: import("rxjs").Observable<string | null>;
+    readonly labelledBy$: import("rxjs").Observable<string>;
+    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    constructor();
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    trackByFn: TrackByFunction<SelectOptionDirective>;
+    mountSelectBody(): void;
+    unmountSelectBody(): void;
+    setValue(value: unknown): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    setSelectBody(config: SelectBodyConfig<T>): void;
+    removeOptionFromSelection(option: SelectOptionDirective): void;
+    _controlTouched(): void;
+    private _unmountSelectBodyOnDisable;
+    private _handleKeyDownInClosedState;
+    private _handleKeyDownInOpenState;
+    private _setActiveOption;
+    private _addActiveOptionToSelection;
+    private _removeActiveOptionFromSelection;
+    private _toggleSelectionOfAllOptions;
+    private _selectAllOptions;
+    private _deselectAllOptions;
+    private _toggleActiveOptionSelection;
+    private _setActiveOptionSelected;
+    private _setSelectedOptionActive;
+    private _setSelectedOption;
+    private _selectFirstOption;
+    private _selectLastOption;
+    private _selectOptionByOffset;
+    private _activateFirstOption;
+    private _activateLastOption;
+    private _activateOptionByOffset;
+    private _migrateSelectValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDirective<any>, never, never, { "multiple": { "alias": "multiple"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, {}, ["_selectOptionsQueryList"], never, true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }]>;
+}
+export {};

package/lib/components/forms/components/select/components/select/directives/select-body/index.d.ts

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

package/lib/components/forms/components/select/components/select/directives/select-body/public-api.d.ts

@@ -0,0 +1 @@
+export * from './select-body.directive';

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

@@ -0,0 +1,14 @@
+import { InjectionToken, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ethlete/core";
+export declare const SELECT_BODY_TOKEN: InjectionToken<SelectBodyDirective>;
+export declare class SelectBodyDirective implements OnInit {
+    private readonly _destroy$;
+    private readonly _select;
+    private readonly _clickOutside;
+    readonly id: string;
+    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectBodyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectBodyDirective, never, never, {}, {}, never, never, true, [{ directive: typeof i1.ClickOutsideDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/forms/components/select/components/select/directives/select-option/index.d.ts

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

package/lib/components/forms/components/select/components/select/directives/select-option/public-api.d.ts

@@ -0,0 +1 @@
+export * from './select-option.directive';

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

@@ -0,0 +1,29 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterContentInit, InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ethlete/core";
+export declare const SELECT_OPTION_TOKEN: InjectionToken<SelectOptionDirective>;
+export declare class SelectOptionDirective implements AfterContentInit {
+    private readonly _select;
+    private readonly _elementRef;
+    private readonly _viewValue$;
+    private readonly _isActive$;
+    readonly id: string;
+    get value(): unknown;
+    set value(value: unknown);
+    private _value$;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled$;
+    readonly isSelected$: import("rxjs").Observable<boolean>;
+    readonly viewValue$: import("rxjs").Observable<string>;
+    readonly disabled$: import("rxjs").Observable<boolean>;
+    readonly isActive$: import("rxjs").Observable<boolean>;
+    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    ngAfterContentInit(): void;
+    setSelectValue(): Promise<void>;
+    _updateViewValue(): void;
+    _setActive(isActive: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectOptionDirective, never, never, { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ObserveContentDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/forms/components/select/components/select/partials/public-api.d.ts

@@ -1,3 +1,2 @@
 export * from './select-body/public-api';
 export * from './select-option/public-api';
-export * from './tree-select-option/public-api';

package/lib/components/forms/components/select/components/select/partials/select-body/select-body.component.d.ts

@@ -1,7 +1,12 @@
+import { TemplateRef } from '@angular/core';
 import { AnimatedLifecycleDirective } from '@ethlete/core';
+import { SelectBodyDirective } from '../../directives';
 import * as i0 from "@angular/core";
+import * as i1 from "../../directives/select-body/select-body.directive";
 export declare class SelectBodyComponent {
+    readonly selectBody: SelectBodyDirective;
     readonly _animatedLifecycle?: AnimatedLifecycleDirective;
+    _bodyTemplate: TemplateRef<unknown> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectBodyComponent, "et-select-body", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectBodyComponent, "et-select-body", never, {}, {}, never, never, true, [{ directive: typeof i1.SelectBodyDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/forms/components/select/components/select/partials/select-option/select-option.component.d.ts

@@ -1,5 +1,8 @@
+import { SelectOptionDirective } from '../../directives';
 import * as i0 from "@angular/core";
+import * as i1 from "../../directives/select-option/select-option.directive";
 export declare class SelectOptionComponent {
+    protected readonly selectOption: SelectOptionDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "et-select-option", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "et-select-option", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.SelectOptionDirective; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
 }

package/lib/components/forms/components/select/components/select/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './components/public-api';
+export * from './directives/public-api';
 export * from './partials/public-api';
 export * from './select.imports';

package/lib/components/forms/components/select/components/select/select.imports.d.ts

@@ -2,5 +2,5 @@ import { InputPrefixDirective, InputSuffixDirective } from '../../../../directiv
 import { LabelComponent } from '../../../label';
 import { SelectFieldComponent } from '../select-field';
 import { SelectComponent } from './components';
-import { SelectOptionComponent, TreeSelectOptionComponent } from './partials';
-export declare const SelectImports: readonly [typeof SelectComponent, typeof SelectOptionComponent, typeof TreeSelectOptionComponent, typeof SelectFieldComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof LabelComponent];
+import { SelectOptionComponent } from './partials';
+export declare const SelectImports: readonly [typeof SelectComponent, typeof SelectOptionComponent, typeof SelectFieldComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof LabelComponent];

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

@@ -1,11 +1,12 @@
 import { InputStateService } from '../../../../services';
 import { DecoratedFormFieldBase } from '../../../../utils';
 import * as i0 from "@angular/core";
-import * as i1 from "../../../../directives/static-form-field/static-form-field.directive";
-import * as i2 from "../../../../directives/writeable-input/writeable-input.directive";
-import * as i3 from "../../../../directives/dynamic-form-field/dynamic-form-field.directive";
+import * as i1 from "../../directives/select-field/select-field.directive";
+import * as i2 from "../../../../directives/static-form-field/static-form-field.directive";
+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>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent, "et-select-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: {}; }]>;
+    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/select/directives/index.d.ts

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

package/lib/components/forms/components/select/directives/public-api.d.ts

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

package/lib/components/forms/components/select/directives/select-field/public-api.d.ts

@@ -0,0 +1 @@
+export * from './select-field.directive';

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

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const SELECT_FIELD_TOKEN: InjectionToken<SelectFieldDirective>;
+export declare class SelectFieldDirective {
+    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectFieldDirective, never, ["etSelectField"], {}, {}, never, never, true, never>;
+}

package/lib/components/forms/components/select/public-api.d.ts

@@ -1 +1,2 @@
 export * from './components/public-api';
+export * from './directives/public-api';

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

@@ -50,7 +50,7 @@ export declare class SliderComponent implements OnInit {
     protected readonly isSlidingVia$: BehaviorSubject<"keyboard" | "pointer" | null>;
     protected readonly disableAnimations$: BehaviorSubject<boolean>;
     protected readonly touchId$: BehaviorSubject<number | null>;
-    protected readonly lastPointerEvent$: BehaviorSubject<TouchEvent | MouseEvent | null>;
+    protected readonly lastPointerEvent$: BehaviorSubject<MouseEvent | TouchEvent | null>;
     readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
     ngOnInit(): void;
     private _initializeSlide;

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

@@ -11,7 +11,8 @@ export declare class InputDirective<T = unknown, J extends HTMLInputElement | HT
     private readonly _autofillMonitor;
     private readonly _focusMonitor;
     private readonly _elementRef;
-    private _control;
+    private _implicitControl?;
+    private get control();
     private readonly _id;
     autocomplete: string | null;
     placeholder: string | null;
@@ -44,6 +45,7 @@ export declare class InputDirective<T = unknown, J extends HTMLInputElement | HT
     get errorId$(): import("rxjs").Observable<string | null>;
     get errorId(): string | null;
     readonly describedBy$: import("rxjs").Observable<string | null>;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     focusInputVia(origin?: FocusOrigin): void;

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

@@ -5,7 +5,7 @@ import { InputBase } from './input.base';
 import * as i0 from "@angular/core";
 export declare class DecoratedInputBase extends InputBase implements AfterContentInit {
     private readonly _formFieldStateService;
-    private readonly _destroy$;
+    readonly _destroy$: import("rxjs").Observable<boolean>;
     protected readonly inputPrefix?: TypedQueryList<InputPrefixDirective>;
     protected readonly inputSuffix?: TypedQueryList<InputSuffixDirective>;
     readonly _bindings: import("@ethlete/core").ReactiveBindingResult;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "2.4.0",
+  "version": "2.5.1",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -19,10 +19,10 @@
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@angular/cdk": "16.0.0",
-    "@ethlete/core": "2.1.0",
-    "@angular/animations": "16.0.0",
-    "@ethlete/query": "4.3.0"
+    "@angular/cdk": "16.0.1",
+    "@ethlete/core": "2.3.0",
+    "@angular/animations": "16.0.2",
+    "@ethlete/query": "4.3.2"
   },
   "module": "fesm2022/ethlete-cdk.mjs",
   "typings": "index.d.ts",

package/esm2022/lib/components/forms/components/select/components/select/partials/tree-select-option/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './tree-select-option.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL3NlbGVjdC9jb21wb25lbnRzL3NlbGVjdC9wYXJ0aWFscy90cmVlLXNlbGVjdC1vcHRpb24vcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90cmVlLXNlbGVjdC1vcHRpb24uY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/components/forms/components/select/components/select/partials/tree-select-option/tree-select-option.component.mjs

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-class TreeSelectOptionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: TreeSelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: TreeSelectOptionComponent, isStandalone: true, selector: "et-tree-select-option", host: { classAttribute: "et-tree-select-option" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-export { TreeSelectOptionComponent };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: TreeSelectOptionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'et-tree-select-option',
-                    template: ``,
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        class: 'et-tree-select-option',
-                    },
-                    imports: [],
-                    hostDirectives: [],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL3NlbGVjdC9jb21wb25lbnRzL3NlbGVjdC9wYXJ0aWFscy90cmVlLXNlbGVjdC1vcHRpb24vdHJlZS1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUV0RixNQVlhLHlCQUF5Qjs4R0FBekIseUJBQXlCO2tHQUF6Qix5QkFBeUIsb0lBVjFCLEVBQUU7O1NBVUQseUJBQXlCOzJGQUF6Qix5QkFBeUI7a0JBWnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFLEVBQUU7b0JBQ1osVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSx1QkFBdUI7cUJBQy9CO29CQUNELE9BQU8sRUFBRSxFQUFFO29CQUNYLGNBQWMsRUFBRSxFQUFFO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V0LXRyZWUtc2VsZWN0LW9wdGlvbicsXG4gIHRlbXBsYXRlOiBgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2V0LXRyZWUtc2VsZWN0LW9wdGlvbicsXG4gIH0sXG4gIGltcG9ydHM6IFtdLFxuICBob3N0RGlyZWN0aXZlczogW10sXG59KVxuZXhwb3J0IGNsYXNzIFRyZWVTZWxlY3RPcHRpb25Db21wb25lbnQge31cbiJdfQ==

package/lib/components/forms/components/select/components/select/partials/tree-select-option/public-api.d.ts

@@ -1 +0,0 @@
-export * from './tree-select-option.component';

package/lib/components/forms/components/select/components/select/partials/tree-select-option/tree-select-option.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TreeSelectOptionComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelectOptionComponent, "et-tree-select-option", never, {}, {}, never, never, true, never>;
-}