@angular/aria 21.0.0-rc.1 → 21.0.0-rc.3
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 +429 -59
- package/_adev_assets/aria-combobox.json +261 -41
- package/_adev_assets/aria-grid.json +339 -85
- package/_adev_assets/aria-listbox.json +99 -70
- package/_adev_assets/aria-menu.json +355 -158
- package/_adev_assets/aria-tabs.json +198 -305
- package/_adev_assets/aria-toolbar.json +70 -221
- package/_adev_assets/aria-tree.json +153 -363
- package/fesm2022/_widget-chunk.mjs +388 -57
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +125 -72
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +129 -24
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs +203 -65
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs +50 -39
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +179 -71
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +418 -440
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +105 -73
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +52 -44
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +106 -63
- 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 +134 -35
- package/types/combobox.d.ts +141 -12
- package/types/grid.d.ts +150 -32
- package/types/listbox.d.ts +60 -28
- package/types/menu.d.ts +133 -49
- package/types/private.d.ts +210 -250
- package/types/tabs.d.ts +124 -44
- package/types/toolbar.d.ts +58 -36
- package/types/tree.d.ts +121 -49
|
@@ -10,33 +10,149 @@
|
|
|
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.",
|
|
18
20
|
"jsdocTags": []
|
|
19
21
|
},
|
|
20
22
|
{
|
|
21
|
-
"name": "
|
|
22
|
-
"type": "
|
|
23
|
+
"name": "panelId",
|
|
24
|
+
"type": "any",
|
|
23
25
|
"memberType": "property",
|
|
24
26
|
"memberTags": [
|
|
25
27
|
"readonly"
|
|
26
28
|
],
|
|
27
|
-
"description": "
|
|
29
|
+
"description": "A local unique identifier for the panel, used to match with its trigger's `panelId`.",
|
|
28
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.",
|
|
40
|
+
"jsdocTags": []
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "expand",
|
|
44
|
+
"signatures": [
|
|
45
|
+
{
|
|
46
|
+
"name": "expand",
|
|
47
|
+
"entryType": "function",
|
|
48
|
+
"description": "Expands this item.",
|
|
49
|
+
"generics": [],
|
|
50
|
+
"isNewType": false,
|
|
51
|
+
"jsdocTags": [],
|
|
52
|
+
"params": [],
|
|
53
|
+
"rawComment": "/** Expands this item. */",
|
|
54
|
+
"returnType": "void"
|
|
55
|
+
}
|
|
56
|
+
],
|
|
57
|
+
"implementation": {
|
|
58
|
+
"params": [],
|
|
59
|
+
"isNewType": false,
|
|
60
|
+
"returnType": "void",
|
|
61
|
+
"generics": [],
|
|
62
|
+
"name": "expand",
|
|
63
|
+
"description": "Expands this item.",
|
|
64
|
+
"entryType": "function",
|
|
65
|
+
"jsdocTags": [],
|
|
66
|
+
"rawComment": "/** Expands this item. */"
|
|
67
|
+
},
|
|
68
|
+
"entryType": "function",
|
|
69
|
+
"description": "Expands this item.",
|
|
70
|
+
"jsdocTags": [],
|
|
71
|
+
"rawComment": "/** Expands this item. */",
|
|
72
|
+
"memberType": "method",
|
|
73
|
+
"memberTags": []
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"name": "collapse",
|
|
77
|
+
"signatures": [
|
|
78
|
+
{
|
|
79
|
+
"name": "collapse",
|
|
80
|
+
"entryType": "function",
|
|
81
|
+
"description": "Collapses this item.",
|
|
82
|
+
"generics": [],
|
|
83
|
+
"isNewType": false,
|
|
84
|
+
"jsdocTags": [],
|
|
85
|
+
"params": [],
|
|
86
|
+
"rawComment": "/** Collapses this item. */",
|
|
87
|
+
"returnType": "void"
|
|
88
|
+
}
|
|
89
|
+
],
|
|
90
|
+
"implementation": {
|
|
91
|
+
"params": [],
|
|
92
|
+
"isNewType": false,
|
|
93
|
+
"returnType": "void",
|
|
94
|
+
"generics": [],
|
|
95
|
+
"name": "collapse",
|
|
96
|
+
"description": "Collapses this item.",
|
|
97
|
+
"entryType": "function",
|
|
98
|
+
"jsdocTags": [],
|
|
99
|
+
"rawComment": "/** Collapses this item. */"
|
|
100
|
+
},
|
|
101
|
+
"entryType": "function",
|
|
102
|
+
"description": "Collapses this item.",
|
|
103
|
+
"jsdocTags": [],
|
|
104
|
+
"rawComment": "/** Collapses this item. */",
|
|
105
|
+
"memberType": "method",
|
|
106
|
+
"memberTags": []
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"name": "toggle",
|
|
110
|
+
"signatures": [
|
|
111
|
+
{
|
|
112
|
+
"name": "toggle",
|
|
113
|
+
"entryType": "function",
|
|
114
|
+
"description": "Toggles the expansion state of this item.",
|
|
115
|
+
"generics": [],
|
|
116
|
+
"isNewType": false,
|
|
117
|
+
"jsdocTags": [],
|
|
118
|
+
"params": [],
|
|
119
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
120
|
+
"returnType": "void"
|
|
121
|
+
}
|
|
122
|
+
],
|
|
123
|
+
"implementation": {
|
|
124
|
+
"params": [],
|
|
125
|
+
"isNewType": false,
|
|
126
|
+
"returnType": "void",
|
|
127
|
+
"generics": [],
|
|
128
|
+
"name": "toggle",
|
|
129
|
+
"description": "Toggles the expansion state of this item.",
|
|
130
|
+
"entryType": "function",
|
|
131
|
+
"jsdocTags": [],
|
|
132
|
+
"rawComment": "/** Toggles the expansion state of this item. */"
|
|
133
|
+
},
|
|
134
|
+
"entryType": "function",
|
|
135
|
+
"description": "Toggles the expansion state of this item.",
|
|
136
|
+
"jsdocTags": [],
|
|
137
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
138
|
+
"memberType": "method",
|
|
139
|
+
"memberTags": []
|
|
29
140
|
}
|
|
30
141
|
],
|
|
31
142
|
"generics": [],
|
|
32
|
-
"description": "
|
|
33
|
-
"jsdocTags": [
|
|
34
|
-
|
|
143
|
+
"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```",
|
|
144
|
+
"jsdocTags": [
|
|
145
|
+
{
|
|
146
|
+
"name": "developerPreview",
|
|
147
|
+
"comment": "21.0"
|
|
148
|
+
}
|
|
149
|
+
],
|
|
150
|
+
"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
151
|
"implements": [],
|
|
36
152
|
"source": {
|
|
37
153
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
38
|
-
"startLine":
|
|
39
|
-
"endLine":
|
|
154
|
+
"startLine": 52,
|
|
155
|
+
"endLine": 113
|
|
40
156
|
}
|
|
41
157
|
},
|
|
42
158
|
{
|
|
@@ -45,15 +161,39 @@
|
|
|
45
161
|
"entryType": "directive",
|
|
46
162
|
"members": [
|
|
47
163
|
{
|
|
48
|
-
"name": "
|
|
164
|
+
"name": "element",
|
|
165
|
+
"type": "HTMLElement",
|
|
166
|
+
"memberType": "property",
|
|
167
|
+
"memberTags": [
|
|
168
|
+
"readonly"
|
|
169
|
+
],
|
|
170
|
+
"description": "A reference to the trigger element.",
|
|
171
|
+
"jsdocTags": []
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"name": "id",
|
|
49
175
|
"type": "any",
|
|
50
176
|
"memberType": "property",
|
|
51
177
|
"memberTags": [
|
|
178
|
+
"readonly",
|
|
52
179
|
"input"
|
|
53
180
|
],
|
|
54
|
-
"description": "A
|
|
181
|
+
"description": "A unique identifier for the widget.",
|
|
55
182
|
"jsdocTags": [],
|
|
56
|
-
"inputAlias": "
|
|
183
|
+
"inputAlias": "id",
|
|
184
|
+
"isRequiredInput": false
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "panelId",
|
|
188
|
+
"type": "any",
|
|
189
|
+
"memberType": "property",
|
|
190
|
+
"memberTags": [
|
|
191
|
+
"readonly",
|
|
192
|
+
"input"
|
|
193
|
+
],
|
|
194
|
+
"description": "A local unique identifier for the trigger, used to match with its panel's `panelId`.",
|
|
195
|
+
"jsdocTags": [],
|
|
196
|
+
"inputAlias": "panelId",
|
|
57
197
|
"isRequiredInput": true
|
|
58
198
|
},
|
|
59
199
|
{
|
|
@@ -61,6 +201,7 @@
|
|
|
61
201
|
"type": "any",
|
|
62
202
|
"memberType": "property",
|
|
63
203
|
"memberTags": [
|
|
204
|
+
"readonly",
|
|
64
205
|
"input"
|
|
65
206
|
],
|
|
66
207
|
"description": "Whether the trigger is disabled.",
|
|
@@ -69,30 +210,139 @@
|
|
|
69
210
|
"isRequiredInput": false
|
|
70
211
|
},
|
|
71
212
|
{
|
|
72
|
-
"name": "
|
|
213
|
+
"name": "expanded",
|
|
73
214
|
"type": "any",
|
|
74
215
|
"memberType": "property",
|
|
75
216
|
"memberTags": [
|
|
76
|
-
"readonly"
|
|
217
|
+
"readonly",
|
|
218
|
+
"input",
|
|
219
|
+
"output"
|
|
77
220
|
],
|
|
78
|
-
"description": "Whether
|
|
79
|
-
"jsdocTags": []
|
|
221
|
+
"description": "Whether the corresponding panel is expanded.",
|
|
222
|
+
"jsdocTags": [],
|
|
223
|
+
"inputAlias": "expanded",
|
|
224
|
+
"isRequiredInput": false,
|
|
225
|
+
"outputAlias": "expandedChange"
|
|
80
226
|
},
|
|
81
227
|
{
|
|
82
|
-
"name": "
|
|
83
|
-
"type": "
|
|
228
|
+
"name": "active",
|
|
229
|
+
"type": "any",
|
|
84
230
|
"memberType": "property",
|
|
85
231
|
"memberTags": [
|
|
86
232
|
"readonly"
|
|
87
233
|
],
|
|
88
|
-
"description": "
|
|
234
|
+
"description": "Whether the trigger is active.",
|
|
89
235
|
"jsdocTags": []
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"name": "expand",
|
|
239
|
+
"signatures": [
|
|
240
|
+
{
|
|
241
|
+
"name": "expand",
|
|
242
|
+
"entryType": "function",
|
|
243
|
+
"description": "Expands this item.",
|
|
244
|
+
"generics": [],
|
|
245
|
+
"isNewType": false,
|
|
246
|
+
"jsdocTags": [],
|
|
247
|
+
"params": [],
|
|
248
|
+
"rawComment": "/** Expands this item. */",
|
|
249
|
+
"returnType": "void"
|
|
250
|
+
}
|
|
251
|
+
],
|
|
252
|
+
"implementation": {
|
|
253
|
+
"params": [],
|
|
254
|
+
"isNewType": false,
|
|
255
|
+
"returnType": "void",
|
|
256
|
+
"generics": [],
|
|
257
|
+
"name": "expand",
|
|
258
|
+
"description": "Expands this item.",
|
|
259
|
+
"entryType": "function",
|
|
260
|
+
"jsdocTags": [],
|
|
261
|
+
"rawComment": "/** Expands this item. */"
|
|
262
|
+
},
|
|
263
|
+
"entryType": "function",
|
|
264
|
+
"description": "Expands this item.",
|
|
265
|
+
"jsdocTags": [],
|
|
266
|
+
"rawComment": "/** Expands this item. */",
|
|
267
|
+
"memberType": "method",
|
|
268
|
+
"memberTags": []
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
"name": "collapse",
|
|
272
|
+
"signatures": [
|
|
273
|
+
{
|
|
274
|
+
"name": "collapse",
|
|
275
|
+
"entryType": "function",
|
|
276
|
+
"description": "Collapses this item.",
|
|
277
|
+
"generics": [],
|
|
278
|
+
"isNewType": false,
|
|
279
|
+
"jsdocTags": [],
|
|
280
|
+
"params": [],
|
|
281
|
+
"rawComment": "/** Collapses this item. */",
|
|
282
|
+
"returnType": "void"
|
|
283
|
+
}
|
|
284
|
+
],
|
|
285
|
+
"implementation": {
|
|
286
|
+
"params": [],
|
|
287
|
+
"isNewType": false,
|
|
288
|
+
"returnType": "void",
|
|
289
|
+
"generics": [],
|
|
290
|
+
"name": "collapse",
|
|
291
|
+
"description": "Collapses this item.",
|
|
292
|
+
"entryType": "function",
|
|
293
|
+
"jsdocTags": [],
|
|
294
|
+
"rawComment": "/** Collapses this item. */"
|
|
295
|
+
},
|
|
296
|
+
"entryType": "function",
|
|
297
|
+
"description": "Collapses this item.",
|
|
298
|
+
"jsdocTags": [],
|
|
299
|
+
"rawComment": "/** Collapses this item. */",
|
|
300
|
+
"memberType": "method",
|
|
301
|
+
"memberTags": []
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
"name": "toggle",
|
|
305
|
+
"signatures": [
|
|
306
|
+
{
|
|
307
|
+
"name": "toggle",
|
|
308
|
+
"entryType": "function",
|
|
309
|
+
"description": "Toggles the expansion state of this item.",
|
|
310
|
+
"generics": [],
|
|
311
|
+
"isNewType": false,
|
|
312
|
+
"jsdocTags": [],
|
|
313
|
+
"params": [],
|
|
314
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
315
|
+
"returnType": "void"
|
|
316
|
+
}
|
|
317
|
+
],
|
|
318
|
+
"implementation": {
|
|
319
|
+
"params": [],
|
|
320
|
+
"isNewType": false,
|
|
321
|
+
"returnType": "void",
|
|
322
|
+
"generics": [],
|
|
323
|
+
"name": "toggle",
|
|
324
|
+
"description": "Toggles the expansion state of this item.",
|
|
325
|
+
"entryType": "function",
|
|
326
|
+
"jsdocTags": [],
|
|
327
|
+
"rawComment": "/** Toggles the expansion state of this item. */"
|
|
328
|
+
},
|
|
329
|
+
"entryType": "function",
|
|
330
|
+
"description": "Toggles the expansion state of this item.",
|
|
331
|
+
"jsdocTags": [],
|
|
332
|
+
"rawComment": "/** Toggles the expansion state of this item. */",
|
|
333
|
+
"memberType": "method",
|
|
334
|
+
"memberTags": []
|
|
90
335
|
}
|
|
91
336
|
],
|
|
92
337
|
"generics": [],
|
|
93
|
-
"description": "
|
|
94
|
-
"jsdocTags": [
|
|
95
|
-
|
|
338
|
+
"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```",
|
|
339
|
+
"jsdocTags": [
|
|
340
|
+
{
|
|
341
|
+
"name": "developerPreview",
|
|
342
|
+
"comment": "21.0"
|
|
343
|
+
}
|
|
344
|
+
],
|
|
345
|
+
"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
346
|
"implements": [],
|
|
97
347
|
"isStandalone": true,
|
|
98
348
|
"selector": "[ngAccordionTrigger]",
|
|
@@ -101,8 +351,8 @@
|
|
|
101
351
|
],
|
|
102
352
|
"source": {
|
|
103
353
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
104
|
-
"startLine":
|
|
105
|
-
"endLine":
|
|
354
|
+
"startLine": 132,
|
|
355
|
+
"endLine": 197
|
|
106
356
|
}
|
|
107
357
|
},
|
|
108
358
|
{
|
|
@@ -110,6 +360,16 @@
|
|
|
110
360
|
"isAbstract": false,
|
|
111
361
|
"entryType": "directive",
|
|
112
362
|
"members": [
|
|
363
|
+
{
|
|
364
|
+
"name": "element",
|
|
365
|
+
"type": "HTMLElement",
|
|
366
|
+
"memberType": "property",
|
|
367
|
+
"memberTags": [
|
|
368
|
+
"readonly"
|
|
369
|
+
],
|
|
370
|
+
"description": "A reference to the group element.",
|
|
371
|
+
"jsdocTags": []
|
|
372
|
+
},
|
|
113
373
|
{
|
|
114
374
|
"name": "textDirection",
|
|
115
375
|
"type": "any",
|
|
@@ -125,6 +385,7 @@
|
|
|
125
385
|
"type": "any",
|
|
126
386
|
"memberType": "property",
|
|
127
387
|
"memberTags": [
|
|
388
|
+
"readonly",
|
|
128
389
|
"input"
|
|
129
390
|
],
|
|
130
391
|
"description": "Whether the entire accordion group is disabled.",
|
|
@@ -137,6 +398,7 @@
|
|
|
137
398
|
"type": "any",
|
|
138
399
|
"memberType": "property",
|
|
139
400
|
"memberTags": [
|
|
401
|
+
"readonly",
|
|
140
402
|
"input"
|
|
141
403
|
],
|
|
142
404
|
"description": "Whether multiple accordion items can be expanded simultaneously.",
|
|
@@ -144,28 +406,15 @@
|
|
|
144
406
|
"inputAlias": "multiExpandable",
|
|
145
407
|
"isRequiredInput": false
|
|
146
408
|
},
|
|
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
409
|
{
|
|
162
410
|
"name": "softDisabled",
|
|
163
411
|
"type": "any",
|
|
164
412
|
"memberType": "property",
|
|
165
413
|
"memberTags": [
|
|
414
|
+
"readonly",
|
|
166
415
|
"input"
|
|
167
416
|
],
|
|
168
|
-
"description": "Whether to allow disabled items to receive focus.",
|
|
417
|
+
"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
418
|
"jsdocTags": [],
|
|
170
419
|
"inputAlias": "softDisabled",
|
|
171
420
|
"isRequiredInput": false
|
|
@@ -175,18 +424,90 @@
|
|
|
175
424
|
"type": "any",
|
|
176
425
|
"memberType": "property",
|
|
177
426
|
"memberTags": [
|
|
427
|
+
"readonly",
|
|
178
428
|
"input"
|
|
179
429
|
],
|
|
180
430
|
"description": "Whether keyboard navigation should wrap around from the last item to the first, and vice-versa.",
|
|
181
431
|
"jsdocTags": [],
|
|
182
432
|
"inputAlias": "wrap",
|
|
183
433
|
"isRequiredInput": false
|
|
434
|
+
},
|
|
435
|
+
{
|
|
436
|
+
"name": "expandAll",
|
|
437
|
+
"signatures": [
|
|
438
|
+
{
|
|
439
|
+
"name": "expandAll",
|
|
440
|
+
"entryType": "function",
|
|
441
|
+
"description": "Expands all accordion panels if multi-expandable.",
|
|
442
|
+
"generics": [],
|
|
443
|
+
"isNewType": false,
|
|
444
|
+
"jsdocTags": [],
|
|
445
|
+
"params": [],
|
|
446
|
+
"rawComment": "/** Expands all accordion panels if multi-expandable. */",
|
|
447
|
+
"returnType": "void"
|
|
448
|
+
}
|
|
449
|
+
],
|
|
450
|
+
"implementation": {
|
|
451
|
+
"params": [],
|
|
452
|
+
"isNewType": false,
|
|
453
|
+
"returnType": "void",
|
|
454
|
+
"generics": [],
|
|
455
|
+
"name": "expandAll",
|
|
456
|
+
"description": "Expands all accordion panels if multi-expandable.",
|
|
457
|
+
"entryType": "function",
|
|
458
|
+
"jsdocTags": [],
|
|
459
|
+
"rawComment": "/** Expands all accordion panels if multi-expandable. */"
|
|
460
|
+
},
|
|
461
|
+
"entryType": "function",
|
|
462
|
+
"description": "Expands all accordion panels if multi-expandable.",
|
|
463
|
+
"jsdocTags": [],
|
|
464
|
+
"rawComment": "/** Expands all accordion panels if multi-expandable. */",
|
|
465
|
+
"memberType": "method",
|
|
466
|
+
"memberTags": []
|
|
467
|
+
},
|
|
468
|
+
{
|
|
469
|
+
"name": "collapseAll",
|
|
470
|
+
"signatures": [
|
|
471
|
+
{
|
|
472
|
+
"name": "collapseAll",
|
|
473
|
+
"entryType": "function",
|
|
474
|
+
"description": "Collapses all accordion panels.",
|
|
475
|
+
"generics": [],
|
|
476
|
+
"isNewType": false,
|
|
477
|
+
"jsdocTags": [],
|
|
478
|
+
"params": [],
|
|
479
|
+
"rawComment": "/** Collapses all accordion panels. */",
|
|
480
|
+
"returnType": "void"
|
|
481
|
+
}
|
|
482
|
+
],
|
|
483
|
+
"implementation": {
|
|
484
|
+
"params": [],
|
|
485
|
+
"isNewType": false,
|
|
486
|
+
"returnType": "void",
|
|
487
|
+
"generics": [],
|
|
488
|
+
"name": "collapseAll",
|
|
489
|
+
"description": "Collapses all accordion panels.",
|
|
490
|
+
"entryType": "function",
|
|
491
|
+
"jsdocTags": [],
|
|
492
|
+
"rawComment": "/** Collapses all accordion panels. */"
|
|
493
|
+
},
|
|
494
|
+
"entryType": "function",
|
|
495
|
+
"description": "Collapses all accordion panels.",
|
|
496
|
+
"jsdocTags": [],
|
|
497
|
+
"rawComment": "/** Collapses all accordion panels. */",
|
|
498
|
+
"memberType": "method",
|
|
499
|
+
"memberTags": []
|
|
184
500
|
}
|
|
185
501
|
],
|
|
186
502
|
"generics": [],
|
|
187
|
-
"description": "
|
|
188
|
-
"jsdocTags": [
|
|
189
|
-
|
|
503
|
+
"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```",
|
|
504
|
+
"jsdocTags": [
|
|
505
|
+
{
|
|
506
|
+
"name": "developerPreview",
|
|
507
|
+
"comment": "21.0"
|
|
508
|
+
}
|
|
509
|
+
],
|
|
510
|
+
"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
511
|
"implements": [],
|
|
191
512
|
"isStandalone": true,
|
|
192
513
|
"selector": "[ngAccordionGroup]",
|
|
@@ -195,8 +516,8 @@
|
|
|
195
516
|
],
|
|
196
517
|
"source": {
|
|
197
518
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
198
|
-
"startLine":
|
|
199
|
-
"endLine":
|
|
519
|
+
"startLine": 234,
|
|
520
|
+
"endLine": 329
|
|
200
521
|
}
|
|
201
522
|
},
|
|
202
523
|
{
|
|
@@ -205,14 +526,19 @@
|
|
|
205
526
|
"entryType": "undecorated_class",
|
|
206
527
|
"members": [],
|
|
207
528
|
"generics": [],
|
|
208
|
-
"description": "A structural directive that
|
|
209
|
-
"jsdocTags": [
|
|
210
|
-
|
|
529
|
+
"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```",
|
|
530
|
+
"jsdocTags": [
|
|
531
|
+
{
|
|
532
|
+
"name": "developerPreview",
|
|
533
|
+
"comment": "21.0"
|
|
534
|
+
}
|
|
535
|
+
],
|
|
536
|
+
"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
537
|
"implements": [],
|
|
212
538
|
"source": {
|
|
213
539
|
"filePath": "src/aria/accordion/accordion.ts",
|
|
214
|
-
"startLine":
|
|
215
|
-
"endLine":
|
|
540
|
+
"startLine": 349,
|
|
541
|
+
"endLine": 353
|
|
216
542
|
}
|
|
217
543
|
}
|
|
218
544
|
],
|
|
@@ -310,11 +636,27 @@
|
|
|
310
636
|
"@angular/aria/accordion"
|
|
311
637
|
],
|
|
312
638
|
[
|
|
313
|
-
"AccordionPanel.
|
|
639
|
+
"AccordionPanel.id",
|
|
640
|
+
"@angular/aria/accordion"
|
|
641
|
+
],
|
|
642
|
+
[
|
|
643
|
+
"AccordionPanel.panelId",
|
|
644
|
+
"@angular/aria/accordion"
|
|
645
|
+
],
|
|
646
|
+
[
|
|
647
|
+
"AccordionPanel.visible",
|
|
648
|
+
"@angular/aria/accordion"
|
|
649
|
+
],
|
|
650
|
+
[
|
|
651
|
+
"AccordionPanel.expand",
|
|
314
652
|
"@angular/aria/accordion"
|
|
315
653
|
],
|
|
316
654
|
[
|
|
317
|
-
"AccordionPanel.
|
|
655
|
+
"AccordionPanel.collapse",
|
|
656
|
+
"@angular/aria/accordion"
|
|
657
|
+
],
|
|
658
|
+
[
|
|
659
|
+
"AccordionPanel.toggle",
|
|
318
660
|
"@angular/aria/accordion"
|
|
319
661
|
],
|
|
320
662
|
[
|
|
@@ -322,7 +664,15 @@
|
|
|
322
664
|
"@angular/aria/accordion"
|
|
323
665
|
],
|
|
324
666
|
[
|
|
325
|
-
"AccordionTrigger.
|
|
667
|
+
"AccordionTrigger.element",
|
|
668
|
+
"@angular/aria/accordion"
|
|
669
|
+
],
|
|
670
|
+
[
|
|
671
|
+
"AccordionTrigger.id",
|
|
672
|
+
"@angular/aria/accordion"
|
|
673
|
+
],
|
|
674
|
+
[
|
|
675
|
+
"AccordionTrigger.panelId",
|
|
326
676
|
"@angular/aria/accordion"
|
|
327
677
|
],
|
|
328
678
|
[
|
|
@@ -330,17 +680,33 @@
|
|
|
330
680
|
"@angular/aria/accordion"
|
|
331
681
|
],
|
|
332
682
|
[
|
|
333
|
-
"AccordionTrigger.
|
|
683
|
+
"AccordionTrigger.expanded",
|
|
684
|
+
"@angular/aria/accordion"
|
|
685
|
+
],
|
|
686
|
+
[
|
|
687
|
+
"AccordionTrigger.active",
|
|
334
688
|
"@angular/aria/accordion"
|
|
335
689
|
],
|
|
336
690
|
[
|
|
337
|
-
"AccordionTrigger.
|
|
691
|
+
"AccordionTrigger.expand",
|
|
692
|
+
"@angular/aria/accordion"
|
|
693
|
+
],
|
|
694
|
+
[
|
|
695
|
+
"AccordionTrigger.collapse",
|
|
696
|
+
"@angular/aria/accordion"
|
|
697
|
+
],
|
|
698
|
+
[
|
|
699
|
+
"AccordionTrigger.toggle",
|
|
338
700
|
"@angular/aria/accordion"
|
|
339
701
|
],
|
|
340
702
|
[
|
|
341
703
|
"AccordionGroup",
|
|
342
704
|
"@angular/aria/accordion"
|
|
343
705
|
],
|
|
706
|
+
[
|
|
707
|
+
"AccordionGroup.element",
|
|
708
|
+
"@angular/aria/accordion"
|
|
709
|
+
],
|
|
344
710
|
[
|
|
345
711
|
"AccordionGroup.textDirection",
|
|
346
712
|
"@angular/aria/accordion"
|
|
@@ -354,15 +720,19 @@
|
|
|
354
720
|
"@angular/aria/accordion"
|
|
355
721
|
],
|
|
356
722
|
[
|
|
357
|
-
"AccordionGroup.
|
|
723
|
+
"AccordionGroup.softDisabled",
|
|
358
724
|
"@angular/aria/accordion"
|
|
359
725
|
],
|
|
360
726
|
[
|
|
361
|
-
"AccordionGroup.
|
|
727
|
+
"AccordionGroup.wrap",
|
|
362
728
|
"@angular/aria/accordion"
|
|
363
729
|
],
|
|
364
730
|
[
|
|
365
|
-
"AccordionGroup.
|
|
731
|
+
"AccordionGroup.expandAll",
|
|
732
|
+
"@angular/aria/accordion"
|
|
733
|
+
],
|
|
734
|
+
[
|
|
735
|
+
"AccordionGroup.collapseAll",
|
|
366
736
|
"@angular/aria/accordion"
|
|
367
737
|
],
|
|
368
738
|
[
|