@ethlete/cdk 3.5.3 → 3.7.0

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

@@ -2,5 +2,5 @@ import { InputPrefixDirective, InputSuffixDirective } from '../../../../directiv
 import { LabelComponent } from '../../../label';
 import { SelectFieldComponent } from '../select-field';
 import { ComboboxComponent } from './components';
-import { ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective } from './directives';
-export declare const ComboboxImports: readonly [typeof ComboboxComponent, typeof SelectFieldComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof LabelComponent, typeof ComboboxOptionTemplateDirective, typeof ComboboxSelectedOptionTemplateDirective];
+import { ComboboxBodyEmptyTemplateDirective, ComboboxBodyErrorTemplateDirective, ComboboxBodyLoadingTemplateDirective, ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective } from './directives';
+export declare const ComboboxImports: readonly [typeof ComboboxComponent, typeof SelectFieldComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof LabelComponent, typeof ComboboxOptionTemplateDirective, typeof ComboboxSelectedOptionTemplateDirective, typeof ComboboxBodyErrorTemplateDirective, typeof ComboboxBodyLoadingTemplateDirective, typeof ComboboxBodyEmptyTemplateDirective];

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"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; }; 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 { ComponentWithOption, TemplateRefWithOption } from '../../private';
+import { ElementRef, EventEmitter, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
+import { AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding, TypedQueryList } from '@ethlete/core';
+import { BehaviorSubject } from 'rxjs';
+import { ComponentWithError, ComponentWithOption, TemplateRefWithError, 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;
@@ -40,10 +49,19 @@ export declare class ComboboxDirective implements OnInit {
     get selectedOptionComponent(): ComponentWithOption | null;
     set selectedOptionComponent(component: ComponentWithOption | null);
     private readonly _selectedOptionComponent$;
+    get bodyErrorComponent(): ComponentWithError | null;
+    set bodyErrorComponent(value: ComponentWithError | null);
+    private _bodyErrorComponent$;
+    get bodyLoadingComponent(): ComponentType<unknown> | null;
+    set bodyLoadingComponent(value: ComponentType<unknown> | null);
+    private _bodyLoadingComponent$;
+    get bodyEmptyComponent(): ComponentType<unknown> | null;
+    set bodyEmptyComponent(value: ComponentType<unknown> | null);
+    private _bodyEmptyComponent$;
     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,21 +70,34 @@ 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);
     private readonly _optionTemplate$;
     set selectedOptionTemplate(value: TemplateRefWithOption | undefined);
     private readonly _selectedOptionTemplate$;
+    set bodyLoadingTemplate(value: TemplateRef<unknown> | undefined);
+    private readonly _bodyLoadingTemplate$;
+    set bodyErrorTemplate(value: TemplateRefWithError | undefined);
+    private readonly _bodyErrorTemplate$;
+    set bodyEmptyTemplate(value: TemplateRef<unknown> | undefined);
+    private readonly _bodyEmptyTemplate$;
     readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
     private _comboboxBodyComponent;
     readonly customOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
     readonly customOptionComponent$: import("rxjs").Observable<ComponentWithOption | null>;
     readonly customSelectedOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
     readonly customSelectedOptionComponent$: import("rxjs").Observable<ComponentWithOption | null>;
+    readonly customBodyLoadingTpl$: import("rxjs").Observable<TemplateRef<unknown> | null>;
+    readonly customBodyLoadingComponent$: import("rxjs").Observable<ComponentType<unknown> | null>;
+    readonly customBodyErrorTpl$: import("rxjs").Observable<TemplateRefWithError | null>;
+    readonly customBodyErrorComponent$: import("rxjs").Observable<ComponentWithError | null>;
+    readonly customBodyEmptyTpl$: import("rxjs").Observable<TemplateRef<unknown> | null>;
+    readonly customBodyEmptyComponent$: import("rxjs").Observable<ComponentType<unknown> | 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;
@@ -90,5 +121,5 @@ 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; }; "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; }; "optionComponent": { "alias": "optionComponent"; "required": false; }; "selectedOptionComponent": { "alias": "selectedOptionComponent"; "required": false; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate"], 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; }; "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; }; "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; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate", "bodyLoadingTemplate", "bodyErrorTemplate", "bodyEmptyTemplate"], never, true, never>;
 }

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

@@ -0,0 +1,8 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN: InjectionToken<ComboboxBodyEmptyTemplateDirective>;
+export declare class ComboboxBodyEmptyTemplateDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyEmptyTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxBodyEmptyTemplateDirective, "ng-template[etComboboxBodyEmptyTemplate]", ["etComboboxBodyEmptyTemplate"], {}, {}, never, never, true, never>;
+}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN: InjectionToken<ComboboxBodyErrorTemplateDirective>;
+export declare class ComboboxBodyErrorTemplateDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyErrorTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxBodyErrorTemplateDirective, "ng-template[etComboboxBodyErrorTemplate]", ["etComboboxBodyErrorTemplate"], {}, {}, never, never, true, never>;
+}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN: InjectionToken<ComboboxBodyLoadingTemplateDirective>;
+export declare class ComboboxBodyLoadingTemplateDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyLoadingTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxBodyLoadingTemplateDirective, "ng-template[etComboboxBodyLoadingTemplate]", ["etComboboxBodyLoadingTemplate"], {}, {}, never, never, true, never>;
+}

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

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

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

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

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

@@ -1,3 +1,6 @@
+export * from './combobox-body-empty-template/public-api';
+export * from './combobox-body-error-template/public-api';
+export * from './combobox-body-loading-template/public-api';
 export * from './combobox-option-template/public-api';
 export * from './combobox-selected-option-template/public-api';
 export * from './combobox/public-api';

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/components/select/components/combobox/private/combobox.private.types.d.ts

@@ -24,3 +24,9 @@ export type TemplateRefWithOption = TemplateRef<{
 export type ComponentWithOption = ComponentType<{
     option: any;
 }>;
+export type TemplateRefWithError = TemplateRef<{
+    error: unknown;
+}>;
+export type ComponentWithError = ComponentType<{
+    error: any;
+}>;

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.7.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",