@ethlete/cdk 3.18.3 → 3.19.1

package/lib/components/button/directives/button/button.directive.d.ts

@@ -15,7 +15,10 @@ export declare class ButtonDirective {
     get pressed(): boolean;
     set pressed(value: unknown);
     private _pressed$;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     _removeDisabledBindings(): void;
     _removeTabIndexBindings(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;

package/lib/components/button/directives/query-button/query-button.directive.d.ts

@@ -26,7 +26,10 @@ export declare class QueryButtonDirective {
         query: import("@ethlete/query").Query<any, any, any, any, any, any>;
     } | null>;
     private readonly _query$;
-    private readonly _bindings;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<QueryButtonDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<QueryButtonDirective, never, ["etQueryButton"], { "skipSuccess": { "alias": "skipSuccess"; "required": false; }; "skipFailure": { "alias": "skipFailure"; "required": false; }; "skipLoading": { "alias": "skipLoading"; "required": false; }; "query": { "alias": "query"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/filter/rich-filter/components/rich-filter-host/rich-filter-host.component.d.ts

@@ -16,6 +16,7 @@ export declare class RichFilterHostComponent {
     readonly contentVisibilityChanges$: import("rxjs").Observable<import("@ethlete/core").ObserveVisibilityChange | null>;
     readonly buttonSlotVisibilityChanges: import("@angular/core").Signal<import("@ethlete/core").ObserveVisibilityChange | null>;
     readonly contentVisibilityChanges: import("@angular/core").Signal<import("@ethlete/core").ObserveVisibilityChange | null>;
+    readonly topElementRef: import("@angular/core").Signal<import("@angular/core").ElementRef<HTMLElement>>;
     constructor();
     scrollToTop(options?: ScrollIntoViewOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RichFilterHostComponent, never>;

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

@@ -7,7 +7,10 @@ export declare class CheckboxDirective {
     readonly input: InputDirective<boolean, HTMLInputElement>;
     readonly checked$: import("rxjs").Observable<boolean>;
     readonly indeterminate$: BehaviorSubject<boolean>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxDirective, never>;

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

@@ -1,12 +1,17 @@
-import { AfterContentInit, InjectionToken } from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { TypedQueryList } from '@ethlete/core';
 import { InputStateService } from '../../../../services';
+import { CheckboxDirective } from '../public-api';
 import * as i0 from "@angular/core";
 export declare const CHECKBOX_FIELD_TOKEN: InjectionToken<CheckboxFieldDirective>;
-export declare class CheckboxFieldDirective implements AfterContentInit {
+export declare class CheckboxFieldDirective {
     readonly inputState: InputStateService<boolean, HTMLInputElement>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
-    private _checkbox?;
-    ngAfterContentInit(): void;
+    set checkbox(checkbox: TypedQueryList<CheckboxDirective>);
+    private _checkbox$;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        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, ["etCheckboxGroup"], {}, {}, ["checkbox"], never, true, never>;
 }

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

@@ -1,13 +1,15 @@
-import { AfterContentInit, InjectionToken } from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import { InputDirective } from '../../../../directives';
 import * as i0 from "@angular/core";
 export declare const CHECKBOX_GROUP_CONTROL_TOKEN: InjectionToken<CheckboxGroupControlDirective>;
-export declare class CheckboxGroupControlDirective implements AfterContentInit {
+export declare class CheckboxGroupControlDirective {
     readonly checkbox: import("../checkbox").CheckboxDirective;
     readonly input: InputDirective<boolean, HTMLInputElement>;
     readonly group: import("../checkbox-group").CheckboxGroupDirective;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
-    ngAfterContentInit(): void;
+    readonly inputAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupControlDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxGroupControlDirective, "[etCheckboxGroupControl]", ["etCheckboxGroupControl"], {}, {}, never, never, true, never>;
 }

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

@@ -10,7 +10,10 @@ export declare class ErrorComponent {
     get errors(): ValidationErrors | null;
     set errors(v: ValidationErrors | null);
     private _errors;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ErrorComponent, "et-error", never, { "errors": { "alias": "errors"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -13,7 +13,10 @@ export declare class RadioDirective {
     private _disabled$;
     readonly checked$: import("rxjs").Observable<boolean>;
     readonly disabled$: import("rxjs").Observable<boolean>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioDirective, never>;

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

@@ -1,13 +1,19 @@
-import { AfterContentInit, InjectionToken } from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { TypedQueryList } from '@ethlete/core';
 import { InputStateService } from '../../../../services';
 import { RadioValue } from '../../types';
+import { RadioDirective } from '../radio';
 import * as i0 from "@angular/core";
 export declare const RADIO_FIELD_TOKEN: InjectionToken<RadioFieldDirective>;
-export declare class RadioFieldDirective implements AfterContentInit {
+export declare class RadioFieldDirective {
     readonly inputState: InputStateService<RadioValue, HTMLInputElement>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
-    private _radio?;
-    ngAfterContentInit(): void;
+    set radio(radio: TypedQueryList<RadioDirective>);
+    private _radio$;
+    readonly radioQueryList$: import("rxjs").Observable<TypedQueryList<RadioDirective> | null>;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioFieldDirective, never, ["etRadioField"], {}, {}, ["_radio"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioFieldDirective, never, ["etRadioField"], {}, {}, ["radio"], never, true, never>;
 }

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

@@ -4,7 +4,10 @@ export declare const RADIO_GROUP_TOKEN: InjectionToken<RadioGroupDirective>;
 export declare class RadioGroupDirective {
     private readonly _formGroupStateService;
     readonly name: string;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupDirective, never, ["etRadioGroup"], {}, {}, never, never, true, never>;
 }

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

@@ -14,7 +14,10 @@ export declare class SegmentedButtonDirective {
     private _disabled$;
     readonly checked$: import("rxjs").Observable<boolean>;
     readonly disabled$: import("rxjs").Observable<boolean>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     get activeIndicatorElement$(): import("rxjs").Observable<HTMLElement | null>;
     get activeIndicatorElement(): HTMLElement | null;
     _setActiveIndicatorElement(element: HTMLElement): void;

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

@@ -1,13 +1,18 @@
-import { AfterContentInit, InjectionToken } from '@angular/core';
-import { Primitive } from '@ethlete/core';
+import { InjectionToken } from '@angular/core';
+import { Primitive, TypedQueryList } from '@ethlete/core';
 import { InputStateService } from '../../../../services';
+import { SegmentedButtonDirective } from '../segmented-button';
 import * as i0 from "@angular/core";
 export declare const SEGMENTED_BUTTON_FIELD_TOKEN: InjectionToken<SegmentedButtonFieldDirective>;
-export declare class SegmentedButtonFieldDirective implements AfterContentInit {
+export declare class SegmentedButtonFieldDirective {
     readonly inputState: InputStateService<Primitive, HTMLInputElement>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
-    private _segmentedButton?;
-    ngAfterContentInit(): void;
+    set segmentedButton(segmentedButton: TypedQueryList<SegmentedButtonDirective>);
+    private _segmentedButton$;
+    readonly segmentedButtonQueryList$: import("rxjs").Observable<TypedQueryList<SegmentedButtonDirective> | null>;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonFieldDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SegmentedButtonFieldDirective, never, ["etSegmentedButtonField"], {}, {}, ["_segmentedButton"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SegmentedButtonFieldDirective, never, ["etSegmentedButtonField"], {}, {}, ["segmentedButton"], never, true, never>;
 }

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

@@ -6,7 +6,10 @@ export declare class SegmentedButtonGroupDirective implements AfterContentInit {
     private readonly _inputStateService;
     private readonly _destroy$;
     readonly name: string;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     private _segmentedButtons?;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonGroupDirective, never>;

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

@@ -85,6 +85,7 @@ export declare class ComboboxDirective implements OnInit {
     private readonly _currentFilter$;
     private get _isOpen();
     readonly isOpen$: import("rxjs").Observable<boolean>;
+    readonly isOpen: import("@angular/core").Signal<boolean | undefined>;
     readonly _selectionModel: SelectionModel<unknown>;
     private readonly _activeSelectionModel;
     private readonly _backspaceKeyPressManager;
@@ -105,7 +106,14 @@ export declare class ComboboxDirective implements OnInit {
     private readonly _bodyEmptyTemplate$;
     set bodyMoreItemsHintTemplate(value: TemplateRef<unknown> | undefined);
     private readonly _bodyMoreItemsHintTemplate$;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    readonly fieldHostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     private _comboboxBodyComponent;
     readonly customOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
     readonly customOptionComponent$: import("rxjs").Observable<ComponentWithOption | null>;

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

@@ -17,7 +17,14 @@ export declare class ComboboxBodyComponent implements OnInit, AbstractComboboxBo
     readonly _animatedLifecycle?: AnimatedLifecycleDirective;
     set _options(options: TypedQueryList<ComboboxOptionComponent>);
     readonly _options$: BehaviorSubject<TypedQueryList<AbstractComboboxOption> | null>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     _bodyTemplate: TemplateRef<unknown> | null;
     ngOnInit(): void;
     protected trackByFn: TrackByFunction<unknown>;

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

@@ -13,7 +13,14 @@ export declare class ComboboxOptionComponent implements AbstractComboboxOption {
     protected readonly disabled$: import("rxjs").Observable<boolean>;
     protected readonly selected$: import("rxjs").Observable<boolean>;
     protected readonly active$: import("rxjs").Observable<boolean>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     protected selectOption(): void;
     protected ignoreBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxOptionComponent, never>;

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

@@ -1,6 +1,6 @@
 import { ComponentType } from '@angular/cdk/portal';
-import { AfterContentInit, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
-import { AnimatedOverlayComponentBase } from '@ethlete/core';
+import { AfterContentInit, ElementRef, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
+import { AnimatedOverlayComponentBase, SelectionModel } from '@ethlete/core';
 import { SelectBodyDirective } from '../select-body';
 import { SelectOptionDirective } from '../select-option';
 import * as i0 from "@angular/core";
@@ -23,6 +23,9 @@ export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase>
     readonly input: import("../../../../../../directives").InputDirective<unknown, HTMLInputElement>;
     private readonly _selectBodyId$;
     private readonly _isOpen$;
+    readonly elementRef: ElementRef<HTMLElement>;
+    readonly _selectionModel: SelectionModel<SelectOptionDirective>;
+    private readonly _activeSelectionModel;
     get multiple(): boolean;
     set multiple(value: unknown);
     private _multiple$;
@@ -51,13 +54,21 @@ export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase>
     } | null>;
     readonly selectBodyId$: import("rxjs").Observable<string | null>;
     readonly isOpen$: import("rxjs").Observable<boolean>;
+    readonly isOpen: import("@angular/core").Signal<boolean | undefined>;
     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;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    readonly fieldHostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     constructor();
     ngOnInit(): void;
     ngAfterContentInit(): void;

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

@@ -7,7 +7,10 @@ export declare class SelectBodyDirective implements OnInit {
     private readonly _select;
     private readonly _clickOutside;
     readonly id: string;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     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/select-option.directive.d.ts

@@ -15,10 +15,19 @@ export declare class SelectOptionDirective implements AfterContentInit {
     set disabled(value: unknown);
     private _disabled$;
     readonly isSelected$: import("rxjs").Observable<boolean>;
+    readonly isSelected: import("@angular/core").Signal<boolean | undefined>;
+    get viewValue(): string;
     readonly viewValue$: import("rxjs").Observable<string>;
     readonly disabled$: import("rxjs").Observable<boolean>;
     readonly isActive$: import("rxjs").Observable<boolean>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     ngAfterContentInit(): void;
     setSelectValue(): Promise<void>;
     _updateViewValue(): void;

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

@@ -1,8 +1,8 @@
-import { InjectionToken } from '@angular/core';
+import { ElementRef, 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;
+    readonly elementRef: ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SelectFieldDirective, never, ["etSelectField"], {}, {}, never, never, true, never>;
 }

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

@@ -5,7 +5,10 @@ export declare const SLIDE_TOGGLE_TOKEN: InjectionToken<SlideToggleDirective>;
 export declare class SlideToggleDirective {
     readonly input: InputDirective<boolean, HTMLInputElement>;
     readonly checked$: import("rxjs").Observable<boolean>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     _onInputInteraction(event: Event): void;
     _controlTouched(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleDirective, never>;

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

@@ -53,7 +53,14 @@ export declare class SliderComponent implements OnInit {
     protected readonly disableAnimations$: BehaviorSubject<boolean>;
     protected readonly touchId$: BehaviorSubject<number | null>;
     protected readonly lastPointerEvent$: BehaviorSubject<MouseEvent | TouchEvent | null>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    readonly hostAttributeBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     ngOnInit(): void;
     private _initializeSlide;
     private _bindGlobalEvents;

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

@@ -1,5 +1,6 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 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>>;
@@ -18,38 +19,38 @@ export declare class InputDirective<T = unknown, J extends HTMLInputElement | HT
     autocomplete: string | null;
     placeholder: string | null;
     get id(): string;
-    get value$(): import("rxjs").Observable<T | null>;
+    get value$(): Observable<T | null>;
     get value(): T | null;
-    get lastUpdateType$(): import("rxjs").Observable<import("../../types").InputValueUpdateType | null>;
+    get lastUpdateType$(): Observable<import("../../types").InputValueUpdateType | null>;
     get lastUpdateType(): import("../../types").InputValueUpdateType | null;
-    get valueChange$(): import("rxjs").Observable<T>;
-    get disabled$(): import("rxjs").Observable<boolean>;
+    get valueChange$(): Observable<T>;
+    get disabled$(): Observable<boolean>;
     get disabled(): boolean;
-    get disabledChange$(): import("rxjs").Observable<boolean>;
-    get required$(): import("rxjs").Observable<boolean>;
+    get disabledChange$(): Observable<boolean>;
+    get required$(): Observable<boolean>;
     get required(): boolean;
-    get requiredChange$(): import("rxjs").Observable<boolean>;
-    get labelId$(): import("rxjs").Observable<string | null>;
+    get requiredChange$(): Observable<boolean>;
+    get labelId$(): Observable<string | null>;
     get labelId(): string | null;
-    get invalid$(): import("rxjs").Observable<boolean>;
+    get invalid$(): Observable<boolean>;
     get invalid(): boolean;
-    get usesImplicitControl$(): import("rxjs").Observable<boolean>;
+    get usesImplicitControl$(): Observable<boolean>;
     get usesImplicitControl(): boolean;
-    get nativeInputRef$(): import("rxjs").Observable<NativeInputRefDirective<J> | null>;
+    get nativeInputRef$(): Observable<NativeInputRefDirective<J> | null>;
     get nativeInputRef(): NativeInputRefDirective<J> | null;
-    get autofilled$(): import("rxjs").Observable<boolean>;
+    get autofilled$(): Observable<boolean>;
     get autofilled(): boolean;
-    get errors$(): import("rxjs").Observable<import("../../types").ValidatorErrors | null>;
+    get errors$(): Observable<import("../../types").ValidatorErrors | null>;
     get errors(): import("../../types").ValidatorErrors | null;
-    get shouldDisplayError$(): import("rxjs").Observable<boolean>;
+    get shouldDisplayError$(): Observable<boolean>;
     get shouldDisplayError(): boolean;
-    get isFocusedVia$(): import("rxjs").Observable<FocusOrigin>;
+    get isFocusedVia$(): Observable<FocusOrigin>;
     get isFocusedVia(): "touch" | "mouse" | "keyboard" | "program" | null;
-    get errorId$(): import("rxjs").Observable<string | null>;
+    get errorId$(): Observable<string | null>;
     get errorId(): string | null;
-    readonly describedBy$: import("rxjs").Observable<string | null>;
-    readonly onInternalUpdate$: import("rxjs").Observable<import("../../types").InputValueUpdateType | null>;
-    readonly onExternalUpdate$: import("rxjs").Observable<import("../../types").InputValueUpdateType | null>;
+    readonly describedBy$: Observable<string | null>;
+    readonly onInternalUpdate$: Observable<import("../../types").InputValueUpdateType | null>;
+    readonly onExternalUpdate$: Observable<import("../../types").InputValueUpdateType | null>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -62,6 +63,7 @@ export declare class InputDirective<T = unknown, J extends HTMLInputElement | HT
     _setNativeInputRef(ref: NativeInputRefDirective<J> | null): void;
     _setAutofilled(value: boolean): void;
     _setShouldDisplayError(value: boolean): void;
+    _setEmptyHelper(value: unknown | Observable<unknown>): void;
     private _detectControlRequiredValidationChanges;
     private _detectControlDisabledChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective<any, any>, never>;

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

@@ -11,7 +11,10 @@ export declare const WRITEABLE_INPUT_VALUE_ACCESSOR: {
 };
 export declare class WriteableInputDirective implements ControlValueAccessor {
     readonly _inputStateService: InputStateService<unknown, HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     writeValue(value: unknown): void;
     registerOnChange(fn: InputValueChangeFn): void;
     registerOnTouched(fn: InputTouchedFn): void;

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

@@ -1,13 +1,13 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { BehaviorSubject, Subject } from 'rxjs';
+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> {
     readonly lastUpdateType$: BehaviorSubject<InputValueUpdateType | null>;
     readonly lastUpdateType: import("@angular/core").Signal<InputValueUpdateType | null>;
-    readonly onInternalUpdate$: import("rxjs").Observable<InputValueUpdateType | null>;
-    readonly onExternalUpdate$: import("rxjs").Observable<InputValueUpdateType | null>;
+    readonly onInternalUpdate$: Observable<InputValueUpdateType | null>;
+    readonly onExternalUpdate$: Observable<InputValueUpdateType | null>;
     readonly value$: BehaviorSubject<T | null>;
     readonly value: import("@angular/core").Signal<T | null>;
     readonly disabled$: BehaviorSubject<boolean>;
@@ -23,11 +23,18 @@ export declare class InputStateService<T = unknown, J extends HTMLInputElement |
     readonly nativeInputRef: import("@angular/core").Signal<NativeInputRefDirective<J> | null>;
     readonly autofilled$: BehaviorSubject<boolean>;
     readonly autofilled: import("@angular/core").Signal<boolean>;
-    readonly valueIsTruthy$: import("rxjs").Observable<boolean>;
+    readonly valueIsTruthy$: Observable<boolean>;
     readonly valueIsTruthy: import("@angular/core").Signal<boolean>;
-    readonly valueIsFalsy$: import("rxjs").Observable<boolean>;
+    readonly valueIsFalsy$: Observable<boolean>;
     readonly valueIsFalsy: import("@angular/core").Signal<boolean>;
-    readonly valueIsEmpty$: import("rxjs").Observable<boolean>;
+    /**
+     * Selects might have a option that is "null".
+     * This helper can be used to enhance the detection of empty values.
+     * The input is empty if the helper returns a falsy value and the value itself is falsy or an empty array.
+     */
+    readonly isEmptyHelper$: BehaviorSubject<unknown>;
+    readonly isEmptyHelper: import("@angular/core").Signal<unknown>;
+    readonly valueIsEmpty$: Observable<boolean>;
     readonly valueIsEmpty: import("@angular/core").Signal<boolean>;
     readonly errors$: BehaviorSubject<ValidatorErrors | null>;
     readonly errors: import("@angular/core").Signal<ValidatorErrors | null>;

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

@@ -1,7 +1,10 @@
 import * as i0 from "@angular/core";
 export declare class DecoratedFormFieldBase {
     private readonly _formFieldStateService;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<DecoratedFormFieldBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DecoratedFormFieldBase, never, never, {}, {}, never, never, false, never>;
 }

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

@@ -1,15 +1,22 @@
-import { AfterContentInit } from '@angular/core';
 import { TypedQueryList } from '@ethlete/core';
+import { BehaviorSubject } from 'rxjs';
 import { InputPrefixDirective, InputSuffixDirective } from '../directives';
 import { InputBase } from './input.base';
 import * as i0 from "@angular/core";
-export declare class DecoratedInputBase extends InputBase implements AfterContentInit {
+export declare class DecoratedInputBase extends InputBase {
     private readonly _formFieldStateService;
     readonly _destroy$: import("rxjs").Observable<boolean>;
-    protected readonly inputPrefix?: TypedQueryList<InputPrefixDirective>;
-    protected readonly inputSuffix?: TypedQueryList<InputSuffixDirective>;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
-    ngAfterContentInit(): void;
+    set inputPrefix(inputPrefix: TypedQueryList<InputPrefixDirective>);
+    protected readonly inputPrefix$: BehaviorSubject<TypedQueryList<InputPrefixDirective> | null>;
+    set inputSuffix(inputSuffix: TypedQueryList<InputSuffixDirective>);
+    protected readonly inputSuffix$: BehaviorSubject<TypedQueryList<InputSuffixDirective> | null>;
+    readonly hasPrefix$: import("rxjs").Observable<boolean>;
+    readonly hasSuffix$: import("rxjs").Observable<boolean>;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DecoratedInputBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DecoratedInputBase, never, never, {}, {}, ["inputPrefix", "inputSuffix"], never, false, never>;
 }

package/lib/components/masonry/components/masonry/masonry.component.d.ts

@@ -16,7 +16,10 @@ export declare class MasonryComponent implements AfterContentInit {
     private readonly _didResize$;
     private readonly _didInitialize$;
     private readonly _hideOverflow$;
-    readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
+    readonly hostClassBindings: {
+        remove: (...tokens: string[]) => void;
+        has: (token: string) => boolean;
+    };
     private readonly _state;
     ngAfterContentInit(): void;
     invalidate(config?: {

package/lib/components/pagination/components/pagination/pagination.component.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, OnInit, TrackByFunction } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, TrackByFunction } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { BehaviorSubject } from 'rxjs';
 import { PaginationItem } from '../../types';
@@ -16,7 +16,7 @@ export declare class PaginationComponent implements OnInit, OnDestroy {
     set headFirstPageTitle(v: string | null);
     set headAddCanonicalTag(v: boolean);
     ariaLabel: string;
-    pageChangeScrollAnchor: HTMLElement | null;
+    pageChangeScrollAnchor: HTMLElement | ElementRef<HTMLElement> | null;
     protected pages$: BehaviorSubject<PaginationItem[] | null>;
     protected trackByPage: TrackByFunction<PaginationItem>;
     ngOnInit(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.18.3",
+  "version": "3.19.1",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -22,7 +22,7 @@
     "@angular/animations": "16.2.5",
     "@angular/platform-browser": "16.2.5",
     "@angular/cdk": "16.2.6",
-    "@ethlete/core": "3.9.0",
+    "@ethlete/core": "3.11.0",
     "@ethlete/query": "4.16.3"
   },
   "module": "fesm2022/ethlete-cdk.mjs",