@ngbase/adk 0.1.20 → 0.1.21
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/fesm2022/ngbase-adk-form-field.mjs +2 -2
- package/fesm2022/ngbase-adk-form-field.mjs.map +1 -1
- package/fesm2022/ngbase-adk-portal.mjs +1 -1
- package/fesm2022/ngbase-adk-portal.mjs.map +1 -1
- package/fesm2022/ngbase-adk-resizable.mjs +30 -122
- package/fesm2022/ngbase-adk-resizable.mjs.map +1 -1
- package/fesm2022/ngbase-adk-select.mjs +213 -70
- package/fesm2022/ngbase-adk-select.mjs.map +1 -1
- package/fesm2022/ngbase-adk-virtualizer.mjs +6 -3
- package/fesm2022/ngbase-adk-virtualizer.mjs.map +1 -1
- package/package.json +1 -1
- package/schematics/components/files/pagination/pagination.ts.template +2 -2
- package/schematics/components/files/select/select.ts.template +92 -15
- package/schematics/components/files/switch/switch.ts.template +1 -1
- package/types/ngbase-adk-form-field.d.ts +1 -1
- package/types/ngbase-adk-portal.d.ts +0 -1
- package/types/ngbase-adk-resizable.d.ts +3 -3
- package/types/ngbase-adk-select.d.ts +27 -6
- package/types/ngbase-adk-virtualizer.d.ts +3 -2
|
@@ -44,7 +44,10 @@ declare abstract class SelectBase<T> implements FormValueControl<T | T[]>, OnDes
|
|
|
44
44
|
readonly el: ElementRef<any>;
|
|
45
45
|
readonly dir: Directionality;
|
|
46
46
|
readonly target: NgbSelectTarget | null;
|
|
47
|
-
|
|
47
|
+
private readonly registered;
|
|
48
|
+
readonly list: _angular_core.Signal<NgbOption<any>[]>;
|
|
49
|
+
registerOption(option: NgbOption<any>): void;
|
|
50
|
+
unregisterOption(option: NgbOption<any>): void;
|
|
48
51
|
readonly popover: {
|
|
49
52
|
open: <T_1>(component: _ngbase_adk_portal.DialogInput<T_1>, options: PopoverOptions) => _ngbase_adk_popover.PopoverOpen<T_1>;
|
|
50
53
|
closeAll: () => void;
|
|
@@ -55,6 +58,7 @@ declare abstract class SelectBase<T> implements FormValueControl<T | T[]>, OnDes
|
|
|
55
58
|
readonly value: _angular_core.ModelSignal<any>;
|
|
56
59
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
57
60
|
readonly touched: _angular_core.ModelSignal<boolean>;
|
|
61
|
+
readonly labelFn: _angular_core.InputSignal<((value: any) => string) | undefined>;
|
|
58
62
|
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
59
63
|
readonly noAutoClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
60
64
|
readonly options: _angular_core.InputSignal<T[]>;
|
|
@@ -70,6 +74,7 @@ declare abstract class SelectBase<T> implements FormValueControl<T | T[]>, OnDes
|
|
|
70
74
|
private previousValue;
|
|
71
75
|
events: Subject<"open" | "close">;
|
|
72
76
|
readonly ayId: string;
|
|
77
|
+
readonly labelCache: _angular_core.WritableSignal<Map<any, string>>;
|
|
73
78
|
readonly cValue: _angular_core.Signal<string>;
|
|
74
79
|
private withInPopup;
|
|
75
80
|
protected constructor(isSelect: boolean);
|
|
@@ -80,14 +85,21 @@ declare abstract class SelectBase<T> implements FormValueControl<T | T[]>, OnDes
|
|
|
80
85
|
private afterClose;
|
|
81
86
|
private clickHandler;
|
|
82
87
|
private focusOut;
|
|
83
|
-
|
|
88
|
+
setValue(values: T[], skip?: boolean): void;
|
|
84
89
|
removeValue(value: T): void;
|
|
85
90
|
private updateValues;
|
|
86
91
|
ngOnDestroy(): void;
|
|
87
92
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectBase<any>, never>;
|
|
88
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectBase<any>, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "noAutoClose": { "alias": "noAutoClose"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "opened": "opened"; "closed": "closed"; },
|
|
93
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectBase<any>, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "labelFn": { "alias": "labelFn"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "noAutoClose": { "alias": "noAutoClose"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
|
|
89
94
|
}
|
|
90
95
|
|
|
96
|
+
interface VirtualSelectItem<T> {
|
|
97
|
+
type: 'option' | 'group-header';
|
|
98
|
+
value?: T;
|
|
99
|
+
label?: string;
|
|
100
|
+
}
|
|
101
|
+
declare function flattenForVirtualScroll<T>(items: T[], groupKey?: string, groupLabelKey?: string): VirtualSelectItem<T>[];
|
|
102
|
+
|
|
91
103
|
interface OptionContext<T> {
|
|
92
104
|
$implicit: T;
|
|
93
105
|
index: number;
|
|
@@ -114,14 +126,23 @@ declare class NgbSelect<T> extends SelectBase<T> {
|
|
|
114
126
|
readonly search: _angular_core.ModelSignal<string>;
|
|
115
127
|
readonly filterFn: _angular_core.InputSignal<(option: T) => string>;
|
|
116
128
|
readonly filterOptions: _angular_core.InputSignal<FilterOptions<T> | undefined>;
|
|
129
|
+
readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
130
|
+
readonly itemSize: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
131
|
+
readonly groupKey: _angular_core.InputSignal<string | undefined>;
|
|
132
|
+
readonly groupLabelKey: _angular_core.InputSignal<string | undefined>;
|
|
117
133
|
readonly optionsFilter: {
|
|
118
134
|
search: _angular_core.WritableSignal<string>;
|
|
119
135
|
list: _angular_core.WritableSignal<T[]>;
|
|
120
136
|
filteredList: _angular_core.Signal<T[]>;
|
|
121
137
|
};
|
|
138
|
+
readonly virtualItems: _angular_core.Signal<VirtualSelectItem<T>[]>;
|
|
139
|
+
readonly focusedVirtualIndex: _angular_core.WritableSignal<number>;
|
|
140
|
+
readonly scrollToIndexFn: _angular_core.WritableSignal<((index: number) => void) | null>;
|
|
122
141
|
constructor();
|
|
142
|
+
handleVirtualKeydown(event: KeyboardEvent): void;
|
|
143
|
+
private selectVirtualItem;
|
|
123
144
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgbSelect<any>, never>;
|
|
124
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbSelect<any>, "[ngbSelect]", never, { "search": { "alias": "search"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; }, ["optionTemplate"], never, true, never>;
|
|
145
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgbSelect<any>, "[ngbSelect]", never, { "search": { "alias": "search"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "groupKey": { "alias": "groupKey"; "required": false; "isSignal": true; }; "groupLabelKey": { "alias": "groupLabelKey"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; }, ["optionTemplate"], never, true, never>;
|
|
125
146
|
}
|
|
126
147
|
declare function aliasSelect(select: typeof NgbSelect): {
|
|
127
148
|
provide: typeof SelectBase;
|
|
@@ -159,5 +180,5 @@ declare class ListSelection<T> extends SelectBase<T> {
|
|
|
159
180
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ListSelection<any>, "[ngbListSelection]", never, {}, {}, never, never, true, never>;
|
|
160
181
|
}
|
|
161
182
|
|
|
162
|
-
export { ListSelection, NgbOption, NgbOptionGroup, NgbSelect, NgbSelectInput, NgbSelectOption, NgbSelectOptionGroup, NgbSelectTarget, NgbSelectTrigger, SelectBase, SelectValue, aliasSelect };
|
|
163
|
-
export type { OptionContext };
|
|
183
|
+
export { ListSelection, NgbOption, NgbOptionGroup, NgbSelect, NgbSelectInput, NgbSelectOption, NgbSelectOptionGroup, NgbSelectTarget, NgbSelectTrigger, SelectBase, SelectValue, aliasSelect, flattenForVirtualScroll };
|
|
184
|
+
export type { OptionContext, VirtualSelectItem };
|
|
@@ -22,7 +22,8 @@ declare class Virtualizer<T> {
|
|
|
22
22
|
readonly itemSize: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
23
23
|
readonly buffer: _angular_core.InputSignal<number>;
|
|
24
24
|
readonly orientation: _angular_core.InputSignal<Orientation>;
|
|
25
|
-
|
|
25
|
+
readonly handleKeys: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
26
|
+
readonly scrollPosition: _angular_core.WritableSignal<number>;
|
|
26
27
|
private readonly containerSize;
|
|
27
28
|
readonly items: _angular_core.Signal<T[]>;
|
|
28
29
|
private readonly totalItems;
|
|
@@ -38,7 +39,7 @@ declare class Virtualizer<T> {
|
|
|
38
39
|
scrollToIndex(index: number, behavior?: ScrollBehavior): void;
|
|
39
40
|
private updateContainerSize;
|
|
40
41
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Virtualizer<any>, never>;
|
|
41
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Virtualizer<any>, "ngb-virtualizer, [ngbVirtualizer]", never, { "itemSize": { "alias": "itemSize"; "required": true; "isSignal": true; }; "buffer": { "alias": "buffer"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, ["virtualFor"], never, true, never>;
|
|
42
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Virtualizer<any>, "ngb-virtualizer, [ngbVirtualizer]", never, { "itemSize": { "alias": "itemSize"; "required": true; "isSignal": true; }; "buffer": { "alias": "buffer"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "handleKeys": { "alias": "handleKeys"; "required": false; "isSignal": true; }; }, {}, ["virtualFor"], never, true, never>;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
export { VirtualFor, Virtualizer };
|