@angular/aria 21.0.2 → 21.0.4
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/_accordion-chunk.mjs +108 -0
- package/fesm2022/_accordion-chunk.mjs.map +1 -0
- package/fesm2022/_combobox-chunk.mjs +425 -0
- package/fesm2022/_combobox-chunk.mjs.map +1 -0
- package/fesm2022/_combobox-listbox-chunk.mjs +240 -0
- package/fesm2022/_combobox-listbox-chunk.mjs.map +1 -0
- package/fesm2022/_combobox-tree-chunk.mjs +331 -0
- package/fesm2022/_combobox-tree-chunk.mjs.map +1 -0
- package/fesm2022/_deferred-content-chunk.mjs +124 -0
- package/fesm2022/_deferred-content-chunk.mjs.map +1 -0
- package/fesm2022/_expansion-chunk.mjs +41 -0
- package/fesm2022/_expansion-chunk.mjs.map +1 -0
- package/fesm2022/_list-chunk.mjs +287 -0
- package/fesm2022/_list-chunk.mjs.map +1 -0
- package/fesm2022/_list-navigation-chunk.mjs +116 -0
- package/fesm2022/_list-navigation-chunk.mjs.map +1 -0
- package/fesm2022/_menu-chunk.mjs +515 -0
- package/fesm2022/_menu-chunk.mjs.map +1 -0
- package/fesm2022/_pointer-event-manager-chunk.mjs +54 -0
- package/fesm2022/_pointer-event-manager-chunk.mjs.map +1 -0
- package/fesm2022/_signal-like-chunk.mjs +118 -0
- package/fesm2022/_signal-like-chunk.mjs.map +1 -0
- package/fesm2022/_tabs-chunk.mjs +159 -0
- package/fesm2022/_tabs-chunk.mjs.map +1 -0
- package/fesm2022/_toolbar-widget-group-chunk.mjs +148 -0
- package/fesm2022/_toolbar-widget-group-chunk.mjs.map +1 -0
- package/fesm2022/_widget-chunk.mjs +5 -246
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +73 -55
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +166 -153
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs +287 -261
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs +211 -197
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +308 -286
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +15 -2329
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +221 -199
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +64 -48
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +54 -44
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +2 -2
- package/types/_accordion-chunk.d.ts +100 -0
- package/types/_combobox-chunk.d.ts +194 -0
- package/types/_deferred-content-chunk.d.ts +42 -0
- package/types/_expansion-chunk.d.ts +40 -0
- package/types/_grid-chunk.d.ts +43 -250
- package/types/_keyboard-event-manager-chunk.d.ts +68 -0
- package/types/_list-chunk.d.ts +211 -0
- package/types/_list-navigation-chunk.d.ts +119 -0
- package/types/_listbox-chunk.d.ts +107 -0
- package/types/_menu-chunk.d.ts +267 -0
- package/types/_pointer-event-manager-chunk.d.ts +34 -0
- package/types/_tabs-chunk.d.ts +153 -0
- package/types/_toolbar-chunk.d.ts +124 -0
- package/types/_tree-chunk.d.ts +185 -0
- package/types/accordion.d.ts +65 -54
- package/types/aria.d.ts +1 -1
- package/types/combobox.d.ts +86 -56
- package/types/grid.d.ts +47 -32
- package/types/listbox.d.ts +22 -7
- package/types/menu.d.ts +135 -117
- package/types/private.d.ts +28 -1376
- package/types/tabs.d.ts +109 -88
- package/types/toolbar.d.ts +77 -66
- package/types/tree.d.ts +118 -104
- package/_adev_assets/aria-accordion.json +0 -743
- package/_adev_assets/aria-combobox.json +0 -603
- package/_adev_assets/aria-grid.json +0 -893
- package/_adev_assets/aria-listbox.json +0 -540
- package/_adev_assets/aria-menu.json +0 -1049
- package/_adev_assets/aria-tabs.json +0 -880
- package/_adev_assets/aria-toolbar.json +0 -545
- package/_adev_assets/aria-tree.json +0 -853
package/types/private.d.ts
CHANGED
|
@@ -1,501 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
export {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
/** Controls selection for a list of items. */
|
|
23
|
-
declare class ListSelection<T extends ListSelectionItem<V>, V> {
|
|
24
|
-
readonly inputs: ListSelectionInputs<T, V> & {
|
|
25
|
-
focusManager: ListFocus<T>;
|
|
26
|
-
};
|
|
27
|
-
/** The start index to use for range selection. */
|
|
28
|
-
rangeStartIndex: _angular_core.WritableSignal<number>;
|
|
29
|
-
/** The end index to use for range selection. */
|
|
30
|
-
rangeEndIndex: _angular_core.WritableSignal<number>;
|
|
31
|
-
/** The currently selected items. */
|
|
32
|
-
selectedItems: _angular_core.Signal<T[]>;
|
|
33
|
-
constructor(inputs: ListSelectionInputs<T, V> & {
|
|
34
|
-
focusManager: ListFocus<T>;
|
|
35
|
-
});
|
|
36
|
-
/** Selects the item at the current active index. */
|
|
37
|
-
select(item?: ListSelectionItem<V>, opts?: {
|
|
38
|
-
anchor: boolean;
|
|
39
|
-
}): void;
|
|
40
|
-
/** Deselects the item at the current active index. */
|
|
41
|
-
deselect(item?: ListSelectionItem<V>): void;
|
|
42
|
-
/** Toggles the item at the current active index. */
|
|
43
|
-
toggle(item?: ListSelectionItem<V>): void;
|
|
44
|
-
/** Toggles only the item at the current active index. */
|
|
45
|
-
toggleOne(): void;
|
|
46
|
-
/** Selects all items in the list. */
|
|
47
|
-
selectAll(): void;
|
|
48
|
-
/** Deselects all items in the list. */
|
|
49
|
-
deselectAll(): void;
|
|
50
|
-
/**
|
|
51
|
-
* Selects all items in the list or deselects all
|
|
52
|
-
* items in the list if all items are already selected.
|
|
53
|
-
*/
|
|
54
|
-
toggleAll(): void;
|
|
55
|
-
/** Sets the selection to only the current active item. */
|
|
56
|
-
selectOne(): void;
|
|
57
|
-
/**
|
|
58
|
-
* Selects all items in the list up to the anchor item.
|
|
59
|
-
*
|
|
60
|
-
* Deselects all items that were previously within the
|
|
61
|
-
* selected range that are now outside of the selected range
|
|
62
|
-
*/
|
|
63
|
-
selectRange(opts?: {
|
|
64
|
-
anchor: boolean;
|
|
65
|
-
}): void;
|
|
66
|
-
/** Marks the given index as the start of a range selection. */
|
|
67
|
-
beginRangeSelection(index?: number): void;
|
|
68
|
-
/** Returns the items in the list starting from the given index. */
|
|
69
|
-
private _getItemsFromIndex;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* Represents an item in a collection, such as a listbox option, than can be navigated to by
|
|
74
|
-
* typeahead.
|
|
75
|
-
*/
|
|
76
|
-
interface ListTypeaheadItem extends ListFocusItem {
|
|
77
|
-
/** The text used by the typeahead search. */
|
|
78
|
-
searchTerm: SignalLike<string>;
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* Represents the required inputs for a collection that contains items that can be navigated to by
|
|
82
|
-
* typeahead.
|
|
83
|
-
*/
|
|
84
|
-
interface ListTypeaheadInputs<T extends ListTypeaheadItem> extends ListFocusInputs<T> {
|
|
85
|
-
/** The amount of time before the typeahead search is reset. */
|
|
86
|
-
typeaheadDelay: SignalLike<number>;
|
|
87
|
-
}
|
|
88
|
-
/** Controls typeahead for a list of items. */
|
|
89
|
-
declare class ListTypeahead<T extends ListTypeaheadItem> {
|
|
90
|
-
readonly inputs: ListTypeaheadInputs<T> & {
|
|
91
|
-
focusManager: ListFocus<T>;
|
|
92
|
-
};
|
|
93
|
-
/** A reference to the timeout for resetting the typeahead search. */
|
|
94
|
-
timeout?: ReturnType<typeof setTimeout> | undefined;
|
|
95
|
-
/** The focus controller of the parent list. */
|
|
96
|
-
focusManager: ListFocus<T>;
|
|
97
|
-
/** Whether the user is actively typing a typeahead search query. */
|
|
98
|
-
isTyping: _angular_core.Signal<boolean>;
|
|
99
|
-
/** Keeps track of the characters that typeahead search is being called with. */
|
|
100
|
-
private _query;
|
|
101
|
-
/** The index where that the typeahead search was initiated from. */
|
|
102
|
-
private _startIndex;
|
|
103
|
-
constructor(inputs: ListTypeaheadInputs<T> & {
|
|
104
|
-
focusManager: ListFocus<T>;
|
|
105
|
-
});
|
|
106
|
-
/** Performs a typeahead search, appending the given character to the search string. */
|
|
107
|
-
search(char: string): boolean;
|
|
108
|
-
/**
|
|
109
|
-
* Returns the first item whose search term matches the
|
|
110
|
-
* current query starting from the the current anchor index.
|
|
111
|
-
*/
|
|
112
|
-
private _getItem;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
/** The operations that the list can perform after navigation. */
|
|
116
|
-
interface NavOptions {
|
|
117
|
-
toggle?: boolean;
|
|
118
|
-
select?: boolean;
|
|
119
|
-
selectOne?: boolean;
|
|
120
|
-
selectRange?: boolean;
|
|
121
|
-
anchor?: boolean;
|
|
122
|
-
focusElement?: boolean;
|
|
123
|
-
}
|
|
124
|
-
/** Represents an item in the list. */
|
|
125
|
-
type ListItem<V> = ListTypeaheadItem & ListNavigationItem & ListSelectionItem<V> & ListFocusItem;
|
|
126
|
-
/** The necessary inputs for the list behavior. */
|
|
127
|
-
type ListInputs<T extends ListItem<V>, V> = ListFocusInputs<T> & ListNavigationInputs<T> & ListSelectionInputs<T, V> & ListTypeaheadInputs<T>;
|
|
128
|
-
/** Controls the state of a list. */
|
|
129
|
-
declare class List<T extends ListItem<V>, V> {
|
|
130
|
-
readonly inputs: ListInputs<T, V>;
|
|
131
|
-
/** Controls navigation for the list. */
|
|
132
|
-
navigationBehavior: ListNavigation<T>;
|
|
133
|
-
/** Controls selection for the list. */
|
|
134
|
-
selectionBehavior: ListSelection<T, V>;
|
|
135
|
-
/** Controls typeahead for the list. */
|
|
136
|
-
typeaheadBehavior: ListTypeahead<T>;
|
|
137
|
-
/** Controls focus for the list. */
|
|
138
|
-
focusBehavior: ListFocus<T>;
|
|
139
|
-
/** Whether the list is disabled. */
|
|
140
|
-
disabled: _angular_core.Signal<boolean>;
|
|
141
|
-
/** The id of the current active item. */
|
|
142
|
-
activeDescendant: _angular_core.Signal<string | undefined>;
|
|
143
|
-
/** The tab index of the list. */
|
|
144
|
-
tabIndex: _angular_core.Signal<0 | -1>;
|
|
145
|
-
/** The index of the currently active item in the list. */
|
|
146
|
-
activeIndex: _angular_core.Signal<number>;
|
|
147
|
-
/**
|
|
148
|
-
* The uncommitted index for selecting a range of options.
|
|
149
|
-
*
|
|
150
|
-
* NOTE: This is subtly distinct from the "rangeStartIndex" in the ListSelection behavior.
|
|
151
|
-
* The anchorIndex does not necessarily represent the start of a range, but represents the most
|
|
152
|
-
* recent index where the user showed intent to begin a range selection. Usually, this is wherever
|
|
153
|
-
* the user most recently pressed the "Shift" key, but if the user presses shift + space to select
|
|
154
|
-
* from the anchor, the user is not intending to start a new range from this index.
|
|
155
|
-
*
|
|
156
|
-
* In other words, "rangeStartIndex" is only set when a user commits to starting a range selection
|
|
157
|
-
* while "anchorIndex" is set whenever a user indicates they may be starting a range selection.
|
|
158
|
-
*/
|
|
159
|
-
private _anchorIndex;
|
|
160
|
-
/** Whether the list should wrap. Used to disable wrapping while range selecting. */
|
|
161
|
-
private _wrap;
|
|
162
|
-
constructor(inputs: ListInputs<T, V>);
|
|
163
|
-
/** Returns the tab index for the given item. */
|
|
164
|
-
getItemTabindex(item: T): 0 | -1;
|
|
165
|
-
/** Navigates to the first option in the list. */
|
|
166
|
-
first(opts?: NavOptions): void;
|
|
167
|
-
/** Navigates to the last option in the list. */
|
|
168
|
-
last(opts?: NavOptions): void;
|
|
169
|
-
/** Navigates to the next option in the list. */
|
|
170
|
-
next(opts?: NavOptions): void;
|
|
171
|
-
/** Navigates to the previous option in the list. */
|
|
172
|
-
prev(opts?: NavOptions): void;
|
|
173
|
-
/** Navigates to the given item in the list. */
|
|
174
|
-
goto(item: T, opts?: NavOptions): void;
|
|
175
|
-
/** Removes focus from the list. */
|
|
176
|
-
unfocus(): void;
|
|
177
|
-
/** Marks the given index as the potential start of a range selection. */
|
|
178
|
-
anchor(index: number): void;
|
|
179
|
-
/** Handles typeahead search navigation for the list. */
|
|
180
|
-
search(char: string, opts?: NavOptions): void;
|
|
181
|
-
/** Checks if the list is currently typing for typeahead search. */
|
|
182
|
-
isTyping(): boolean;
|
|
183
|
-
/** Selects the currently active item in the list. */
|
|
184
|
-
select(item?: T): void;
|
|
185
|
-
/** Sets the selection to only the current active item. */
|
|
186
|
-
selectOne(): void;
|
|
187
|
-
/** Deselects the currently active item in the list. */
|
|
188
|
-
deselect(item?: T): void;
|
|
189
|
-
/** Deselects all items in the list. */
|
|
190
|
-
deselectAll(): void;
|
|
191
|
-
/** Toggles the currently active item in the list. */
|
|
192
|
-
toggle(item?: T): void;
|
|
193
|
-
/** Toggles the currently active item in the list, deselecting all other items. */
|
|
194
|
-
toggleOne(): void;
|
|
195
|
-
/** Toggles the selection of all items in the list. */
|
|
196
|
-
toggleAll(): void;
|
|
197
|
-
/** Checks if the given item is able to receive focus. */
|
|
198
|
-
isFocusable(item: T): boolean;
|
|
199
|
-
/** Handles updating selection for the list. */
|
|
200
|
-
updateSelection(opts?: NavOptions): void;
|
|
201
|
-
/**
|
|
202
|
-
* Safely performs a navigation operation.
|
|
203
|
-
*
|
|
204
|
-
* Handles conditionally disabling wrapping for when a navigation
|
|
205
|
-
* operation is occurring while the user is selecting a range of options.
|
|
206
|
-
*
|
|
207
|
-
* Handles boilerplate calling of focus & selection operations. Also ensures these
|
|
208
|
-
* additional operations are only called if the navigation operation moved focus to a new option.
|
|
209
|
-
*/
|
|
210
|
-
private _navigate;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
/** Represents the required inputs for a combobox. */
|
|
214
|
-
interface ComboboxInputs<T extends ListItem<V>, V> {
|
|
215
|
-
/** The controls for the popup associated with the combobox. */
|
|
216
|
-
popupControls: SignalLike<ComboboxListboxControls<T, V> | ComboboxTreeControls<T, V> | ComboboxDialogPattern | undefined>;
|
|
217
|
-
/** The HTML input element that serves as the combobox input. */
|
|
218
|
-
inputEl: SignalLike<HTMLInputElement | undefined>;
|
|
219
|
-
/** The HTML element that serves as the combobox container. */
|
|
220
|
-
containerEl: SignalLike<HTMLElement | undefined>;
|
|
221
|
-
/** The filtering mode for the combobox. */
|
|
222
|
-
filterMode: SignalLike<'manual' | 'auto-select' | 'highlight'>;
|
|
223
|
-
/** The current value of the combobox. */
|
|
224
|
-
inputValue?: WritableSignalLike<string>;
|
|
225
|
-
/** The value of the first matching item in the popup. */
|
|
226
|
-
firstMatch: SignalLike<V | undefined>;
|
|
227
|
-
/** Whether the combobox is disabled. */
|
|
228
|
-
disabled: SignalLike<boolean>;
|
|
229
|
-
/** Whether the combobox is read-only. */
|
|
230
|
-
readonly: SignalLike<boolean>;
|
|
231
|
-
/** Whether the combobox is in a right-to-left context. */
|
|
232
|
-
textDirection: SignalLike<'rtl' | 'ltr'>;
|
|
233
|
-
/** Whether the combobox is always expanded. */
|
|
234
|
-
alwaysExpanded: SignalLike<boolean>;
|
|
235
|
-
}
|
|
236
|
-
/** An interface that allows combobox popups to expose the necessary controls for the combobox. */
|
|
237
|
-
interface ComboboxListboxControls<T extends ListItem<V>, V> {
|
|
238
|
-
/** A unique identifier for the popup. */
|
|
239
|
-
id: () => string;
|
|
240
|
-
/** The ARIA role for the popup. */
|
|
241
|
-
role: SignalLike<'listbox' | 'tree' | 'grid'>;
|
|
242
|
-
/** Whether multiple items in the popup can be selected at once. */
|
|
243
|
-
multi: SignalLike<boolean>;
|
|
244
|
-
/** The ID of the active item in the popup. */
|
|
245
|
-
activeId: SignalLike<string | undefined>;
|
|
246
|
-
/** The list of items in the popup. */
|
|
247
|
-
items: SignalLike<T[]>;
|
|
248
|
-
/** Navigates to the given item in the popup. */
|
|
249
|
-
focus: (item: T, opts?: {
|
|
250
|
-
focusElement?: boolean;
|
|
251
|
-
}) => void;
|
|
252
|
-
/** Navigates to the next item in the popup. */
|
|
253
|
-
next: () => void;
|
|
254
|
-
/** Navigates to the previous item in the popup. */
|
|
255
|
-
prev: () => void;
|
|
256
|
-
/** Navigates to the first item in the popup. */
|
|
257
|
-
first: () => void;
|
|
258
|
-
/** Navigates to the last item in the popup. */
|
|
259
|
-
last: () => void;
|
|
260
|
-
/** Selects the current item in the popup. */
|
|
261
|
-
select: (item?: T) => void;
|
|
262
|
-
/** Toggles the selection state of the given item in the popup. */
|
|
263
|
-
toggle: (item?: T) => void;
|
|
264
|
-
/** Clears the selection state of the popup. */
|
|
265
|
-
clearSelection: () => void;
|
|
266
|
-
/** Removes focus from any item in the popup. */
|
|
267
|
-
unfocus: () => void;
|
|
268
|
-
/** Returns the item corresponding to the given event. */
|
|
269
|
-
getItem: (e: PointerEvent) => T | undefined;
|
|
270
|
-
/** Returns the currently active (focused) item in the popup. */
|
|
271
|
-
getActiveItem: () => T | undefined;
|
|
272
|
-
/** Returns the currently selected items in the popup. */
|
|
273
|
-
getSelectedItems: () => T[];
|
|
274
|
-
/** Sets the value of the combobox based on the selected item. */
|
|
275
|
-
setValue: (value: V | undefined) => void;
|
|
276
|
-
}
|
|
277
|
-
interface ComboboxTreeControls<T extends ListItem<V>, V> extends ComboboxListboxControls<T, V> {
|
|
278
|
-
/** Whether the currently active item in the popup is collapsible. */
|
|
279
|
-
isItemCollapsible: () => boolean;
|
|
280
|
-
/** Expands the currently active item in the popup. */
|
|
281
|
-
expandItem: () => void;
|
|
282
|
-
/** Collapses the currently active item in the popup. */
|
|
283
|
-
collapseItem: () => void;
|
|
284
|
-
/** Checks if the currently active item in the popup is expandable. */
|
|
285
|
-
isItemExpandable: (item?: T) => boolean;
|
|
286
|
-
/** Expands all nodes in the tree. */
|
|
287
|
-
expandAll: () => void;
|
|
288
|
-
/** Collapses all nodes in the tree. */
|
|
289
|
-
collapseAll: () => void;
|
|
290
|
-
/** Toggles the expansion state of the currently active item in the popup. */
|
|
291
|
-
toggleExpansion: (item?: T) => void;
|
|
292
|
-
/** Whether the current active item is selectable. */
|
|
293
|
-
isItemSelectable: (item?: T) => boolean;
|
|
294
|
-
}
|
|
295
|
-
/** Controls the state of a combobox. */
|
|
296
|
-
declare class ComboboxPattern<T extends ListItem<V>, V> {
|
|
297
|
-
readonly inputs: ComboboxInputs<T, V>;
|
|
298
|
-
/** Whether the combobox is expanded. */
|
|
299
|
-
expanded: _angular_core.WritableSignal<boolean>;
|
|
300
|
-
/** Whether the combobox is disabled. */
|
|
301
|
-
disabled: () => boolean;
|
|
302
|
-
/** The ID of the active item in the combobox. */
|
|
303
|
-
activeDescendant: _angular_core.Signal<string | null>;
|
|
304
|
-
/** The currently highlighted item in the combobox. */
|
|
305
|
-
highlightedItem: _angular_core.WritableSignal<T | undefined>;
|
|
306
|
-
/** Whether the most recent input event was a deletion. */
|
|
307
|
-
isDeleting: boolean;
|
|
308
|
-
/** Whether the combobox is focused. */
|
|
309
|
-
isFocused: _angular_core.WritableSignal<boolean>;
|
|
310
|
-
/** Whether the combobox has ever been focused. */
|
|
311
|
-
hasBeenFocused: _angular_core.WritableSignal<boolean>;
|
|
312
|
-
/** The key used to navigate to the previous item in the list. */
|
|
313
|
-
expandKey: _angular_core.Signal<"ArrowLeft" | "ArrowRight">;
|
|
314
|
-
/** The key used to navigate to the next item in the list. */
|
|
315
|
-
collapseKey: _angular_core.Signal<"ArrowLeft" | "ArrowRight">;
|
|
316
|
-
/** The ID of the popup associated with the combobox. */
|
|
317
|
-
popupId: _angular_core.Signal<string | null>;
|
|
318
|
-
/** The autocomplete behavior of the combobox. */
|
|
319
|
-
autocomplete: _angular_core.Signal<"both" | "list">;
|
|
320
|
-
/** The ARIA role of the popup associated with the combobox. */
|
|
321
|
-
hasPopup: _angular_core.Signal<"listbox" | "tree" | "grid" | "dialog" | null>;
|
|
322
|
-
/** Whether the combobox is read-only. */
|
|
323
|
-
readonly: _angular_core.Signal<true | null>;
|
|
324
|
-
/** Returns the listbox controls for the combobox. */
|
|
325
|
-
listControls: () => ComboboxListboxControls<T, V> | null | undefined;
|
|
326
|
-
/** Returns the tree controls for the combobox. */
|
|
327
|
-
treeControls: () => ComboboxTreeControls<T, V> | null;
|
|
328
|
-
/** The keydown event manager for the combobox. */
|
|
329
|
-
keydown: _angular_core.Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
330
|
-
/** The click event manager for the combobox. */
|
|
331
|
-
click: _angular_core.Signal<PointerEventManager<PointerEvent>>;
|
|
332
|
-
constructor(inputs: ComboboxInputs<T, V>);
|
|
333
|
-
/** Handles keydown events for the combobox. */
|
|
334
|
-
onKeydown(event: KeyboardEvent): void;
|
|
335
|
-
/** Handles click events for the combobox. */
|
|
336
|
-
onClick(event: MouseEvent): void;
|
|
337
|
-
/** Handles input events for the combobox. */
|
|
338
|
-
onInput(event: Event): void;
|
|
339
|
-
/** Handles focus in events for the combobox. */
|
|
340
|
-
onFocusIn(): void;
|
|
341
|
-
/** Handles focus out events for the combobox. */
|
|
342
|
-
onFocusOut(event: FocusEvent): void;
|
|
343
|
-
/** The first matching item in the combobox. */
|
|
344
|
-
firstMatch: _angular_core.Signal<T | undefined>;
|
|
345
|
-
/** Handles filtering logic for the combobox. */
|
|
346
|
-
onFilter(): void;
|
|
347
|
-
/** Highlights the currently selected item in the combobox. */
|
|
348
|
-
highlight(): void;
|
|
349
|
-
/** Closes the combobox. */
|
|
350
|
-
close(opts?: {
|
|
351
|
-
reset: boolean;
|
|
352
|
-
}): void;
|
|
353
|
-
/** Opens the combobox. */
|
|
354
|
-
open(nav?: {
|
|
355
|
-
first?: boolean;
|
|
356
|
-
last?: boolean;
|
|
357
|
-
selected?: boolean;
|
|
358
|
-
}): void;
|
|
359
|
-
/** Navigates to the next focusable item in the combobox popup. */
|
|
360
|
-
next(): void;
|
|
361
|
-
/** Navigates to the previous focusable item in the combobox popup. */
|
|
362
|
-
prev(): void;
|
|
363
|
-
/** Navigates to the first focusable item in the combobox popup. */
|
|
364
|
-
first(): void;
|
|
365
|
-
/** Navigates to the last focusable item in the combobox popup. */
|
|
366
|
-
last(): void;
|
|
367
|
-
/** Collapses the currently focused item in the combobox. */
|
|
368
|
-
collapseItem(): void;
|
|
369
|
-
/** Expands the currently focused item in the combobox. */
|
|
370
|
-
expandItem(): void;
|
|
371
|
-
/** Selects an item in the combobox popup. */
|
|
372
|
-
select(opts?: {
|
|
373
|
-
item?: T;
|
|
374
|
-
commit?: boolean;
|
|
375
|
-
close?: boolean;
|
|
376
|
-
}): void;
|
|
377
|
-
/** Updates the value of the input based on the currently selected item. */
|
|
378
|
-
commit(): void;
|
|
379
|
-
/** Navigates and handles additional actions based on filter mode. */
|
|
380
|
-
private _navigate;
|
|
381
|
-
}
|
|
382
|
-
declare class ComboboxDialogPattern {
|
|
383
|
-
readonly inputs: {
|
|
384
|
-
combobox: ComboboxPattern<any, any>;
|
|
385
|
-
element: SignalLike<HTMLDialogElement>;
|
|
386
|
-
id: SignalLike<string>;
|
|
387
|
-
};
|
|
388
|
-
id: () => string;
|
|
389
|
-
role: () => "dialog";
|
|
390
|
-
keydown: _angular_core.Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
391
|
-
constructor(inputs: {
|
|
392
|
-
combobox: ComboboxPattern<any, any>;
|
|
393
|
-
element: SignalLike<HTMLDialogElement>;
|
|
394
|
-
id: SignalLike<string>;
|
|
395
|
-
});
|
|
396
|
-
onKeydown(event: KeyboardEvent): void;
|
|
397
|
-
onClick(event: MouseEvent): void;
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
/**
|
|
401
|
-
* Represents the properties exposed by a listbox that need to be accessed by an option.
|
|
402
|
-
* This exists to avoid circular dependency errors between the listbox and option.
|
|
403
|
-
*/
|
|
404
|
-
interface ListboxPattern$1<V> {
|
|
405
|
-
inputs: ListInputs<OptionPattern<V>, V>;
|
|
406
|
-
listBehavior: List<OptionPattern<V>, V>;
|
|
407
|
-
}
|
|
408
|
-
/** Represents the required inputs for an option in a listbox. */
|
|
409
|
-
interface OptionInputs<V> extends Omit<ListItem<V>, 'index' | 'selectable'> {
|
|
410
|
-
listbox: SignalLike<ListboxPattern$1<V> | undefined>;
|
|
411
|
-
}
|
|
412
|
-
/** Represents an option in a listbox. */
|
|
413
|
-
declare class OptionPattern<V> {
|
|
414
|
-
/** A unique identifier for the option. */
|
|
415
|
-
id: SignalLike<string>;
|
|
416
|
-
/** The value of the option. */
|
|
417
|
-
value: SignalLike<V>;
|
|
418
|
-
/** The position of the option in the list. */
|
|
419
|
-
index: _angular_core.Signal<number>;
|
|
420
|
-
/** Whether the option is active. */
|
|
421
|
-
active: _angular_core.Signal<boolean>;
|
|
422
|
-
/** Whether the option is selected. */
|
|
423
|
-
selected: _angular_core.Signal<boolean | undefined>;
|
|
424
|
-
/** Whether the option is selectable. */
|
|
425
|
-
selectable: () => boolean;
|
|
426
|
-
/** Whether the option is disabled. */
|
|
427
|
-
disabled: SignalLike<boolean>;
|
|
428
|
-
/** The text used by the typeahead search. */
|
|
429
|
-
searchTerm: SignalLike<string>;
|
|
430
|
-
/** A reference to the parent listbox. */
|
|
431
|
-
listbox: SignalLike<ListboxPattern$1<V> | undefined>;
|
|
432
|
-
/** The tab index of the option. */
|
|
433
|
-
tabIndex: _angular_core.Signal<0 | -1 | undefined>;
|
|
434
|
-
/** The html element that should receive focus. */
|
|
435
|
-
element: SignalLike<HTMLElement | undefined>;
|
|
436
|
-
constructor(args: OptionInputs<V>);
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
/** Represents the required inputs for a listbox. */
|
|
440
|
-
type ListboxInputs<V> = ListInputs<OptionPattern<V>, V> & {
|
|
441
|
-
/** A unique identifier for the listbox. */
|
|
442
|
-
id: SignalLike<string>;
|
|
443
|
-
/** Whether the listbox is readonly. */
|
|
444
|
-
readonly: SignalLike<boolean>;
|
|
445
|
-
};
|
|
446
|
-
/** Controls the state of a listbox. */
|
|
447
|
-
declare class ListboxPattern<V> {
|
|
448
|
-
readonly inputs: ListboxInputs<V>;
|
|
449
|
-
listBehavior: List<OptionPattern<V>, V>;
|
|
450
|
-
/** Whether the list is vertically or horizontally oriented. */
|
|
451
|
-
orientation: SignalLike<'vertical' | 'horizontal'>;
|
|
452
|
-
/** Whether the listbox is disabled. */
|
|
453
|
-
disabled: _angular_core.Signal<boolean>;
|
|
454
|
-
/** Whether the listbox is readonly. */
|
|
455
|
-
readonly: SignalLike<boolean>;
|
|
456
|
-
/** The tab index of the listbox. */
|
|
457
|
-
tabIndex: SignalLike<-1 | 0>;
|
|
458
|
-
/** The id of the current active item. */
|
|
459
|
-
activeDescendant: _angular_core.Signal<string | undefined>;
|
|
460
|
-
/** Whether multiple items in the list can be selected at once. */
|
|
461
|
-
multi: SignalLike<boolean>;
|
|
462
|
-
/** The number of items in the listbox. */
|
|
463
|
-
setsize: _angular_core.Signal<number>;
|
|
464
|
-
/** Whether the listbox selection follows focus. */
|
|
465
|
-
followFocus: _angular_core.Signal<boolean>;
|
|
466
|
-
/** Whether the listbox should wrap. Used to disable wrapping while range selecting. */
|
|
467
|
-
wrap: _angular_core.WritableSignal<boolean>;
|
|
468
|
-
/** The key used to navigate to the previous item in the list. */
|
|
469
|
-
prevKey: _angular_core.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
|
|
470
|
-
/** The key used to navigate to the next item in the list. */
|
|
471
|
-
nextKey: _angular_core.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
|
|
472
|
-
/** Represents the space key. Does nothing when the user is actively using typeahead. */
|
|
473
|
-
dynamicSpaceKey: _angular_core.Signal<"" | " ">;
|
|
474
|
-
/** The regexp used to decide if a key should trigger typeahead. */
|
|
475
|
-
typeaheadRegexp: RegExp;
|
|
476
|
-
/** The keydown event manager for the listbox. */
|
|
477
|
-
keydown: _angular_core.Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
478
|
-
/** The pointerdown event manager for the listbox. */
|
|
479
|
-
pointerdown: _angular_core.Signal<PointerEventManager<PointerEvent>>;
|
|
480
|
-
constructor(inputs: ListboxInputs<V>);
|
|
481
|
-
/** Returns a set of violations */
|
|
482
|
-
validate(): string[];
|
|
483
|
-
/** Handles keydown events for the listbox. */
|
|
484
|
-
onKeydown(event: KeyboardEvent): void;
|
|
485
|
-
onPointerdown(event: PointerEvent): void;
|
|
486
|
-
/**
|
|
487
|
-
* Sets the listbox to it's default initial state.
|
|
488
|
-
*
|
|
489
|
-
* Sets the active index of the listbox to the first focusable selected
|
|
490
|
-
* item if one exists. Otherwise, sets focus to the first focusable item.
|
|
491
|
-
*
|
|
492
|
-
* This method should be called once the listbox and it's options are properly initialized,
|
|
493
|
-
* meaning the ListboxPattern and OptionPatterns should have references to each other before this
|
|
494
|
-
* is called.
|
|
495
|
-
*/
|
|
496
|
-
setDefaultState(): void;
|
|
497
|
-
protected _getItem(e: PointerEvent): OptionPattern<V> | undefined;
|
|
498
|
-
}
|
|
1
|
+
import { ComboboxPattern, ComboboxListboxControls, ComboboxTreeControls } from './_combobox-chunk.js';
|
|
2
|
+
export { ComboboxDialogPattern, ComboboxInputs } from './_combobox-chunk.js';
|
|
3
|
+
import { ListboxInputs, OptionPattern, ListboxPattern } from './_listbox-chunk.js';
|
|
4
|
+
export { OptionInputs } from './_listbox-chunk.js';
|
|
5
|
+
import { SignalLike } from './_list-navigation-chunk.js';
|
|
6
|
+
export { WritableSignalLike, computed, convertGetterSetterToWritableSignalLike, linkedSignal, signal } from './_list-navigation-chunk.js';
|
|
7
|
+
export { MenuBarInputs, MenuBarPattern, MenuInputs, MenuItemInputs, MenuItemPattern, MenuPattern, MenuTriggerInputs, MenuTriggerPattern } from './_menu-chunk.js';
|
|
8
|
+
export { TabInputs, TabListInputs, TabListPattern, TabPanelInputs, TabPanelPattern, TabPattern } from './_tabs-chunk.js';
|
|
9
|
+
export { ToolbarInputs, ToolbarPattern, ToolbarWidgetGroupInputs, ToolbarWidgetGroupPattern, ToolbarWidgetInputs, ToolbarWidgetPattern } from './_toolbar-chunk.js';
|
|
10
|
+
export { AccordionGroupInputs, AccordionGroupPattern, AccordionPanelInputs, AccordionPanelPattern, AccordionTriggerInputs, AccordionTriggerPattern } from './_accordion-chunk.js';
|
|
11
|
+
import { TreeInputs, TreeItemPattern, TreePattern } from './_tree-chunk.js';
|
|
12
|
+
export { TreeItemInputs } from './_tree-chunk.js';
|
|
13
|
+
export { GridCellInputs, GridCellPattern, GridCellWidgetInputs, GridCellWidgetPattern, GridInputs, GridPattern, GridRowInputs, GridRowPattern } from './_grid-chunk.js';
|
|
14
|
+
export { DeferredContent, DeferredContentAware } from './_deferred-content-chunk.js';
|
|
15
|
+
export { untracked } from '@angular/core/primitives/signals';
|
|
16
|
+
import './_keyboard-event-manager-chunk.js';
|
|
17
|
+
import './_pointer-event-manager-chunk.js';
|
|
18
|
+
import './_list-chunk.js';
|
|
19
|
+
import './_expansion-chunk.js';
|
|
20
|
+
import '@angular/core';
|
|
499
21
|
|
|
500
22
|
type ComboboxListboxInputs<V> = ListboxInputs<V> & {
|
|
501
23
|
/** The combobox controlling the listbox. */
|
|
@@ -504,17 +26,17 @@ type ComboboxListboxInputs<V> = ListboxInputs<V> & {
|
|
|
504
26
|
declare class ComboboxListboxPattern<V> extends ListboxPattern<V> implements ComboboxListboxControls<OptionPattern<V>, V> {
|
|
505
27
|
readonly inputs: ComboboxListboxInputs<V>;
|
|
506
28
|
/** A unique identifier for the popup. */
|
|
507
|
-
id:
|
|
29
|
+
id: SignalLike<string>;
|
|
508
30
|
/** The ARIA role for the listbox. */
|
|
509
|
-
role:
|
|
31
|
+
role: SignalLike<"listbox">;
|
|
510
32
|
/** The id of the active (focused) item in the listbox. */
|
|
511
|
-
activeId:
|
|
33
|
+
activeId: SignalLike<string | undefined>;
|
|
512
34
|
/** The list of options in the listbox. */
|
|
513
35
|
items: SignalLike<OptionPattern<V>[]>;
|
|
514
36
|
/** The tab index for the listbox. Always -1 because the combobox handles focus. */
|
|
515
37
|
tabIndex: SignalLike<-1 | 0>;
|
|
516
38
|
/** Whether multiple items in the list can be selected at once. */
|
|
517
|
-
multi:
|
|
39
|
+
multi: SignalLike<boolean>;
|
|
518
40
|
constructor(inputs: ComboboxListboxInputs<V>);
|
|
519
41
|
/** Noop. The combobox handles keydown events. */
|
|
520
42
|
onKeydown(_: KeyboardEvent): void;
|
|
@@ -552,838 +74,6 @@ declare class ComboboxListboxPattern<V> extends ListboxPattern<V> implements Com
|
|
|
552
74
|
setValue: (value: V | undefined) => void;
|
|
553
75
|
}
|
|
554
76
|
|
|
555
|
-
/** The inputs for the MenuBarPattern class. */
|
|
556
|
-
interface MenuBarInputs<V> extends ListInputs<MenuItemPattern<V>, V> {
|
|
557
|
-
/** The menu items contained in the menu. */
|
|
558
|
-
items: SignalLike<MenuItemPattern<V>[]>;
|
|
559
|
-
/** Callback function triggered when a menu item is selected. */
|
|
560
|
-
onSelect?: (value: V) => void;
|
|
561
|
-
/** The text direction of the menu bar. */
|
|
562
|
-
textDirection: SignalLike<'ltr' | 'rtl'>;
|
|
563
|
-
}
|
|
564
|
-
/** The inputs for the MenuPattern class. */
|
|
565
|
-
interface MenuInputs<V> extends Omit<ListInputs<MenuItemPattern<V>, V>, 'values'> {
|
|
566
|
-
/** The unique ID of the menu. */
|
|
567
|
-
id: SignalLike<string>;
|
|
568
|
-
/** The menu items contained in the menu. */
|
|
569
|
-
items: SignalLike<MenuItemPattern<V>[]>;
|
|
570
|
-
/** A reference to the parent menu or menu trigger. */
|
|
571
|
-
parent: SignalLike<MenuTriggerPattern<V> | MenuItemPattern<V> | undefined>;
|
|
572
|
-
/** Callback function triggered when a menu item is selected. */
|
|
573
|
-
onSelect?: (value: V) => void;
|
|
574
|
-
/** The text direction of the menu bar. */
|
|
575
|
-
textDirection: SignalLike<'ltr' | 'rtl'>;
|
|
576
|
-
/** The delay in milliseconds before expanding sub-menus on hover. */
|
|
577
|
-
expansionDelay: SignalLike<number>;
|
|
578
|
-
}
|
|
579
|
-
/** The inputs for the MenuTriggerPattern class. */
|
|
580
|
-
interface MenuTriggerInputs<V> {
|
|
581
|
-
/** A reference to the menu trigger element. */
|
|
582
|
-
element: SignalLike<HTMLElement | undefined>;
|
|
583
|
-
/** A reference to the menu associated with the trigger. */
|
|
584
|
-
menu: SignalLike<MenuPattern<V> | undefined>;
|
|
585
|
-
/** The text direction of the menu bar. */
|
|
586
|
-
textDirection: SignalLike<'ltr' | 'rtl'>;
|
|
587
|
-
/** Whether the menu trigger is disabled. */
|
|
588
|
-
disabled: SignalLike<boolean>;
|
|
589
|
-
}
|
|
590
|
-
/** The inputs for the MenuItemPattern class. */
|
|
591
|
-
interface MenuItemInputs<V> extends Omit<ListItem<V>, 'index' | 'selectable'> {
|
|
592
|
-
/** A reference to the parent menu or menu trigger. */
|
|
593
|
-
parent: SignalLike<MenuPattern<V> | MenuBarPattern<V> | undefined>;
|
|
594
|
-
/** A reference to the submenu associated with the menu item. */
|
|
595
|
-
submenu: SignalLike<MenuPattern<V> | undefined>;
|
|
596
|
-
}
|
|
597
|
-
/** The menu ui pattern class. */
|
|
598
|
-
declare class MenuPattern<V> {
|
|
599
|
-
readonly inputs: MenuInputs<V>;
|
|
600
|
-
/** The unique ID of the menu. */
|
|
601
|
-
id: SignalLike<string>;
|
|
602
|
-
/** The role of the menu. */
|
|
603
|
-
role: () => string;
|
|
604
|
-
/** Whether the menu is disabled. */
|
|
605
|
-
disabled: () => boolean;
|
|
606
|
-
/** Whether the menu is visible. */
|
|
607
|
-
visible: Signal<boolean>;
|
|
608
|
-
/** Controls list behavior for the menu items. */
|
|
609
|
-
listBehavior: List<MenuItemPattern<V>, V>;
|
|
610
|
-
/** Whether the menu or any of its child elements are currently focused. */
|
|
611
|
-
isFocused: _angular_core.WritableSignal<boolean>;
|
|
612
|
-
/** Whether the menu has received focus. */
|
|
613
|
-
hasBeenFocused: _angular_core.WritableSignal<boolean>;
|
|
614
|
-
/** Whether the menu trigger has been hovered. */
|
|
615
|
-
hasBeenHovered: _angular_core.WritableSignal<boolean>;
|
|
616
|
-
/** Timeout used to open sub-menus on hover. */
|
|
617
|
-
_openTimeout: any;
|
|
618
|
-
/** Timeout used to close sub-menus on hover out. */
|
|
619
|
-
_closeTimeout: any;
|
|
620
|
-
/** The tab index of the menu. */
|
|
621
|
-
tabIndex: () => 0 | -1;
|
|
622
|
-
/** Whether the menu should be focused on mouse over. */
|
|
623
|
-
shouldFocus: Signal<boolean>;
|
|
624
|
-
/** The key used to expand sub-menus. */
|
|
625
|
-
private _expandKey;
|
|
626
|
-
/** The key used to collapse sub-menus. */
|
|
627
|
-
private _collapseKey;
|
|
628
|
-
/** Represents the space key. Does nothing when the user is actively using typeahead. */
|
|
629
|
-
dynamicSpaceKey: Signal<"" | " ">;
|
|
630
|
-
/** The regexp used to decide if a key should trigger typeahead. */
|
|
631
|
-
typeaheadRegexp: RegExp;
|
|
632
|
-
/** The root of the menu. */
|
|
633
|
-
root: Signal<MenuTriggerPattern<V> | MenuBarPattern<V> | MenuPattern<V> | undefined>;
|
|
634
|
-
/** Handles keyboard events for the menu. */
|
|
635
|
-
keydownManager: Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
636
|
-
constructor(inputs: MenuInputs<V>);
|
|
637
|
-
/** Sets the default state for the menu. */
|
|
638
|
-
setDefaultState(): void;
|
|
639
|
-
/** Handles keyboard events for the menu. */
|
|
640
|
-
onKeydown(event: KeyboardEvent): void;
|
|
641
|
-
/** Handles mouseover events for the menu. */
|
|
642
|
-
onMouseOver(event: MouseEvent): void;
|
|
643
|
-
/** Closes the specified menu item after a delay. */
|
|
644
|
-
private _closeItem;
|
|
645
|
-
/** Opens the specified menu item after a delay. */
|
|
646
|
-
private _openItem;
|
|
647
|
-
/** Handles mouseout events for the menu. */
|
|
648
|
-
onMouseOut(event: MouseEvent): void;
|
|
649
|
-
/** Handles click events for the menu. */
|
|
650
|
-
onClick(event: MouseEvent): void;
|
|
651
|
-
/** Handles focusin events for the menu. */
|
|
652
|
-
onFocusIn(): void;
|
|
653
|
-
/** Handles the focusout event for the menu. */
|
|
654
|
-
onFocusOut(event: FocusEvent): void;
|
|
655
|
-
/** Focuses the previous menu item. */
|
|
656
|
-
prev(): void;
|
|
657
|
-
/** Focuses the next menu item. */
|
|
658
|
-
next(): void;
|
|
659
|
-
/** Focuses the first menu item. */
|
|
660
|
-
first(): void;
|
|
661
|
-
/** Focuses the last menu item. */
|
|
662
|
-
last(): void;
|
|
663
|
-
/** Triggers the active menu item. */
|
|
664
|
-
trigger(): void;
|
|
665
|
-
/** Submits the menu. */
|
|
666
|
-
submit(item?: MenuItemPattern<V> | undefined): void;
|
|
667
|
-
/** Collapses the current menu or focuses the previous item in the menubar. */
|
|
668
|
-
collapse(): void;
|
|
669
|
-
/** Expands the current menu or focuses the next item in the menubar. */
|
|
670
|
-
expand(): void;
|
|
671
|
-
/** Closes the menu. */
|
|
672
|
-
close(): void;
|
|
673
|
-
/** Closes the menu and all parent menus. */
|
|
674
|
-
closeAll(): void;
|
|
675
|
-
/** Clears any open or close timeouts for sub-menus. */
|
|
676
|
-
_clearTimeouts(): void;
|
|
677
|
-
/** Clears the open timeout. */
|
|
678
|
-
_clearOpenTimeout(): void;
|
|
679
|
-
/** Clears the close timeout. */
|
|
680
|
-
_clearCloseTimeout(): void;
|
|
681
|
-
}
|
|
682
|
-
/** The menubar ui pattern class. */
|
|
683
|
-
declare class MenuBarPattern<V> {
|
|
684
|
-
readonly inputs: MenuBarInputs<V>;
|
|
685
|
-
/** Controls list behavior for the menu items. */
|
|
686
|
-
listBehavior: List<MenuItemPattern<V>, V>;
|
|
687
|
-
/** The tab index of the menu. */
|
|
688
|
-
tabIndex: () => 0 | -1;
|
|
689
|
-
/** The key used to navigate to the next item. */
|
|
690
|
-
private _nextKey;
|
|
691
|
-
/** The key used to navigate to the previous item. */
|
|
692
|
-
private _previousKey;
|
|
693
|
-
/** Represents the space key. Does nothing when the user is actively using typeahead. */
|
|
694
|
-
dynamicSpaceKey: Signal<"" | " ">;
|
|
695
|
-
/** The regexp used to decide if a key should trigger typeahead. */
|
|
696
|
-
typeaheadRegexp: RegExp;
|
|
697
|
-
/** Whether the menubar or any of its children are currently focused. */
|
|
698
|
-
isFocused: _angular_core.WritableSignal<boolean>;
|
|
699
|
-
/** Whether the menubar has been focused. */
|
|
700
|
-
hasBeenFocused: _angular_core.WritableSignal<boolean>;
|
|
701
|
-
/** Whether the menubar is disabled. */
|
|
702
|
-
disabled: () => boolean;
|
|
703
|
-
/** Handles keyboard events for the menu. */
|
|
704
|
-
keydownManager: Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
705
|
-
constructor(inputs: MenuBarInputs<V>);
|
|
706
|
-
/** Sets the default state for the menubar. */
|
|
707
|
-
setDefaultState(): void;
|
|
708
|
-
/** Handles keyboard events for the menu. */
|
|
709
|
-
onKeydown(event: KeyboardEvent): void;
|
|
710
|
-
/** Handles click events for the menu bar. */
|
|
711
|
-
onClick(event: MouseEvent): void;
|
|
712
|
-
/** Handles mouseover events for the menu bar. */
|
|
713
|
-
onMouseOver(event: MouseEvent): void;
|
|
714
|
-
/** Handles focusin events for the menu bar. */
|
|
715
|
-
onFocusIn(): void;
|
|
716
|
-
/** Handles focusout events for the menu bar. */
|
|
717
|
-
onFocusOut(event: FocusEvent): void;
|
|
718
|
-
/** Goes to and optionally focuses the specified menu item. */
|
|
719
|
-
goto(item: MenuItemPattern<V>, opts?: {
|
|
720
|
-
focusElement?: boolean;
|
|
721
|
-
}): void;
|
|
722
|
-
/** Focuses the next menu item. */
|
|
723
|
-
next(): void;
|
|
724
|
-
/** Focuses the previous menu item. */
|
|
725
|
-
prev(): void;
|
|
726
|
-
/** Closes the menubar and refocuses the root menu bar item. */
|
|
727
|
-
close(): void;
|
|
728
|
-
}
|
|
729
|
-
/** The menu trigger ui pattern class. */
|
|
730
|
-
declare class MenuTriggerPattern<V> {
|
|
731
|
-
readonly inputs: MenuTriggerInputs<V>;
|
|
732
|
-
/** Whether the menu is expanded. */
|
|
733
|
-
expanded: _angular_core.WritableSignal<boolean>;
|
|
734
|
-
/** Whether the menu trigger has received focus. */
|
|
735
|
-
hasBeenFocused: _angular_core.WritableSignal<boolean>;
|
|
736
|
-
/** The role of the menu trigger. */
|
|
737
|
-
role: () => string;
|
|
738
|
-
/** Whether the menu trigger has a popup. */
|
|
739
|
-
hasPopup: () => boolean;
|
|
740
|
-
/** The menu associated with the trigger. */
|
|
741
|
-
menu: SignalLike<MenuPattern<V> | undefined>;
|
|
742
|
-
/** The tab index of the menu trigger. */
|
|
743
|
-
tabIndex: Signal<-1 | 0>;
|
|
744
|
-
/** Whether the menu trigger is disabled. */
|
|
745
|
-
disabled: () => boolean;
|
|
746
|
-
/** Handles keyboard events for the menu trigger. */
|
|
747
|
-
keydownManager: Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
748
|
-
constructor(inputs: MenuTriggerInputs<V>);
|
|
749
|
-
/** Handles keyboard events for the menu trigger. */
|
|
750
|
-
onKeydown(event: KeyboardEvent): void;
|
|
751
|
-
/** Handles click events for the menu trigger. */
|
|
752
|
-
onClick(): void;
|
|
753
|
-
/** Handles focusin events for the menu trigger. */
|
|
754
|
-
onFocusIn(): void;
|
|
755
|
-
/** Handles focusout events for the menu trigger. */
|
|
756
|
-
onFocusOut(event: FocusEvent): void;
|
|
757
|
-
/** Opens the menu. */
|
|
758
|
-
open(opts?: {
|
|
759
|
-
first?: boolean;
|
|
760
|
-
last?: boolean;
|
|
761
|
-
}): void;
|
|
762
|
-
/** Closes the menu. */
|
|
763
|
-
close(opts?: {
|
|
764
|
-
refocus?: boolean;
|
|
765
|
-
}): void;
|
|
766
|
-
}
|
|
767
|
-
/** The menu item ui pattern class. */
|
|
768
|
-
declare class MenuItemPattern<V> implements ListItem<V> {
|
|
769
|
-
readonly inputs: MenuItemInputs<V>;
|
|
770
|
-
/** The value of the menu item. */
|
|
771
|
-
value: SignalLike<V>;
|
|
772
|
-
/** The unique ID of the menu item. */
|
|
773
|
-
id: SignalLike<string>;
|
|
774
|
-
/** Whether the menu item is disabled. */
|
|
775
|
-
disabled: () => boolean;
|
|
776
|
-
/** The search term for the menu item. */
|
|
777
|
-
searchTerm: SignalLike<string>;
|
|
778
|
-
/** The element of the menu item. */
|
|
779
|
-
element: SignalLike<HTMLElement | undefined>;
|
|
780
|
-
/** Whether the menu item is active. */
|
|
781
|
-
active: Signal<boolean>;
|
|
782
|
-
/** Whether the menu item has received focus. */
|
|
783
|
-
hasBeenFocused: _angular_core.WritableSignal<boolean>;
|
|
784
|
-
/** The tab index of the menu item. */
|
|
785
|
-
tabIndex: Signal<0 | -1>;
|
|
786
|
-
/** The position of the menu item in the menu. */
|
|
787
|
-
index: Signal<number>;
|
|
788
|
-
/** Whether the menu item is expanded. */
|
|
789
|
-
expanded: Signal<boolean | null>;
|
|
790
|
-
/** Whether the menu item is expanded. */
|
|
791
|
-
_expanded: _angular_core.WritableSignal<boolean>;
|
|
792
|
-
/** The ID of the menu that the menu item controls. */
|
|
793
|
-
controls: _angular_core.WritableSignal<string | undefined>;
|
|
794
|
-
/** The role of the menu item. */
|
|
795
|
-
role: () => string;
|
|
796
|
-
/** Whether the menu item has a popup. */
|
|
797
|
-
hasPopup: Signal<boolean>;
|
|
798
|
-
/** The submenu associated with the menu item. */
|
|
799
|
-
submenu: SignalLike<MenuPattern<V> | undefined>;
|
|
800
|
-
/** Whether the menu item is selectable. */
|
|
801
|
-
selectable: SignalLike<boolean>;
|
|
802
|
-
constructor(inputs: MenuItemInputs<V>);
|
|
803
|
-
/** Opens the submenu. */
|
|
804
|
-
open(opts?: {
|
|
805
|
-
first?: boolean;
|
|
806
|
-
last?: boolean;
|
|
807
|
-
}): void;
|
|
808
|
-
/** Closes the submenu. */
|
|
809
|
-
close(opts?: {
|
|
810
|
-
refocus?: boolean;
|
|
811
|
-
}): void;
|
|
812
|
-
/** Handles focusin events for the menu item. */
|
|
813
|
-
onFocusIn(): void;
|
|
814
|
-
}
|
|
815
|
-
|
|
816
|
-
/** Represents an item that can be expanded or collapsed. */
|
|
817
|
-
interface ExpansionItem {
|
|
818
|
-
/** Whether the item is expandable. */
|
|
819
|
-
expandable: SignalLike<boolean>;
|
|
820
|
-
/** Whether the item is expanded. */
|
|
821
|
-
expanded: WritableSignalLike<boolean>;
|
|
822
|
-
/** Whether the expansion is disabled. */
|
|
823
|
-
disabled: SignalLike<boolean>;
|
|
824
|
-
}
|
|
825
|
-
/** Represents the required inputs for an expansion behavior. */
|
|
826
|
-
interface ListExpansionInputs {
|
|
827
|
-
/** Whether multiple items can be expanded at once. */
|
|
828
|
-
multiExpandable: SignalLike<boolean>;
|
|
829
|
-
/** An array of expansion items. */
|
|
830
|
-
items: SignalLike<ExpansionItem[]>;
|
|
831
|
-
/** Whether all expansions are disabled. */
|
|
832
|
-
disabled: SignalLike<boolean>;
|
|
833
|
-
}
|
|
834
|
-
/** Manages the expansion state of a list of items. */
|
|
835
|
-
declare class ListExpansion {
|
|
836
|
-
readonly inputs: ListExpansionInputs;
|
|
837
|
-
constructor(inputs: ListExpansionInputs);
|
|
838
|
-
/** Opens the specified item. */
|
|
839
|
-
open(item: ExpansionItem): boolean;
|
|
840
|
-
/** Closes the specified item. */
|
|
841
|
-
close(item: ExpansionItem): boolean;
|
|
842
|
-
/** Toggles the expansion state of the specified item. */
|
|
843
|
-
toggle(item: ExpansionItem): boolean;
|
|
844
|
-
/** Opens all focusable items in the list. */
|
|
845
|
-
openAll(): void;
|
|
846
|
-
/** Closes all focusable items in the list. */
|
|
847
|
-
closeAll(): void;
|
|
848
|
-
/** Checks whether the specified item is expandable / collapsible. */
|
|
849
|
-
isExpandable(item: ExpansionItem): boolean;
|
|
850
|
-
}
|
|
851
|
-
|
|
852
|
-
/** Represents the required inputs for the label control. */
|
|
853
|
-
interface LabelControlInputs {
|
|
854
|
-
/** The default `aria-labelledby` ids. */
|
|
855
|
-
defaultLabelledBy: SignalLike<string[]>;
|
|
856
|
-
}
|
|
857
|
-
/** Represents the optional inputs for the label control. */
|
|
858
|
-
interface LabelControlOptionalInputs {
|
|
859
|
-
/** The `aria-label`. */
|
|
860
|
-
label?: SignalLike<string | undefined>;
|
|
861
|
-
/** The user-provided `aria-labelledby` ids. */
|
|
862
|
-
labelledBy?: SignalLike<string[]>;
|
|
863
|
-
}
|
|
864
|
-
/** Controls label and description of an element. */
|
|
865
|
-
declare class LabelControl {
|
|
866
|
-
readonly inputs: LabelControlInputs & LabelControlOptionalInputs;
|
|
867
|
-
/** The `aria-label`. */
|
|
868
|
-
readonly label: _angular_core.Signal<string | undefined>;
|
|
869
|
-
/** The `aria-labelledby` ids. */
|
|
870
|
-
readonly labelledBy: _angular_core.Signal<string[]>;
|
|
871
|
-
constructor(inputs: LabelControlInputs & LabelControlOptionalInputs);
|
|
872
|
-
}
|
|
873
|
-
|
|
874
|
-
/** The required inputs to tabs. */
|
|
875
|
-
interface TabInputs extends Omit<ListNavigationItem, 'index'>, Omit<ExpansionItem, 'expandable'> {
|
|
876
|
-
/** The parent tablist that controls the tab. */
|
|
877
|
-
tablist: SignalLike<TabListPattern>;
|
|
878
|
-
/** The remote tabpanel controlled by the tab. */
|
|
879
|
-
tabpanel: SignalLike<TabPanelPattern | undefined>;
|
|
880
|
-
/** The remote tabpanel unique identifier. */
|
|
881
|
-
value: SignalLike<string>;
|
|
882
|
-
}
|
|
883
|
-
/** A tab in a tablist. */
|
|
884
|
-
declare class TabPattern {
|
|
885
|
-
readonly inputs: TabInputs;
|
|
886
|
-
/** A global unique identifier for the tab. */
|
|
887
|
-
readonly id: SignalLike<string>;
|
|
888
|
-
/** The index of the tab. */
|
|
889
|
-
readonly index: _angular_core.Signal<number>;
|
|
890
|
-
/** The remote tabpanel unique identifier. */
|
|
891
|
-
readonly value: SignalLike<string>;
|
|
892
|
-
/** Whether the tab is disabled. */
|
|
893
|
-
readonly disabled: SignalLike<boolean>;
|
|
894
|
-
/** The html element that should receive focus. */
|
|
895
|
-
readonly element: SignalLike<HTMLElement>;
|
|
896
|
-
/** Whether this tab has expandable panel. */
|
|
897
|
-
readonly expandable: SignalLike<boolean>;
|
|
898
|
-
/** Whether the tab panel is expanded. */
|
|
899
|
-
readonly expanded: WritableSignalLike<boolean>;
|
|
900
|
-
/** Whether the tab is active. */
|
|
901
|
-
readonly active: _angular_core.Signal<boolean>;
|
|
902
|
-
/** Whether the tab is selected. */
|
|
903
|
-
readonly selected: _angular_core.Signal<boolean>;
|
|
904
|
-
/** The tab index of the tab. */
|
|
905
|
-
readonly tabIndex: _angular_core.Signal<0 | -1>;
|
|
906
|
-
/** The id of the tabpanel associated with the tab. */
|
|
907
|
-
readonly controls: _angular_core.Signal<string | undefined>;
|
|
908
|
-
constructor(inputs: TabInputs);
|
|
909
|
-
/** Opens the tab. */
|
|
910
|
-
open(): boolean;
|
|
911
|
-
}
|
|
912
|
-
/** The required inputs for the tabpanel. */
|
|
913
|
-
interface TabPanelInputs extends LabelControlOptionalInputs {
|
|
914
|
-
/** A global unique identifier for the tabpanel. */
|
|
915
|
-
id: SignalLike<string>;
|
|
916
|
-
/** The tab that controls this tabpanel. */
|
|
917
|
-
tab: SignalLike<TabPattern | undefined>;
|
|
918
|
-
/** A local unique identifier for the tabpanel. */
|
|
919
|
-
value: SignalLike<string>;
|
|
920
|
-
}
|
|
921
|
-
/** A tabpanel associated with a tab. */
|
|
922
|
-
declare class TabPanelPattern {
|
|
923
|
-
readonly inputs: TabPanelInputs;
|
|
924
|
-
/** A global unique identifier for the tabpanel. */
|
|
925
|
-
readonly id: SignalLike<string>;
|
|
926
|
-
/** A local unique identifier for the tabpanel. */
|
|
927
|
-
readonly value: SignalLike<string>;
|
|
928
|
-
/** Controls label for this tabpanel. */
|
|
929
|
-
readonly labelManager: LabelControl;
|
|
930
|
-
/** Whether the tabpanel is hidden. */
|
|
931
|
-
readonly hidden: _angular_core.Signal<boolean>;
|
|
932
|
-
/** The tab index of this tabpanel. */
|
|
933
|
-
readonly tabIndex: _angular_core.Signal<-1 | 0>;
|
|
934
|
-
/** The aria-labelledby value for this tabpanel. */
|
|
935
|
-
readonly labelledBy: _angular_core.Signal<string | undefined>;
|
|
936
|
-
constructor(inputs: TabPanelInputs);
|
|
937
|
-
}
|
|
938
|
-
/** The required inputs for the tablist. */
|
|
939
|
-
interface TabListInputs extends Omit<ListNavigationInputs<TabPattern>, 'multi'>, Omit<ListExpansionInputs, 'multiExpandable' | 'items'> {
|
|
940
|
-
/** The selection strategy used by the tablist. */
|
|
941
|
-
selectionMode: SignalLike<'follow' | 'explicit'>;
|
|
942
|
-
}
|
|
943
|
-
/** Controls the state of a tablist. */
|
|
944
|
-
declare class TabListPattern {
|
|
945
|
-
readonly inputs: TabListInputs;
|
|
946
|
-
/** The list focus behavior for the tablist. */
|
|
947
|
-
readonly focusBehavior: ListFocus<TabPattern>;
|
|
948
|
-
/** The list navigation behavior for the tablist. */
|
|
949
|
-
readonly navigationBehavior: ListNavigation<TabPattern>;
|
|
950
|
-
/** Controls expansion for the tablist. */
|
|
951
|
-
readonly expansionBehavior: ListExpansion;
|
|
952
|
-
/** The currently active tab. */
|
|
953
|
-
readonly activeTab: SignalLike<TabPattern | undefined>;
|
|
954
|
-
/** The currently selected tab. */
|
|
955
|
-
readonly selectedTab: WritableSignal<TabPattern | undefined>;
|
|
956
|
-
/** Whether the tablist is vertically or horizontally oriented. */
|
|
957
|
-
readonly orientation: SignalLike<'vertical' | 'horizontal'>;
|
|
958
|
-
/** Whether the tablist is disabled. */
|
|
959
|
-
readonly disabled: SignalLike<boolean>;
|
|
960
|
-
/** The tab index of the tablist. */
|
|
961
|
-
readonly tabIndex: _angular_core.Signal<0 | -1>;
|
|
962
|
-
/** The id of the current active tab. */
|
|
963
|
-
readonly activeDescendant: _angular_core.Signal<string | undefined>;
|
|
964
|
-
/** Whether selection should follow focus. */
|
|
965
|
-
readonly followFocus: _angular_core.Signal<boolean>;
|
|
966
|
-
/** The key used to navigate to the previous tab in the tablist. */
|
|
967
|
-
readonly prevKey: _angular_core.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
|
|
968
|
-
/** The key used to navigate to the next item in the list. */
|
|
969
|
-
readonly nextKey: _angular_core.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
|
|
970
|
-
/** The keydown event manager for the tablist. */
|
|
971
|
-
readonly keydown: _angular_core.Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
972
|
-
/** The pointerdown event manager for the tablist. */
|
|
973
|
-
readonly pointerdown: _angular_core.Signal<PointerEventManager<PointerEvent>>;
|
|
974
|
-
constructor(inputs: TabListInputs);
|
|
975
|
-
/**
|
|
976
|
-
* Sets the tablist to its default initial state.
|
|
977
|
-
*
|
|
978
|
-
* Sets the active index of the tablist to the first focusable selected
|
|
979
|
-
* tab if one exists. Otherwise, sets focus to the first focusable tab.
|
|
980
|
-
*
|
|
981
|
-
* This method should be called once the tablist and its tabs are properly initialized.
|
|
982
|
-
*/
|
|
983
|
-
setDefaultState(): void;
|
|
984
|
-
/** Handles keydown events for the tablist. */
|
|
985
|
-
onKeydown(event: KeyboardEvent): void;
|
|
986
|
-
/** The pointerdown event manager for the tablist. */
|
|
987
|
-
onPointerdown(event: PointerEvent): void;
|
|
988
|
-
/** Opens the tab by given value. */
|
|
989
|
-
open(value: string): boolean;
|
|
990
|
-
/** Opens the given tab or the current active tab. */
|
|
991
|
-
open(tab?: TabPattern): boolean;
|
|
992
|
-
/** Executes a navigation operation and expand the active tab if needed. */
|
|
993
|
-
private _navigate;
|
|
994
|
-
/** Returns the tab item associated with the given pointer event. */
|
|
995
|
-
private _getItem;
|
|
996
|
-
}
|
|
997
|
-
|
|
998
|
-
/** Represents the required inputs for a toolbar widget group. */
|
|
999
|
-
interface ToolbarWidgetGroupInputs<T extends ListItem<V>, V> {
|
|
1000
|
-
/** A reference to the parent toolbar. */
|
|
1001
|
-
toolbar: SignalLike<ToolbarPattern<V> | undefined>;
|
|
1002
|
-
/** Whether the widget group is disabled. */
|
|
1003
|
-
disabled: SignalLike<boolean>;
|
|
1004
|
-
/** The list of items within the widget group. */
|
|
1005
|
-
items: SignalLike<T[]>;
|
|
1006
|
-
/** Whether the group allows multiple widgets to be selected. */
|
|
1007
|
-
multi: SignalLike<boolean>;
|
|
1008
|
-
}
|
|
1009
|
-
/** A group of widgets within a toolbar that provides nested navigation. */
|
|
1010
|
-
declare class ToolbarWidgetGroupPattern<T extends ListItem<V>, V> {
|
|
1011
|
-
readonly inputs: ToolbarWidgetGroupInputs<T, V>;
|
|
1012
|
-
/** Whether the widget is disabled. */
|
|
1013
|
-
readonly disabled: () => boolean;
|
|
1014
|
-
/** A reference to the parent toolbar. */
|
|
1015
|
-
readonly toolbar: () => ToolbarPattern<V> | undefined;
|
|
1016
|
-
/** Whether the group allows multiple widgets to be selected. */
|
|
1017
|
-
readonly multi: () => boolean;
|
|
1018
|
-
readonly searchTerm: () => string;
|
|
1019
|
-
readonly value: () => V;
|
|
1020
|
-
readonly selectable: () => boolean;
|
|
1021
|
-
readonly element: () => undefined;
|
|
1022
|
-
constructor(inputs: ToolbarWidgetGroupInputs<T, V>);
|
|
1023
|
-
}
|
|
1024
|
-
|
|
1025
|
-
/** Represents the required inputs for a toolbar widget in a toolbar. */
|
|
1026
|
-
interface ToolbarWidgetInputs<V> extends Omit<ListItem<V>, 'searchTerm' | 'index' | 'selectable'> {
|
|
1027
|
-
/** A reference to the parent toolbar. */
|
|
1028
|
-
toolbar: SignalLike<ToolbarPattern<V>>;
|
|
1029
|
-
/** A reference to the parent widget group. */
|
|
1030
|
-
group: SignalLike<ToolbarWidgetGroupPattern<ToolbarWidgetPattern<V>, V> | undefined>;
|
|
1031
|
-
}
|
|
1032
|
-
declare class ToolbarWidgetPattern<V> implements ListItem<V> {
|
|
1033
|
-
readonly inputs: ToolbarWidgetInputs<V>;
|
|
1034
|
-
/** A unique identifier for the widget. */
|
|
1035
|
-
readonly id: () => string;
|
|
1036
|
-
/** The html element that should receive focus. */
|
|
1037
|
-
readonly element: () => HTMLElement | undefined;
|
|
1038
|
-
/** Whether the widget is disabled. */
|
|
1039
|
-
readonly disabled: () => boolean;
|
|
1040
|
-
/** A reference to the parent toolbar. */
|
|
1041
|
-
readonly group: () => ToolbarWidgetGroupPattern<ToolbarWidgetPattern<V>, V> | undefined;
|
|
1042
|
-
/** A reference to the toolbar containing the widget. */
|
|
1043
|
-
readonly toolbar: () => ToolbarPattern<V>;
|
|
1044
|
-
/** The tabindex of the widget. */
|
|
1045
|
-
readonly tabIndex: _angular_core.Signal<0 | -1>;
|
|
1046
|
-
/** The text used by the typeahead search. */
|
|
1047
|
-
readonly searchTerm: () => string;
|
|
1048
|
-
/** The value associated with the widget. */
|
|
1049
|
-
readonly value: () => V;
|
|
1050
|
-
/** Whether the widget is selectable. */
|
|
1051
|
-
readonly selectable: () => boolean;
|
|
1052
|
-
/** The position of the widget within the toolbar. */
|
|
1053
|
-
readonly index: _angular_core.Signal<number>;
|
|
1054
|
-
/** Whether the widget is selected (only relevant in a selection group). */
|
|
1055
|
-
readonly selected: _angular_core.Signal<boolean>;
|
|
1056
|
-
/** Whether the widget is currently the active one (focused). */
|
|
1057
|
-
readonly active: SignalLike<boolean>;
|
|
1058
|
-
constructor(inputs: ToolbarWidgetInputs<V>);
|
|
1059
|
-
}
|
|
1060
|
-
|
|
1061
|
-
/** Represents the required inputs for a toolbar. */
|
|
1062
|
-
type ToolbarInputs<V> = Omit<ListInputs<ToolbarWidgetPattern<V>, V>, 'multi' | 'typeaheadDelay' | 'selectionMode' | 'focusMode'> & {
|
|
1063
|
-
/** A function that returns the toolbar item associated with a given element. */
|
|
1064
|
-
getItem: (e: Element) => ToolbarWidgetPattern<V> | undefined;
|
|
1065
|
-
};
|
|
1066
|
-
/** Controls the state of a toolbar. */
|
|
1067
|
-
declare class ToolbarPattern<V> {
|
|
1068
|
-
readonly inputs: ToolbarInputs<V>;
|
|
1069
|
-
/** The list behavior for the toolbar. */
|
|
1070
|
-
readonly listBehavior: List<ToolbarWidgetPattern<V>, V>;
|
|
1071
|
-
/** Whether the tablist is vertically or horizontally oriented. */
|
|
1072
|
-
readonly orientation: SignalLike<'vertical' | 'horizontal'>;
|
|
1073
|
-
/** Whether disabled items in the group should be focusable. */
|
|
1074
|
-
readonly softDisabled: SignalLike<boolean>;
|
|
1075
|
-
/** Whether the toolbar is disabled. */
|
|
1076
|
-
readonly disabled: _angular_core.Signal<boolean>;
|
|
1077
|
-
/** The tab index of the toolbar (if using activedescendant). */
|
|
1078
|
-
readonly tabIndex: _angular_core.Signal<0 | -1>;
|
|
1079
|
-
/** The id of the current active widget (if using activedescendant). */
|
|
1080
|
-
readonly activeDescendant: _angular_core.Signal<string | undefined>;
|
|
1081
|
-
/** The currently active item in the toolbar. */
|
|
1082
|
-
readonly activeItem: () => ToolbarWidgetPattern<V> | undefined;
|
|
1083
|
-
/** The key used to navigate to the previous widget. */
|
|
1084
|
-
private readonly _prevKey;
|
|
1085
|
-
/** The key used to navigate to the next widget. */
|
|
1086
|
-
private readonly _nextKey;
|
|
1087
|
-
/** The alternate key used to navigate to the previous widget. */
|
|
1088
|
-
private readonly _altPrevKey;
|
|
1089
|
-
/** The alternate key used to navigate to the next widget. */
|
|
1090
|
-
private readonly _altNextKey;
|
|
1091
|
-
/** The keydown event manager for the toolbar. */
|
|
1092
|
-
private readonly _keydown;
|
|
1093
|
-
/** Navigates to the next widget in a widget group. */
|
|
1094
|
-
private _groupNext;
|
|
1095
|
-
/** Navigates to the previous widget in a widget group. */
|
|
1096
|
-
private _groupPrev;
|
|
1097
|
-
/** Navigates to the widget targeted by a pointer event. */
|
|
1098
|
-
private _goto;
|
|
1099
|
-
select(): void;
|
|
1100
|
-
constructor(inputs: ToolbarInputs<V>);
|
|
1101
|
-
/** Handles keydown events for the toolbar. */
|
|
1102
|
-
onKeydown(event: KeyboardEvent): void;
|
|
1103
|
-
onPointerdown(event: PointerEvent): void;
|
|
1104
|
-
/** Handles click events for the toolbar. */
|
|
1105
|
-
onClick(event: MouseEvent): void;
|
|
1106
|
-
/**
|
|
1107
|
-
* Sets the toolbar to its default initial state.
|
|
1108
|
-
*
|
|
1109
|
-
* Sets the active index to the selected widget if one exists and is focusable.
|
|
1110
|
-
* Otherwise, sets the active index to the first focusable widget.
|
|
1111
|
-
*/
|
|
1112
|
-
setDefaultState(): void;
|
|
1113
|
-
/** Validates the state of the toolbar and returns a list of accessibility violations. */
|
|
1114
|
-
validate(): string[];
|
|
1115
|
-
}
|
|
1116
|
-
|
|
1117
|
-
/** Inputs of the AccordionGroupPattern. */
|
|
1118
|
-
interface AccordionGroupInputs extends Omit<ListNavigationInputs<AccordionTriggerPattern> & ListFocusInputs<AccordionTriggerPattern> & Omit<ListExpansionInputs, 'items'>, 'focusMode'> {
|
|
1119
|
-
/** A function that returns the trigger associated with a given element. */
|
|
1120
|
-
getItem: (e: Element | null | undefined) => AccordionTriggerPattern | undefined;
|
|
1121
|
-
}
|
|
1122
|
-
/** A pattern controls the nested Accordions. */
|
|
1123
|
-
declare class AccordionGroupPattern {
|
|
1124
|
-
readonly inputs: AccordionGroupInputs;
|
|
1125
|
-
/** Controls navigation for the group. */
|
|
1126
|
-
readonly navigationBehavior: ListNavigation<AccordionTriggerPattern>;
|
|
1127
|
-
/** Controls focus for the group. */
|
|
1128
|
-
readonly focusBehavior: ListFocus<AccordionTriggerPattern>;
|
|
1129
|
-
/** Controls expansion for the group. */
|
|
1130
|
-
readonly expansionBehavior: ListExpansion;
|
|
1131
|
-
constructor(inputs: AccordionGroupInputs);
|
|
1132
|
-
/** The key used to navigate to the previous accordion trigger. */
|
|
1133
|
-
prevKey: _angular_core.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
|
|
1134
|
-
/** The key used to navigate to the next accordion trigger. */
|
|
1135
|
-
nextKey: _angular_core.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
|
|
1136
|
-
/** The keydown event manager for the accordion trigger. */
|
|
1137
|
-
keydown: _angular_core.Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
1138
|
-
/** The pointerdown event manager for the accordion trigger. */
|
|
1139
|
-
pointerdown: _angular_core.Signal<PointerEventManager<PointerEvent>>;
|
|
1140
|
-
/** Handles keydown events on the trigger, delegating to the group if not disabled. */
|
|
1141
|
-
onKeydown(event: KeyboardEvent): void;
|
|
1142
|
-
/** Handles pointerdown events on the trigger, delegating to the group if not disabled. */
|
|
1143
|
-
onPointerdown(event: PointerEvent): void;
|
|
1144
|
-
/** Handles focus events on the trigger. This ensures the tabbing changes the active index. */
|
|
1145
|
-
onFocus(event: FocusEvent): void;
|
|
1146
|
-
/** Toggles the expansion state of the active accordion item. */
|
|
1147
|
-
toggle(): void;
|
|
1148
|
-
}
|
|
1149
|
-
/** Inputs for the AccordionTriggerPattern. */
|
|
1150
|
-
interface AccordionTriggerInputs extends Omit<ListNavigationItem & ListFocusItem, 'index'>, Omit<ExpansionItem, 'expandable'> {
|
|
1151
|
-
/** A local unique identifier for the trigger's corresponding panel. */
|
|
1152
|
-
panelId: SignalLike<string>;
|
|
1153
|
-
/** The parent accordion group that controls this trigger. */
|
|
1154
|
-
accordionGroup: SignalLike<AccordionGroupPattern>;
|
|
1155
|
-
/** The accordion panel controlled by this trigger. */
|
|
1156
|
-
accordionPanel: SignalLike<AccordionPanelPattern | undefined>;
|
|
1157
|
-
}
|
|
1158
|
-
/** A pattern controls the expansion state of an accordion. */
|
|
1159
|
-
declare class AccordionTriggerPattern implements ListNavigationItem, ListFocusItem, ExpansionItem {
|
|
1160
|
-
readonly inputs: AccordionTriggerInputs;
|
|
1161
|
-
/** A unique identifier for this trigger. */
|
|
1162
|
-
readonly id: SignalLike<string>;
|
|
1163
|
-
/** A reference to the trigger element. */
|
|
1164
|
-
readonly element: SignalLike<HTMLElement>;
|
|
1165
|
-
/** Whether this trigger has expandable panel. */
|
|
1166
|
-
readonly expandable: SignalLike<boolean>;
|
|
1167
|
-
/** Whether the corresponding panel is expanded. */
|
|
1168
|
-
readonly expanded: WritableSignalLike<boolean>;
|
|
1169
|
-
/** Whether the trigger is active. */
|
|
1170
|
-
readonly active: _angular_core.Signal<boolean>;
|
|
1171
|
-
/** Id of the accordion panel controlled by the trigger. */
|
|
1172
|
-
readonly controls: _angular_core.Signal<string | undefined>;
|
|
1173
|
-
/** The tabindex of the trigger. */
|
|
1174
|
-
readonly tabIndex: _angular_core.Signal<-1 | 0>;
|
|
1175
|
-
/** Whether the trigger is disabled. Disabling an accordion group disables all the triggers. */
|
|
1176
|
-
readonly disabled: _angular_core.Signal<boolean>;
|
|
1177
|
-
/** Whether the trigger is hard disabled. */
|
|
1178
|
-
readonly hardDisabled: _angular_core.Signal<boolean>;
|
|
1179
|
-
/** The index of the trigger within its accordion group. */
|
|
1180
|
-
readonly index: _angular_core.Signal<number>;
|
|
1181
|
-
constructor(inputs: AccordionTriggerInputs);
|
|
1182
|
-
/** Opens the accordion panel. */
|
|
1183
|
-
open(): void;
|
|
1184
|
-
/** Closes the accordion panel. */
|
|
1185
|
-
close(): void;
|
|
1186
|
-
/** Toggles the accordion panel. */
|
|
1187
|
-
toggle(): void;
|
|
1188
|
-
}
|
|
1189
|
-
/** Represents the required inputs for the AccordionPanelPattern. */
|
|
1190
|
-
interface AccordionPanelInputs {
|
|
1191
|
-
/** A global unique identifier for the panel. */
|
|
1192
|
-
id: SignalLike<string>;
|
|
1193
|
-
/** A local unique identifier for the panel, matching its trigger's panelId. */
|
|
1194
|
-
panelId: SignalLike<string>;
|
|
1195
|
-
/** The parent accordion trigger that controls this panel. */
|
|
1196
|
-
accordionTrigger: SignalLike<AccordionTriggerPattern | undefined>;
|
|
1197
|
-
}
|
|
1198
|
-
/** Represents an accordion panel. */
|
|
1199
|
-
declare class AccordionPanelPattern {
|
|
1200
|
-
readonly inputs: AccordionPanelInputs;
|
|
1201
|
-
/** A global unique identifier for the panel. */
|
|
1202
|
-
id: SignalLike<string>;
|
|
1203
|
-
/** The parent accordion trigger that controls this panel. */
|
|
1204
|
-
accordionTrigger: SignalLike<AccordionTriggerPattern | undefined>;
|
|
1205
|
-
/** Whether the accordion panel is hidden. True if the associated trigger is not expanded. */
|
|
1206
|
-
hidden: SignalLike<boolean>;
|
|
1207
|
-
constructor(inputs: AccordionPanelInputs);
|
|
1208
|
-
}
|
|
1209
|
-
|
|
1210
|
-
/** Represents the required inputs for a tree item. */
|
|
1211
|
-
interface TreeItemInputs<V> extends Omit<ListItem<V>, 'index'>, Omit<ExpansionItem, 'expandable'> {
|
|
1212
|
-
/** The parent item. */
|
|
1213
|
-
parent: SignalLike<TreeItemPattern<V> | TreePattern<V>>;
|
|
1214
|
-
/** Whether this item has children. Children can be lazily loaded. */
|
|
1215
|
-
hasChildren: SignalLike<boolean>;
|
|
1216
|
-
/** The children items. */
|
|
1217
|
-
children: SignalLike<TreeItemPattern<V>[]>;
|
|
1218
|
-
/** The tree pattern this item belongs to. */
|
|
1219
|
-
tree: SignalLike<TreePattern<V>>;
|
|
1220
|
-
}
|
|
1221
|
-
/**
|
|
1222
|
-
* Represents an item in a Tree.
|
|
1223
|
-
*/
|
|
1224
|
-
declare class TreeItemPattern<V> implements ListItem<V>, ExpansionItem {
|
|
1225
|
-
readonly inputs: TreeItemInputs<V>;
|
|
1226
|
-
/** A unique identifier for this item. */
|
|
1227
|
-
readonly id: SignalLike<string>;
|
|
1228
|
-
/** The value of this item. */
|
|
1229
|
-
readonly value: SignalLike<V>;
|
|
1230
|
-
/** A reference to the item element. */
|
|
1231
|
-
readonly element: SignalLike<HTMLElement>;
|
|
1232
|
-
/** Whether the item is disabled. */
|
|
1233
|
-
readonly disabled: SignalLike<boolean>;
|
|
1234
|
-
/** The text used by the typeahead search. */
|
|
1235
|
-
readonly searchTerm: SignalLike<string>;
|
|
1236
|
-
/** The tree pattern this item belongs to. */
|
|
1237
|
-
readonly tree: SignalLike<TreePattern<V>>;
|
|
1238
|
-
/** The parent item. */
|
|
1239
|
-
readonly parent: SignalLike<TreeItemPattern<V> | TreePattern<V>>;
|
|
1240
|
-
/** The children items. */
|
|
1241
|
-
readonly children: SignalLike<TreeItemPattern<V>[]>;
|
|
1242
|
-
/** The position of this item among its siblings. */
|
|
1243
|
-
readonly index: _angular_core.Signal<number>;
|
|
1244
|
-
/** Controls expansion for child items. */
|
|
1245
|
-
readonly expansionBehavior: ListExpansion;
|
|
1246
|
-
/** Whether the item is expandable. It's expandable if children item exist. */
|
|
1247
|
-
readonly expandable: SignalLike<boolean>;
|
|
1248
|
-
/** Whether the item is selectable. */
|
|
1249
|
-
readonly selectable: SignalLike<boolean>;
|
|
1250
|
-
/** Whether the item is expanded. */
|
|
1251
|
-
readonly expanded: WritableSignalLike<boolean>;
|
|
1252
|
-
/** The level of the current item in a tree. */
|
|
1253
|
-
readonly level: SignalLike<number>;
|
|
1254
|
-
/** Whether this item is visible. */
|
|
1255
|
-
readonly visible: SignalLike<boolean>;
|
|
1256
|
-
/** The number of items under the same parent at the same level. */
|
|
1257
|
-
readonly setsize: _angular_core.Signal<number>;
|
|
1258
|
-
/** The position of this item among its siblings (1-based). */
|
|
1259
|
-
readonly posinset: _angular_core.Signal<number>;
|
|
1260
|
-
/** Whether the item is active. */
|
|
1261
|
-
readonly active: _angular_core.Signal<boolean>;
|
|
1262
|
-
/** The tab index of the item. */
|
|
1263
|
-
readonly tabIndex: _angular_core.Signal<0 | -1>;
|
|
1264
|
-
/** Whether the item is selected. */
|
|
1265
|
-
readonly selected: SignalLike<boolean | undefined>;
|
|
1266
|
-
/** The current type of this item. */
|
|
1267
|
-
readonly current: SignalLike<string | undefined>;
|
|
1268
|
-
constructor(inputs: TreeItemInputs<V>);
|
|
1269
|
-
}
|
|
1270
|
-
/** The selection operations that the tree can perform. */
|
|
1271
|
-
interface SelectOptions {
|
|
1272
|
-
toggle?: boolean;
|
|
1273
|
-
selectOne?: boolean;
|
|
1274
|
-
selectRange?: boolean;
|
|
1275
|
-
anchor?: boolean;
|
|
1276
|
-
}
|
|
1277
|
-
/** Represents the required inputs for a tree. */
|
|
1278
|
-
interface TreeInputs<V> extends Omit<ListInputs<TreeItemPattern<V>, V>, 'items'> {
|
|
1279
|
-
/** A unique identifier for the tree. */
|
|
1280
|
-
id: SignalLike<string>;
|
|
1281
|
-
/** All items in the tree, in document order (DFS-like, a flattened list). */
|
|
1282
|
-
allItems: SignalLike<TreeItemPattern<V>[]>;
|
|
1283
|
-
/** Whether the tree is in navigation mode. */
|
|
1284
|
-
nav: SignalLike<boolean>;
|
|
1285
|
-
/** The aria-current type. */
|
|
1286
|
-
currentType: SignalLike<'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'>;
|
|
1287
|
-
}
|
|
1288
|
-
/** Controls the state and interactions of a tree view. */
|
|
1289
|
-
declare class TreePattern<V> implements TreeInputs<V> {
|
|
1290
|
-
readonly inputs: TreeInputs<V>;
|
|
1291
|
-
/** The list behavior for the tree. */
|
|
1292
|
-
readonly listBehavior: List<TreeItemPattern<V>, V>;
|
|
1293
|
-
/** Controls expansion for direct children of the tree root (top-level items). */
|
|
1294
|
-
readonly expansionBehavior: ListExpansion;
|
|
1295
|
-
/** The root level is 0. */
|
|
1296
|
-
readonly level: () => number;
|
|
1297
|
-
/** The root is always expanded. */
|
|
1298
|
-
readonly expanded: () => boolean;
|
|
1299
|
-
/** The root is always visible. */
|
|
1300
|
-
readonly visible: () => boolean;
|
|
1301
|
-
/** The tab index of the tree. */
|
|
1302
|
-
readonly tabIndex: SignalLike<-1 | 0>;
|
|
1303
|
-
/** The id of the current active item. */
|
|
1304
|
-
readonly activeDescendant: _angular_core.Signal<string | undefined>;
|
|
1305
|
-
/** The direct children of the root (top-level tree items). */
|
|
1306
|
-
readonly children: _angular_core.Signal<TreeItemPattern<V>[]>;
|
|
1307
|
-
/** All currently visible tree items. An item is visible if their parent is expanded. */
|
|
1308
|
-
readonly visibleItems: _angular_core.Signal<TreeItemPattern<V>[]>;
|
|
1309
|
-
/** Whether the tree selection follows focus. */
|
|
1310
|
-
readonly followFocus: _angular_core.Signal<boolean>;
|
|
1311
|
-
/** Whether the tree direction is RTL. */
|
|
1312
|
-
readonly isRtl: _angular_core.Signal<boolean>;
|
|
1313
|
-
/** The key for navigating to the previous item. */
|
|
1314
|
-
readonly prevKey: _angular_core.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
|
|
1315
|
-
/** The key for navigating to the next item. */
|
|
1316
|
-
readonly nextKey: _angular_core.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
|
|
1317
|
-
/** The key for collapsing an item or moving to its parent. */
|
|
1318
|
-
readonly collapseKey: _angular_core.Signal<"ArrowUp" | "ArrowRight" | "ArrowLeft">;
|
|
1319
|
-
/** The key for expanding an item or moving to its first child. */
|
|
1320
|
-
readonly expandKey: _angular_core.Signal<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
|
|
1321
|
-
/** Represents the space key. Does nothing when the user is actively using typeahead. */
|
|
1322
|
-
readonly dynamicSpaceKey: _angular_core.Signal<"" | " ">;
|
|
1323
|
-
/** Regular expression to match characters for typeahead. */
|
|
1324
|
-
readonly typeaheadRegexp: RegExp;
|
|
1325
|
-
/** The keydown event manager for the tree. */
|
|
1326
|
-
readonly keydown: _angular_core.Signal<KeyboardEventManager<KeyboardEvent>>;
|
|
1327
|
-
/** The pointerdown event manager for the tree. */
|
|
1328
|
-
pointerdown: _angular_core.Signal<PointerEventManager<PointerEvent>>;
|
|
1329
|
-
/** A unique identifier for the tree. */
|
|
1330
|
-
readonly id: SignalLike<string>;
|
|
1331
|
-
/** The host native element. */
|
|
1332
|
-
readonly element: SignalLike<HTMLElement>;
|
|
1333
|
-
/** Whether the tree is in navigation mode. */
|
|
1334
|
-
readonly nav: SignalLike<boolean>;
|
|
1335
|
-
/** The aria-current type. */
|
|
1336
|
-
readonly currentType: SignalLike<'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'>;
|
|
1337
|
-
/** All items in the tree, in document order (DFS-like, a flattened list). */
|
|
1338
|
-
readonly allItems: SignalLike<TreeItemPattern<V>[]>;
|
|
1339
|
-
/** The focus strategy used by the tree. */
|
|
1340
|
-
readonly focusMode: SignalLike<'roving' | 'activedescendant'>;
|
|
1341
|
-
/** Whether the tree is disabled. */
|
|
1342
|
-
readonly disabled: SignalLike<boolean>;
|
|
1343
|
-
/** The currently active item in the tree. */
|
|
1344
|
-
readonly activeItem: WritableSignalLike<TreeItemPattern<V> | undefined>;
|
|
1345
|
-
/** Whether disabled items should be focusable. */
|
|
1346
|
-
readonly softDisabled: SignalLike<boolean>;
|
|
1347
|
-
/** Whether the focus should wrap when navigating past the first or last item. */
|
|
1348
|
-
readonly wrap: SignalLike<boolean>;
|
|
1349
|
-
/** The orientation of the tree. */
|
|
1350
|
-
readonly orientation: SignalLike<'vertical' | 'horizontal'>;
|
|
1351
|
-
/** The text direction of the tree. */
|
|
1352
|
-
readonly textDirection: SignalLike<'ltr' | 'rtl'>;
|
|
1353
|
-
/** Whether multiple items can be selected at the same time. */
|
|
1354
|
-
readonly multi: SignalLike<boolean>;
|
|
1355
|
-
/** The selection mode of the tree. */
|
|
1356
|
-
readonly selectionMode: SignalLike<'follow' | 'explicit'>;
|
|
1357
|
-
/** The delay in milliseconds to wait before clearing the typeahead buffer. */
|
|
1358
|
-
readonly typeaheadDelay: SignalLike<number>;
|
|
1359
|
-
/** The current selected items of the tree. */
|
|
1360
|
-
readonly values: WritableSignalLike<V[]>;
|
|
1361
|
-
constructor(inputs: TreeInputs<V>);
|
|
1362
|
-
/**
|
|
1363
|
-
* Sets the tree to it's default initial state.
|
|
1364
|
-
*
|
|
1365
|
-
* Sets the active index of the tree to the first focusable selected tree item if one exists.
|
|
1366
|
-
* Otherwise, sets focus to the first focusable tree item.
|
|
1367
|
-
*/
|
|
1368
|
-
setDefaultState(): void;
|
|
1369
|
-
/** Handles keydown events on the tree. */
|
|
1370
|
-
onKeydown(event: KeyboardEvent): void;
|
|
1371
|
-
/** Handles pointerdown events on the tree. */
|
|
1372
|
-
onPointerdown(event: PointerEvent): void;
|
|
1373
|
-
/** Navigates to the given tree item in the tree. */
|
|
1374
|
-
goto(e: PointerEvent, opts?: SelectOptions): void;
|
|
1375
|
-
/** Toggles to expand or collapse a tree item. */
|
|
1376
|
-
toggleExpansion(item?: TreeItemPattern<V>): void;
|
|
1377
|
-
/** Expands a tree item. */
|
|
1378
|
-
expand(opts?: SelectOptions): void;
|
|
1379
|
-
/** Expands all sibling tree items including itself. */
|
|
1380
|
-
expandSiblings(item?: TreeItemPattern<V>): void;
|
|
1381
|
-
/** Collapses a tree item. */
|
|
1382
|
-
collapse(opts?: SelectOptions): void;
|
|
1383
|
-
/** Retrieves the TreeItemPattern associated with a DOM event, if any. */
|
|
1384
|
-
protected _getItem(event: Event): TreeItemPattern<V> | undefined;
|
|
1385
|
-
}
|
|
1386
|
-
|
|
1387
77
|
type ComboboxTreeInputs<V> = TreeInputs<V> & {
|
|
1388
78
|
/** The combobox controlling the tree. */
|
|
1389
79
|
combobox: SignalLike<ComboboxPattern<TreeItemPattern<V>, V> | undefined>;
|
|
@@ -1394,11 +84,11 @@ declare class ComboboxTreePattern<V> extends TreePattern<V> implements ComboboxT
|
|
|
1394
84
|
isItemCollapsible: () => boolean;
|
|
1395
85
|
/** The ARIA role for the tree. */
|
|
1396
86
|
role: () => "tree";
|
|
1397
|
-
activeId:
|
|
87
|
+
activeId: SignalLike<string | undefined>;
|
|
1398
88
|
/** Returns the currently active (focused) item in the tree. */
|
|
1399
89
|
getActiveItem: () => TreeItemPattern<V> | undefined;
|
|
1400
90
|
/** The list of items in the tree. */
|
|
1401
|
-
items:
|
|
91
|
+
items: SignalLike<TreeItemPattern<V>[]>;
|
|
1402
92
|
/** The tab index for the tree. Always -1 because the combobox handles focus. */
|
|
1403
93
|
tabIndex: SignalLike<-1 | 0>;
|
|
1404
94
|
constructor(inputs: ComboboxTreeInputs<V>);
|
|
@@ -1446,43 +136,5 @@ declare class ComboboxTreePattern<V> extends TreePattern<V> implements ComboboxT
|
|
|
1446
136
|
isItemSelectable: (item?: TreeItemPattern<V> | undefined) => boolean;
|
|
1447
137
|
}
|
|
1448
138
|
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
*/
|
|
1452
|
-
declare class DeferredContentAware {
|
|
1453
|
-
readonly contentVisible: _angular_core.WritableSignal<boolean>;
|
|
1454
|
-
readonly preserveContent: _angular_core.ModelSignal<boolean>;
|
|
1455
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeferredContentAware, never>;
|
|
1456
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DeferredContentAware, never, never, { "preserveContent": { "alias": "preserveContent"; "required": false; "isSignal": true; }; }, { "preserveContent": "preserveContentChange"; }, never, never, true, never>;
|
|
1457
|
-
}
|
|
1458
|
-
/**
|
|
1459
|
-
* DeferredContent loads/unloads the content based on the visibility.
|
|
1460
|
-
* The visibilty signal is sent from a parent directive implements
|
|
1461
|
-
* DeferredContentAware.
|
|
1462
|
-
*
|
|
1463
|
-
* Use this directive as a host directive. For example:
|
|
1464
|
-
*
|
|
1465
|
-
* ```ts
|
|
1466
|
-
* @Directive({
|
|
1467
|
-
* selector: 'ng-template[AccordionContent]',
|
|
1468
|
-
* hostDirectives: [DeferredContent],
|
|
1469
|
-
* })
|
|
1470
|
-
* class AccordionContent {}
|
|
1471
|
-
* ```
|
|
1472
|
-
*/
|
|
1473
|
-
declare class DeferredContent implements OnDestroy {
|
|
1474
|
-
private readonly _deferredContentAware;
|
|
1475
|
-
private readonly _templateRef;
|
|
1476
|
-
private readonly _viewContainerRef;
|
|
1477
|
-
private _currentViewRef;
|
|
1478
|
-
private _isRendered;
|
|
1479
|
-
readonly deferredContentAware: _angular_core.WritableSignal<DeferredContentAware | null>;
|
|
1480
|
-
constructor();
|
|
1481
|
-
ngOnDestroy(): void;
|
|
1482
|
-
private _destroyContent;
|
|
1483
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeferredContent, never>;
|
|
1484
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DeferredContent, never, never, {}, {}, never, never, true, never>;
|
|
1485
|
-
}
|
|
1486
|
-
|
|
1487
|
-
export { AccordionGroupPattern, AccordionPanelPattern, AccordionTriggerPattern, ComboboxDialogPattern, ComboboxListboxPattern, ComboboxPattern, ComboboxTreePattern, DeferredContent, DeferredContentAware, ListboxPattern, MenuBarPattern, MenuItemPattern, MenuPattern, MenuTriggerPattern, OptionPattern, SignalLike, TabListPattern, TabPanelPattern, TabPattern, ToolbarPattern, ToolbarWidgetGroupPattern, ToolbarWidgetPattern, TreeItemPattern, TreePattern, WritableSignalLike };
|
|
1488
|
-
export type { AccordionGroupInputs, AccordionPanelInputs, AccordionTriggerInputs, ComboboxInputs, ComboboxListboxControls, ComboboxListboxInputs, ComboboxTreeControls, ComboboxTreeInputs, ListboxInputs, MenuBarInputs, MenuInputs, MenuItemInputs, MenuTriggerInputs, OptionInputs, TabInputs, TabListInputs, TabPanelInputs, ToolbarInputs, ToolbarWidgetGroupInputs, ToolbarWidgetInputs, TreeInputs, TreeItemInputs };
|
|
139
|
+
export { ComboboxListboxControls, ComboboxListboxPattern, ComboboxPattern, ComboboxTreeControls, ComboboxTreePattern, ListboxInputs, ListboxPattern, OptionPattern, SignalLike, TreeInputs, TreeItemPattern, TreePattern };
|
|
140
|
+
export type { ComboboxListboxInputs, ComboboxTreeInputs };
|