@ethlete/cdk 3.7.0 → 3.8.1

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

@@ -8,16 +8,19 @@ export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxDirective>;
 export type AbstractComboboxBody = AnimatedOverlayComponentBase & {
     _options$: BehaviorSubject<TypedQueryList<AbstractComboboxOption> | null>;
     _containerElementRef: ElementRef<HTMLElement> | undefined;
+    id: string;
 };
 export type AbstractComboboxOption = {
     _option$: BehaviorSubject<unknown>;
     _elementRef: ElementRef<HTMLElement>;
+    id: string;
 };
 export declare class ComboboxDirective implements OnInit {
     private readonly _destroy$;
-    private readonly _input;
+    readonly _input: import("../../../../../../directives").InputDirective<unknown, HTMLInputElement>;
     private readonly _selectField;
     private readonly _animatedOverlay;
+    private readonly _comboboxConfig;
     get options(): unknown[];
     set options(value: unknown[]);
     set initialValue(value: unknown);
@@ -61,10 +64,12 @@ export declare class ComboboxDirective implements OnInit {
     protected readonly filterChange: EventEmitter<string>;
     private _shouldIgnoreNextBlurEvent;
     private _deletedSearchWithKeyPress;
+    readonly selectBodyId$: BehaviorSubject<string | null>;
+    readonly activeOptionId$: BehaviorSubject<string | null>;
     get currentFilter(): string;
     private readonly _currentFilter$;
     private get _isOpen();
-    private readonly _isOpen$;
+    readonly isOpen$: import("rxjs").Observable<boolean>;
     readonly _selectionModel: SelectionModel<unknown>;
     private readonly _activeSelectionModel;
     private readonly _backspaceKeyPressManager;

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

@@ -7,6 +7,7 @@ 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, AbstractComboboxBody {
+    readonly id: string;
     _elementRef?: ElementRef<HTMLElement> | undefined;
     _markForCheck?: (() => void) | undefined;
     private readonly _destroy$;

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

@@ -4,6 +4,7 @@ import { AbstractComboboxOption } from '../../directives';
 import * as i0 from "@angular/core";
 export declare const COMBOBOX_OPTION_TOKEN: InjectionToken<ComboboxOptionComponent>;
 export declare class ComboboxOptionComponent implements AbstractComboboxOption {
+    readonly id: string;
     protected readonly combobox: import("../../directives").ComboboxDirective;
     readonly _elementRef: ElementRef<HTMLElement>;
     get option(): 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.1",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",

package/src/lib/styles/easing.css

@@ -37,4 +37,119 @@
   --ease-step-3: steps(4);
   --ease-step-4: steps(7);
   --ease-step-5: steps(10);
+  --ease-spring-1: linear(
+    0,
+    0.006,
+    0.025 2.8%,
+    0.101 6.1%,
+    0.539 18.9%,
+    0.721 25.3%,
+    0.849 31.5%,
+    0.937 38.1%,
+    0.968 41.8%,
+    0.991 45.7%,
+    1.006 50.1%,
+    1.015 55%,
+    1.017 63.9%,
+    1.001
+  );
+  --ease-spring-2: linear(
+    0,
+    0.007,
+    0.029 2.2%,
+    0.118 4.7%,
+    0.625 14.4%,
+    0.826 19%,
+    0.902,
+    0.962,
+    1.008 26.1%,
+    1.041 28.7%,
+    1.064 32.1%,
+    1.07 36%,
+    1.061 40.5%,
+    1.015 53.4%,
+    0.999 61.6%,
+    0.995 71.2%,
+    1
+  );
+  --ease-spring-3: linear(
+    0,
+    0.009,
+    0.035 2.1%,
+    0.141 4.4%,
+    0.723 12.9%,
+    0.938 16.7%,
+    1.017,
+    1.077,
+    1.121,
+    1.149 24.3%,
+    1.159,
+    1.163,
+    1.161,
+    1.154 29.9%,
+    1.129 32.8%,
+    1.051 39.6%,
+    1.017 43.1%,
+    0.991,
+    0.977 51%,
+    0.974 53.8%,
+    0.975 57.1%,
+    0.997 69.8%,
+    1.003 76.9%,
+    1
+  );
+  --ease-spring-4: linear(
+    0,
+    0.009,
+    0.037 1.7%,
+    0.153 3.6%,
+    0.776 10.3%,
+    1.001,
+    1.142 16%,
+    1.185,
+    1.209 19%,
+    1.215 19.9% 20.8%,
+    1.199,
+    1.165 25%,
+    1.056 30.3%,
+    1.008 33%,
+    0.973,
+    0.955 39.2%,
+    0.953 41.1%,
+    0.957 43.3%,
+    0.998 53.3%,
+    1.009 59.1% 63.7%,
+    0.998 78.9%,
+    1
+  );
+  --ease-spring-5: linear(
+    0,
+    0.01,
+    0.04 1.6%,
+    0.161 3.3%,
+    0.816 9.4%,
+    1.046,
+    1.189 14.4%,
+    1.231,
+    1.254 17%,
+    1.259,
+    1.257 18.6%,
+    1.236,
+    1.194 22.3%,
+    1.057 27%,
+    0.999 29.4%,
+    0.955 32.1%,
+    0.942,
+    0.935 34.9%,
+    0.933,
+    0.939 38.4%,
+    1 47.3%,
+    1.011,
+    1.017 52.6%,
+    1.016 56.4%,
+    1 65.2%,
+    0.996 70.2%,
+    1.001 87.2%,
+    1
+  );
 }