@cqa-lib/cqa-ui 1.1.384 → 1.1.385
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/esm2020/lib/dynamic-select/dynamic-select-field.component.mjs +176 -3
- package/fesm2015/cqa-lib-cqa-ui.mjs +181 -7
- package/fesm2015/cqa-lib-cqa-ui.mjs.map +1 -1
- package/fesm2020/cqa-lib-cqa-ui.mjs +175 -2
- package/fesm2020/cqa-lib-cqa-ui.mjs.map +1 -1
- package/lib/dynamic-select/dynamic-select-field.component.d.ts +16 -0
- package/package.json +1 -1
- package/styles.css +1 -1
|
@@ -91,6 +91,7 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
|
|
|
91
91
|
private lastOptionsLength;
|
|
92
92
|
loadingMore: boolean;
|
|
93
93
|
private panelScrollEl?;
|
|
94
|
+
private documentKeydownListener?;
|
|
94
95
|
/**
|
|
95
96
|
* Guard to ensure load-more is only triggered after the user has scrolled
|
|
96
97
|
* at least once since opening the panel. Prevents auto-load on open.
|
|
@@ -134,6 +135,16 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
|
|
|
134
135
|
onToggleSelectAll(select: MatSelect): void;
|
|
135
136
|
onSelectOpenedChange(opened: boolean, _select: MatSelect): void;
|
|
136
137
|
onSearch(key: string, value: string): void;
|
|
138
|
+
/**
|
|
139
|
+
* Handles keyboard events on the search input to enable navigation with arrow keys
|
|
140
|
+
* and selection with Enter key, while still allowing typing in the search box.
|
|
141
|
+
*/
|
|
142
|
+
onSearchInputKeydown(event: KeyboardEvent): void;
|
|
143
|
+
/**
|
|
144
|
+
* Manually navigates through options when arrow keys are pressed from search input.
|
|
145
|
+
* @param direction 1 for down, -1 for up
|
|
146
|
+
*/
|
|
147
|
+
private navigateOptions;
|
|
137
148
|
/**
|
|
138
149
|
* Returns the currently selected option ids for the configured control.
|
|
139
150
|
*/
|
|
@@ -160,6 +171,11 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
|
|
|
160
171
|
* Checks if highlighting is enabled for this component.
|
|
161
172
|
*/
|
|
162
173
|
get hasHighlighting(): boolean;
|
|
174
|
+
/**
|
|
175
|
+
* Sets up a document-level keyboard listener to handle arrow key navigation
|
|
176
|
+
* when the panel is open and the search input is not focused.
|
|
177
|
+
*/
|
|
178
|
+
private setupDocumentKeydownListener;
|
|
163
179
|
private setupLoadMoreObserver;
|
|
164
180
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSelectFieldComponent, never>;
|
|
165
181
|
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSelectFieldComponent, "cqa-dynamic-select", never, { "form": "form"; "config": "config"; }, { "selectionChange": "selectionChange"; "selectClick": "selectClick"; "searchChange": "searchChange"; "loadMore": "loadMore"; "addCustomValue": "addCustomValue"; }, never, never>;
|