@ethlete/cdk 3.3.1 → 3.5.0

package/lib/components/button/components/query-button/query-button.component.d.ts

@@ -5,5 +5,5 @@ import * as i2 from "../../directives/button/button.directive";
 export declare class QueryButtonComponent {
     protected queryButton: QueryButtonDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<QueryButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<QueryButtonComponent, "[et-query-button]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.QueryButtonDirective; inputs: { "query": "query"; }; outputs: {}; }, { directive: typeof i2.ButtonDirective; inputs: { "disabled": "disabled"; "type": "type"; "pressed": "pressed"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QueryButtonComponent, "[et-query-button]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.QueryButtonDirective; inputs: { "query": "query"; "skipSuccess": "skipSuccess"; "skipFailure": "skipFailure"; "skipLoading": "skipLoading"; }; outputs: {}; }, { directive: typeof i2.ButtonDirective; inputs: { "disabled": "disabled"; "type": "type"; "pressed": "pressed"; }; outputs: {}; }]>;
 }

package/lib/components/button/directives/query-button/query-button.directive.d.ts

@@ -10,6 +10,15 @@ export declare class QueryButtonDirective {
     readonly showFailure$: BehaviorSubject<boolean>;
     readonly didLoadOnce$: BehaviorSubject<boolean>;
     readonly isLoading$: BehaviorSubject<boolean>;
+    get skipSuccess(): boolean;
+    set skipSuccess(value: boolean);
+    private _skipSuccess;
+    get skipFailure(): boolean;
+    set skipFailure(value: boolean);
+    private _skipFailure;
+    get skipLoading(): boolean;
+    set skipLoading(value: boolean);
+    private _skipLoading;
     get query(): AnyQuery | AnyQueryCollection | null;
     set query(v: AnyQuery | AnyQueryCollection | null);
     get query$(): import("rxjs").Observable<AnyQuery | {
@@ -20,5 +29,8 @@ export declare class QueryButtonDirective {
     private readonly _bindings;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<QueryButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<QueryButtonDirective, never, ["etQueryButton"], { "query": { "alias": "query"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QueryButtonDirective, never, ["etQueryButton"], { "skipSuccess": { "alias": "skipSuccess"; "required": false; }; "skipFailure": { "alias": "skipFailure"; "required": false; }; "skipLoading": { "alias": "skipLoading"; "required": false; }; "query": { "alias": "query"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_skipSuccess: unknown;
+    static ngAcceptInputType_skipFailure: unknown;
+    static ngAcceptInputType_skipLoading: unknown;
 }

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

@@ -1,76 +1,12 @@
-import { EventEmitter, InjectionToken, OnInit, TemplateRef } from '@angular/core';
 import { DecoratedInputBase } from '../../../../../../utils';
+import { ComboboxDirective } from '../../directives';
 import * as i0 from "@angular/core";
-import * as i1 from "../../../../../../directives/input/input.directive";
-import * as i2 from "@ethlete/core";
-export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxComponent>;
-type TemplateRefWithOption = TemplateRef<{
-    option: unknown;
-}>;
-export declare class ComboboxComponent extends DecoratedInputBase implements OnInit {
-    private readonly _input;
-    private readonly _animatedOverlay;
-    private readonly _selectField;
-    get options(): unknown[];
-    set options(value: unknown[]);
-    set initialValue(value: unknown);
-    get filterInternal(): boolean;
-    set filterInternal(value: unknown);
-    private _filterInternal$;
-    get loading(): boolean;
-    set loading(value: unknown);
-    private _loading$;
-    readonly loading$: import("rxjs").Observable<boolean>;
-    get error(): unknown;
-    set error(value: unknown);
-    private _error$;
-    emptyText: string;
-    get placeholder(): string | null;
-    set placeholder(value: string | null);
-    private _placeholder$;
-    set multiple(value: unknown);
-    set bindLabel(value: string | null);
-    set bindValue(value: string | null);
-    get allowCustomValues(): boolean;
-    set allowCustomValues(value: unknown);
-    private _allowCustomValues$;
-    protected readonly filterChange: EventEmitter<string>;
-    private get _currentFilter();
-    private readonly _currentFilter$;
-    private get _isOpen();
-    private readonly _isOpen$;
-    private readonly _selectionModel;
-    private readonly _activeSelectionModel;
-    readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
-    readonly multiple$: import("rxjs").Observable<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$;
-    readonly customOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
-    readonly customSelectedOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
+import * as i1 from "@ethlete/core";
+import * as i2 from "../../../../../../directives/input/input.directive";
+import * as i3 from "../../directives/combobox/combobox.directive";
+export declare class ComboboxComponent extends DecoratedInputBase {
+    protected readonly combobox: ComboboxDirective;
     constructor();
-    ngOnInit(): void;
-    getOptionLabel(option: unknown): import("rxjs").Observable<unknown>;
-    getOptionValue(option: unknown): import("rxjs").Observable<unknown>;
-    removeSelectedOption(option: unknown): void;
-    open(): void;
-    close(): void;
-    selectInputAndOpen(): void;
-    writeValueFromOption(option: unknown): void;
-    isOptionSelected(option: unknown): import("rxjs").Observable<boolean>;
-    isOptionActive(option: unknown): import("rxjs").Observable<boolean>;
-    protected processKeydownEvent(event: KeyboardEvent): void;
-    protected processInputEvent(event: Event): void;
-    protected handleBlurEvent(): void;
-    private _initDispatchFilterChanges;
-    private _updateFilter;
-    private _setFilterFromInputValue;
-    private _interpretKeyHandlerResult;
-    private _debugValidateComboboxConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", 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"], ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.InputDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.AnimatedOverlayDirective; inputs: {}; outputs: {}; }]>;
+    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"; }; }]>;
 }
-export {};

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

@@ -1,7 +1,87 @@
-import { InjectionToken } from '@angular/core';
+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 * as i0 from "@angular/core";
-export declare const COMBOBOX_DIR_TOKEN: InjectionToken<ComboboxDirective>;
-export declare class ComboboxDirective {
+export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxDirective>;
+export declare class ComboboxDirective implements OnInit {
+    private readonly _destroy$;
+    private readonly _input;
+    private readonly _animatedOverlay;
+    get options(): unknown[];
+    set options(value: unknown[]);
+    set initialValue(value: unknown);
+    private _initialValue$;
+    get filterInternal(): boolean;
+    set filterInternal(value: unknown);
+    private _filterInternal$;
+    get loading(): boolean;
+    set loading(value: unknown);
+    private _loading$;
+    readonly loading$: import("rxjs").Observable<boolean>;
+    get error(): unknown;
+    set error(value: unknown);
+    private _error$;
+    emptyText: string;
+    get placeholder(): string | null;
+    set placeholder(value: string | null);
+    private _placeholder$;
+    set multiple(value: unknown);
+    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$;
+    readonly _selectionModel: SelectionModel<unknown>;
+    private readonly _activeSelectionModel;
+    readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
+    readonly multiple$: import("rxjs").Observable<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$;
+    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;
+    getOptionLabel(option: unknown): import("rxjs").Observable<unknown>;
+    getOptionValue(option: unknown): import("rxjs").Observable<unknown>;
+    removeSelectedOption(option: unknown): void;
+    open(): void;
+    close(): void;
+    selectInputAndOpen(): void;
+    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;
+    private _initDispatchFilterChanges;
+    private _updateFilter;
+    private _setFilterFromInputValue;
+    private _interpretKeyHandlerResult;
+    private _debugValidateComboboxConfig;
+    private _debugValidateOptionAndInitialValueSchema;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxDirective, never, never, {}, {}, never, 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>;
 }

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

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

package/lib/components/forms/components/select/components/combobox/directives/combobox-selected-option-template/index.d.ts

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

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";
@@ -6,11 +6,12 @@ export declare const COMBOBOX_BODY_TOKEN: InjectionToken<ComboboxBodyComponent>;
 export declare class ComboboxBodyComponent implements OnInit {
     private readonly _destroy$;
     private readonly _clickOutside;
-    protected readonly combobox: import("../../components").ComboboxComponent;
+    protected readonly combobox: import("../../directives").ComboboxDirective;
     readonly _animatedLifecycle?: AnimatedLifecycleDirective;
     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/partials/combobox-option/combobox-option.component.d.ts

@@ -2,7 +2,7 @@ import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const COMBOBOX_OPTION_TOKEN: InjectionToken<ComboboxOptionComponent>;
 export declare class ComboboxOptionComponent {
-    protected readonly combobox: import("../../components").ComboboxComponent;
+    protected readonly combobox: import("../../directives").ComboboxDirective;
     get option(): unknown;
     set option(value: unknown);
     private _option$;

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.3.1",
+  "version": "3.5.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.1.0",
-    "@angular/animations": "16.2.0",
-    "@ethlete/query": "4.9.1"
+    "@ethlete/core": "3.2.0",
+    "@angular/animations": "16.2.1",
+    "@ethlete/query": "4.9.2"
   },
   "module": "fesm2022/ethlete-cdk.mjs",
   "typings": "index.d.ts",

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>;