@angular/aria 21.0.0-rc.1 → 21.0.0-rc.2
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 +439 -55
- package/_adev_assets/aria-combobox.json +343 -35
- package/_adev_assets/aria-grid.json +345 -77
- package/_adev_assets/aria-listbox.json +113 -33
- package/_adev_assets/aria-menu.json +366 -141
- package/_adev_assets/aria-tabs.json +261 -77
- package/_adev_assets/aria-toolbar.json +72 -33
- package/_adev_assets/aria-tree.json +169 -26
- package/fesm2022/_widget-chunk.mjs +388 -57
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +121 -68
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +132 -21
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs +198 -61
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs +42 -31
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +173 -67
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +415 -439
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +86 -55
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +13 -25
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +86 -44
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +2 -2
- package/types/_grid-chunk.d.ts +216 -35
- package/types/accordion.d.ts +133 -34
- package/types/combobox.d.ts +145 -12
- package/types/grid.d.ts +149 -31
- package/types/listbox.d.ts +58 -26
- package/types/menu.d.ts +130 -46
- package/types/private.d.ts +210 -250
- package/types/tabs.d.ts +119 -39
- package/types/toolbar.d.ts +49 -29
- package/types/tree.d.ts +113 -41
|
@@ -10,11 +10,33 @@
|
|
|
10
10
|
"entryType": "undecorated_class",
|
|
11
11
|
"members": [
|
|
12
12
|
{
|
|
13
|
-
"name": "
|
|
13
|
+
"name": "id",
|
|
14
14
|
"type": "any",
|
|
15
15
|
"memberType": "property",
|
|
16
|
-
"memberTags": [
|
|
17
|
-
|
|
16
|
+
"memberTags": [
|
|
17
|
+
"readonly"
|
|
18
|
+
],
|
|
19
|
+
"description": "A global unique identifier for the panel.",
|
|
20
|
+
"jsdocTags": []
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"name": "panelId",
|
|
24
|
+
"type": "any",
|
|
25
|
+
"memberType": "property",
|
|
26
|
+
"memberTags": [
|
|
27
|
+
"readonly"
|
|
28
|
+
],
|
|
29
|
+
"description": "A local unique identifier for the panel, used to match with its trigger's `panelId`.",
|
|
30
|
+
"jsdocTags": []
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"name": "visible",
|
|
34
|
+
"type": "any",
|
|
35
|
+
"memberType": "property",
|
|
36
|
+
"memberTags": [
|
|
37
|
+
"readonly"
|
|
38
|
+
],
|
|
39
|
+
"description": "Whether the accordion panel is visible. True if the associated trigger is expanded.",
|
|
18
40
|
"jsdocTags": []
|
|
19
41
|
},
|
|
20
42
|
{
|
|
@@ -26,17 +48,121 @@
|
|
|
26
48
|
],
|
|
27
49
|
"description": "The parent accordion trigger pattern that controls this panel. This is set by AccordionGroup.",
|
|
28
50
|
"jsdocTags": []
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"name": "expand",
|
|
54
|
+
"signatures": [
|
|
55
|
+
{
|
|
56
|
+
"name": "expand",
|
|
57
|
+
"entryType": "function",
|
|
58
|
+
"description": "Expands this item.",
|
|
59
|
+
"generics": [],
|
|
60
|
+
"isNewType": false,
|
|
61
|
+
"jsdocTags": [],
|
|
62
|
+
"params": [],
|
|
63
|
+
"rawComment": "/** Expands this item. */",
|
|
64
|
+
"returnType": "void"
|
|
65
|
+
}
|
|
66
|
+
],
|
|
67
|
+
"implementation": {
|
|
68
|
+
"params": [],
|
|
69
|
+
"isNewType": false,
|
|
70
|
+
"returnType": "void",
|
|
71
|
+
"generics": [],
|
|
72
|
+
"name": "expand",
|
|
73
|
+
"description": "Expands this item.",
|
|
74
|
+
"entryType": "function",
|
|
75
|
+
"jsdocTags": [],
|
|
76
|
+
"rawComment": "/** Expands this item. */"
|
|
77
|
+
},
|
|
78
|
+
"entryType": "function",
|
|
79
|
+
"description": "Expands this item.",
|
|
80
|
+
"jsdocTags": [],
|
|
81
|
+
"rawComment": "/** Expands this item. */",
|
|
82
|
+
"memberType": "method",
|
|
83
|
+
"memberTags": []
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": "collapse",
|
|
87
|
+
"signatures": [
|
|
88
|
+
{
|
|
89
|
+
"name": "collapse",
|
|
90
|
+
"entryType": "function",
|
|
91
|
+
"description": "Collapses this item.",
|
|
92
|
+
"generics": [],
|
|
93
|
+
"isNewType": false,
|
|
94
|
+
"jsdocTags": [],
|
|
95
|
+
"params": [],
|
|
96
|
+
"rawComment": "/** Collapses this item. */",
|
|
97
|
+
"returnType": "void"
|
|
98
|
+
}
|
|
99
|
+
],
|
|
100
|
+
"implementation": {
|
|
101
|
+
"params": [],
|
|
102
|
+
"isNewType": false,
|
|
103
|
+
"returnType": "void",
|
|
104
|
+
"generics": [],
|
|
105
|
+
"name": "collapse",
|
|
106
|
+
"description": "Collapses this item.",
|
|
107
|
+
"entryType": "function",
|
|
108
|
+
"jsdocTags": [],
|
|
109
|
+
"rawComment": "/** Collapses this item. */"
|
|
110
|
+
},
|
|
111
|
+
"entryType": "function",
|
|
112
|
+
"description": "Collapses this item.",
|
|
113
|
+
"jsdocTags": [],
|
|
114
|
+
"rawComment": "/** Collapses this item. */",
|
|
115
|
+
"memberType": "method",
|
|
116
|
+
"memberTags": []
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "toggle",
|
|
120
|
+
"signatures": [
|
|
121
|
+
{
|
|
122
|
+
"name": "toggle",
|
|
123
|
+
"entryType": "function",
|
|
124
|
+
"description": "Toggles the expansion state of this item.",
|
|
125
|
+
"generics": [],
|
|
126
|
+
"isNewType": false,
|
|
127
|
+
"jsdocTags": [],
|
|
128
|
+
"params": [],
|
|
129
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
130
|
+
"returnType": "void"
|
|
131
|
+
}
|
|
132
|
+
],
|
|
133
|
+
"implementation": {
|
|
134
|
+
"params": [],
|
|
135
|
+
"isNewType": false,
|
|
136
|
+
"returnType": "void",
|
|
137
|
+
"generics": [],
|
|
138
|
+
"name": "toggle",
|
|
139
|
+
"description": "Toggles the expansion state of this item.",
|
|
140
|
+
"entryType": "function",
|
|
141
|
+
"jsdocTags": [],
|
|
142
|
+
"rawComment": "/** Toggles the expansion state of this item. */"
|
|
143
|
+
},
|
|
144
|
+
"entryType": "function",
|
|
145
|
+
"description": "Toggles the expansion state of this item.",
|
|
146
|
+
"jsdocTags": [],
|
|
147
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
148
|
+
"memberType": "method",
|
|
149
|
+
"memberTags": []
|
|
29
150
|
}
|
|
30
151
|
],
|
|
31
152
|
"generics": [],
|
|
32
|
-
"description": "
|
|
33
|
-
"jsdocTags": [
|
|
34
|
-
|
|
153
|
+
"description": "The content panel of an accordion item that is conditionally visible.\n\nThis directive is a container for the content that is shown or hidden. It requires\na `panelId` that must match the `panelId` of its corresponding `ngAccordionTrigger`.\nThe content within the panel should be provided using an `ng-template` with the\n`ngAccordionContent` directive so that the content is not rendered on the page until the trigger\nis expanded. It applies `role=\"region\"` for accessibility and uses the `inert` attribute to hide\nits content from assistive technologies when not visible.\n\n```html\n<div ngAccordionPanel panelId=\"unique-id-1\">\n <ng-template ngAccordionContent>\n <p>This content is lazily rendered and will be shown when the panel is expanded.</p>\n </ng-template>\n</div>\n```",
|
|
154
|
+
"jsdocTags": [
|
|
155
|
+
{
|
|
156
|
+
"name": "developerPreview",
|
|
157
|
+
"comment": "21.0"
|
|
158
|
+
}
|
|
159
|
+
],
|
|
160
|
+
"rawComment": "/**\n * The content panel of an accordion item that is conditionally visible.\n *\n * This directive is a container for the content that is shown or hidden. It requires\n * a `panelId` that must match the `panelId` of its corresponding `ngAccordionTrigger`.\n * The content within the panel should be provided using an `ng-template` with the\n * `ngAccordionContent` directive so that the content is not rendered on the page until the trigger\n * is expanded. It applies `role=\"region\"` for accessibility and uses the `inert` attribute to hide\n * its content from assistive technologies when not visible.\n *\n * ```html\n * <div ngAccordionPanel panelId=\"unique-id-1\">\n * <ng-template ngAccordionContent>\n * <p>This content is lazily rendered and will be shown when the panel is expanded.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
35
161
|
"implements": [],
|
|
36
162
|
"source": {
|
|
37
163
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
38
|
-
"startLine":
|
|
39
|
-
"endLine":
|
|
164
|
+
"startLine": 52,
|
|
165
|
+
"endLine": 113
|
|
40
166
|
}
|
|
41
167
|
},
|
|
42
168
|
{
|
|
@@ -45,15 +171,39 @@
|
|
|
45
171
|
"entryType": "directive",
|
|
46
172
|
"members": [
|
|
47
173
|
{
|
|
48
|
-
"name": "
|
|
174
|
+
"name": "element",
|
|
175
|
+
"type": "HTMLElement",
|
|
176
|
+
"memberType": "property",
|
|
177
|
+
"memberTags": [
|
|
178
|
+
"readonly"
|
|
179
|
+
],
|
|
180
|
+
"description": "A reference to the trigger element.",
|
|
181
|
+
"jsdocTags": []
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "id",
|
|
185
|
+
"type": "any",
|
|
186
|
+
"memberType": "property",
|
|
187
|
+
"memberTags": [
|
|
188
|
+
"readonly",
|
|
189
|
+
"input"
|
|
190
|
+
],
|
|
191
|
+
"description": "A unique identifier for the widget.",
|
|
192
|
+
"jsdocTags": [],
|
|
193
|
+
"inputAlias": "id",
|
|
194
|
+
"isRequiredInput": false
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "panelId",
|
|
49
198
|
"type": "any",
|
|
50
199
|
"memberType": "property",
|
|
51
200
|
"memberTags": [
|
|
201
|
+
"readonly",
|
|
52
202
|
"input"
|
|
53
203
|
],
|
|
54
|
-
"description": "A local unique identifier for the trigger, used to match with its panel's
|
|
204
|
+
"description": "A local unique identifier for the trigger, used to match with its panel's `panelId`.",
|
|
55
205
|
"jsdocTags": [],
|
|
56
|
-
"inputAlias": "
|
|
206
|
+
"inputAlias": "panelId",
|
|
57
207
|
"isRequiredInput": true
|
|
58
208
|
},
|
|
59
209
|
{
|
|
@@ -61,6 +211,7 @@
|
|
|
61
211
|
"type": "any",
|
|
62
212
|
"memberType": "property",
|
|
63
213
|
"memberTags": [
|
|
214
|
+
"readonly",
|
|
64
215
|
"input"
|
|
65
216
|
],
|
|
66
217
|
"description": "Whether the trigger is disabled.",
|
|
@@ -69,30 +220,139 @@
|
|
|
69
220
|
"isRequiredInput": false
|
|
70
221
|
},
|
|
71
222
|
{
|
|
72
|
-
"name": "
|
|
223
|
+
"name": "expanded",
|
|
73
224
|
"type": "any",
|
|
74
225
|
"memberType": "property",
|
|
75
226
|
"memberTags": [
|
|
76
|
-
"readonly"
|
|
227
|
+
"readonly",
|
|
228
|
+
"input",
|
|
229
|
+
"output"
|
|
77
230
|
],
|
|
78
|
-
"description": "Whether
|
|
79
|
-
"jsdocTags": []
|
|
231
|
+
"description": "Whether the corresponding panel is expanded.",
|
|
232
|
+
"jsdocTags": [],
|
|
233
|
+
"inputAlias": "expanded",
|
|
234
|
+
"isRequiredInput": false,
|
|
235
|
+
"outputAlias": "expandedChange"
|
|
80
236
|
},
|
|
81
237
|
{
|
|
82
|
-
"name": "
|
|
83
|
-
"type": "
|
|
238
|
+
"name": "active",
|
|
239
|
+
"type": "any",
|
|
84
240
|
"memberType": "property",
|
|
85
241
|
"memberTags": [
|
|
86
242
|
"readonly"
|
|
87
243
|
],
|
|
88
|
-
"description": "
|
|
244
|
+
"description": "Whether the trigger is active.",
|
|
89
245
|
"jsdocTags": []
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "expand",
|
|
249
|
+
"signatures": [
|
|
250
|
+
{
|
|
251
|
+
"name": "expand",
|
|
252
|
+
"entryType": "function",
|
|
253
|
+
"description": "Expands this item.",
|
|
254
|
+
"generics": [],
|
|
255
|
+
"isNewType": false,
|
|
256
|
+
"jsdocTags": [],
|
|
257
|
+
"params": [],
|
|
258
|
+
"rawComment": "/** Expands this item. */",
|
|
259
|
+
"returnType": "void"
|
|
260
|
+
}
|
|
261
|
+
],
|
|
262
|
+
"implementation": {
|
|
263
|
+
"params": [],
|
|
264
|
+
"isNewType": false,
|
|
265
|
+
"returnType": "void",
|
|
266
|
+
"generics": [],
|
|
267
|
+
"name": "expand",
|
|
268
|
+
"description": "Expands this item.",
|
|
269
|
+
"entryType": "function",
|
|
270
|
+
"jsdocTags": [],
|
|
271
|
+
"rawComment": "/** Expands this item. */"
|
|
272
|
+
},
|
|
273
|
+
"entryType": "function",
|
|
274
|
+
"description": "Expands this item.",
|
|
275
|
+
"jsdocTags": [],
|
|
276
|
+
"rawComment": "/** Expands this item. */",
|
|
277
|
+
"memberType": "method",
|
|
278
|
+
"memberTags": []
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"name": "collapse",
|
|
282
|
+
"signatures": [
|
|
283
|
+
{
|
|
284
|
+
"name": "collapse",
|
|
285
|
+
"entryType": "function",
|
|
286
|
+
"description": "Collapses this item.",
|
|
287
|
+
"generics": [],
|
|
288
|
+
"isNewType": false,
|
|
289
|
+
"jsdocTags": [],
|
|
290
|
+
"params": [],
|
|
291
|
+
"rawComment": "/** Collapses this item. */",
|
|
292
|
+
"returnType": "void"
|
|
293
|
+
}
|
|
294
|
+
],
|
|
295
|
+
"implementation": {
|
|
296
|
+
"params": [],
|
|
297
|
+
"isNewType": false,
|
|
298
|
+
"returnType": "void",
|
|
299
|
+
"generics": [],
|
|
300
|
+
"name": "collapse",
|
|
301
|
+
"description": "Collapses this item.",
|
|
302
|
+
"entryType": "function",
|
|
303
|
+
"jsdocTags": [],
|
|
304
|
+
"rawComment": "/** Collapses this item. */"
|
|
305
|
+
},
|
|
306
|
+
"entryType": "function",
|
|
307
|
+
"description": "Collapses this item.",
|
|
308
|
+
"jsdocTags": [],
|
|
309
|
+
"rawComment": "/** Collapses this item. */",
|
|
310
|
+
"memberType": "method",
|
|
311
|
+
"memberTags": []
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"name": "toggle",
|
|
315
|
+
"signatures": [
|
|
316
|
+
{
|
|
317
|
+
"name": "toggle",
|
|
318
|
+
"entryType": "function",
|
|
319
|
+
"description": "Toggles the expansion state of this item.",
|
|
320
|
+
"generics": [],
|
|
321
|
+
"isNewType": false,
|
|
322
|
+
"jsdocTags": [],
|
|
323
|
+
"params": [],
|
|
324
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
325
|
+
"returnType": "void"
|
|
326
|
+
}
|
|
327
|
+
],
|
|
328
|
+
"implementation": {
|
|
329
|
+
"params": [],
|
|
330
|
+
"isNewType": false,
|
|
331
|
+
"returnType": "void",
|
|
332
|
+
"generics": [],
|
|
333
|
+
"name": "toggle",
|
|
334
|
+
"description": "Toggles the expansion state of this item.",
|
|
335
|
+
"entryType": "function",
|
|
336
|
+
"jsdocTags": [],
|
|
337
|
+
"rawComment": "/** Toggles the expansion state of this item. */"
|
|
338
|
+
},
|
|
339
|
+
"entryType": "function",
|
|
340
|
+
"description": "Toggles the expansion state of this item.",
|
|
341
|
+
"jsdocTags": [],
|
|
342
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
343
|
+
"memberType": "method",
|
|
344
|
+
"memberTags": []
|
|
90
345
|
}
|
|
91
346
|
],
|
|
92
347
|
"generics": [],
|
|
93
|
-
"description": "
|
|
94
|
-
"jsdocTags": [
|
|
95
|
-
|
|
348
|
+
"description": "The trigger that toggles the visibility of its associated `ngAccordionPanel`.\n\nThis directive requires a `panelId` that must match the `panelId` of the `ngAccordionPanel` it\ncontrols. When clicked, it will expand or collapse the panel. It also handles keyboard\ninteractions for navigation within the `ngAccordionGroup`. It applies `role=\"button\"` and manages\n`aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.\nThe `disabled` input can be used to disable the trigger.\n\n```html\n<button ngAccordionTrigger panelId=\"unique-id-1\">\n Accordion Trigger Text\n</button>\n```",
|
|
349
|
+
"jsdocTags": [
|
|
350
|
+
{
|
|
351
|
+
"name": "developerPreview",
|
|
352
|
+
"comment": "21.0"
|
|
353
|
+
}
|
|
354
|
+
],
|
|
355
|
+
"rawComment": "/**\n * The trigger that toggles the visibility of its associated `ngAccordionPanel`.\n *\n * This directive requires a `panelId` that must match the `panelId` of the `ngAccordionPanel` it\n * controls. When clicked, it will expand or collapse the panel. It also handles keyboard\n * interactions for navigation within the `ngAccordionGroup`. It applies `role=\"button\"` and manages\n * `aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.\n * The `disabled` input can be used to disable the trigger.\n *\n * ```html\n * <button ngAccordionTrigger panelId=\"unique-id-1\">\n * Accordion Trigger Text\n * </button>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
96
356
|
"implements": [],
|
|
97
357
|
"isStandalone": true,
|
|
98
358
|
"selector": "[ngAccordionTrigger]",
|
|
@@ -101,8 +361,8 @@
|
|
|
101
361
|
],
|
|
102
362
|
"source": {
|
|
103
363
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
104
|
-
"startLine":
|
|
105
|
-
"endLine":
|
|
364
|
+
"startLine": 132,
|
|
365
|
+
"endLine": 196
|
|
106
366
|
}
|
|
107
367
|
},
|
|
108
368
|
{
|
|
@@ -110,6 +370,16 @@
|
|
|
110
370
|
"isAbstract": false,
|
|
111
371
|
"entryType": "directive",
|
|
112
372
|
"members": [
|
|
373
|
+
{
|
|
374
|
+
"name": "element",
|
|
375
|
+
"type": "HTMLElement",
|
|
376
|
+
"memberType": "property",
|
|
377
|
+
"memberTags": [
|
|
378
|
+
"readonly"
|
|
379
|
+
],
|
|
380
|
+
"description": "A reference to the group element.",
|
|
381
|
+
"jsdocTags": []
|
|
382
|
+
},
|
|
113
383
|
{
|
|
114
384
|
"name": "textDirection",
|
|
115
385
|
"type": "any",
|
|
@@ -125,6 +395,7 @@
|
|
|
125
395
|
"type": "any",
|
|
126
396
|
"memberType": "property",
|
|
127
397
|
"memberTags": [
|
|
398
|
+
"readonly",
|
|
128
399
|
"input"
|
|
129
400
|
],
|
|
130
401
|
"description": "Whether the entire accordion group is disabled.",
|
|
@@ -137,6 +408,7 @@
|
|
|
137
408
|
"type": "any",
|
|
138
409
|
"memberType": "property",
|
|
139
410
|
"memberTags": [
|
|
411
|
+
"readonly",
|
|
140
412
|
"input"
|
|
141
413
|
],
|
|
142
414
|
"description": "Whether multiple accordion items can be expanded simultaneously.",
|
|
@@ -144,28 +416,15 @@
|
|
|
144
416
|
"inputAlias": "multiExpandable",
|
|
145
417
|
"isRequiredInput": false
|
|
146
418
|
},
|
|
147
|
-
{
|
|
148
|
-
"name": "value",
|
|
149
|
-
"type": "any",
|
|
150
|
-
"memberType": "property",
|
|
151
|
-
"memberTags": [
|
|
152
|
-
"input",
|
|
153
|
-
"output"
|
|
154
|
-
],
|
|
155
|
-
"description": "The values of the current selected/expanded accordions.",
|
|
156
|
-
"jsdocTags": [],
|
|
157
|
-
"inputAlias": "value",
|
|
158
|
-
"isRequiredInput": false,
|
|
159
|
-
"outputAlias": "valueChange"
|
|
160
|
-
},
|
|
161
419
|
{
|
|
162
420
|
"name": "softDisabled",
|
|
163
421
|
"type": "any",
|
|
164
422
|
"memberType": "property",
|
|
165
423
|
"memberTags": [
|
|
424
|
+
"readonly",
|
|
166
425
|
"input"
|
|
167
426
|
],
|
|
168
|
-
"description": "Whether to allow disabled items to receive focus.",
|
|
427
|
+
"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.",
|
|
169
428
|
"jsdocTags": [],
|
|
170
429
|
"inputAlias": "softDisabled",
|
|
171
430
|
"isRequiredInput": false
|
|
@@ -175,18 +434,90 @@
|
|
|
175
434
|
"type": "any",
|
|
176
435
|
"memberType": "property",
|
|
177
436
|
"memberTags": [
|
|
437
|
+
"readonly",
|
|
178
438
|
"input"
|
|
179
439
|
],
|
|
180
440
|
"description": "Whether keyboard navigation should wrap around from the last item to the first, and vice-versa.",
|
|
181
441
|
"jsdocTags": [],
|
|
182
442
|
"inputAlias": "wrap",
|
|
183
443
|
"isRequiredInput": false
|
|
444
|
+
},
|
|
445
|
+
{
|
|
446
|
+
"name": "expandAll",
|
|
447
|
+
"signatures": [
|
|
448
|
+
{
|
|
449
|
+
"name": "expandAll",
|
|
450
|
+
"entryType": "function",
|
|
451
|
+
"description": "Expands all accordion panels if multi-expandable.",
|
|
452
|
+
"generics": [],
|
|
453
|
+
"isNewType": false,
|
|
454
|
+
"jsdocTags": [],
|
|
455
|
+
"params": [],
|
|
456
|
+
"rawComment": "/** Expands all accordion panels if multi-expandable. */",
|
|
457
|
+
"returnType": "void"
|
|
458
|
+
}
|
|
459
|
+
],
|
|
460
|
+
"implementation": {
|
|
461
|
+
"params": [],
|
|
462
|
+
"isNewType": false,
|
|
463
|
+
"returnType": "void",
|
|
464
|
+
"generics": [],
|
|
465
|
+
"name": "expandAll",
|
|
466
|
+
"description": "Expands all accordion panels if multi-expandable.",
|
|
467
|
+
"entryType": "function",
|
|
468
|
+
"jsdocTags": [],
|
|
469
|
+
"rawComment": "/** Expands all accordion panels if multi-expandable. */"
|
|
470
|
+
},
|
|
471
|
+
"entryType": "function",
|
|
472
|
+
"description": "Expands all accordion panels if multi-expandable.",
|
|
473
|
+
"jsdocTags": [],
|
|
474
|
+
"rawComment": "/** Expands all accordion panels if multi-expandable. */",
|
|
475
|
+
"memberType": "method",
|
|
476
|
+
"memberTags": []
|
|
477
|
+
},
|
|
478
|
+
{
|
|
479
|
+
"name": "collapseAll",
|
|
480
|
+
"signatures": [
|
|
481
|
+
{
|
|
482
|
+
"name": "collapseAll",
|
|
483
|
+
"entryType": "function",
|
|
484
|
+
"description": "Collapses all accordion panels.",
|
|
485
|
+
"generics": [],
|
|
486
|
+
"isNewType": false,
|
|
487
|
+
"jsdocTags": [],
|
|
488
|
+
"params": [],
|
|
489
|
+
"rawComment": "/** Collapses all accordion panels. */",
|
|
490
|
+
"returnType": "void"
|
|
491
|
+
}
|
|
492
|
+
],
|
|
493
|
+
"implementation": {
|
|
494
|
+
"params": [],
|
|
495
|
+
"isNewType": false,
|
|
496
|
+
"returnType": "void",
|
|
497
|
+
"generics": [],
|
|
498
|
+
"name": "collapseAll",
|
|
499
|
+
"description": "Collapses all accordion panels.",
|
|
500
|
+
"entryType": "function",
|
|
501
|
+
"jsdocTags": [],
|
|
502
|
+
"rawComment": "/** Collapses all accordion panels. */"
|
|
503
|
+
},
|
|
504
|
+
"entryType": "function",
|
|
505
|
+
"description": "Collapses all accordion panels.",
|
|
506
|
+
"jsdocTags": [],
|
|
507
|
+
"rawComment": "/** Collapses all accordion panels. */",
|
|
508
|
+
"memberType": "method",
|
|
509
|
+
"memberTags": []
|
|
184
510
|
}
|
|
185
511
|
],
|
|
186
512
|
"generics": [],
|
|
187
|
-
"description": "
|
|
188
|
-
"jsdocTags": [
|
|
189
|
-
|
|
513
|
+
"description": "A container for a group of accordion items. It manages the overall state and\ninteractions of the accordion, such as keyboard navigation and expansion mode.\n\nThe `ngAccordionGroup` serves as the root of a group of accordion triggers and panels,\ncoordinating the behavior of the `ngAccordionTrigger` and `ngAccordionPanel` elements within it.\nIt supports both single and multiple expansion modes.\n\n```html\n<div ngAccordionGroup [multiExpandable]=\"true\" [(expandedPanels)]=\"expandedItems\">\n <div class=\"accordion-item\">\n <h3>\n <button ngAccordionTrigger panelId=\"item-1\">Item 1</button>\n </h3>\n <div ngAccordionPanel panelId=\"item-1\">\n <ng-template ngAccordionContent>\n <p>Content for Item 1.</p>\n </ng-template>\n </div>\n </div>\n <div class=\"accordion-item\">\n <h3>\n <button ngAccordionTrigger panelId=\"item-2\">Item 2</button>\n </h3>\n <div ngAccordionPanel panelId=\"item-2\">\n <ng-template ngAccordionContent>\n <p>Content for Item 2.</p>\n </ng-template>\n </div>\n </div>\n</div>\n```",
|
|
514
|
+
"jsdocTags": [
|
|
515
|
+
{
|
|
516
|
+
"name": "developerPreview",
|
|
517
|
+
"comment": "21.0"
|
|
518
|
+
}
|
|
519
|
+
],
|
|
520
|
+
"rawComment": "/**\n * A container for a group of accordion items. It manages the overall state and\n * interactions of the accordion, such as keyboard navigation and expansion mode.\n *\n * The `ngAccordionGroup` serves as the root of a group of accordion triggers and panels,\n * coordinating the behavior of the `ngAccordionTrigger` and `ngAccordionPanel` elements within it.\n * It supports both single and multiple expansion modes.\n *\n * ```html\n * <div ngAccordionGroup [multiExpandable]=\"true\" [(expandedPanels)]=\"expandedItems\">\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger panelId=\"item-1\">Item 1</button>\n * </h3>\n * <div ngAccordionPanel panelId=\"item-1\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 1.</p>\n * </ng-template>\n * </div>\n * </div>\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger panelId=\"item-2\">Item 2</button>\n * </h3>\n * <div ngAccordionPanel panelId=\"item-2\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 2.</p>\n * </ng-template>\n * </div>\n * </div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
190
521
|
"implements": [],
|
|
191
522
|
"isStandalone": true,
|
|
192
523
|
"selector": "[ngAccordionGroup]",
|
|
@@ -195,8 +526,8 @@
|
|
|
195
526
|
],
|
|
196
527
|
"source": {
|
|
197
528
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
198
|
-
"startLine":
|
|
199
|
-
"endLine":
|
|
529
|
+
"startLine": 233,
|
|
530
|
+
"endLine": 328
|
|
200
531
|
}
|
|
201
532
|
},
|
|
202
533
|
{
|
|
@@ -205,14 +536,19 @@
|
|
|
205
536
|
"entryType": "undecorated_class",
|
|
206
537
|
"members": [],
|
|
207
538
|
"generics": [],
|
|
208
|
-
"description": "A structural directive that
|
|
209
|
-
"jsdocTags": [
|
|
210
|
-
|
|
539
|
+
"description": "A structural directive that provides a mechanism for lazily rendering the content for an\n`ngAccordionPanel`.\n\nThis directive should be applied to an `ng-template` inside an `ngAccordionPanel`.\nIt allows the content of the panel to be lazily rendered, improving performance\nby only creating the content when the panel is first expanded.\n\n```html\n<div ngAccordionPanel panelId=\"unique-id-1\">\n <ng-template ngAccordionContent>\n <p>This is the content that will be displayed inside the panel.</p>\n </ng-template>\n</div>\n```",
|
|
540
|
+
"jsdocTags": [
|
|
541
|
+
{
|
|
542
|
+
"name": "developerPreview",
|
|
543
|
+
"comment": "21.0"
|
|
544
|
+
}
|
|
545
|
+
],
|
|
546
|
+
"rawComment": "/**\n * A structural directive that provides a mechanism for lazily rendering the content for an\n * `ngAccordionPanel`.\n *\n * This directive should be applied to an `ng-template` inside an `ngAccordionPanel`.\n * It allows the content of the panel to be lazily rendered, improving performance\n * by only creating the content when the panel is first expanded.\n *\n * ```html\n * <div ngAccordionPanel panelId=\"unique-id-1\">\n * <ng-template ngAccordionContent>\n * <p>This is the content that will be displayed inside the panel.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
211
547
|
"implements": [],
|
|
212
548
|
"source": {
|
|
213
549
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
214
|
-
"startLine":
|
|
215
|
-
"endLine":
|
|
550
|
+
"startLine": 348,
|
|
551
|
+
"endLine": 352
|
|
216
552
|
}
|
|
217
553
|
}
|
|
218
554
|
],
|
|
@@ -310,19 +646,47 @@
|
|
|
310
646
|
"@angular/aria/accordion"
|
|
311
647
|
],
|
|
312
648
|
[
|
|
313
|
-
"AccordionPanel.
|
|
649
|
+
"AccordionPanel.id",
|
|
650
|
+
"@angular/aria/accordion"
|
|
651
|
+
],
|
|
652
|
+
[
|
|
653
|
+
"AccordionPanel.panelId",
|
|
654
|
+
"@angular/aria/accordion"
|
|
655
|
+
],
|
|
656
|
+
[
|
|
657
|
+
"AccordionPanel.visible",
|
|
314
658
|
"@angular/aria/accordion"
|
|
315
659
|
],
|
|
316
660
|
[
|
|
317
661
|
"AccordionPanel.accordionTrigger",
|
|
318
662
|
"@angular/aria/accordion"
|
|
319
663
|
],
|
|
664
|
+
[
|
|
665
|
+
"AccordionPanel.expand",
|
|
666
|
+
"@angular/aria/accordion"
|
|
667
|
+
],
|
|
668
|
+
[
|
|
669
|
+
"AccordionPanel.collapse",
|
|
670
|
+
"@angular/aria/accordion"
|
|
671
|
+
],
|
|
672
|
+
[
|
|
673
|
+
"AccordionPanel.toggle",
|
|
674
|
+
"@angular/aria/accordion"
|
|
675
|
+
],
|
|
320
676
|
[
|
|
321
677
|
"AccordionTrigger",
|
|
322
678
|
"@angular/aria/accordion"
|
|
323
679
|
],
|
|
324
680
|
[
|
|
325
|
-
"AccordionTrigger.
|
|
681
|
+
"AccordionTrigger.element",
|
|
682
|
+
"@angular/aria/accordion"
|
|
683
|
+
],
|
|
684
|
+
[
|
|
685
|
+
"AccordionTrigger.id",
|
|
686
|
+
"@angular/aria/accordion"
|
|
687
|
+
],
|
|
688
|
+
[
|
|
689
|
+
"AccordionTrigger.panelId",
|
|
326
690
|
"@angular/aria/accordion"
|
|
327
691
|
],
|
|
328
692
|
[
|
|
@@ -330,17 +694,33 @@
|
|
|
330
694
|
"@angular/aria/accordion"
|
|
331
695
|
],
|
|
332
696
|
[
|
|
333
|
-
"AccordionTrigger.
|
|
697
|
+
"AccordionTrigger.expanded",
|
|
698
|
+
"@angular/aria/accordion"
|
|
699
|
+
],
|
|
700
|
+
[
|
|
701
|
+
"AccordionTrigger.active",
|
|
702
|
+
"@angular/aria/accordion"
|
|
703
|
+
],
|
|
704
|
+
[
|
|
705
|
+
"AccordionTrigger.expand",
|
|
334
706
|
"@angular/aria/accordion"
|
|
335
707
|
],
|
|
336
708
|
[
|
|
337
|
-
"AccordionTrigger.
|
|
709
|
+
"AccordionTrigger.collapse",
|
|
710
|
+
"@angular/aria/accordion"
|
|
711
|
+
],
|
|
712
|
+
[
|
|
713
|
+
"AccordionTrigger.toggle",
|
|
338
714
|
"@angular/aria/accordion"
|
|
339
715
|
],
|
|
340
716
|
[
|
|
341
717
|
"AccordionGroup",
|
|
342
718
|
"@angular/aria/accordion"
|
|
343
719
|
],
|
|
720
|
+
[
|
|
721
|
+
"AccordionGroup.element",
|
|
722
|
+
"@angular/aria/accordion"
|
|
723
|
+
],
|
|
344
724
|
[
|
|
345
725
|
"AccordionGroup.textDirection",
|
|
346
726
|
"@angular/aria/accordion"
|
|
@@ -354,15 +734,19 @@
|
|
|
354
734
|
"@angular/aria/accordion"
|
|
355
735
|
],
|
|
356
736
|
[
|
|
357
|
-
"AccordionGroup.
|
|
737
|
+
"AccordionGroup.softDisabled",
|
|
358
738
|
"@angular/aria/accordion"
|
|
359
739
|
],
|
|
360
740
|
[
|
|
361
|
-
"AccordionGroup.
|
|
741
|
+
"AccordionGroup.wrap",
|
|
362
742
|
"@angular/aria/accordion"
|
|
363
743
|
],
|
|
364
744
|
[
|
|
365
|
-
"AccordionGroup.
|
|
745
|
+
"AccordionGroup.expandAll",
|
|
746
|
+
"@angular/aria/accordion"
|
|
747
|
+
],
|
|
748
|
+
[
|
|
749
|
+
"AccordionGroup.collapseAll",
|
|
366
750
|
"@angular/aria/accordion"
|
|
367
751
|
],
|
|
368
752
|
[
|