@ethlete/cdk 3.3.0 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/esm2022/lib/components/button/components/query-button/query-button.component.mjs +4 -4
- package/esm2022/lib/components/button/directives/query-button/query-button.directive.mjs +37 -7
- package/esm2022/lib/components/forms/components/select/components/combobox/components/combobox/combobox.component.mjs +33 -470
- package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox/combobox.directive.mjs +466 -8
- package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-option-template/index.mjs +2 -0
- package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-selected-option-template/index.mjs +2 -0
- package/esm2022/lib/components/forms/components/select/components/combobox/partials/combobox-body/combobox-body.component.mjs +2 -2
- package/esm2022/lib/components/forms/components/select/components/combobox/partials/combobox-option/combobox-option.component.mjs +2 -2
- package/esm2022/lib/components/forms/components/selection-list/directives/selection-list-option/selection-list-option.directive.mjs +1 -2
- package/esm2022/lib/components/overlay/components/bottom-sheet/partials/bottom-sheet-drag-handle/bottom-sheet-drag-handle.component.mjs +14 -5
- package/fesm2022/ethlete-cdk.mjs +256 -201
- package/fesm2022/ethlete-cdk.mjs.map +1 -1
- package/lib/components/button/components/query-button/query-button.component.d.ts +1 -1
- package/lib/components/button/directives/query-button/query-button.directive.d.ts +13 -1
- package/lib/components/forms/components/select/components/combobox/components/combobox/combobox.component.d.ts +7 -71
- package/lib/components/forms/components/select/components/combobox/directives/combobox/combobox.directive.d.ts +76 -4
- package/lib/components/forms/components/select/components/combobox/directives/combobox-option-template/index.d.ts +1 -0
- package/lib/components/forms/components/select/components/combobox/directives/combobox-selected-option-template/index.d.ts +1 -0
- package/lib/components/forms/components/select/components/combobox/partials/combobox-body/combobox-body.component.d.ts +1 -1
- package/lib/components/forms/components/select/components/combobox/partials/combobox-option/combobox-option.component.d.ts +1 -1
- package/lib/components/overlay/components/bottom-sheet/partials/bottom-sheet-drag-handle/bottom-sheet-drag-handle.component.d.ts +1 -1
- package/package.json +2 -2
|
@@ -5,5 +5,5 @@ import * as i2 from "../../directives/button/button.directive";
|
|
|
5
5
|
export declare class QueryButtonComponent {
|
|
6
6
|
protected queryButton: QueryButtonDirective;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<QueryButtonComponent, never>;
|
|
8
|
-
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: {}; }]>;
|
|
8
|
+
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: {}; }]>;
|
|
9
9
|
}
|
|
@@ -10,6 +10,15 @@ export declare class QueryButtonDirective {
|
|
|
10
10
|
readonly showFailure$: BehaviorSubject<boolean>;
|
|
11
11
|
readonly didLoadOnce$: BehaviorSubject<boolean>;
|
|
12
12
|
readonly isLoading$: BehaviorSubject<boolean>;
|
|
13
|
+
get skipSuccess(): boolean;
|
|
14
|
+
set skipSuccess(value: boolean);
|
|
15
|
+
private _skipSuccess;
|
|
16
|
+
get skipFailure(): boolean;
|
|
17
|
+
set skipFailure(value: boolean);
|
|
18
|
+
private _skipFailure;
|
|
19
|
+
get skipLoading(): boolean;
|
|
20
|
+
set skipLoading(value: boolean);
|
|
21
|
+
private _skipLoading;
|
|
13
22
|
get query(): AnyQuery | AnyQueryCollection | null;
|
|
14
23
|
set query(v: AnyQuery | AnyQueryCollection | null);
|
|
15
24
|
get query$(): import("rxjs").Observable<AnyQuery | {
|
|
@@ -20,5 +29,8 @@ export declare class QueryButtonDirective {
|
|
|
20
29
|
private readonly _bindings;
|
|
21
30
|
constructor();
|
|
22
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<QueryButtonDirective, never>;
|
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<QueryButtonDirective, never, ["etQueryButton"], { "query": { "alias": "query"; "required": false; }; }, {}, never, never, true, never>;
|
|
32
|
+
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>;
|
|
33
|
+
static ngAcceptInputType_skipSuccess: unknown;
|
|
34
|
+
static ngAcceptInputType_skipFailure: unknown;
|
|
35
|
+
static ngAcceptInputType_skipLoading: unknown;
|
|
24
36
|
}
|
|
@@ -1,76 +1,12 @@
|
|
|
1
|
-
import { EventEmitter, InjectionToken, OnInit, TemplateRef } from '@angular/core';
|
|
2
1
|
import { DecoratedInputBase } from '../../../../../../utils';
|
|
2
|
+
import { ComboboxDirective } from '../../directives';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}>;
|
|
10
|
-
export declare class ComboboxComponent extends DecoratedInputBase implements OnInit {
|
|
11
|
-
private readonly _input;
|
|
12
|
-
private readonly _animatedOverlay;
|
|
13
|
-
private readonly _selectField;
|
|
14
|
-
get options(): unknown[];
|
|
15
|
-
set options(value: unknown[]);
|
|
16
|
-
set initialValue(value: unknown);
|
|
17
|
-
get filterInternal(): boolean;
|
|
18
|
-
set filterInternal(value: unknown);
|
|
19
|
-
private _filterInternal$;
|
|
20
|
-
get loading(): boolean;
|
|
21
|
-
set loading(value: unknown);
|
|
22
|
-
private _loading$;
|
|
23
|
-
readonly loading$: import("rxjs").Observable<boolean>;
|
|
24
|
-
get error(): unknown;
|
|
25
|
-
set error(value: unknown);
|
|
26
|
-
private _error$;
|
|
27
|
-
emptyText: string;
|
|
28
|
-
get placeholder(): string | null;
|
|
29
|
-
set placeholder(value: string | null);
|
|
30
|
-
private _placeholder$;
|
|
31
|
-
set multiple(value: unknown);
|
|
32
|
-
set bindLabel(value: string | null);
|
|
33
|
-
set bindValue(value: string | null);
|
|
34
|
-
get allowCustomValues(): boolean;
|
|
35
|
-
set allowCustomValues(value: unknown);
|
|
36
|
-
private _allowCustomValues$;
|
|
37
|
-
protected readonly filterChange: EventEmitter<string>;
|
|
38
|
-
private get _currentFilter();
|
|
39
|
-
private readonly _currentFilter$;
|
|
40
|
-
private get _isOpen();
|
|
41
|
-
private readonly _isOpen$;
|
|
42
|
-
private readonly _selectionModel;
|
|
43
|
-
private readonly _activeSelectionModel;
|
|
44
|
-
readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
|
|
45
|
-
readonly multiple$: import("rxjs").Observable<boolean>;
|
|
46
|
-
readonly options$: import("rxjs").Observable<unknown[]>;
|
|
47
|
-
readonly rawOptions$: import("rxjs").Observable<unknown[]>;
|
|
48
|
-
set optionTemplate(value: TemplateRefWithOption | undefined);
|
|
49
|
-
private readonly _optionTemplate$;
|
|
50
|
-
set selectedOptionTemplate(value: TemplateRefWithOption | undefined);
|
|
51
|
-
private readonly _selectedOptionTemplate$;
|
|
52
|
-
readonly customOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
|
|
53
|
-
readonly customSelectedOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
|
|
4
|
+
import * as i1 from "@ethlete/core";
|
|
5
|
+
import * as i2 from "../../../../../../directives/input/input.directive";
|
|
6
|
+
import * as i3 from "../../directives/combobox/combobox.directive";
|
|
7
|
+
export declare class ComboboxComponent extends DecoratedInputBase {
|
|
8
|
+
protected readonly combobox: ComboboxDirective;
|
|
54
9
|
constructor();
|
|
55
|
-
ngOnInit(): void;
|
|
56
|
-
getOptionLabel(option: unknown): import("rxjs").Observable<unknown>;
|
|
57
|
-
getOptionValue(option: unknown): import("rxjs").Observable<unknown>;
|
|
58
|
-
removeSelectedOption(option: unknown): void;
|
|
59
|
-
open(): void;
|
|
60
|
-
close(): void;
|
|
61
|
-
selectInputAndOpen(): void;
|
|
62
|
-
writeValueFromOption(option: unknown): void;
|
|
63
|
-
isOptionSelected(option: unknown): import("rxjs").Observable<boolean>;
|
|
64
|
-
isOptionActive(option: unknown): import("rxjs").Observable<boolean>;
|
|
65
|
-
protected processKeydownEvent(event: KeyboardEvent): void;
|
|
66
|
-
protected processInputEvent(event: Event): void;
|
|
67
|
-
protected handleBlurEvent(): void;
|
|
68
|
-
private _initDispatchFilterChanges;
|
|
69
|
-
private _updateFilter;
|
|
70
|
-
private _setFilterFromInputValue;
|
|
71
|
-
private _interpretKeyHandlerResult;
|
|
72
|
-
private _debugValidateComboboxConfig;
|
|
73
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
|
|
74
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "et-combobox", never, {
|
|
11
|
+
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"; }; }]>;
|
|
75
12
|
}
|
|
76
|
-
export {};
|
|
@@ -1,7 +1,79 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComponentType } from '@angular/cdk/overlay';
|
|
2
|
+
import { EventEmitter, InjectionToken, OnInit, TemplateRef } from '@angular/core';
|
|
3
|
+
import { AnimatedOverlayComponentBase } from '@ethlete/core';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare const
|
|
4
|
-
|
|
5
|
+
export declare const COMBOBOX_TOKEN: InjectionToken<ComboboxDirective>;
|
|
6
|
+
type TemplateRefWithOption = TemplateRef<{
|
|
7
|
+
option: unknown;
|
|
8
|
+
}>;
|
|
9
|
+
export declare class ComboboxDirective implements OnInit {
|
|
10
|
+
private readonly _destroy$;
|
|
11
|
+
private readonly _input;
|
|
12
|
+
private readonly _animatedOverlay;
|
|
13
|
+
get options(): unknown[];
|
|
14
|
+
set options(value: unknown[]);
|
|
15
|
+
set initialValue(value: unknown);
|
|
16
|
+
get filterInternal(): boolean;
|
|
17
|
+
set filterInternal(value: unknown);
|
|
18
|
+
private _filterInternal$;
|
|
19
|
+
get loading(): boolean;
|
|
20
|
+
set loading(value: unknown);
|
|
21
|
+
private _loading$;
|
|
22
|
+
readonly loading$: import("rxjs").Observable<boolean>;
|
|
23
|
+
get error(): unknown;
|
|
24
|
+
set error(value: unknown);
|
|
25
|
+
private _error$;
|
|
26
|
+
emptyText: string;
|
|
27
|
+
get placeholder(): string | null;
|
|
28
|
+
set placeholder(value: string | null);
|
|
29
|
+
private _placeholder$;
|
|
30
|
+
set multiple(value: unknown);
|
|
31
|
+
set bindLabel(value: string | null);
|
|
32
|
+
set bindValue(value: string | null);
|
|
33
|
+
get allowCustomValues(): boolean;
|
|
34
|
+
set allowCustomValues(value: unknown);
|
|
35
|
+
private _allowCustomValues$;
|
|
36
|
+
protected readonly filterChange: EventEmitter<string>;
|
|
37
|
+
private get _currentFilter();
|
|
38
|
+
private readonly _currentFilter$;
|
|
39
|
+
private get _isOpen();
|
|
40
|
+
private readonly _isOpen$;
|
|
41
|
+
private readonly _selectionModel;
|
|
42
|
+
private readonly _activeSelectionModel;
|
|
43
|
+
readonly selectedOptions$: import("rxjs").Observable<unknown[]>;
|
|
44
|
+
readonly multiple$: import("rxjs").Observable<boolean>;
|
|
45
|
+
readonly options$: import("rxjs").Observable<unknown[]>;
|
|
46
|
+
readonly rawOptions$: import("rxjs").Observable<unknown[]>;
|
|
47
|
+
set optionTemplate(value: TemplateRefWithOption | undefined);
|
|
48
|
+
private readonly _optionTemplate$;
|
|
49
|
+
set selectedOptionTemplate(value: TemplateRefWithOption | undefined);
|
|
50
|
+
private readonly _selectedOptionTemplate$;
|
|
51
|
+
readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
|
|
52
|
+
private _comboboxBodyComponent;
|
|
53
|
+
readonly customOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
|
|
54
|
+
readonly customSelectedOptionTpl$: import("rxjs").Observable<TemplateRefWithOption | null>;
|
|
55
|
+
constructor();
|
|
56
|
+
ngOnInit(): void;
|
|
57
|
+
setBodyComponent(component: ComponentType<AnimatedOverlayComponentBase>): void;
|
|
58
|
+
getOptionLabel(option: unknown): import("rxjs").Observable<unknown>;
|
|
59
|
+
getOptionValue(option: unknown): import("rxjs").Observable<unknown>;
|
|
60
|
+
removeSelectedOption(option: unknown): void;
|
|
61
|
+
open(): void;
|
|
62
|
+
close(): void;
|
|
63
|
+
selectInputAndOpen(): void;
|
|
64
|
+
writeValueFromOption(option: unknown): void;
|
|
65
|
+
isOptionSelected(option: unknown): import("rxjs").Observable<boolean>;
|
|
66
|
+
isOptionActive(option: unknown): import("rxjs").Observable<boolean>;
|
|
67
|
+
_processKeydownEvent(event: KeyboardEvent): void;
|
|
68
|
+
_processInputEvent(event: Event): void;
|
|
69
|
+
_handleBlurEvent(): void;
|
|
70
|
+
private _initDispatchFilterChanges;
|
|
71
|
+
private _updateFilter;
|
|
72
|
+
private _setFilterFromInputValue;
|
|
73
|
+
private _interpretKeyHandlerResult;
|
|
74
|
+
private _debugValidateComboboxConfig;
|
|
75
|
+
private _assetBodyComponent;
|
|
5
76
|
static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxDirective, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ComboboxDirective, never, never, {}, {},
|
|
77
|
+
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>;
|
|
7
78
|
}
|
|
79
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './public-api';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './public-api';
|
|
@@ -6,7 +6,7 @@ export declare const COMBOBOX_BODY_TOKEN: InjectionToken<ComboboxBodyComponent>;
|
|
|
6
6
|
export declare class ComboboxBodyComponent implements OnInit {
|
|
7
7
|
private readonly _destroy$;
|
|
8
8
|
private readonly _clickOutside;
|
|
9
|
-
protected readonly combobox: import("../../
|
|
9
|
+
protected readonly combobox: import("../../directives").ComboboxDirective;
|
|
10
10
|
readonly _animatedLifecycle?: AnimatedLifecycleDirective;
|
|
11
11
|
readonly _bindings: import("@ethlete/core").ReactiveBindingResult;
|
|
12
12
|
_bodyTemplate: TemplateRef<unknown> | null;
|
|
@@ -2,7 +2,7 @@ import { InjectionToken } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare const COMBOBOX_OPTION_TOKEN: InjectionToken<ComboboxOptionComponent>;
|
|
4
4
|
export declare class ComboboxOptionComponent {
|
|
5
|
-
protected readonly combobox: import("../../
|
|
5
|
+
protected readonly combobox: import("../../directives").ComboboxDirective;
|
|
6
6
|
get option(): unknown;
|
|
7
7
|
set option(value: unknown);
|
|
8
8
|
private _option$;
|
|
@@ -16,7 +16,7 @@ export declare class BottomSheetDragHandleComponent implements OnInit, OnChanges
|
|
|
16
16
|
_onButtonClick(event: MouseEvent): void;
|
|
17
17
|
_onTouchStart(event: TouchEvent): void;
|
|
18
18
|
_onTouchMove(event: TouchEvent): void;
|
|
19
|
-
_onTouchEnd(): void;
|
|
19
|
+
_onTouchEnd(event: TouchEvent): void;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheetDragHandleComponent, never>;
|
|
21
21
|
static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheetDragHandleComponent, "[et-bottom-sheet-drag-handle], [etBottomSheetDragHandle]", ["etBottomSheetDragHandle"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "bottomSheetResult": { "alias": "et-bottom-sheet-drag-handle"; "required": false; }; "_etBottomSheetDragHandle": { "alias": "etBottomSheetDragHandle"; "required": false; }; }, {}, never, never, true, never>;
|
|
22
22
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ethlete/cdk",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": {
|
|
6
6
|
"css": "./src/lib/styles/index.css",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"@angular/core": "^15.2.1 || ^16.0.0",
|
|
22
22
|
"@ethlete/core": "3.1.0",
|
|
23
23
|
"@angular/animations": "16.2.0",
|
|
24
|
-
"@ethlete/query": "4.9.
|
|
24
|
+
"@ethlete/query": "4.9.2"
|
|
25
25
|
},
|
|
26
26
|
"module": "fesm2022/ethlete-cdk.mjs",
|
|
27
27
|
"typings": "index.d.ts",
|