@ethlete/cdk 3.6.0 → 3.7.0

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

@@ -2,5 +2,5 @@ import { InputPrefixDirective, InputSuffixDirective } from '../../../../directiv
 import { LabelComponent } from '../../../label';
 import { SelectFieldComponent } from '../select-field';
 import { ComboboxComponent } from './components';
-import { ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective } from './directives';
-export declare const ComboboxImports: readonly [typeof ComboboxComponent, typeof SelectFieldComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof LabelComponent, typeof ComboboxOptionTemplateDirective, typeof ComboboxSelectedOptionTemplateDirective];
+import { ComboboxBodyEmptyTemplateDirective, ComboboxBodyErrorTemplateDirective, ComboboxBodyLoadingTemplateDirective, ComboboxOptionTemplateDirective, ComboboxSelectedOptionTemplateDirective } from './directives';
+export declare const ComboboxImports: readonly [typeof ComboboxComponent, typeof SelectFieldComponent, typeof InputPrefixDirective, typeof InputSuffixDirective, typeof LabelComponent, typeof ComboboxOptionTemplateDirective, typeof ComboboxSelectedOptionTemplateDirective, typeof ComboboxBodyErrorTemplateDirective, typeof ComboboxBodyLoadingTemplateDirective, typeof ComboboxBodyEmptyTemplateDirective];

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: { "placeholder": "placeholder"; }; 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"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {}, {}, never, ["[etInputPrefix]", "[etInputSuffix]", "*"], true, [{ directive: typeof i1.AnimatedOverlayDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.InputDirective; inputs: { "placeholder": "placeholder"; }; 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"; "bodyErrorComponent": "bodyErrorComponent"; "bodyLoadingComponent": "bodyLoadingComponent"; "bodyEmptyComponent": "bodyEmptyComponent"; }; outputs: { "filterChange": "filterChange"; }; }]>;
 }

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

@@ -1,8 +1,8 @@
 import { ComponentType } from '@angular/cdk/overlay';
-import { ElementRef, EventEmitter, InjectionToken, OnInit, TrackByFunction } from '@angular/core';
+import { ElementRef, EventEmitter, InjectionToken, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
 import { AnimatedOverlayComponentBase, SelectionModel, SelectionModelBinding, TypedQueryList } from '@ethlete/core';
 import { BehaviorSubject } from 'rxjs';
-import { ComponentWithOption, TemplateRefWithOption } from '../../private';
+import { ComponentWithError, ComponentWithOption, TemplateRefWithError, TemplateRefWithOption } from '../../private';
 import * as i0 from "@angular/core";
 export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxDirective>;
 export type AbstractComboboxBody = AnimatedOverlayComponentBase & {
@@ -49,6 +49,15 @@ export declare class ComboboxDirective implements OnInit {
     get selectedOptionComponent(): ComponentWithOption | null;
     set selectedOptionComponent(component: ComponentWithOption | null);
     private readonly _selectedOptionComponent$;
+    get bodyErrorComponent(): ComponentWithError | null;
+    set bodyErrorComponent(value: ComponentWithError | null);
+    private _bodyErrorComponent$;
+    get bodyLoadingComponent(): ComponentType<unknown> | null;
+    set bodyLoadingComponent(value: ComponentType<unknown> | null);
+    private _bodyLoadingComponent$;
+    get bodyEmptyComponent(): ComponentType<unknown> | null;
+    set bodyEmptyComponent(value: ComponentType<unknown> | null);
+    private _bodyEmptyComponent$;
     protected readonly filterChange: EventEmitter<string>;
     private _shouldIgnoreNextBlurEvent;
     private _deletedSearchWithKeyPress;
@@ -68,12 +77,24 @@ export declare class ComboboxDirective implements OnInit {
     private readonly _optionTemplate$;
     set selectedOptionTemplate(value: TemplateRefWithOption | undefined);
     private readonly _selectedOptionTemplate$;
+    set bodyLoadingTemplate(value: TemplateRef<unknown> | undefined);
+    private readonly _bodyLoadingTemplate$;
+    set bodyErrorTemplate(value: TemplateRefWithError | undefined);
+    private readonly _bodyErrorTemplate$;
+    set bodyEmptyTemplate(value: TemplateRef<unknown> | undefined);
+    private readonly _bodyEmptyTemplate$;
     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>;
+    readonly customBodyLoadingTpl$: import("rxjs").Observable<TemplateRef<unknown> | null>;
+    readonly customBodyLoadingComponent$: import("rxjs").Observable<ComponentType<unknown> | null>;
+    readonly customBodyErrorTpl$: import("rxjs").Observable<TemplateRefWithError | null>;
+    readonly customBodyErrorComponent$: import("rxjs").Observable<ComponentWithError | null>;
+    readonly customBodyEmptyTpl$: import("rxjs").Observable<TemplateRef<unknown> | null>;
+    readonly customBodyEmptyComponent$: import("rxjs").Observable<ComponentType<unknown> | null>;
     constructor();
     ngOnInit(): void;
     setBodyComponent(component: ComponentType<AbstractComboboxBody>): void;
@@ -100,5 +121,5 @@ export declare class ComboboxDirective implements OnInit {
     private _debugValidateComboboxConfig;
     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; }; "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>;
+    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; }; "bodyErrorComponent": { "alias": "bodyErrorComponent"; "required": false; }; "bodyLoadingComponent": { "alias": "bodyLoadingComponent"; "required": false; }; "bodyEmptyComponent": { "alias": "bodyEmptyComponent"; "required": false; }; }, { "filterChange": "filterChange"; }, ["optionTemplate", "selectedOptionTemplate", "bodyLoadingTemplate", "bodyErrorTemplate", "bodyEmptyTemplate"], never, true, never>;
 }

package/lib/components/forms/components/select/components/combobox/directives/combobox-body-empty-template/combobox-body-empty-template.directive.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN: InjectionToken<ComboboxBodyEmptyTemplateDirective>;
+export declare class ComboboxBodyEmptyTemplateDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyEmptyTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxBodyEmptyTemplateDirective, "ng-template[etComboboxBodyEmptyTemplate]", ["etComboboxBodyEmptyTemplate"], {}, {}, never, never, true, never>;
+}

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

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

