@ethlete/cdk 3.19.2 → 3.20.1

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

@@ -8,5 +8,5 @@ export declare class ComboboxComponent extends DecoratedInputBase {
     protected readonly combobox: ComboboxDirective;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "placeholder": "placeholder"; }; outputs: {}; }, { directive: typeof i3.ComboboxDirective; inputs: { "options": "options"; "initialValue": "initialValue"; "filterInternal": "filterInternal"; "loading": "loading"; "error": "error"; "emptyText": "emptyText"; "placeholder": "placeholder"; "multiple": "multiple"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "allowCustomValues": "allowCustomValues"; "selectedOptionComponent": "selectedOptionComponent"; "optionComponent": "optionComponent"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; "bodyMoreItemsHintComponent": "bodyMoreItemsHintComponent"; "showBodyMoreItemsHint": "showBodyMoreItemsHint"; "bodyEmptyText": "bodyEmptyText"; "bodyMoreItemsHintText": "bodyMoreItemsHintText"; }; outputs: { "filterChange": "filterChange"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "placeholder": "placeholder"; }; outputs: {}; }, { directive: typeof i3.ComboboxDirective; inputs: { "options": "options"; "initialValue": "initialValue"; "filterInternal": "filterInternal"; "loading": "loading"; "error": "error"; "emptyText": "emptyText"; "placeholder": "placeholder"; "multiple": "multiple"; "bindLabel": "bindLabel"; "bindValue": "bindValue"; "allowCustomValues": "allowCustomValues"; "selectedOptionComponent": "selectedOptionComponent"; "optionComponent": "optionComponent"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; "bodyMoreItemsHintComponent": "bodyMoreItemsHintComponent"; "showBodyMoreItemsHint": "showBodyMoreItemsHint"; "bodyEmptyText": "bodyEmptyText"; "bodyMoreItemsHintText": "bodyMoreItemsHintText"; "optionComponentInputs": "optionComponentInputs"; "selectedOptionComponentInputs": "selectedOptionComponentInputs"; "bodyErrorComponentInputs": "bodyErrorComponentInputs"; "bodyLoadingComponentInputs": "bodyLoadingComponentInputs"; "bodyEmptyComponentInputs": "bodyEmptyComponentInputs"; "bodyMoreItemsHintComponentInputs": "bodyMoreItemsHintComponentInputs"; }; outputs: { "filterChange": "filterChange"; }; }]>;
 }

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

