@ethlete/cdk 3.5.3 → 3.6.0

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: {}; 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"; }; 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"; }; outputs: { "filterChange": "filterChange"; }; }]>;
 }

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

@@ -1,9 +1,18 @@
 import { ComponentType } from '@angular/cdk/overlay';
-import { EventEmitter, InjectionToken, OnInit, TrackByFunction } from '@angular/core';
-import { AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding } from '@ethlete/core';
+import { ElementRef, EventEmitter, InjectionToken, OnInit, TrackByFunction } from '@angular/core';
+import { AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding, TypedQueryList } from '@ethlete/core';
+import { BehaviorSubject } from 'rxjs';
 import { ComponentWithOption, TemplateRefWithOption } from '../../private';
 import * as i0 from "@angular/core";
 export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxDirective>;
+export type AbstractComboboxBody = AnimatedOverlayComponentBase & {
+    _options$: BehaviorSubject<TypedQueryList<AbstractComboboxOption> | null>;
+    _containerElementRef: ElementRef<HTMLElement> | undefined;
+};
+export type AbstractComboboxOption = {
+    _option$: BehaviorSubject<unknown>;
+    _elementRef: ElementRef<HTMLElement>;
+};
 export declare class ComboboxDirective implements OnInit {
     private readonly _destroy$;
     private readonly _input;
@@ -43,7 +52,7 @@ export declare class ComboboxDirective implements OnInit {
     protected readonly filterChange: EventEmitter<string>;
     private _shouldIgnoreNextBlurEvent;
     private _deletedSearchWithKeyPress;
-    private get _currentFilter();
+    get currentFilter(): string;
     private readonly _currentFilter$;
     private get _isOpen();
     private readonly _isOpen$;
@@ -52,6 +61,7 @@ export declare class ComboboxDirective implements OnInit {
     private readonly _backspaceKeyPressManager;
     readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
     readonly multiple$: import("rxjs").Observable<boolean>;
+    readonly multipleSignal: import("@angular/core").Signal<boolean>;
     readonly options$: import("rxjs").Observable<unknown[]>;
     readonly rawOptions$: import("rxjs").Observable<unknown[]>;
     set optionTemplate(value: TemplateRefWithOption | undefined);
@@ -66,7 +76,7 @@ export declare class ComboboxDirective implements OnInit {
     readonly customSelectedOptionComponent$: import("rxjs").Observable<ComponentWithOption | null>;
     constructor();
     ngOnInit(): void;
-    setBodyComponent(component: ComponentType<AnimatedOverlayComponentBase>): void;
+    setBodyComponent(component: ComponentType<AbstractComboboxBody>): void;
     getOptionLabel(option: unknown): import("rxjs").Observable<unknown>;
     getOptionValue(option: unknown): import("rxjs").Observable<unknown>;
     removeSelectedOption(option: unknown): void;

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

@@ -1,13 +1,21 @@
-import { InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
-import { AnimatedLifecycleDirective } from '@ethlete/core';
+import { ElementRef, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
+import { AnimatedLifecycleDirective, TypedQueryList } from '@ethlete/core';
+import { BehaviorSubject } from 'rxjs';
+import { AbstractComboboxBody, AbstractComboboxOption } from '../../directives';
+import { ComboboxOptionComponent } from '../combobox-option';
 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 {
+export declare class ComboboxBodyComponent implements OnInit, AbstractComboboxBody {
+    _elementRef?: ElementRef<HTMLElement> | undefined;
+    _markForCheck?: (() => void) | undefined;
     private readonly _destroy$;
     private readonly _clickOutside;
     protected readonly combobox: import("../../directives").ComboboxDirective;
+    readonly _containerElementRef: ElementRef<HTMLElement> | undefined;
     readonly _animatedLifecycle?: AnimatedLifecycleDirective;
+    set _options(options: TypedQueryList<ComboboxOptionComponent>);
+    readonly _options$: BehaviorSubject<TypedQueryList<AbstractComboboxOption> | null>;
     readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
     _bodyTemplate: TemplateRef<unknown> | null;
     ngOnInit(): void;

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

@@ -1,11 +1,14 @@
-import { InjectionToken } from '@angular/core';
+import { ElementRef, InjectionToken } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { AbstractComboboxOption } from '../../directives';
 import * as i0 from "@angular/core";
 export declare const COMBOBOX_OPTION_TOKEN: InjectionToken<ComboboxOptionComponent>;
-export declare class ComboboxOptionComponent {
+export declare class ComboboxOptionComponent implements AbstractComboboxOption {
     protected readonly combobox: import("../../directives").ComboboxDirective;
+    readonly _elementRef: ElementRef<HTMLElement>;
     get option(): unknown;
     set option(value: unknown);
-    private _option$;
+    readonly _option$: BehaviorSubject<unknown>;
     protected readonly disabled$: import("rxjs").Observable<boolean>;
     protected readonly selected$: import("rxjs").Observable<boolean>;
     protected readonly active$: import("rxjs").Observable<boolean>;

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

@@ -19,6 +19,8 @@ export declare class InputDirective<T = unknown, J extends HTMLInputElement | HT
     get id(): string;
     get value$(): import("rxjs").Observable<T | null>;
     get value(): T | null;
+    get lastUpdateType$(): import("rxjs").Observable<("internal" | "external") | null>;
+    get lastUpdateType(): ("internal" | "external") | null;
     get valueChange$(): import("rxjs").Observable<T>;
     get disabled$(): import("rxjs").Observable<boolean>;
     get disabled(): boolean;
@@ -45,6 +47,8 @@ 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>;
+    readonly onInternalUpdate$: import("rxjs").Observable<("internal" | "external") | null>;
+    readonly onExternalUpdate$: import("rxjs").Observable<("internal" | "external") | null>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;

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

@@ -5,7 +5,12 @@ import { ValidatorErrors } from '../types';
 import * as i0 from "@angular/core";
 export type InputValueChangeFn<T = unknown> = (value: T) => void;
 export type InputTouchedFn = () => void;
+type InputValueUpdateType = 'internal' | 'external';
 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 value$: BehaviorSubject<T | null>;
     readonly value: import("@angular/core").Signal<T | null>;
     readonly disabled$: BehaviorSubject<boolean>;
@@ -38,3 +43,4 @@ export declare class InputStateService<T = unknown, J extends HTMLInputElement |
     static ɵfac: i0.ɵɵFactoryDeclaration<InputStateService<any, any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<InputStateService<any, any>>;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.5.3",
+  "version": "3.6.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -19,9 +19,9 @@
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@ethlete/core": "3.3.0",
-    "@angular/animations": "16.2.1",
-    "@ethlete/query": "4.9.2"
+    "@ethlete/core": "3.3.1",
+    "@angular/animations": "16.2.2",
+    "@ethlete/query": "4.10.0"
   },
   "module": "fesm2022/ethlete-cdk.mjs",
   "typings": "index.d.ts",