package/lib/components/forms/components/select/components/combobox/directives/combobox-body-empty-template/public-api.d.ts

@@ -0,0 +1 @@
+export * from './combobox-body-empty-template.directive';

package/lib/components/forms/components/select/components/combobox/directives/combobox-body-error-template/combobox-body-error-template.directive.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN: InjectionToken<ComboboxBodyErrorTemplateDirective>;
+export declare class ComboboxBodyErrorTemplateDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyErrorTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxBodyErrorTemplateDirective, "ng-template[etComboboxBodyErrorTemplate]", ["etComboboxBodyErrorTemplate"], {}, {}, never, never, true, never>;
+}

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

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

package/lib/components/forms/components/select/components/combobox/directives/combobox-body-error-template/public-api.d.ts

@@ -0,0 +1 @@
+export * from './combobox-body-error-template.directive';

package/lib/components/forms/components/select/components/combobox/directives/combobox-body-loading-template/combobox-body-loading-template.directive.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN: InjectionToken<ComboboxBodyLoadingTemplateDirective>;
+export declare class ComboboxBodyLoadingTemplateDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxBodyLoadingTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxBodyLoadingTemplateDirective, "ng-template[etComboboxBodyLoadingTemplate]", ["etComboboxBodyLoadingTemplate"], {}, {}, never, never, true, never>;
+}

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

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

package/lib/components/forms/components/select/components/combobox/directives/combobox-body-loading-template/public-api.d.ts

@@ -0,0 +1 @@
+export * from './combobox-body-loading-template.directive';

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

@@ -1,3 +1,6 @@
+export * from './combobox-body-empty-template/public-api';
+export * from './combobox-body-error-template/public-api';
+export * from './combobox-body-loading-template/public-api';
 export * from './combobox-option-template/public-api';
 export * from './combobox-selected-option-template/public-api';
 export * from './combobox/public-api';

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

@@ -24,3 +24,9 @@ export type TemplateRefWithOption = TemplateRef<{
 export type ComponentWithOption = ComponentType<{
     option: any;
 }>;
+export type TemplateRefWithError = TemplateRef<{
+    error: unknown;
+}>;
+export type ComponentWithError = ComponentType<{
+    error: any;
+}>;

package/package.json

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