@ethlete/cdk 3.2.0 → 3.3.0

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

@@ -5,5 +5,6 @@ export * from './label/public-api';
 export * from './radio/public-api';
 export * from './segmented-button/public-api';
 export * from './select/public-api';
+export * from './selection-list/public-api';
 export * from './slide-toggle/public-api';
 export * from './slider/public-api';

package/lib/components/forms/components/segmented-button/directives/segmented-button/segmented-button.directive.d.ts

@@ -1,13 +1,13 @@
 import { InjectionToken } from '@angular/core';
+import { Primitive } from '../../../../../../types';
 import { InputDirective } from '../../../../directives';
-import { SegmentedButtonValue } from '../../types';
 import * as i0 from "@angular/core";
 export declare const SEGMENTED_BUTTON_TOKEN: InjectionToken<SegmentedButtonDirective>;
 export declare class SegmentedButtonDirective {
     private readonly _activeIndicatorElement$;
-    readonly input: InputDirective<SegmentedButtonValue, HTMLInputElement>;
-    get value(): SegmentedButtonValue;
-    set value(value: SegmentedButtonValue);
+    readonly input: InputDirective<Primitive, HTMLInputElement>;
+    get value(): Primitive;
+    set value(value: Primitive);
     private _value$;
     get disabled(): boolean;
     set disabled(value: unknown);

package/lib/components/forms/components/segmented-button/directives/segmented-button-field/segmented-button-field.directive.d.ts

@@ -1,10 +1,10 @@
 import { AfterContentInit, InjectionToken } from '@angular/core';
+import { Primitive } from '../../../../../../types';
 import { InputStateService } from '../../../../services';
-import { SegmentedButtonValue } from '../../types';
 import * as i0 from "@angular/core";
 export declare const SEGMENTED_BUTTON_FIELD_TOKEN: InjectionToken<SegmentedButtonFieldDirective>;
 export declare class SegmentedButtonFieldDirective implements AfterContentInit {
-    readonly inputState: InputStateService<SegmentedButtonValue, HTMLInputElement>;
+    readonly inputState: InputStateService<Primitive, HTMLInputElement>;
     readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
     private _segmentedButton?;
     ngAfterContentInit(): void;

package/lib/components/forms/components/segmented-button/public-api.d.ts

@@ -1,4 +1,3 @@
 export * from './components';
 export * from './directives';
 export * from './segmented-button.imports';
-export * from './types';

package/lib/components/forms/components/selection-list/components/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './selection-list-field/public-api';
+export * from './selection-list-option/public-api';

package/lib/components/forms/components/selection-list/components/selection-list-field/public-api.d.ts

@@ -0,0 +1 @@
+export * from './selection-list-field.component';

package/lib/components/forms/components/selection-list/components/selection-list-field/selection-list-field.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../directives/static-form-field/static-form-field.directive";
+import * as i2 from "../../../../directives/writeable-input/writeable-input.directive";
+import * as i3 from "../../../../directives/dynamic-form-field/dynamic-form-field.directive";
+import * as i4 from "../../directives/selection-list-field/selection-list-field.directive";
+import * as i5 from "../../../../directives/input/input.directive";
+export declare class SelectionListFieldComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionListFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionListFieldComponent, "et-selection-list-field", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.StaticFormFieldDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WriteableInputDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.DynamicFormFieldDirective; inputs: { "hideErrorMessage": "hideErrorMessage"; }; outputs: {}; }, { directive: typeof i4.SelectionListFieldDirective; inputs: { "multiple": "multiple"; }; outputs: {}; }, { directive: typeof i5.InputDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/forms/components/selection-list/components/selection-list-option/public-api.d.ts

@@ -0,0 +1 @@
+export * from './selection-list-option.component';

package/lib/components/forms/components/selection-list/components/selection-list-option/selection-list-option.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../../directives/selection-list-option/selection-list-option.directive";
+export declare class SelectionListOptionComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionListOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionListOptionComponent, "et-selection-list-option", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.SelectionListOptionDirective; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
+}

package/lib/components/forms/components/selection-list/directives/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './selection-list-field/public-api';
+export * from './selection-list-option/public-api';

package/lib/components/forms/components/selection-list/directives/selection-list-field/index.d.ts

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

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

@@ -0,0 +1 @@
+export * from './selection-list-field.directive';

package/lib/components/forms/components/selection-list/directives/selection-list-field/selection-list-field.directive.d.ts

@@ -0,0 +1,25 @@
+import { InjectionToken } from '@angular/core';
+import { TypedQueryList } from '@ethlete/core';
+import { Primitive } from '../../../../../../types';
+import { InputDirective } from '../../../../directives';
+import { SelectionListOptionDirective } from '../selection-list-option';
+import * as i0 from "@angular/core";
+export declare const SELECTION_LIST_FIELD: InjectionToken<SelectionListFieldDirective>;
+export declare class SelectionListFieldDirective {
+    private readonly _destroy$;
+    private _keyManager;
+    readonly input: InputDirective<Primitive | Primitive[], HTMLInputElement>;
+    set options(value: TypedQueryList<SelectionListOptionDirective> | null);
+    private _options;
+    get multiple(): boolean;
+    set multiple(value: boolean);
+    private _multiple;
+    protected _handleKeydown(event: KeyboardEvent): void;
+    private _setupRovingTabindex;
+    private _setActiveOption;
+    private _resetActiveOption;
+    private _setAllOptionsSelected;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionListFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionListFieldDirective, never, ["etSelectionListField"], { "multiple": { "alias": "multiple"; "required": false; }; }, {}, ["options"], never, true, never>;
+    static ngAcceptInputType_multiple: unknown;
+}

package/lib/components/forms/components/selection-list/directives/selection-list-option/index.d.ts

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

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

@@ -0,0 +1 @@
+export * from './selection-list-option.directive';

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

@@ -0,0 +1,26 @@
+import { ElementRef, InjectionToken } from '@angular/core';
+import { Primitive } from '../../../../../../types';
+import { InputDirective } from '../../../../directives';
+import * as i0 from "@angular/core";
+export declare const SELECTION_LIST_OPTION: InjectionToken<SelectionListOptionDirective>;
+export declare class SelectionListOptionDirective {
+    readonly input: InputDirective<Primitive | Primitive[], HTMLInputElement>;
+    readonly field: import("../selection-list-field").SelectionListFieldDirective;
+    readonly elementRef: ElementRef<HTMLElement>;
+    get value(): Primitive;
+    set value(value: Primitive);
+    private _value;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    readonly selected: import("@angular/core").Signal<boolean>;
+    focus(): void;
+    getLabel(): string;
+    _onInputInteraction(event: Event): void;
+    _controlTouched(): void;
+    _setTabindex(value: number): void;
+    _toggleSelected(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionListOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionListOptionDirective, never, ["etSelectionListOption"], { "value": { "alias": "value"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/components/forms/components/selection-list/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './components/public-api';
+export * from './directives/public-api';
+export * from './selection-list.imports';

package/lib/components/forms/components/selection-list/selection-list.imports.d.ts

@@ -0,0 +1,2 @@
+import { SelectionListFieldComponent, SelectionListOptionComponent } from './components';
+export declare const SelectionListImports: readonly [typeof SelectionListFieldComponent, typeof SelectionListOptionComponent];

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

@@ -41,7 +41,7 @@ export declare class InputDirective<T = unknown, J extends HTMLInputElement | HT
     get shouldDisplayError$(): import("rxjs").Observable<boolean>;
     get shouldDisplayError(): boolean;
     get isFocusedVia$(): import("rxjs").Observable<FocusOrigin>;
-    get isFocusedVia(): FocusOrigin;
+    get isFocusedVia(): "touch" | "mouse" | "keyboard" | "program" | null;
     get errorId$(): import("rxjs").Observable<string | null>;
     get errorId(): string | null;
     readonly describedBy$: import("rxjs").Observable<string | null>;

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

@@ -3,12 +3,19 @@ import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class FormFieldStateService {
     readonly labelId$: BehaviorSubject<string | null>;
+    readonly labelId: import("@angular/core").Signal<string | null>;
     readonly inputId$: BehaviorSubject<string | null>;
+    readonly inputId: import("@angular/core").Signal<string | null>;
     readonly isFocusedVia$: BehaviorSubject<FocusOrigin>;
+    readonly isFocusedVia: import("@angular/core").Signal<"touch" | "mouse" | "keyboard" | "program" | null>;
     readonly errorId$: BehaviorSubject<string | null>;
+    readonly errorId: import("@angular/core").Signal<string | null>;
     readonly hasPrefix$: BehaviorSubject<boolean>;
+    readonly hasPrefix: import("@angular/core").Signal<boolean>;
     readonly hasSuffix$: BehaviorSubject<boolean>;
+    readonly hasSuffix: import("@angular/core").Signal<boolean>;
     readonly describedBy$: import("rxjs").Observable<string | null>;
+    readonly describedBy: import("@angular/core").Signal<string | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldStateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FormFieldStateService>;
 }

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

@@ -7,20 +7,32 @@ export type InputValueChangeFn<T = unknown> = (value: T) => void;
 export type InputTouchedFn = () => void;
 export declare class InputStateService<T = unknown, J extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement = HTMLInputElement> {
     readonly value$: BehaviorSubject<T | null>;
+    readonly value: import("@angular/core").Signal<T | null>;
     readonly disabled$: BehaviorSubject<boolean>;
+    readonly disabled: import("@angular/core").Signal<boolean>;
     readonly required$: BehaviorSubject<boolean>;
+    readonly required: import("@angular/core").Signal<boolean>;
     readonly valueChange$: Subject<T>;
     readonly disabledChange$: Subject<boolean>;
     readonly requiredChange$: Subject<boolean>;
     readonly usesImplicitControl$: BehaviorSubject<boolean>;
+    readonly usesImplicitControl: import("@angular/core").Signal<boolean>;
     readonly nativeInputRef$: BehaviorSubject<NativeInputRefDirective<J> | null>;
+    readonly nativeInputRef: import("@angular/core").Signal<NativeInputRefDirective<J> | null>;
     readonly autofilled$: BehaviorSubject<boolean>;
+    readonly autofilled: import("@angular/core").Signal<boolean>;
     readonly valueIsTruthy$: import("rxjs").Observable<boolean>;
+    readonly valueIsTruthy: import("@angular/core").Signal<boolean>;
     readonly valueIsFalsy$: import("rxjs").Observable<boolean>;
+    readonly valueIsFalsy: import("@angular/core").Signal<boolean>;
     readonly valueIsEmpty$: import("rxjs").Observable<boolean>;
+    readonly valueIsEmpty: import("@angular/core").Signal<boolean>;
     readonly errors$: BehaviorSubject<ValidatorErrors | null>;
+    readonly errors: import("@angular/core").Signal<ValidatorErrors | null>;
     readonly shouldDisplayError$: BehaviorSubject<boolean>;
+    readonly shouldDisplayError: import("@angular/core").Signal<boolean>;
     readonly isFocusedVia$: BehaviorSubject<FocusOrigin>;
+    readonly isFocusedVia: import("@angular/core").Signal<"touch" | "mouse" | "keyboard" | "program" | null>;
     _valueChange: InputValueChangeFn<T>;
     _touched: InputTouchedFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputStateService<any, any>, never>;

package/lib/components/forms/types/input.types.d.ts

@@ -8,6 +8,7 @@ export interface ValidatorErrors {
         actual: number;
     };
     required?: true;
+    atLeastOneRequired?: true;
     email?: true;
     minlength?: {
         requiredLength: number;

package/lib/types/public-api.d.ts

@@ -1 +1,2 @@
 export * from './swipe.types';
+export * from './value.types';

package/lib/types/value.types.d.ts

@@ -0,0 +1,2 @@
+export type Primitive = string | number | boolean | null | undefined | symbol | bigint;
+export type Reference = Record<string, unknown> | Array<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.2.0",
+  "version": "3.3.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.0.1",
-    "@angular/animations": "16.1.8",
-    "@ethlete/query": "4.9.0"
+    "@ethlete/core": "3.1.0",
+    "@angular/animations": "16.2.0",
+    "@ethlete/query": "4.9.1"
   },
   "module": "fesm2022/ethlete-cdk.mjs",
   "typings": "index.d.ts",

package/esm2022/lib/components/forms/components/segmented-button/types/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './segmented-button.types';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL3NlZ21lbnRlZC1idXR0b24vdHlwZXMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zZWdtZW50ZWQtYnV0dG9uLnR5cGVzJztcbiJdfQ==

package/esm2022/lib/components/forms/components/segmented-button/types/segmented-button.types.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJ1dHRvbi50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL3NlZ21lbnRlZC1idXR0b24vdHlwZXMvc2VnbWVudGVkLWJ1dHRvbi50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU2VnbWVudGVkQnV0dG9uVmFsdWUgPSBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgbnVsbDtcbiJdfQ==

package/lib/components/forms/components/segmented-button/types/public-api.d.ts

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

package/lib/components/forms/components/segmented-button/types/segmented-button.types.d.ts

@@ -1 +0,0 @@
-export type SegmentedButtonValue = string | number | boolean | null;