@ethlete/cdk 3.4.0 → 3.5.0

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

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { Primitive } from '../../../../../../types';
+import { Primitive } from '@ethlete/core';
 import { InputDirective } from '../../../../directives';
 import * as i0 from "@angular/core";
 export declare const SEGMENTED_BUTTON_TOKEN: InjectionToken<SegmentedButtonDirective>;

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

@@ -1,5 +1,5 @@
 import { AfterContentInit, InjectionToken } from '@angular/core';
-import { Primitive } from '../../../../../../types';
+import { Primitive } from '@ethlete/core';
 import { InputStateService } from '../../../../services';
 import * as i0 from "@angular/core";
 export declare const SEGMENTED_BUTTON_FIELD_TOKEN: InjectionToken<SegmentedButtonFieldDirective>;

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"; }; 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: {}; 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,11 +1,9 @@
 import { ComponentType } from '@angular/cdk/overlay';
-import { EventEmitter, InjectionToken, OnInit, TemplateRef } from '@angular/core';
-import { AnimatedOverlayComponentBase } from '@ethlete/core';
+import { EventEmitter, InjectionToken, OnInit, TrackByFunction } from '@angular/core';
+import { AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding } from '@ethlete/core';
+import { ComponentWithOption, TemplateRefWithOption } from '../../private';
 import * as i0 from "@angular/core";
 export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxDirective>;
