@angular/aria 21.0.3 → 21.1.0-next.1
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/_adev_assets/aria-accordion.json +743 -0
- package/_adev_assets/aria-combobox.json +603 -0
- package/_adev_assets/aria-grid.json +893 -0
- package/_adev_assets/aria-listbox.json +540 -0
- package/_adev_assets/aria-menu.json +1049 -0
- package/_adev_assets/aria-tabs.json +880 -0
- package/_adev_assets/aria-toolbar.json +545 -0
- package/_adev_assets/aria-tree.json +853 -0
- package/fesm2022/_widget-chunk.mjs +246 -4
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +4 -17
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +120 -96
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs +201 -225
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs +161 -173
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +238 -256
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +932 -7
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +168 -182
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +3 -15
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +2 -4
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +3 -3
- package/types/_grid-chunk.d.ts +210 -3
- package/types/accordion.d.ts +49 -52
- package/types/combobox.d.ts +111 -25
- package/types/grid.d.ts +32 -37
- package/types/listbox.d.ts +5 -8
- package/types/menu.d.ts +113 -113
- package/types/private.d.ts +498 -10
- package/types/tabs.d.ts +84 -89
- package/types/toolbar.d.ts +66 -69
- package/types/tree.d.ts +103 -106
- package/fesm2022/_combobox-chunk.mjs +0 -425
- package/fesm2022/_combobox-chunk.mjs.map +0 -1
- package/fesm2022/_combobox-listbox-chunk.mjs +0 -522
- package/fesm2022/_combobox-listbox-chunk.mjs.map +0 -1
- package/fesm2022/_combobox-popup-chunk.mjs +0 -46
- package/fesm2022/_combobox-popup-chunk.mjs.map +0 -1
- package/fesm2022/_list-navigation-chunk.mjs +0 -116
- package/fesm2022/_list-navigation-chunk.mjs.map +0 -1
- package/fesm2022/_pointer-event-manager-chunk.mjs +0 -134
- package/fesm2022/_pointer-event-manager-chunk.mjs.map +0 -1
- package/types/_combobox-chunk.d.ts +0 -98
- package/types/_combobox-chunk.d2.ts +0 -193
- package/types/_list-chunk.d.ts +0 -212
- package/types/_list-navigation-chunk.d.ts +0 -212
- package/types/_listbox-chunk.d.ts +0 -106
|
@@ -0,0 +1,893 @@
|
|
|
1
|
+
{
|
|
2
|
+
"repo": "angular/components",
|
|
3
|
+
"moduleLabel": "@angular/aria/grid",
|
|
4
|
+
"moduleName": "@angular/aria/grid",
|
|
5
|
+
"normalizedModuleName": "angular_aria_grid",
|
|
6
|
+
"entries": [
|
|
7
|
+
{
|
|
8
|
+
"name": "Grid",
|
|
9
|
+
"isAbstract": false,
|
|
10
|
+
"entryType": "directive",
|
|
11
|
+
"members": [
|
|
12
|
+
{
|
|
13
|
+
"name": "element",
|
|
14
|
+
"type": "HTMLElement",
|
|
15
|
+
"memberType": "property",
|
|
16
|
+
"memberTags": [
|
|
17
|
+
"readonly"
|
|
18
|
+
],
|
|
19
|
+
"description": "A reference to the host element.",
|
|
20
|
+
"jsdocTags": []
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"name": "textDirection",
|
|
24
|
+
"type": "any",
|
|
25
|
+
"memberType": "property",
|
|
26
|
+
"memberTags": [
|
|
27
|
+
"readonly"
|
|
28
|
+
],
|
|
29
|
+
"description": "Text direction.",
|
|
30
|
+
"jsdocTags": []
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"name": "enableSelection",
|
|
34
|
+
"type": "any",
|
|
35
|
+
"memberType": "property",
|
|
36
|
+
"memberTags": [
|
|
37
|
+
"readonly",
|
|
38
|
+
"input"
|
|
39
|
+
],
|
|
40
|
+
"description": "Whether selection is enabled for the grid.",
|
|
41
|
+
"jsdocTags": [],
|
|
42
|
+
"inputAlias": "enableSelection",
|
|
43
|
+
"isRequiredInput": false
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"name": "disabled",
|
|
47
|
+
"type": "any",
|
|
48
|
+
"memberType": "property",
|
|
49
|
+
"memberTags": [
|
|
50
|
+
"readonly",
|
|
51
|
+
"input"
|
|
52
|
+
],
|
|
53
|
+
"description": "Whether the grid is disabled.",
|
|
54
|
+
"jsdocTags": [],
|
|
55
|
+
"inputAlias": "disabled",
|
|
56
|
+
"isRequiredInput": false
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "softDisabled",
|
|
60
|
+
"type": "any",
|
|
61
|
+
"memberType": "property",
|
|
62
|
+
"memberTags": [
|
|
63
|
+
"readonly",
|
|
64
|
+
"input"
|
|
65
|
+
],
|
|
66
|
+
"description": "Whether to allow disabled items to receive focus. When `true`, disabled items are\nfocusable but not interactive. When `false`, disabled items are skipped during navigation.",
|
|
67
|
+
"jsdocTags": [],
|
|
68
|
+
"inputAlias": "softDisabled",
|
|
69
|
+
"isRequiredInput": false
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "focusMode",
|
|
73
|
+
"type": "any",
|
|
74
|
+
"memberType": "property",
|
|
75
|
+
"memberTags": [
|
|
76
|
+
"readonly",
|
|
77
|
+
"input"
|
|
78
|
+
],
|
|
79
|
+
"description": "The focus strategy used by the grid.\n- `roving`: Focus is moved to the active cell using `tabindex`.\n- `activedescendant`: Focus remains on the grid container, and `aria-activedescendant` is used to indicate the active cell.",
|
|
80
|
+
"jsdocTags": [],
|
|
81
|
+
"inputAlias": "focusMode",
|
|
82
|
+
"isRequiredInput": false
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"name": "rowWrap",
|
|
86
|
+
"type": "any",
|
|
87
|
+
"memberType": "property",
|
|
88
|
+
"memberTags": [
|
|
89
|
+
"readonly",
|
|
90
|
+
"input"
|
|
91
|
+
],
|
|
92
|
+
"description": "The wrapping behavior for keyboard navigation along the row axis.\n- `continuous`: Navigation wraps from the last row to the first, and vice-versa.\n- `loop`: Navigation wraps within the current row.\n- `nowrap`: Navigation stops at the first/last item in the row.",
|
|
93
|
+
"jsdocTags": [],
|
|
94
|
+
"inputAlias": "rowWrap",
|
|
95
|
+
"isRequiredInput": false
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "colWrap",
|
|
99
|
+
"type": "any",
|
|
100
|
+
"memberType": "property",
|
|
101
|
+
"memberTags": [
|
|
102
|
+
"readonly",
|
|
103
|
+
"input"
|
|
104
|
+
],
|
|
105
|
+
"description": "The wrapping behavior for keyboard navigation along the column axis.\n- `continuous`: Navigation wraps from the last column to the first, and vice-versa.\n- `loop`: Navigation wraps within the current column.\n- `nowrap`: Navigation stops at the first/last item in the column.",
|
|
106
|
+
"jsdocTags": [],
|
|
107
|
+
"inputAlias": "colWrap",
|
|
108
|
+
"isRequiredInput": false
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"name": "multi",
|
|
112
|
+
"type": "any",
|
|
113
|
+
"memberType": "property",
|
|
114
|
+
"memberTags": [
|
|
115
|
+
"readonly",
|
|
116
|
+
"input"
|
|
117
|
+
],
|
|
118
|
+
"description": "Whether multiple cells in the grid can be selected.",
|
|
119
|
+
"jsdocTags": [],
|
|
120
|
+
"inputAlias": "multi",
|
|
121
|
+
"isRequiredInput": false
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "selectionMode",
|
|
125
|
+
"type": "any",
|
|
126
|
+
"memberType": "property",
|
|
127
|
+
"memberTags": [
|
|
128
|
+
"readonly",
|
|
129
|
+
"input"
|
|
130
|
+
],
|
|
131
|
+
"description": "The selection strategy used by the grid.\n- `follow`: The focused cell is automatically selected.\n- `explicit`: Cells are selected explicitly by the user (e.g., via click or spacebar).",
|
|
132
|
+
"jsdocTags": [],
|
|
133
|
+
"inputAlias": "selectionMode",
|
|
134
|
+
"isRequiredInput": false
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"name": "enableRangeSelection",
|
|
138
|
+
"type": "any",
|
|
139
|
+
"memberType": "property",
|
|
140
|
+
"memberTags": [
|
|
141
|
+
"readonly",
|
|
142
|
+
"input"
|
|
143
|
+
],
|
|
144
|
+
"description": "Whether enable range selections (with modifier keys or dragging).",
|
|
145
|
+
"jsdocTags": [],
|
|
146
|
+
"inputAlias": "enableRangeSelection",
|
|
147
|
+
"isRequiredInput": false
|
|
148
|
+
}
|
|
149
|
+
],
|
|
150
|
+
"generics": [],
|
|
151
|
+
"description": "The container for a grid. It provides keyboard navigation and focus management for the grid's\nrows and cells. It manages the overall behavior of the grid, including focus\nwrapping, selection, and disabled states.\n\n```html\n<table ngGrid [multi]=\"true\" [enableSelection]=\"true\">\n @for (row of gridData; track row) {\n <tr ngGridRow>\n @for (cell of row; track cell) {\n <td ngGridCell [disabled]=\"cell.disabled\">\n {{cell.value}}\n </td>\n }\n </tr>\n }\n</table>\n```",
|
|
152
|
+
"jsdocTags": [
|
|
153
|
+
{
|
|
154
|
+
"name": "developerPreview",
|
|
155
|
+
"comment": "21.0"
|
|
156
|
+
}
|
|
157
|
+
],
|
|
158
|
+
"rawComment": "/**\n * The container for a grid. It provides keyboard navigation and focus management for the grid's\n * rows and cells. It manages the overall behavior of the grid, including focus\n * wrapping, selection, and disabled states.\n *\n * ```html\n * <table ngGrid [multi]=\"true\" [enableSelection]=\"true\">\n * @for (row of gridData; track row) {\n * <tr ngGridRow>\n * @for (cell of row; track cell) {\n * <td ngGridCell [disabled]=\"cell.disabled\">\n * {{cell.value}}\n * </td>\n * }\n * </tr>\n * }\n * </table>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
159
|
+
"implements": [],
|
|
160
|
+
"isStandalone": true,
|
|
161
|
+
"selector": "[ngGrid]",
|
|
162
|
+
"exportAs": [
|
|
163
|
+
"ngGrid"
|
|
164
|
+
],
|
|
165
|
+
"source": {
|
|
166
|
+
"filePath": "src/aria/grid/grid.ts",
|
|
167
|
+
"startLine": 47,
|
|
168
|
+
"endLine": 163
|
|
169
|
+
}
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"name": "GridRow",
|
|
173
|
+
"isAbstract": false,
|
|
174
|
+
"entryType": "directive",
|
|
175
|
+
"members": [
|
|
176
|
+
{
|
|
177
|
+
"name": "element",
|
|
178
|
+
"type": "HTMLElement",
|
|
179
|
+
"memberType": "property",
|
|
180
|
+
"memberTags": [
|
|
181
|
+
"readonly"
|
|
182
|
+
],
|
|
183
|
+
"description": "A reference to the host element.",
|
|
184
|
+
"jsdocTags": []
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "rowIndex",
|
|
188
|
+
"type": "any",
|
|
189
|
+
"memberType": "property",
|
|
190
|
+
"memberTags": [
|
|
191
|
+
"readonly",
|
|
192
|
+
"input"
|
|
193
|
+
],
|
|
194
|
+
"description": "The index of this row within the grid.",
|
|
195
|
+
"jsdocTags": [],
|
|
196
|
+
"inputAlias": "rowIndex",
|
|
197
|
+
"isRequiredInput": false
|
|
198
|
+
}
|
|
199
|
+
],
|
|
200
|
+
"generics": [],
|
|
201
|
+
"description": "Represents a row within a grid. It is a container for `ngGridCell` directives.\n\n```html\n<tr ngGridRow>\n <!-- ... cells ... -->\n</tr>\n```",
|
|
202
|
+
"jsdocTags": [
|
|
203
|
+
{
|
|
204
|
+
"name": "developerPreview",
|
|
205
|
+
"comment": "21.0"
|
|
206
|
+
}
|
|
207
|
+
],
|
|
208
|
+
"rawComment": "/**\n * Represents a row within a grid. It is a container for `ngGridCell` directives.\n *\n * ```html\n * <tr ngGridRow>\n * <!-- ... cells ... -->\n * </tr>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
209
|
+
"implements": [],
|
|
210
|
+
"isStandalone": true,
|
|
211
|
+
"selector": "[ngGridRow]",
|
|
212
|
+
"exportAs": [
|
|
213
|
+
"ngGridRow"
|
|
214
|
+
],
|
|
215
|
+
"source": {
|
|
216
|
+
"filePath": "src/aria/grid/grid.ts",
|
|
217
|
+
"startLine": 176,
|
|
218
|
+
"endLine": 214
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "GridCell",
|
|
223
|
+
"isAbstract": false,
|
|
224
|
+
"entryType": "directive",
|
|
225
|
+
"members": [
|
|
226
|
+
{
|
|
227
|
+
"name": "element",
|
|
228
|
+
"type": "HTMLElement",
|
|
229
|
+
"memberType": "property",
|
|
230
|
+
"memberTags": [
|
|
231
|
+
"readonly"
|
|
232
|
+
],
|
|
233
|
+
"description": "A reference to the host element.",
|
|
234
|
+
"jsdocTags": []
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "active",
|
|
238
|
+
"type": "any",
|
|
239
|
+
"memberType": "property",
|
|
240
|
+
"memberTags": [
|
|
241
|
+
"readonly"
|
|
242
|
+
],
|
|
243
|
+
"description": "Whether the cell is currently active (focused).",
|
|
244
|
+
"jsdocTags": []
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"name": "textDirection",
|
|
248
|
+
"type": "any",
|
|
249
|
+
"memberType": "property",
|
|
250
|
+
"memberTags": [
|
|
251
|
+
"readonly"
|
|
252
|
+
],
|
|
253
|
+
"description": "Text direction.",
|
|
254
|
+
"jsdocTags": []
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"name": "id",
|
|
258
|
+
"type": "any",
|
|
259
|
+
"memberType": "property",
|
|
260
|
+
"memberTags": [
|
|
261
|
+
"readonly",
|
|
262
|
+
"input"
|
|
263
|
+
],
|
|
264
|
+
"description": "A unique identifier for the cell.",
|
|
265
|
+
"jsdocTags": [],
|
|
266
|
+
"inputAlias": "id",
|
|
267
|
+
"isRequiredInput": false
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"name": "role",
|
|
271
|
+
"type": "any",
|
|
272
|
+
"memberType": "property",
|
|
273
|
+
"memberTags": [
|
|
274
|
+
"readonly",
|
|
275
|
+
"input"
|
|
276
|
+
],
|
|
277
|
+
"description": "The ARIA role for the cell.",
|
|
278
|
+
"jsdocTags": [],
|
|
279
|
+
"inputAlias": "role",
|
|
280
|
+
"isRequiredInput": false
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"name": "rowSpan",
|
|
284
|
+
"type": "any",
|
|
285
|
+
"memberType": "property",
|
|
286
|
+
"memberTags": [
|
|
287
|
+
"readonly",
|
|
288
|
+
"input"
|
|
289
|
+
],
|
|
290
|
+
"description": "The number of rows the cell should span.",
|
|
291
|
+
"jsdocTags": [],
|
|
292
|
+
"inputAlias": "rowSpan",
|
|
293
|
+
"isRequiredInput": false
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"name": "colSpan",
|
|
297
|
+
"type": "any",
|
|
298
|
+
"memberType": "property",
|
|
299
|
+
"memberTags": [
|
|
300
|
+
"readonly",
|
|
301
|
+
"input"
|
|
302
|
+
],
|
|
303
|
+
"description": "The number of columns the cell should span.",
|
|
304
|
+
"jsdocTags": [],
|
|
305
|
+
"inputAlias": "colSpan",
|
|
306
|
+
"isRequiredInput": false
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"name": "rowIndex",
|
|
310
|
+
"type": "any",
|
|
311
|
+
"memberType": "property",
|
|
312
|
+
"memberTags": [
|
|
313
|
+
"readonly",
|
|
314
|
+
"input"
|
|
315
|
+
],
|
|
316
|
+
"description": "The index of this cell's row within the grid.",
|
|
317
|
+
"jsdocTags": [],
|
|
318
|
+
"inputAlias": "rowIndex",
|
|
319
|
+
"isRequiredInput": false
|
|
320
|
+
},
|
|
321
|
+
{
|
|
322
|
+
"name": "colIndex",
|
|
323
|
+
"type": "any",
|
|
324
|
+
"memberType": "property",
|
|
325
|
+
"memberTags": [
|
|
326
|
+
"readonly",
|
|
327
|
+
"input"
|
|
328
|
+
],
|
|
329
|
+
"description": "The index of this cell's column within the grid.",
|
|
330
|
+
"jsdocTags": [],
|
|
331
|
+
"inputAlias": "colIndex",
|
|
332
|
+
"isRequiredInput": false
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
"name": "disabled",
|
|
336
|
+
"type": "any",
|
|
337
|
+
"memberType": "property",
|
|
338
|
+
"memberTags": [
|
|
339
|
+
"readonly",
|
|
340
|
+
"input"
|
|
341
|
+
],
|
|
342
|
+
"description": "Whether the cell is disabled.",
|
|
343
|
+
"jsdocTags": [],
|
|
344
|
+
"inputAlias": "disabled",
|
|
345
|
+
"isRequiredInput": false
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "selected",
|
|
349
|
+
"type": "any",
|
|
350
|
+
"memberType": "property",
|
|
351
|
+
"memberTags": [
|
|
352
|
+
"readonly",
|
|
353
|
+
"input",
|
|
354
|
+
"output"
|
|
355
|
+
],
|
|
356
|
+
"description": "Whether the cell is selected.",
|
|
357
|
+
"jsdocTags": [],
|
|
358
|
+
"inputAlias": "selected",
|
|
359
|
+
"isRequiredInput": false,
|
|
360
|
+
"outputAlias": "selectedChange"
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"name": "selectable",
|
|
364
|
+
"type": "any",
|
|
365
|
+
"memberType": "property",
|
|
366
|
+
"memberTags": [
|
|
367
|
+
"readonly",
|
|
368
|
+
"input"
|
|
369
|
+
],
|
|
370
|
+
"description": "Whether the cell is selectable.",
|
|
371
|
+
"jsdocTags": [],
|
|
372
|
+
"inputAlias": "selectable",
|
|
373
|
+
"isRequiredInput": false
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"name": "orientation",
|
|
377
|
+
"type": "any",
|
|
378
|
+
"memberType": "property",
|
|
379
|
+
"memberTags": [
|
|
380
|
+
"readonly",
|
|
381
|
+
"input"
|
|
382
|
+
],
|
|
383
|
+
"description": "Orientation of the widgets in the cell.",
|
|
384
|
+
"jsdocTags": [],
|
|
385
|
+
"inputAlias": "orientation",
|
|
386
|
+
"isRequiredInput": false
|
|
387
|
+
},
|
|
388
|
+
{
|
|
389
|
+
"name": "wrap",
|
|
390
|
+
"type": "any",
|
|
391
|
+
"memberType": "property",
|
|
392
|
+
"memberTags": [
|
|
393
|
+
"readonly",
|
|
394
|
+
"input"
|
|
395
|
+
],
|
|
396
|
+
"description": "Whether widgets navigation wraps.",
|
|
397
|
+
"jsdocTags": [],
|
|
398
|
+
"inputAlias": "wrap",
|
|
399
|
+
"isRequiredInput": false
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"name": "tabindex",
|
|
403
|
+
"type": "any",
|
|
404
|
+
"memberType": "property",
|
|
405
|
+
"memberTags": [
|
|
406
|
+
"readonly",
|
|
407
|
+
"input"
|
|
408
|
+
],
|
|
409
|
+
"description": "The tabindex override.",
|
|
410
|
+
"jsdocTags": [],
|
|
411
|
+
"inputAlias": "tabindex",
|
|
412
|
+
"isRequiredInput": false
|
|
413
|
+
}
|
|
414
|
+
],
|
|
415
|
+
"generics": [],
|
|
416
|
+
"description": "Represents a cell within a grid row. It is the primary focusable element\nwithin the grid. It can be disabled and can have its selection state managed\nthrough the `selected` input.\n\n```html\n<td ngGridCell [disabled]=\"isDisabled\" [(selected)]=\"isSelected\">\n Cell Content\n</td>\n```",
|
|
417
|
+
"jsdocTags": [
|
|
418
|
+
{
|
|
419
|
+
"name": "developerPreview",
|
|
420
|
+
"comment": "21.0"
|
|
421
|
+
}
|
|
422
|
+
],
|
|
423
|
+
"rawComment": "/**\n * Represents a cell within a grid row. It is the primary focusable element\n * within the grid. It can be disabled and can have its selection state managed\n * through the `selected` input.\n *\n * ```html\n * <td ngGridCell [disabled]=\"isDisabled\" [(selected)]=\"isSelected\">\n * Cell Content\n * </td>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
424
|
+
"implements": [],
|
|
425
|
+
"isStandalone": true,
|
|
426
|
+
"selector": "[ngGridCell]",
|
|
427
|
+
"exportAs": [
|
|
428
|
+
"ngGridCell"
|
|
429
|
+
],
|
|
430
|
+
"source": {
|
|
431
|
+
"filePath": "src/aria/grid/grid.ts",
|
|
432
|
+
"startLine": 229,
|
|
433
|
+
"endLine": 343
|
|
434
|
+
}
|
|
435
|
+
},
|
|
436
|
+
{
|
|
437
|
+
"name": "GridCellWidget",
|
|
438
|
+
"isAbstract": false,
|
|
439
|
+
"entryType": "directive",
|
|
440
|
+
"members": [
|
|
441
|
+
{
|
|
442
|
+
"name": "element",
|
|
443
|
+
"type": "HTMLElement",
|
|
444
|
+
"memberType": "property",
|
|
445
|
+
"memberTags": [
|
|
446
|
+
"readonly"
|
|
447
|
+
],
|
|
448
|
+
"description": "A reference to the host element.",
|
|
449
|
+
"jsdocTags": []
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"name": "active",
|
|
453
|
+
"type": "any",
|
|
454
|
+
"memberType": "property",
|
|
455
|
+
"memberTags": [
|
|
456
|
+
"readonly"
|
|
457
|
+
],
|
|
458
|
+
"description": "Whether the widget is currently active (focused).",
|
|
459
|
+
"jsdocTags": []
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"name": "id",
|
|
463
|
+
"type": "any",
|
|
464
|
+
"memberType": "property",
|
|
465
|
+
"memberTags": [
|
|
466
|
+
"readonly",
|
|
467
|
+
"input"
|
|
468
|
+
],
|
|
469
|
+
"description": "A unique identifier for the widget.",
|
|
470
|
+
"jsdocTags": [],
|
|
471
|
+
"inputAlias": "id",
|
|
472
|
+
"isRequiredInput": false
|
|
473
|
+
},
|
|
474
|
+
{
|
|
475
|
+
"name": "widgetType",
|
|
476
|
+
"type": "any",
|
|
477
|
+
"memberType": "property",
|
|
478
|
+
"memberTags": [
|
|
479
|
+
"readonly",
|
|
480
|
+
"input"
|
|
481
|
+
],
|
|
482
|
+
"description": "The type of widget, which determines how it is activated.",
|
|
483
|
+
"jsdocTags": [],
|
|
484
|
+
"inputAlias": "widgetType",
|
|
485
|
+
"isRequiredInput": false
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"name": "disabled",
|
|
489
|
+
"type": "any",
|
|
490
|
+
"memberType": "property",
|
|
491
|
+
"memberTags": [
|
|
492
|
+
"readonly",
|
|
493
|
+
"input"
|
|
494
|
+
],
|
|
495
|
+
"description": "Whether the widget is disabled.",
|
|
496
|
+
"jsdocTags": [],
|
|
497
|
+
"inputAlias": "disabled",
|
|
498
|
+
"isRequiredInput": false
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"name": "focusTarget",
|
|
502
|
+
"type": "any",
|
|
503
|
+
"memberType": "property",
|
|
504
|
+
"memberTags": [
|
|
505
|
+
"readonly",
|
|
506
|
+
"input"
|
|
507
|
+
],
|
|
508
|
+
"description": "The target that will receive focus instead of the widget.",
|
|
509
|
+
"jsdocTags": [],
|
|
510
|
+
"inputAlias": "focusTarget",
|
|
511
|
+
"isRequiredInput": false
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
"name": "onActivate",
|
|
515
|
+
"type": "any",
|
|
516
|
+
"memberType": "property",
|
|
517
|
+
"memberTags": [
|
|
518
|
+
"readonly",
|
|
519
|
+
"output"
|
|
520
|
+
],
|
|
521
|
+
"description": "Emits when the widget is activated.",
|
|
522
|
+
"jsdocTags": [],
|
|
523
|
+
"outputAlias": "onActivate"
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"name": "onDeactivate",
|
|
527
|
+
"type": "any",
|
|
528
|
+
"memberType": "property",
|
|
529
|
+
"memberTags": [
|
|
530
|
+
"readonly",
|
|
531
|
+
"output"
|
|
532
|
+
],
|
|
533
|
+
"description": "Emits when the widget is deactivated.",
|
|
534
|
+
"jsdocTags": [],
|
|
535
|
+
"outputAlias": "onDeactivate"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"name": "tabindex",
|
|
539
|
+
"type": "any",
|
|
540
|
+
"memberType": "property",
|
|
541
|
+
"memberTags": [
|
|
542
|
+
"readonly",
|
|
543
|
+
"input"
|
|
544
|
+
],
|
|
545
|
+
"description": "The tabindex override.",
|
|
546
|
+
"jsdocTags": [],
|
|
547
|
+
"inputAlias": "tabindex",
|
|
548
|
+
"isRequiredInput": false
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"name": "isActivated",
|
|
552
|
+
"type": "Signal<boolean>",
|
|
553
|
+
"memberType": "getter",
|
|
554
|
+
"memberTags": [],
|
|
555
|
+
"description": "Whether the widget is activated.",
|
|
556
|
+
"jsdocTags": []
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"name": "activate",
|
|
560
|
+
"signatures": [
|
|
561
|
+
{
|
|
562
|
+
"name": "activate",
|
|
563
|
+
"entryType": "function",
|
|
564
|
+
"description": "Activates the widget.",
|
|
565
|
+
"generics": [],
|
|
566
|
+
"isNewType": false,
|
|
567
|
+
"jsdocTags": [],
|
|
568
|
+
"params": [],
|
|
569
|
+
"rawComment": "/** Activates the widget. */",
|
|
570
|
+
"returnType": "void"
|
|
571
|
+
}
|
|
572
|
+
],
|
|
573
|
+
"implementation": {
|
|
574
|
+
"params": [],
|
|
575
|
+
"isNewType": false,
|
|
576
|
+
"returnType": "void",
|
|
577
|
+
"generics": [],
|
|
578
|
+
"name": "activate",
|
|
579
|
+
"description": "Activates the widget.",
|
|
580
|
+
"entryType": "function",
|
|
581
|
+
"jsdocTags": [],
|
|
582
|
+
"rawComment": "/** Activates the widget. */"
|
|
583
|
+
},
|
|
584
|
+
"entryType": "function",
|
|
585
|
+
"description": "Activates the widget.",
|
|
586
|
+
"jsdocTags": [],
|
|
587
|
+
"rawComment": "/** Activates the widget. */",
|
|
588
|
+
"memberType": "method",
|
|
589
|
+
"memberTags": []
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"name": "deactivate",
|
|
593
|
+
"signatures": [
|
|
594
|
+
{
|
|
595
|
+
"name": "deactivate",
|
|
596
|
+
"entryType": "function",
|
|
597
|
+
"description": "Deactivates the widget.",
|
|
598
|
+
"generics": [],
|
|
599
|
+
"isNewType": false,
|
|
600
|
+
"jsdocTags": [],
|
|
601
|
+
"params": [],
|
|
602
|
+
"rawComment": "/** Deactivates the widget. */",
|
|
603
|
+
"returnType": "void"
|
|
604
|
+
}
|
|
605
|
+
],
|
|
606
|
+
"implementation": {
|
|
607
|
+
"params": [],
|
|
608
|
+
"isNewType": false,
|
|
609
|
+
"returnType": "void",
|
|
610
|
+
"generics": [],
|
|
611
|
+
"name": "deactivate",
|
|
612
|
+
"description": "Deactivates the widget.",
|
|
613
|
+
"entryType": "function",
|
|
614
|
+
"jsdocTags": [],
|
|
615
|
+
"rawComment": "/** Deactivates the widget. */"
|
|
616
|
+
},
|
|
617
|
+
"entryType": "function",
|
|
618
|
+
"description": "Deactivates the widget.",
|
|
619
|
+
"jsdocTags": [],
|
|
620
|
+
"rawComment": "/** Deactivates the widget. */",
|
|
621
|
+
"memberType": "method",
|
|
622
|
+
"memberTags": []
|
|
623
|
+
}
|
|
624
|
+
],
|
|
625
|
+
"generics": [],
|
|
626
|
+
"description": "Represents an interactive element inside a `GridCell`. It allows for pausing grid navigation to\ninteract with the widget.\n\nWhen the user interacts with the widget (e.g., by typing in an input or opening a menu), grid\nnavigation is temporarily suspended to allow the widget to handle keyboard\nevents.\n\n```html\n<td ngGridCell>\n <button ngGridCellWidget>Click Me</button>\n</td>\n```",
|
|
627
|
+
"jsdocTags": [
|
|
628
|
+
{
|
|
629
|
+
"name": "developerPreview",
|
|
630
|
+
"comment": "21.0"
|
|
631
|
+
}
|
|
632
|
+
],
|
|
633
|
+
"rawComment": "/**\n * Represents an interactive element inside a `GridCell`. It allows for pausing grid navigation to\n * interact with the widget.\n *\n * When the user interacts with the widget (e.g., by typing in an input or opening a menu), grid\n * navigation is temporarily suspended to allow the widget to handle keyboard\n * events.\n *\n * ```html\n * <td ngGridCell>\n * <button ngGridCellWidget>Click Me</button>\n * </td>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
634
|
+
"implements": [],
|
|
635
|
+
"isStandalone": true,
|
|
636
|
+
"selector": "[ngGridCellWidget]",
|
|
637
|
+
"exportAs": [
|
|
638
|
+
"ngGridCellWidget"
|
|
639
|
+
],
|
|
640
|
+
"source": {
|
|
641
|
+
"filePath": "src/aria/grid/grid.ts",
|
|
642
|
+
"startLine": 361,
|
|
643
|
+
"endLine": 455
|
|
644
|
+
}
|
|
645
|
+
}
|
|
646
|
+
],
|
|
647
|
+
"symbols": [
|
|
648
|
+
[
|
|
649
|
+
"_IdGenerator",
|
|
650
|
+
"@angular/cdk/a11y"
|
|
651
|
+
],
|
|
652
|
+
[
|
|
653
|
+
"afterRenderEffect",
|
|
654
|
+
"@angular/core"
|
|
655
|
+
],
|
|
656
|
+
[
|
|
657
|
+
"booleanAttribute",
|
|
658
|
+
"@angular/core"
|
|
659
|
+
],
|
|
660
|
+
[
|
|
661
|
+
"computed",
|
|
662
|
+
"@angular/core"
|
|
663
|
+
],
|
|
664
|
+
[
|
|
665
|
+
"contentChildren",
|
|
666
|
+
"@angular/core"
|
|
667
|
+
],
|
|
668
|
+
[
|
|
669
|
+
"Directive",
|
|
670
|
+
"@angular/core"
|
|
671
|
+
],
|
|
672
|
+
[
|
|
673
|
+
"ElementRef",
|
|
674
|
+
"@angular/core"
|
|
675
|
+
],
|
|
676
|
+
[
|
|
677
|
+
"inject",
|
|
678
|
+
"@angular/core"
|
|
679
|
+
],
|
|
680
|
+
[
|
|
681
|
+
"input",
|
|
682
|
+
"@angular/core"
|
|
683
|
+
],
|
|
684
|
+
[
|
|
685
|
+
"output",
|
|
686
|
+
"@angular/core"
|
|
687
|
+
],
|
|
688
|
+
[
|
|
689
|
+
"model",
|
|
690
|
+
"@angular/core"
|
|
691
|
+
],
|
|
692
|
+
[
|
|
693
|
+
"Signal",
|
|
694
|
+
"@angular/core"
|
|
695
|
+
],
|
|
696
|
+
[
|
|
697
|
+
"Directionality",
|
|
698
|
+
"@angular/cdk/bidi"
|
|
699
|
+
],
|
|
700
|
+
[
|
|
701
|
+
"Grid",
|
|
702
|
+
"@angular/aria/grid"
|
|
703
|
+
],
|
|
704
|
+
[
|
|
705
|
+
"GridRow",
|
|
706
|
+
"@angular/aria/grid"
|
|
707
|
+
],
|
|
708
|
+
[
|
|
709
|
+
"GridCell",
|
|
710
|
+
"@angular/aria/grid"
|
|
711
|
+
],
|
|
712
|
+
[
|
|
713
|
+
"GridCellWidget",
|
|
714
|
+
"@angular/aria/grid"
|
|
715
|
+
],
|
|
716
|
+
[
|
|
717
|
+
"Grid",
|
|
718
|
+
"@angular/aria/grid"
|
|
719
|
+
],
|
|
720
|
+
[
|
|
721
|
+
"Grid.element",
|
|
722
|
+
"@angular/aria/grid"
|
|
723
|
+
],
|
|
724
|
+
[
|
|
725
|
+
"Grid.textDirection",
|
|
726
|
+
"@angular/aria/grid"
|
|
727
|
+
],
|
|
728
|
+
[
|
|
729
|
+
"Grid.enableSelection",
|
|
730
|
+
"@angular/aria/grid"
|
|
731
|
+
],
|
|
732
|
+
[
|
|
733
|
+
"Grid.disabled",
|
|
734
|
+
"@angular/aria/grid"
|
|
735
|
+
],
|
|
736
|
+
[
|
|
737
|
+
"Grid.softDisabled",
|
|
738
|
+
"@angular/aria/grid"
|
|
739
|
+
],
|
|
740
|
+
[
|
|
741
|
+
"Grid.focusMode",
|
|
742
|
+
"@angular/aria/grid"
|
|
743
|
+
],
|
|
744
|
+
[
|
|
745
|
+
"Grid.rowWrap",
|
|
746
|
+
"@angular/aria/grid"
|
|
747
|
+
],
|
|
748
|
+
[
|
|
749
|
+
"Grid.colWrap",
|
|
750
|
+
"@angular/aria/grid"
|
|
751
|
+
],
|
|
752
|
+
[
|
|
753
|
+
"Grid.multi",
|
|
754
|
+
"@angular/aria/grid"
|
|
755
|
+
],
|
|
756
|
+
[
|
|
757
|
+
"Grid.selectionMode",
|
|
758
|
+
"@angular/aria/grid"
|
|
759
|
+
],
|
|
760
|
+
[
|
|
761
|
+
"Grid.enableRangeSelection",
|
|
762
|
+
"@angular/aria/grid"
|
|
763
|
+
],
|
|
764
|
+
[
|
|
765
|
+
"GridRow",
|
|
766
|
+
"@angular/aria/grid"
|
|
767
|
+
],
|
|
768
|
+
[
|
|
769
|
+
"GridRow.element",
|
|
770
|
+
"@angular/aria/grid"
|
|
771
|
+
],
|
|
772
|
+
[
|
|
773
|
+
"GridRow.rowIndex",
|
|
774
|
+
"@angular/aria/grid"
|
|
775
|
+
],
|
|
776
|
+
[
|
|
777
|
+
"GridCell",
|
|
778
|
+
"@angular/aria/grid"
|
|
779
|
+
],
|
|
780
|
+
[
|
|
781
|
+
"GridCell.element",
|
|
782
|
+
"@angular/aria/grid"
|
|
783
|
+
],
|
|
784
|
+
[
|
|
785
|
+
"GridCell.active",
|
|
786
|
+
"@angular/aria/grid"
|
|
787
|
+
],
|
|
788
|
+
[
|
|
789
|
+
"GridCell.textDirection",
|
|
790
|
+
"@angular/aria/grid"
|
|
791
|
+
],
|
|
792
|
+
[
|
|
793
|
+
"GridCell.id",
|
|
794
|
+
"@angular/aria/grid"
|
|
795
|
+
],
|
|
796
|
+
[
|
|
797
|
+
"GridCell.role",
|
|
798
|
+
"@angular/aria/grid"
|
|
799
|
+
],
|
|
800
|
+
[
|
|
801
|
+
"GridCell.rowSpan",
|
|
802
|
+
"@angular/aria/grid"
|
|
803
|
+
],
|
|
804
|
+
[
|
|
805
|
+
"GridCell.colSpan",
|
|
806
|
+
"@angular/aria/grid"
|
|
807
|
+
],
|
|
808
|
+
[
|
|
809
|
+
"GridCell.rowIndex",
|
|
810
|
+
"@angular/aria/grid"
|
|
811
|
+
],
|
|
812
|
+
[
|
|
813
|
+
"GridCell.colIndex",
|
|
814
|
+
"@angular/aria/grid"
|
|
815
|
+
],
|
|
816
|
+
[
|
|
817
|
+
"GridCell.disabled",
|
|
818
|
+
"@angular/aria/grid"
|
|
819
|
+
],
|
|
820
|
+
[
|
|
821
|
+
"GridCell.selected",
|
|
822
|
+
"@angular/aria/grid"
|
|
823
|
+
],
|
|
824
|
+
[
|
|
825
|
+
"GridCell.selectable",
|
|
826
|
+
"@angular/aria/grid"
|
|
827
|
+
],
|
|
828
|
+
[
|
|
829
|
+
"GridCell.orientation",
|
|
830
|
+
"@angular/aria/grid"
|
|
831
|
+
],
|
|
832
|
+
[
|
|
833
|
+
"GridCell.wrap",
|
|
834
|
+
"@angular/aria/grid"
|
|
835
|
+
],
|
|
836
|
+
[
|
|
837
|
+
"GridCell.tabindex",
|
|
838
|
+
"@angular/aria/grid"
|
|
839
|
+
],
|
|
840
|
+
[
|
|
841
|
+
"GridCellWidget",
|
|
842
|
+
"@angular/aria/grid"
|
|
843
|
+
],
|
|
844
|
+
[
|
|
845
|
+
"GridCellWidget.element",
|
|
846
|
+
"@angular/aria/grid"
|
|
847
|
+
],
|
|
848
|
+
[
|
|
849
|
+
"GridCellWidget.active",
|
|
850
|
+
"@angular/aria/grid"
|
|
851
|
+
],
|
|
852
|
+
[
|
|
853
|
+
"GridCellWidget.id",
|
|
854
|
+
"@angular/aria/grid"
|
|
855
|
+
],
|
|
856
|
+
[
|
|
857
|
+
"GridCellWidget.widgetType",
|
|
858
|
+
"@angular/aria/grid"
|
|
859
|
+
],
|
|
860
|
+
[
|
|
861
|
+
"GridCellWidget.disabled",
|
|
862
|
+
"@angular/aria/grid"
|
|
863
|
+
],
|
|
864
|
+
[
|
|
865
|
+
"GridCellWidget.focusTarget",
|
|
866
|
+
"@angular/aria/grid"
|
|
867
|
+
],
|
|
868
|
+
[
|
|
869
|
+
"GridCellWidget.onActivate",
|
|
870
|
+
"@angular/aria/grid"
|
|
871
|
+
],
|
|
872
|
+
[
|
|
873
|
+
"GridCellWidget.onDeactivate",
|
|
874
|
+
"@angular/aria/grid"
|
|
875
|
+
],
|
|
876
|
+
[
|
|
877
|
+
"GridCellWidget.tabindex",
|
|
878
|
+
"@angular/aria/grid"
|
|
879
|
+
],
|
|
880
|
+
[
|
|
881
|
+
"GridCellWidget.isActivated",
|
|
882
|
+
"@angular/aria/grid"
|
|
883
|
+
],
|
|
884
|
+
[
|
|
885
|
+
"GridCellWidget.activate",
|
|
886
|
+
"@angular/aria/grid"
|
|
887
|
+
],
|
|
888
|
+
[
|
|
889
|
+
"GridCellWidget.deactivate",
|
|
890
|
+
"@angular/aria/grid"
|
|
891
|
+
]
|
|
892
|
+
]
|
|
893
|
+
}
|