@ethlete/cdk 3.7.0 → 3.8.0

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

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+import { ComboboxConfig } from '../types';
+export declare const COMBOBOX_CONFIG_TOKEN: InjectionToken<ComboboxConfig>;
+export declare const COMBOBOX_DEFAULT_CONFIG: {
+    emptyText: string;
+};

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

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

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

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

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

@@ -18,6 +18,7 @@ export declare class ComboboxDirective implements OnInit {
     private readonly _input;
     private readonly _selectField;
     private readonly _animatedOverlay;
+    private readonly _comboboxConfig;
     get options(): unknown[];
     set options(value: unknown[]);
     set initialValue(value: unknown);

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

@@ -1,4 +1,6 @@
 export * from './combobox.imports';
 export * from './components/public-api';
+export * from './constants/public-api';
 export * from './directives/public-api';
+export * from './types/public-api';
 export * from './utils/public-api';

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

@@ -0,0 +1,30 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { ComponentWithError, ComponentWithOption } from '../private';
+export interface ComboboxConfig {
+    /**
+     * A component used to display the selected options inside the input
+     */
+    selectedOptionComponent?: ComponentWithOption;
+    /**
+     * A component used to display the options inside the body
+     */
+    optionComponent?: ComponentWithOption;
+    /**
+     * A component used to display the error inside the body
+     */
+    bodyErrorComponent?: ComponentWithError;
+    /**
+     * A component used to display the loading state inside the body
+     */
+    bodyLoadingComponent?: ComponentType<unknown>;
+    /**
+     * A component used to display the empty state inside the body
+     */
+    bodyEmptyComponent?: ComponentType<unknown>;
+    /**
+     * The text to display when the body is empty and no custom empty component is provided
+     *
+     * @default 'No results found'
+     */
+    emptyText?: string;
+}

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

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

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

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

package/lib/components/forms/components/select/components/combobox/utils/combobox-config.utils.d.ts

@@ -0,0 +1,6 @@
+import { ComboboxConfig } from '../types';
+export declare const createComboboxConfig: (globalConfig?: Partial<ComboboxConfig> | null | undefined, localConfig?: Partial<ComboboxConfig> | null | undefined) => ComboboxConfig;
+export declare const provideComboboxConfig: (config?: Partial<ComboboxConfig> | null | undefined) => {
+    provide: import("@angular/core").InjectionToken<ComboboxConfig>;
+    useValue: ComboboxConfig;
+};

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

@@ -1 +1,2 @@
+export * from './combobox-config.utils';
 export * from './option.utils';

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

@@ -0,0 +1,30 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { InjectionToken } from '@angular/core';
+import { InputValueUpdateType } from '../../types';
+import { InputDirective } from '../input/input.directive';
+import * as i0 from "@angular/core";
+export interface ExposeInputVarsContext {
+    shouldDisplayError: boolean;
+    autofilled: boolean;
+    disabled: boolean;
+    isFocusedVia: FocusOrigin;
+    lastUpdateType: InputValueUpdateType | null;
+    value: unknown;
+}
+export declare const EXPOSE_INPUT_VARS_TOKEN: InjectionToken<ExposeInputVarsDirective>;
+export declare class ExposeInputVarsDirective {
+    private readonly _cdr;
+    private readonly _destroy$;
+    private readonly _monitorStop$;
+    private readonly _templateRef;
+    private readonly _viewContainerRef;
+    private _viewContext;
+    set explicitInput(input: InputDirective | null | undefined);
+    constructor();
+    static ngTemplateContextGuard(dir: ExposeInputVarsDirective, ctx: unknown): ctx is ExposeInputVarsContext;
+    _monitorInput(input: InputDirective): void;
+    private _monitorObservable;
+    private _updateView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExposeInputVarsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExposeInputVarsDirective, "[etExposeInputVars]", never, { "explicitInput": { "alias": "etExposeInputVars"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/forms/directives/expose-input-vars/index.d.ts

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

package/lib/components/forms/directives/expose-input-vars/public-api.d.ts

@@ -0,0 +1 @@
+export * from './expose-input-vars.directive';

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

@@ -4,6 +4,7 @@ import { NativeInputRefDirective } from '../native-input-ref';
 import * as i0 from "@angular/core";
 export declare const INPUT_TOKEN: InjectionToken<InputDirective<unknown, HTMLInputElement>>;
 export declare class InputDirective<T = unknown, J extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement = HTMLInputElement> implements OnInit, OnDestroy {
+    private readonly _injector;
     private readonly _inputStateService;
     private readonly _formFieldStateService;
     private readonly _ngControl;
@@ -19,8 +20,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 lastUpdateType$(): import("rxjs").Observable<import("../../types").InputValueUpdateType | null>;
+    get lastUpdateType(): import("../../types").InputValueUpdateType | null;
     get valueChange$(): import("rxjs").Observable<T>;
     get disabled$(): import("rxjs").Observable<boolean>;
     get disabled(): boolean;
@@ -47,8 +48,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>;
+    readonly onInternalUpdate$: import("rxjs").Observable<import("../../types").InputValueUpdateType | null>;
+    readonly onExternalUpdate$: import("rxjs").Observable<import("../../types").InputValueUpdateType | null>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;

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

@@ -1,5 +1,6 @@
 export * from './dynamic-form-field/public-api';
 export * from './dynamic-form-group/public-api';
+export * from './expose-input-vars/public-api';
 export * from './if-input-empty/public-api';
 export * from './if-input-filled/public-api';
 export * from './input-prefix/public-api';

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

@@ -1,6 +1,7 @@
 import { InjectionToken } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { InputStateService, InputTouchedFn, InputValueChangeFn } from '../../services';
+import { InputStateService } from '../../services';
+import { InputTouchedFn, InputValueChangeFn } from '../../types';
 import * as i0 from "@angular/core";
 export declare const WRITEABLE_INPUT_TOKEN: InjectionToken<WriteableInputDirective>;
 export declare const WRITEABLE_INPUT_VALUE_ACCESSOR: {

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

@@ -1,11 +1,8 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { NativeInputRefDirective } from '../directives';
-import { ValidatorErrors } from '../types';
+import { InputTouchedFn, InputValueChangeFn, InputValueUpdateType, 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>;
@@ -43,4 +40,3 @@ 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/lib/components/forms/types/input.types.d.ts

@@ -24,3 +24,6 @@ export interface ValidatorErrors {
     };
     [key: string]: unknown;
 }
+export type InputValueChangeFn<T = unknown> = (value: T) => void;
+export type InputTouchedFn = () => void;
+export type InputValueUpdateType = 'internal' | 'external';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",