-type TemplateRefWithOption = TemplateRef<{
-    option: unknown;
-}>;
 export declare class ComboboxDirective implements OnInit {
     private readonly _destroy$;
     private readonly _input;
@@ -13,6 +11,7 @@ export declare class ComboboxDirective implements OnInit {
     get options(): unknown[];
     set options(value: unknown[]);
     set initialValue(value: unknown);
+    private _initialValue$;
     get filterInternal(): boolean;
     set filterInternal(value: unknown);
     private _filterInternal$;
@@ -28,17 +27,24 @@ export declare class ComboboxDirective implements OnInit {
     set placeholder(value: string | null);
     private _placeholder$;
     set multiple(value: unknown);
-    set bindLabel(value: string | null);
-    set bindValue(value: string | null);
+    set bindLabel(value: SelectionModelBinding | null);
+    set bindValue(value: SelectionModelBinding | null);
+    set bindKey(value: SelectionModelBinding | null);
     get allowCustomValues(): boolean;
     set allowCustomValues(value: unknown);
     private _allowCustomValues$;
+    get optionComponent(): ComponentWithOption | null;
+    set optionComponent(component: ComponentWithOption | null);
+    private readonly _optionComponent$;
+    get selectedOptionComponent(): ComponentWithOption | null;
+    set selectedOptionComponent(component: ComponentWithOption | null);
+    private readonly _selectedOptionComponent$;
     protected readonly filterChange: EventEmitter<string>;
     private get _currentFilter();
     private readonly _currentFilter$;
     private get _isOpen();
     private readonly _isOpen$;
-    private readonly _selectionModel;
+    readonly _selectionModel: SelectionModel<unknown>;
     private readonly _activeSelectionModel;
     readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
     readonly multiple$: import("rxjs").Observable<boolean>;
@@ -51,7 +57,9 @@ export declare class ComboboxDirective implements OnInit {
     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>;
     constructor();
     ngOnInit(): void;
     setBodyComponent(component: ComponentType<AnimatedOverlayComponentBase>): void;
@@ -64,6 +72,7 @@ export declare class ComboboxDirective implements OnInit {
     writeValueFromOption(option: unknown): void;
     isOptionSelected(option: unknown): import("rxjs").Observable<boolean>;
     isOptionActive(option: unknown): import("rxjs").Observable<boolean>;
+    trackByOptionKeyFn: TrackByFunction<unknown>;
     _processKeydownEvent(event: KeyboardEvent): void;
     _processInputEvent(event: Event): void;
     _handleBlurEvent(): void;
@@ -72,8 +81,7 @@ export declare class ComboboxDirective implements OnInit {
     private _setFilterFromInputValue;
     private _interpretKeyHandlerResult;
     private _debugValidateComboboxConfig;
-    private _assetBodyComponent;
+    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; }; "allowCustomValues": { "alias": "allowCustomValues"; "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; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate"], never, true, never>;
 }
-export {};

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

@@ -1,4 +1,4 @@
-import { InjectionToken, OnInit, TemplateRef } from '@angular/core';
+import { InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
 import { AnimatedLifecycleDirective } from '@ethlete/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ethlete/core";
@@ -11,6 +11,7 @@ export declare class ComboboxBodyComponent implements OnInit {
     readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
     _bodyTemplate: TemplateRef<unknown> | null;
     ngOnInit(): void;
+    protected trackByFn: TrackByFunction<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxBodyComponent, "et-combobox-body", never, {}, {}, never, never, true, [{ directive: typeof i1.ClickOutsideDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/components/forms/components/select/components/combobox/private/combobox.private.errors.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType } from '@angular/cdk/overlay';
+import { AnimatedOverlayComponentBase } from '@ethlete/core';
+export declare const COMBOBOX_ERRORS: {
+    readonly options_object_mismatch: "Expected options to be an array of objects. This is due to \"bindLabel\" and \"bindValue\" being set.";
+    readonly options_primitive_mismatch: "Expected options to be an array of primitives. This is due to \"bindLabel\" and \"bindValue\" not being set or \"allowCustomValues\" being set to true.";
+    readonly body_unset: "Combobox body component is not set";
+    readonly init_val_primitive_mismatch: "Combobox options are a primitive array, but the supplied \"initialValue\" is not a primitive";
+    readonly init_val_object_mismatch: "Combobox options are an object array, but the supplied \"initialValue\" is not an object";
+};
+export declare const comboboxError: (code: keyof typeof COMBOBOX_ERRORS, devOnly: boolean, data?: unknown) => never;
+export declare function assetComboboxBodyComponentSet(component: ComponentType<AnimatedOverlayComponentBase> | null): asserts component is ComponentType<AnimatedOverlayComponentBase>;

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

@@ -0,0 +1,26 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
+export declare const ComboboxOptionType: {
+    readonly Primitive: "primitive";
+    readonly Object: "object";
+};
+export interface KeyHandlerResult {
+    setFilter?: string;
+    overlayOperation?: 'open' | 'close';
+    optionAction?: {
+        type: 'add';
+        option: unknown;
+    } | {
+        type: 'remove';
+        option: unknown;
+    } | {
+        type: 'toggle';
+        option: unknown;
+    } | 'clear' | 'toggleAll';
+}
+export type TemplateRefWithOption = TemplateRef<{
+    option: unknown;
+}>;
+export type ComponentWithOption = ComponentType<{
+    option: any;
+}>;

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

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

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

@@ -1,6 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { TypedQueryList } from '@ethlete/core';
-import { Primitive } from '../../../../../../types';
+import { Primitive, TypedQueryList } from '@ethlete/core';
 import { InputDirective } from '../../../../directives';
 import { SelectionListOptionDirective } from '../selection-list-option';
 import * as i0 from "@angular/core";

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

@@ -1,5 +1,5 @@
 import { ElementRef, InjectionToken } from '@angular/core';
-import { Primitive } from '../../../../../../types';
+import { Primitive } from '@ethlete/core';
 import { InputDirective } from '../../../../directives';
 import * as i0 from "@angular/core";
 export declare const SELECTION_LIST_OPTION: InjectionToken<SelectionListOptionDirective>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/cdk",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "exports": {
     ".": {
       "css": "./src/lib/styles/index.css",
@@ -19,8 +19,8 @@
   "peerDependencies": {
     "@angular/common": "^15.2.1 || ^16.0.0",
     "@angular/core": "^15.2.1 || ^16.0.0",
-    "@ethlete/core": "3.1.0",
-    "@angular/animations": "16.2.0",
+    "@ethlete/core": "3.2.0",
+    "@angular/animations": "16.2.1",
     "@ethlete/query": "4.9.2"
   },
   "module": "fesm2022/ethlete-cdk.mjs",

package/esm2022/lib/types/value.types.mjs

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

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

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