@@ -1,6 +1,6 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { ElementRef, EventEmitter, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
-import { AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding, TypedQueryList } from '@ethlete/core';
+import { ActiveSelectionModel, AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding, TypedQueryList } from '@ethlete/core';
 import { BehaviorSubject } from 'rxjs';
 import { ComponentWithError, ComponentWithOption, TemplateRefWithError, TemplateRefWithOption } from '../../private';
 import * as i0 from "@angular/core";
@@ -36,6 +36,7 @@ export declare class ComboboxDirective implements OnInit {
     get error(): unknown;
     set error(value: unknown);
     private _error$;
+    readonly error$: import("rxjs").Observable<unknown>;
     /**
      * @deprecated Use `bodyEmptyText` instead. Will be removed in v4.
      */
@@ -62,21 +63,39 @@ export declare class ComboboxDirective implements OnInit {
     get optionComponent(): ComponentWithOption | null;
     set optionComponent(component: ComponentWithOption | null);
     private readonly _optionComponent$;
+    get optionComponentInputs(): Record<string, unknown> | null | undefined;
+    set optionComponentInputs(value: Record<string, unknown> | null | undefined);
+    private _optionComponentInputs$;
     get selectedOptionComponent(): ComponentWithOption | null;
     set selectedOptionComponent(component: ComponentWithOption | null);
     private readonly _selectedOptionComponent$;
+    get selectedOptionComponentInputs(): Record<string, unknown> | null | undefined;
+    set selectedOptionComponentInputs(value: Record<string, unknown> | null | undefined);
+    private _selectedOptionComponentInputs$;
     get bodyErrorComponent(): ComponentWithError | null;
     set bodyErrorComponent(value: ComponentWithError | null);
     private _bodyErrorComponent$;
+    get bodyErrorComponentInputs(): Record<string, unknown> | null | undefined;
+    set bodyErrorComponentInputs(value: Record<string, unknown> | null | undefined);
+    private _bodyErrorComponentInputs$;
     get bodyLoadingComponent(): ComponentType<unknown> | null;
     set bodyLoadingComponent(value: ComponentType<unknown> | null);
     private _bodyLoadingComponent$;
+    get bodyLoadingComponentInputs(): Record<string, unknown> | null | undefined;
+    set bodyLoadingComponentInputs(value: Record<string, unknown> | null | undefined);
+    private _bodyLoadingComponentInputs$;
     get bodyEmptyComponent(): ComponentType<unknown> | null;
     set bodyEmptyComponent(value: ComponentType<unknown> | null);
     private _bodyEmptyComponent$;
+    get bodyEmptyComponentInputs(): Record<string, unknown> | null | undefined;
+    set bodyEmptyComponentInputs(value: Record<string, unknown> | null | undefined);
+    private _bodyEmptyComponentInputs$;
     get bodyMoreItemsHintComponent(): ComponentType<unknown> | null;
     set bodyMoreItemsHintComponent(value: ComponentType<unknown> | null);
     private _bodyMoreItemsHintComponent$;
+    get bodyMoreItemsHintComponentInputs(): Record<string, unknown> | null | undefined;
+    set bodyMoreItemsHintComponentInputs(value: Record<string, unknown> | null | undefined);
+    private _bodyMoreItemsHintComponentInputs$;
     protected readonly filterChange: EventEmitter<string>;
     private _shouldIgnoreNextBlurEvent;
     private _deletedSearchWithKeyPress;
@@ -88,7 +107,7 @@ export declare class ComboboxDirective implements OnInit {
     readonly isOpen$: import("rxjs").Observable<boolean>;
     readonly isOpen: import("@angular/core").Signal<boolean | undefined>;
     readonly _selectionModel: SelectionModel<unknown>;
-    private readonly _activeSelectionModel;
+    readonly _activeSelectionModel: ActiveSelectionModel<unknown>;
     private readonly _backspaceKeyPressManager;
     readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
     readonly multiple$: import("rxjs").Observable<boolean>;
@@ -128,11 +147,20 @@ export declare class ComboboxDirective implements OnInit {
     readonly customBodyEmptyComponent$: import("rxjs").Observable<ComponentType<unknown> | null>;
     readonly customBodyMoreItemsHintTpl$: import("rxjs").Observable<TemplateRef<unknown> | null>;
     readonly customBodyMoreItemsHintComponent$: import("rxjs").Observable<ComponentType<unknown> | null>;
+    readonly customOptionComponentInputs$: import("rxjs").Observable<Record<string, unknown>>;
+    readonly customSelectedOptionComponentInputs$: import("rxjs").Observable<Record<string, unknown>>;
+    readonly customBodyLoadingComponentInputs$: import("rxjs").Observable<Record<string, unknown>>;
+    readonly customBodyErrorComponentInputs$: import("rxjs").Observable<Record<string, unknown>>;
+    readonly customBodyEmptyComponentInputs$: import("rxjs").Observable<Record<string, unknown>>;
+    readonly customBodyMoreItemsHintComponentInputs$: import("rxjs").Observable<Record<string, unknown>>;
     constructor();
     ngOnInit(): void;
     setBodyComponent(component: ComponentType<AbstractComboboxBody>): void;
     getOptionLabel(option: unknown): import("rxjs").Observable<unknown>;
     getOptionValue(option: unknown): import("rxjs").Observable<unknown>;
+    combineSelectedOptionWithComponentInputs(option: unknown): import("rxjs").Observable<{
+        option: unknown;
+    }>;
     removeSelectedOption(option: unknown): void;
     open(): void;
     close(): void;
@@ -154,6 +182,6 @@ export declare class ComboboxDirective implements OnInit {
     private _debugValidateComboboxConfig;
     private _debugValidateOptionAndInitialValueSchema;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxDirective, never, 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; }; "emptyText": { "alias": "emptyText"; "required": false; }; "bodyEmptyText": { "alias": "bodyEmptyText"; "required": false; }; "bodyMoreItemsHintText": { "alias": "bodyMoreItemsHintText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindKey": { "alias": "bindKey"; "required": false; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; }; "showBodyMoreItemsHint": { "alias": "showBodyMoreItemsHint"; "required": false; }; "optionComponent": { "alias": "optionComponent"; "required": false; }; "selectedOptionComponent": { "alias": "selectedOptionComponent"; "required": false; }; "bodyErrorComponent": { "alias": "bodyErrorComponent"; "required": false; }; "bodyLoadingComponent": { "alias": "bodyLoadingComponent"; "required": false; }; "bodyEmptyComponent": { "alias": "bodyEmptyComponent"; "required": false; }; "bodyMoreItemsHintComponent": { "alias": "bodyMoreItemsHintComponent"; "required": false; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate", "bodyLoadingTemplate", "bodyErrorTemplate", "bodyEmptyTemplate", "bodyMoreItemsHintTemplate"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxDirective, never, 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; }; "emptyText": { "alias": "emptyText"; "required": false; }; "bodyEmptyText": { "alias": "bodyEmptyText"; "required": false; }; "bodyMoreItemsHintText": { "alias": "bodyMoreItemsHintText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindKey": { "alias": "bindKey"; "required": false; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; }; "showBodyMoreItemsHint": { "alias": "showBodyMoreItemsHint"; "required": false; }; "optionComponent": { "alias": "optionComponent"; "required": false; }; "optionComponentInputs": { "alias": "optionComponentInputs"; "required": false; }; "selectedOptionComponent": { "alias": "selectedOptionComponent"; "required": false; }; "selectedOptionComponentInputs": { "alias": "selectedOptionComponentInputs"; "required": false; }; "bodyErrorComponent": { "alias": "bodyErrorComponent"; "required": false; }; "bodyErrorComponentInputs": { "alias": "bodyErrorComponentInputs"; "required": false; }; "bodyLoadingComponent": { "alias": "bodyLoadingComponent"; "required": false; }; "bodyLoadingComponentInputs": { "alias": "bodyLoadingComponentInputs"; "required": false; }; "bodyEmptyComponent": { "alias": "bodyEmptyComponent"; "required": false; }; "bodyEmptyComponentInputs": { "alias": "bodyEmptyComponentInputs"; "required": false; }; "bodyMoreItemsHintComponent": { "alias": "bodyMoreItemsHintComponent"; "required": false; }; "bodyMoreItemsHintComponentInputs": { "alias": "bodyMoreItemsHintComponentInputs"; "required": false; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate", "bodyLoadingTemplate", "bodyErrorTemplate", "bodyEmptyTemplate", "bodyMoreItemsHintTemplate"], never, true, never>;
     static ngAcceptInputType_showBodyMoreItemsHint: unknown;
 }

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

@@ -10,8 +10,6 @@ import * as i2 from "@ethlete/theming";
 export declare const COMBOBOX_BODY_TOKEN: InjectionToken<ComboboxBodyComponent>;
 export declare class ComboboxBodyComponent implements OnInit, AbstractComboboxBody {
     readonly id: string;
-    _elementRef?: ElementRef<HTMLElement> | undefined;
-    _markForCheck?: (() => void) | undefined;
     private readonly _destroy$;
     private readonly _clickOutside;
     private readonly _themeProvider;
@@ -28,6 +26,9 @@ export declare class ComboboxBodyComponent implements OnInit, AbstractComboboxBo
         remove: (...tokens: string[]) => void;
         has: (token: string) => boolean;
     };
+    protected readonly customErrorComponentInputs$: import("rxjs").Observable<{
+        error: unknown;
+    }>;
     _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,6 +13,9 @@ 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>;
+    protected readonly customOptionComponentInputs$: import("rxjs").Observable<{
+        option: unknown;
+    }>;
     readonly hostClassBindings: {
         remove: (...tokens: string[]) => void;
         has: (token: string) => boolean;
@@ -23,6 +26,7 @@ export declare class ComboboxOptionComponent implements AbstractComboboxOption {
     };
     protected selectOption(): void;
     protected ignoreBlur(): void;
+    protected setActiveByHover(): void;
     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/select/directives/select/select.directive.d.ts

@@ -84,7 +84,7 @@ export declare class SelectDirective<T extends SelectDirectiveBodyComponentBase>
     private _unmountSelectBodyOnDisable;
     private _handleKeyDownInClosedState;
     private _handleKeyDownInOpenState;
-    private _setActiveOption;
+    _setActiveOption(option: SelectOptionDirective | null): Promise<boolean>;
     private _addActiveOptionToSelection;
     private _removeActiveOptionFromSelection;
     private _toggleSelectionOfAllOptions;

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

@@ -32,6 +32,7 @@ export declare class SelectOptionDirective implements AfterContentInit {
     setSelectValue(): Promise<void>;
     _updateViewValue(): void;
     _setActive(isActive: boolean): void;
+    protected setActiveByHover(): 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.19.2",
+  "version": "3.20.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.7",
-    "@ethlete/core": "3.11.1",
+    "@ethlete/core": "3.11.2",
     "@ethlete/query": "4.16.3"
   },
   "module": "fesm2022/ethlete-cdk.mjs",