@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,124 +10,25 @@
|
|
|
10
10
|
"entryType": "directive",
|
|
11
11
|
"members": [
|
|
12
12
|
{
|
|
13
|
-
"name": "
|
|
14
|
-
"type": "
|
|
15
|
-
"memberType": "property",
|
|
16
|
-
"memberTags": [],
|
|
17
|
-
"description": "The Tab UIPattern of the child Tabs.",
|
|
18
|
-
"jsdocTags": []
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"name": "unorderedTabpanels",
|
|
22
|
-
"type": "any",
|
|
13
|
+
"name": "element",
|
|
14
|
+
"type": "HTMLElement",
|
|
23
15
|
"memberType": "property",
|
|
24
|
-
"memberTags": [
|
|
25
|
-
|
|
26
|
-
"jsdocTags": []
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "register",
|
|
30
|
-
"signatures": [
|
|
31
|
-
{
|
|
32
|
-
"name": "register",
|
|
33
|
-
"entryType": "function",
|
|
34
|
-
"description": "",
|
|
35
|
-
"generics": [],
|
|
36
|
-
"isNewType": false,
|
|
37
|
-
"jsdocTags": [],
|
|
38
|
-
"params": [
|
|
39
|
-
{
|
|
40
|
-
"name": "child",
|
|
41
|
-
"description": "",
|
|
42
|
-
"type": "TabList | TabPanel",
|
|
43
|
-
"isOptional": false,
|
|
44
|
-
"isRestParam": false
|
|
45
|
-
}
|
|
46
|
-
],
|
|
47
|
-
"rawComment": "",
|
|
48
|
-
"returnType": "void"
|
|
49
|
-
}
|
|
50
|
-
],
|
|
51
|
-
"implementation": {
|
|
52
|
-
"params": [
|
|
53
|
-
{
|
|
54
|
-
"name": "child",
|
|
55
|
-
"description": "",
|
|
56
|
-
"type": "TabList | TabPanel",
|
|
57
|
-
"isOptional": false,
|
|
58
|
-
"isRestParam": false
|
|
59
|
-
}
|
|
60
|
-
],
|
|
61
|
-
"isNewType": false,
|
|
62
|
-
"returnType": "void",
|
|
63
|
-
"generics": [],
|
|
64
|
-
"name": "register",
|
|
65
|
-
"description": "",
|
|
66
|
-
"entryType": "function",
|
|
67
|
-
"jsdocTags": [],
|
|
68
|
-
"rawComment": ""
|
|
69
|
-
},
|
|
70
|
-
"entryType": "function",
|
|
71
|
-
"description": "",
|
|
72
|
-
"jsdocTags": [],
|
|
73
|
-
"rawComment": "",
|
|
74
|
-
"memberType": "method",
|
|
75
|
-
"memberTags": []
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"name": "deregister",
|
|
79
|
-
"signatures": [
|
|
80
|
-
{
|
|
81
|
-
"name": "deregister",
|
|
82
|
-
"entryType": "function",
|
|
83
|
-
"description": "",
|
|
84
|
-
"generics": [],
|
|
85
|
-
"isNewType": false,
|
|
86
|
-
"jsdocTags": [],
|
|
87
|
-
"params": [
|
|
88
|
-
{
|
|
89
|
-
"name": "child",
|
|
90
|
-
"description": "",
|
|
91
|
-
"type": "TabList | TabPanel",
|
|
92
|
-
"isOptional": false,
|
|
93
|
-
"isRestParam": false
|
|
94
|
-
}
|
|
95
|
-
],
|
|
96
|
-
"rawComment": "",
|
|
97
|
-
"returnType": "void"
|
|
98
|
-
}
|
|
16
|
+
"memberTags": [
|
|
17
|
+
"readonly"
|
|
99
18
|
],
|
|
100
|
-
"
|
|
101
|
-
|
|
102
|
-
{
|
|
103
|
-
"name": "child",
|
|
104
|
-
"description": "",
|
|
105
|
-
"type": "TabList | TabPanel",
|
|
106
|
-
"isOptional": false,
|
|
107
|
-
"isRestParam": false
|
|
108
|
-
}
|
|
109
|
-
],
|
|
110
|
-
"isNewType": false,
|
|
111
|
-
"returnType": "void",
|
|
112
|
-
"generics": [],
|
|
113
|
-
"name": "deregister",
|
|
114
|
-
"description": "",
|
|
115
|
-
"entryType": "function",
|
|
116
|
-
"jsdocTags": [],
|
|
117
|
-
"rawComment": ""
|
|
118
|
-
},
|
|
119
|
-
"entryType": "function",
|
|
120
|
-
"description": "",
|
|
121
|
-
"jsdocTags": [],
|
|
122
|
-
"rawComment": "",
|
|
123
|
-
"memberType": "method",
|
|
124
|
-
"memberTags": []
|
|
19
|
+
"description": "A reference to the host element.",
|
|
20
|
+
"jsdocTags": []
|
|
125
21
|
}
|
|
126
22
|
],
|
|
127
23
|
"generics": [],
|
|
128
|
-
"description": "A Tabs container.\n\
|
|
129
|
-
"jsdocTags": [
|
|
130
|
-
|
|
24
|
+
"description": "A Tabs container.\n\nThe `ngTabs` directive represents a set of layered sections of content. It acts as the\noverarching container for a tabbed interface, coordinating the behavior of `ngTabList`,\n`ngTab`, and `ngTabPanel` directives.\n\n```html\n<div ngTabs>\n <ul ngTabList [(selectedTab)]=\"selectedTabValue\">\n <li ngTab value=\"tab1\">Tab 1</li>\n <li ngTab value=\"tab2\">Tab 2</li>\n <li ngTab value=\"tab3\">Tab 3</li>\n </ul>\n\n <div ngTabPanel value=\"tab1\">\n <ng-template ngTabContent>Content for Tab 1</ng-template>\n </div>\n <div ngTabPanel value=\"tab2\">\n <ng-template ngTabContent>Content for Tab 2</ng-template>\n </div>\n <div ngTabPanel value=\"tab3\">\n <ng-template ngTabContent>Content for Tab 3</ng-template>\n </div>\n</div>\n```",
|
|
25
|
+
"jsdocTags": [
|
|
26
|
+
{
|
|
27
|
+
"name": "developerPreview",
|
|
28
|
+
"comment": "21.0"
|
|
29
|
+
}
|
|
30
|
+
],
|
|
31
|
+
"rawComment": "/**\n * A Tabs container.\n *\n * The `ngTabs` directive represents a set of layered sections of content. It acts as the\n * overarching container for a tabbed interface, coordinating the behavior of `ngTabList`,\n * `ngTab`, and `ngTabPanel` directives.\n *\n * ```html\n * <div ngTabs>\n * <ul ngTabList [(selectedTab)]=\"selectedTabValue\">\n * <li ngTab value=\"tab1\">Tab 1</li>\n * <li ngTab value=\"tab2\">Tab 2</li>\n * <li ngTab value=\"tab3\">Tab 3</li>\n * </ul>\n *\n * <div ngTabPanel value=\"tab1\">\n * <ng-template ngTabContent>Content for Tab 1</ng-template>\n * </div>\n * <div ngTabPanel value=\"tab2\">\n * <ng-template ngTabContent>Content for Tab 2</ng-template>\n * </div>\n * <div ngTabPanel value=\"tab3\">\n * <ng-template ngTabContent>Content for Tab 3</ng-template>\n * </div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
131
32
|
"implements": [],
|
|
132
33
|
"isStandalone": true,
|
|
133
34
|
"selector": "[ngTabs]",
|
|
@@ -136,8 +37,8 @@
|
|
|
136
37
|
],
|
|
137
38
|
"source": {
|
|
138
39
|
"filePath": "/src/aria/tabs/tabs.ts",
|
|
139
|
-
"startLine":
|
|
140
|
-
"endLine":
|
|
40
|
+
"startLine": 74,
|
|
41
|
+
"endLine": 120
|
|
141
42
|
}
|
|
142
43
|
},
|
|
143
44
|
{
|
|
@@ -146,23 +47,23 @@
|
|
|
146
47
|
"entryType": "directive",
|
|
147
48
|
"members": [
|
|
148
49
|
{
|
|
149
|
-
"name": "
|
|
150
|
-
"type": "
|
|
50
|
+
"name": "element",
|
|
51
|
+
"type": "HTMLElement",
|
|
151
52
|
"memberType": "property",
|
|
152
53
|
"memberTags": [
|
|
153
54
|
"readonly"
|
|
154
55
|
],
|
|
155
|
-
"description": "
|
|
56
|
+
"description": "A reference to the host element.",
|
|
156
57
|
"jsdocTags": []
|
|
157
58
|
},
|
|
158
59
|
{
|
|
159
|
-
"name": "
|
|
60
|
+
"name": "textDirection",
|
|
160
61
|
"type": "any",
|
|
161
62
|
"memberType": "property",
|
|
162
63
|
"memberTags": [
|
|
163
64
|
"readonly"
|
|
164
65
|
],
|
|
165
|
-
"description": "
|
|
66
|
+
"description": "Text direction.",
|
|
166
67
|
"jsdocTags": []
|
|
167
68
|
},
|
|
168
69
|
{
|
|
@@ -199,7 +100,7 @@
|
|
|
199
100
|
"readonly",
|
|
200
101
|
"input"
|
|
201
102
|
],
|
|
202
|
-
"description": "Whether to allow disabled items to receive focus.",
|
|
103
|
+
"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.",
|
|
203
104
|
"jsdocTags": [],
|
|
204
105
|
"inputAlias": "softDisabled",
|
|
205
106
|
"isRequiredInput": false
|
|
@@ -212,7 +113,7 @@
|
|
|
212
113
|
"readonly",
|
|
213
114
|
"input"
|
|
214
115
|
],
|
|
215
|
-
"description": "The focus strategy used by the tablist.",
|
|
116
|
+
"description": "The focus strategy used by the tablist.\n- `roving`: Focus is moved to the active tab using `tabindex`.\n- `activedescendant`: Focus remains on the tablist container, and `aria-activedescendant` is used to indicate the active tab.",
|
|
216
117
|
"jsdocTags": [],
|
|
217
118
|
"inputAlias": "focusMode",
|
|
218
119
|
"isRequiredInput": false
|
|
@@ -225,24 +126,11 @@
|
|
|
225
126
|
"readonly",
|
|
226
127
|
"input"
|
|
227
128
|
],
|
|
228
|
-
"description": "The selection strategy used by the tablist.",
|
|
129
|
+
"description": "The selection strategy used by the tablist.\n- `follow`: The focused tab is automatically selected.\n- `explicit`: Tabs are selected explicitly by the user (e.g., via click or spacebar).",
|
|
229
130
|
"jsdocTags": [],
|
|
230
131
|
"inputAlias": "selectionMode",
|
|
231
132
|
"isRequiredInput": false
|
|
232
133
|
},
|
|
233
|
-
{
|
|
234
|
-
"name": "disabled",
|
|
235
|
-
"type": "any",
|
|
236
|
-
"memberType": "property",
|
|
237
|
-
"memberTags": [
|
|
238
|
-
"readonly",
|
|
239
|
-
"input"
|
|
240
|
-
],
|
|
241
|
-
"description": "Whether the tablist is disabled.",
|
|
242
|
-
"jsdocTags": [],
|
|
243
|
-
"inputAlias": "disabled",
|
|
244
|
-
"isRequiredInput": false
|
|
245
|
-
},
|
|
246
134
|
{
|
|
247
135
|
"name": "selectedTab",
|
|
248
136
|
"type": "any",
|
|
@@ -259,37 +147,17 @@
|
|
|
259
147
|
"outputAlias": "selectedTabChange"
|
|
260
148
|
},
|
|
261
149
|
{
|
|
262
|
-
"name": "
|
|
263
|
-
"
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
"generics": [],
|
|
269
|
-
"isNewType": false,
|
|
270
|
-
"jsdocTags": [],
|
|
271
|
-
"params": [],
|
|
272
|
-
"rawComment": "",
|
|
273
|
-
"returnType": "void"
|
|
274
|
-
}
|
|
150
|
+
"name": "disabled",
|
|
151
|
+
"type": "any",
|
|
152
|
+
"memberType": "property",
|
|
153
|
+
"memberTags": [
|
|
154
|
+
"readonly",
|
|
155
|
+
"input"
|
|
275
156
|
],
|
|
276
|
-
"
|
|
277
|
-
"params": [],
|
|
278
|
-
"isNewType": false,
|
|
279
|
-
"returnType": "void",
|
|
280
|
-
"generics": [],
|
|
281
|
-
"name": "onFocus",
|
|
282
|
-
"description": "",
|
|
283
|
-
"entryType": "function",
|
|
284
|
-
"jsdocTags": [],
|
|
285
|
-
"rawComment": ""
|
|
286
|
-
},
|
|
287
|
-
"entryType": "function",
|
|
288
|
-
"description": "",
|
|
157
|
+
"description": "Whether the tablist is disabled.",
|
|
289
158
|
"jsdocTags": [],
|
|
290
|
-
"
|
|
291
|
-
"
|
|
292
|
-
"memberTags": []
|
|
159
|
+
"inputAlias": "disabled",
|
|
160
|
+
"isRequiredInput": false
|
|
293
161
|
},
|
|
294
162
|
{
|
|
295
163
|
"name": "ngOnInit",
|
|
@@ -358,108 +226,64 @@
|
|
|
358
226
|
"memberTags": []
|
|
359
227
|
},
|
|
360
228
|
{
|
|
361
|
-
"name": "
|
|
229
|
+
"name": "open",
|
|
362
230
|
"signatures": [
|
|
363
231
|
{
|
|
364
|
-
"name": "
|
|
232
|
+
"name": "open",
|
|
365
233
|
"entryType": "function",
|
|
366
|
-
"description": "",
|
|
234
|
+
"description": "Opens the tab panel with the specified value.",
|
|
367
235
|
"generics": [],
|
|
368
236
|
"isNewType": false,
|
|
369
237
|
"jsdocTags": [],
|
|
370
238
|
"params": [
|
|
371
239
|
{
|
|
372
|
-
"name": "
|
|
240
|
+
"name": "value",
|
|
373
241
|
"description": "",
|
|
374
|
-
"type": "
|
|
242
|
+
"type": "string",
|
|
375
243
|
"isOptional": false,
|
|
376
244
|
"isRestParam": false
|
|
377
245
|
}
|
|
378
246
|
],
|
|
379
|
-
"rawComment": "",
|
|
380
|
-
"returnType": "
|
|
247
|
+
"rawComment": "/** Opens the tab panel with the specified value. */",
|
|
248
|
+
"returnType": "boolean"
|
|
381
249
|
}
|
|
382
250
|
],
|
|
383
251
|
"implementation": {
|
|
384
252
|
"params": [
|
|
385
253
|
{
|
|
386
|
-
"name": "
|
|
254
|
+
"name": "value",
|
|
387
255
|
"description": "",
|
|
388
|
-
"type": "
|
|
256
|
+
"type": "string",
|
|
389
257
|
"isOptional": false,
|
|
390
258
|
"isRestParam": false
|
|
391
259
|
}
|
|
392
260
|
],
|
|
393
261
|
"isNewType": false,
|
|
394
|
-
"returnType": "
|
|
262
|
+
"returnType": "boolean",
|
|
395
263
|
"generics": [],
|
|
396
|
-
"name": "
|
|
397
|
-
"description": "",
|
|
264
|
+
"name": "open",
|
|
265
|
+
"description": "Opens the tab panel with the specified value.",
|
|
398
266
|
"entryType": "function",
|
|
399
267
|
"jsdocTags": [],
|
|
400
|
-
"rawComment": ""
|
|
268
|
+
"rawComment": "/** Opens the tab panel with the specified value. */"
|
|
401
269
|
},
|
|
402
270
|
"entryType": "function",
|
|
403
|
-
"description": "",
|
|
271
|
+
"description": "Opens the tab panel with the specified value.",
|
|
404
272
|
"jsdocTags": [],
|
|
405
|
-
"rawComment": "",
|
|
406
|
-
"memberType": "method",
|
|
407
|
-
"memberTags": []
|
|
408
|
-
},
|
|
409
|
-
{
|
|
410
|
-
"name": "deregister",
|
|
411
|
-
"signatures": [
|
|
412
|
-
{
|
|
413
|
-
"name": "deregister",
|
|
414
|
-
"entryType": "function",
|
|
415
|
-
"description": "",
|
|
416
|
-
"generics": [],
|
|
417
|
-
"isNewType": false,
|
|
418
|
-
"jsdocTags": [],
|
|
419
|
-
"params": [
|
|
420
|
-
{
|
|
421
|
-
"name": "child",
|
|
422
|
-
"description": "",
|
|
423
|
-
"type": "Tab",
|
|
424
|
-
"isOptional": false,
|
|
425
|
-
"isRestParam": false
|
|
426
|
-
}
|
|
427
|
-
],
|
|
428
|
-
"rawComment": "",
|
|
429
|
-
"returnType": "void"
|
|
430
|
-
}
|
|
431
|
-
],
|
|
432
|
-
"implementation": {
|
|
433
|
-
"params": [
|
|
434
|
-
{
|
|
435
|
-
"name": "child",
|
|
436
|
-
"description": "",
|
|
437
|
-
"type": "Tab",
|
|
438
|
-
"isOptional": false,
|
|
439
|
-
"isRestParam": false
|
|
440
|
-
}
|
|
441
|
-
],
|
|
442
|
-
"isNewType": false,
|
|
443
|
-
"returnType": "void",
|
|
444
|
-
"generics": [],
|
|
445
|
-
"name": "deregister",
|
|
446
|
-
"description": "",
|
|
447
|
-
"entryType": "function",
|
|
448
|
-
"jsdocTags": [],
|
|
449
|
-
"rawComment": ""
|
|
450
|
-
},
|
|
451
|
-
"entryType": "function",
|
|
452
|
-
"description": "",
|
|
453
|
-
"jsdocTags": [],
|
|
454
|
-
"rawComment": "",
|
|
273
|
+
"rawComment": "/** Opens the tab panel with the specified value. */",
|
|
455
274
|
"memberType": "method",
|
|
456
275
|
"memberTags": []
|
|
457
276
|
}
|
|
458
277
|
],
|
|
459
278
|
"generics": [],
|
|
460
|
-
"description": "A TabList container.\n\
|
|
461
|
-
"jsdocTags": [
|
|
462
|
-
|
|
279
|
+
"description": "A TabList container.\n\nThe `ngTabList` directive controls a list of `ngTab` elements. It manages keyboard\nnavigation, selection, and the overall orientation of the tabs. It should be placed\nwithin an `ngTabs` container.\n\n```html\n<ul ngTabList [(selectedTab)]=\"mySelectedTab\" orientation=\"horizontal\" selectionMode=\"explicit\">\n <li ngTab value=\"first\">First Tab</li>\n <li ngTab value=\"second\">Second Tab</li>\n</ul>\n```",
|
|
280
|
+
"jsdocTags": [
|
|
281
|
+
{
|
|
282
|
+
"name": "developerPreview",
|
|
283
|
+
"comment": "21.0"
|
|
284
|
+
}
|
|
285
|
+
],
|
|
286
|
+
"rawComment": "/**\n * A TabList container.\n *\n * The `ngTabList` directive controls a list of `ngTab` elements. It manages keyboard\n * navigation, selection, and the overall orientation of the tabs. It should be placed\n * within an `ngTabs` container.\n *\n * ```html\n * <ul ngTabList [(selectedTab)]=\"mySelectedTab\" orientation=\"horizontal\" selectionMode=\"explicit\">\n * <li ngTab value=\"first\">First Tab</li>\n * <li ngTab value=\"second\">Second Tab</li>\n * </ul>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
463
287
|
"implements": [
|
|
464
288
|
"OnInit",
|
|
465
289
|
"OnDestroy"
|
|
@@ -471,8 +295,8 @@
|
|
|
471
295
|
],
|
|
472
296
|
"source": {
|
|
473
297
|
"filePath": "/src/aria/tabs/tabs.ts",
|
|
474
|
-
"startLine":
|
|
475
|
-
"endLine":
|
|
298
|
+
"startLine": 138,
|
|
299
|
+
"endLine": 264
|
|
476
300
|
}
|
|
477
301
|
},
|
|
478
302
|
{
|
|
@@ -482,33 +306,26 @@
|
|
|
482
306
|
"members": [
|
|
483
307
|
{
|
|
484
308
|
"name": "element",
|
|
485
|
-
"type": "
|
|
486
|
-
"memberType": "property",
|
|
487
|
-
"memberTags": [
|
|
488
|
-
"readonly"
|
|
489
|
-
],
|
|
490
|
-
"description": "The host native element.",
|
|
491
|
-
"jsdocTags": []
|
|
492
|
-
},
|
|
493
|
-
{
|
|
494
|
-
"name": "tablist",
|
|
495
|
-
"type": "any",
|
|
309
|
+
"type": "HTMLElement",
|
|
496
310
|
"memberType": "property",
|
|
497
311
|
"memberTags": [
|
|
498
312
|
"readonly"
|
|
499
313
|
],
|
|
500
|
-
"description": "
|
|
314
|
+
"description": "A reference to the host element.",
|
|
501
315
|
"jsdocTags": []
|
|
502
316
|
},
|
|
503
317
|
{
|
|
504
|
-
"name": "
|
|
318
|
+
"name": "id",
|
|
505
319
|
"type": "any",
|
|
506
320
|
"memberType": "property",
|
|
507
321
|
"memberTags": [
|
|
508
|
-
"readonly"
|
|
322
|
+
"readonly",
|
|
323
|
+
"input"
|
|
509
324
|
],
|
|
510
|
-
"description": "
|
|
511
|
-
"jsdocTags": []
|
|
325
|
+
"description": "A unique identifier for the widget.",
|
|
326
|
+
"jsdocTags": [],
|
|
327
|
+
"inputAlias": "id",
|
|
328
|
+
"isRequiredInput": false
|
|
512
329
|
},
|
|
513
330
|
{
|
|
514
331
|
"name": "disabled",
|
|
@@ -531,11 +348,64 @@
|
|
|
531
348
|
"readonly",
|
|
532
349
|
"input"
|
|
533
350
|
],
|
|
534
|
-
"description": "
|
|
351
|
+
"description": "The remote tabpanel unique identifier.",
|
|
535
352
|
"jsdocTags": [],
|
|
536
353
|
"inputAlias": "value",
|
|
537
354
|
"isRequiredInput": true
|
|
538
355
|
},
|
|
356
|
+
{
|
|
357
|
+
"name": "active",
|
|
358
|
+
"type": "any",
|
|
359
|
+
"memberType": "property",
|
|
360
|
+
"memberTags": [
|
|
361
|
+
"readonly"
|
|
362
|
+
],
|
|
363
|
+
"description": "Whether the tab is active.",
|
|
364
|
+
"jsdocTags": []
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
"name": "selected",
|
|
368
|
+
"type": "any",
|
|
369
|
+
"memberType": "property",
|
|
370
|
+
"memberTags": [
|
|
371
|
+
"readonly"
|
|
372
|
+
],
|
|
373
|
+
"description": "Whether the tab is selected.",
|
|
374
|
+
"jsdocTags": []
|
|
375
|
+
},
|
|
376
|
+
{
|
|
377
|
+
"name": "open",
|
|
378
|
+
"signatures": [
|
|
379
|
+
{
|
|
380
|
+
"name": "open",
|
|
381
|
+
"entryType": "function",
|
|
382
|
+
"description": "Opens this tab panel.",
|
|
383
|
+
"generics": [],
|
|
384
|
+
"isNewType": false,
|
|
385
|
+
"jsdocTags": [],
|
|
386
|
+
"params": [],
|
|
387
|
+
"rawComment": "/** Opens this tab panel. */",
|
|
388
|
+
"returnType": "void"
|
|
389
|
+
}
|
|
390
|
+
],
|
|
391
|
+
"implementation": {
|
|
392
|
+
"params": [],
|
|
393
|
+
"isNewType": false,
|
|
394
|
+
"returnType": "void",
|
|
395
|
+
"generics": [],
|
|
396
|
+
"name": "open",
|
|
397
|
+
"description": "Opens this tab panel.",
|
|
398
|
+
"entryType": "function",
|
|
399
|
+
"jsdocTags": [],
|
|
400
|
+
"rawComment": "/** Opens this tab panel. */"
|
|
401
|
+
},
|
|
402
|
+
"entryType": "function",
|
|
403
|
+
"description": "Opens this tab panel.",
|
|
404
|
+
"jsdocTags": [],
|
|
405
|
+
"rawComment": "/** Opens this tab panel. */",
|
|
406
|
+
"memberType": "method",
|
|
407
|
+
"memberTags": []
|
|
408
|
+
},
|
|
539
409
|
{
|
|
540
410
|
"name": "ngOnInit",
|
|
541
411
|
"signatures": [
|
|
@@ -604,9 +474,14 @@
|
|
|
604
474
|
}
|
|
605
475
|
],
|
|
606
476
|
"generics": [],
|
|
607
|
-
"description": "A selectable tab in a TabList
|
|
608
|
-
"jsdocTags": [
|
|
609
|
-
|
|
477
|
+
"description": "A selectable tab in a TabList.\n\nThe `ngTab` directive represents an individual tab control within an `ngTabList`. It\nrequires a `value` that uniquely identifies it and links it to a corresponding `ngTabPanel`.\n\n```html\n<li ngTab value=\"myTabId\" [disabled]=\"isTabDisabled\">\n My Tab Label\n</li>\n```",
|
|
478
|
+
"jsdocTags": [
|
|
479
|
+
{
|
|
480
|
+
"name": "developerPreview",
|
|
481
|
+
"comment": "21.0"
|
|
482
|
+
}
|
|
483
|
+
],
|
|
484
|
+
"rawComment": "/**\n * A selectable tab in a TabList.\n *\n * The `ngTab` directive represents an individual tab control within an `ngTabList`. It\n * requires a `value` that uniquely identifies it and links it to a corresponding `ngTabPanel`.\n *\n * ```html\n * <li ngTab value=\"myTabId\" [disabled]=\"isTabDisabled\">\n * My Tab Label\n * </li>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
610
485
|
"implements": [
|
|
611
486
|
"HasElement",
|
|
612
487
|
"OnInit",
|
|
@@ -619,8 +494,8 @@
|
|
|
619
494
|
],
|
|
620
495
|
"source": {
|
|
621
496
|
"filePath": "/src/aria/tabs/tabs.ts",
|
|
622
|
-
"startLine":
|
|
623
|
-
"endLine":
|
|
497
|
+
"startLine": 280,
|
|
498
|
+
"endLine": 350
|
|
624
499
|
}
|
|
625
500
|
},
|
|
626
501
|
{
|
|
@@ -629,13 +504,23 @@
|
|
|
629
504
|
"entryType": "undecorated_class",
|
|
630
505
|
"members": [
|
|
631
506
|
{
|
|
632
|
-
"name": "
|
|
507
|
+
"name": "element",
|
|
508
|
+
"type": "HTMLElement",
|
|
509
|
+
"memberType": "property",
|
|
510
|
+
"memberTags": [
|
|
511
|
+
"readonly"
|
|
512
|
+
],
|
|
513
|
+
"description": "A reference to the host element.",
|
|
514
|
+
"jsdocTags": []
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"name": "id",
|
|
633
518
|
"type": "any",
|
|
634
519
|
"memberType": "property",
|
|
635
520
|
"memberTags": [
|
|
636
521
|
"readonly"
|
|
637
522
|
],
|
|
638
|
-
"description": "
|
|
523
|
+
"description": "A global unique identifier for the tab.",
|
|
639
524
|
"jsdocTags": []
|
|
640
525
|
},
|
|
641
526
|
{
|
|
@@ -648,6 +533,16 @@
|
|
|
648
533
|
"description": "A local unique identifier for the tabpanel.",
|
|
649
534
|
"jsdocTags": []
|
|
650
535
|
},
|
|
536
|
+
{
|
|
537
|
+
"name": "visible",
|
|
538
|
+
"type": "any",
|
|
539
|
+
"memberType": "property",
|
|
540
|
+
"memberTags": [
|
|
541
|
+
"readonly"
|
|
542
|
+
],
|
|
543
|
+
"description": "Whether the tab panel is visible.",
|
|
544
|
+
"jsdocTags": []
|
|
545
|
+
},
|
|
651
546
|
{
|
|
652
547
|
"name": "ngOnInit",
|
|
653
548
|
"signatures": [
|
|
@@ -716,17 +611,22 @@
|
|
|
716
611
|
}
|
|
717
612
|
],
|
|
718
613
|
"generics": [],
|
|
719
|
-
"description": "A TabPanel container for the resources of layered content associated with a tab.\n\
|
|
720
|
-
"jsdocTags": [
|
|
721
|
-
|
|
614
|
+
"description": "A TabPanel container for the resources of layered content associated with a tab.\n\nThe `ngTabPanel` directive holds the content for a specific tab. It is linked to an\n`ngTab` by a matching `value`. If a tab panel is hidden, the `inert` attribute will be\napplied to remove it from the accessibility tree. Proper styling is required for visual hiding.\n\n```html\n<div ngTabPanel value=\"myTabId\">\n <ng-template ngTabContent>\n <!-- Content for the tab panel -->\n </ng-template>\n</div>\n```",
|
|
615
|
+
"jsdocTags": [
|
|
616
|
+
{
|
|
617
|
+
"name": "developerPreview",
|
|
618
|
+
"comment": "21.0"
|
|
619
|
+
}
|
|
620
|
+
],
|
|
621
|
+
"rawComment": "/**\n * A TabPanel container for the resources of layered content associated with a tab.\n *\n * The `ngTabPanel` directive holds the content for a specific tab. It is linked to an\n * `ngTab` by a matching `value`. If a tab panel is hidden, the `inert` attribute will be\n * applied to remove it from the accessibility tree. Proper styling is required for visual hiding.\n *\n * ```html\n * <div ngTabPanel value=\"myTabId\">\n * <ng-template ngTabContent>\n * <!-- Content for the tab panel -->\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
722
622
|
"implements": [
|
|
723
623
|
"OnInit",
|
|
724
624
|
"OnDestroy"
|
|
725
625
|
],
|
|
726
626
|
"source": {
|
|
727
627
|
"filePath": "/src/aria/tabs/tabs.ts",
|
|
728
|
-
"startLine":
|
|
729
|
-
"endLine":
|
|
628
|
+
"startLine": 369,
|
|
629
|
+
"endLine": 430
|
|
730
630
|
}
|
|
731
631
|
},
|
|
732
632
|
{
|
|
@@ -735,14 +635,19 @@
|
|
|
735
635
|
"entryType": "undecorated_class",
|
|
736
636
|
"members": [],
|
|
737
637
|
"generics": [],
|
|
738
|
-
"description": "A TabContent container for the lazy-loaded content
|
|
739
|
-
"jsdocTags": [
|
|
740
|
-
|
|
638
|
+
"description": "A TabContent container for the lazy-loaded content.\n\nThis structural directive should be applied to an `ng-template` within an `ngTabPanel`.\nIt enables lazy loading of the tab's content, meaning the content is only rendered\nwhen the tab is activated for the first time.\n\n```html\n<div ngTabPanel value=\"myTabId\">\n <ng-template ngTabContent>\n <p>This content will be loaded when 'myTabId' is selected.</p>\n </ng-template>\n</div>\n```",
|
|
639
|
+
"jsdocTags": [
|
|
640
|
+
{
|
|
641
|
+
"name": "developerPreview",
|
|
642
|
+
"comment": "21.0"
|
|
643
|
+
}
|
|
644
|
+
],
|
|
645
|
+
"rawComment": "/**\n * A TabContent container for the lazy-loaded content.\n *\n * This structural directive should be applied to an `ng-template` within an `ngTabPanel`.\n * It enables lazy loading of the tab's content, meaning the content is only rendered\n * when the tab is activated for the first time.\n *\n * ```html\n * <div ngTabPanel value=\"myTabId\">\n * <ng-template ngTabContent>\n * <p>This content will be loaded when 'myTabId' is selected.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n */",
|
|
741
646
|
"implements": [],
|
|
742
647
|
"source": {
|
|
743
648
|
"filePath": "/src/aria/tabs/tabs.ts",
|
|
744
|
-
"startLine":
|
|
745
|
-
"endLine":
|
|
649
|
+
"startLine": 449,
|
|
650
|
+
"endLine": 454
|
|
746
651
|
}
|
|
747
652
|
}
|
|
748
653
|
],
|
|
@@ -783,18 +688,10 @@
|
|
|
783
688
|
"model",
|
|
784
689
|
"@angular/core"
|
|
785
690
|
],
|
|
786
|
-
[
|
|
787
|
-
"linkedSignal",
|
|
788
|
-
"@angular/core"
|
|
789
|
-
],
|
|
790
691
|
[
|
|
791
692
|
"signal",
|
|
792
693
|
"@angular/core"
|
|
793
694
|
],
|
|
794
|
-
[
|
|
795
|
-
"Signal",
|
|
796
|
-
"@angular/core"
|
|
797
|
-
],
|
|
798
695
|
[
|
|
799
696
|
"afterRenderEffect",
|
|
800
697
|
"@angular/core"
|
|
@@ -852,19 +749,7 @@
|
|
|
852
749
|
"@angular/aria/tabs"
|
|
853
750
|
],
|
|
854
751
|
[
|
|
855
|
-
"Tabs.
|
|
856
|
-
"@angular/aria/tabs"
|
|
857
|
-
],
|
|
858
|
-
[
|
|
859
|
-
"Tabs.unorderedTabpanels",
|
|
860
|
-
"@angular/aria/tabs"
|
|
861
|
-
],
|
|
862
|
-
[
|
|
863
|
-
"Tabs.register",
|
|
864
|
-
"@angular/aria/tabs"
|
|
865
|
-
],
|
|
866
|
-
[
|
|
867
|
-
"Tabs.deregister",
|
|
752
|
+
"Tabs.element",
|
|
868
753
|
"@angular/aria/tabs"
|
|
869
754
|
],
|
|
870
755
|
[
|
|
@@ -872,11 +757,11 @@
|
|
|
872
757
|
"@angular/aria/tabs"
|
|
873
758
|
],
|
|
874
759
|
[
|
|
875
|
-
"TabList.
|
|
760
|
+
"TabList.element",
|
|
876
761
|
"@angular/aria/tabs"
|
|
877
762
|
],
|
|
878
763
|
[
|
|
879
|
-
"TabList.
|
|
764
|
+
"TabList.textDirection",
|
|
880
765
|
"@angular/aria/tabs"
|
|
881
766
|
],
|
|
882
767
|
[
|
|
@@ -899,16 +784,12 @@
|
|
|
899
784
|
"TabList.selectionMode",
|
|
900
785
|
"@angular/aria/tabs"
|
|
901
786
|
],
|
|
902
|
-
[
|
|
903
|
-
"TabList.disabled",
|
|
904
|
-
"@angular/aria/tabs"
|
|
905
|
-
],
|
|
906
787
|
[
|
|
907
788
|
"TabList.selectedTab",
|
|
908
789
|
"@angular/aria/tabs"
|
|
909
790
|
],
|
|
910
791
|
[
|
|
911
|
-
"TabList.
|
|
792
|
+
"TabList.disabled",
|
|
912
793
|
"@angular/aria/tabs"
|
|
913
794
|
],
|
|
914
795
|
[
|
|
@@ -920,35 +801,39 @@
|
|
|
920
801
|
"@angular/aria/tabs"
|
|
921
802
|
],
|
|
922
803
|
[
|
|
923
|
-
"TabList.
|
|
804
|
+
"TabList.open",
|
|
924
805
|
"@angular/aria/tabs"
|
|
925
806
|
],
|
|
926
807
|
[
|
|
927
|
-
"
|
|
808
|
+
"Tab",
|
|
928
809
|
"@angular/aria/tabs"
|
|
929
810
|
],
|
|
930
811
|
[
|
|
931
|
-
"Tab",
|
|
812
|
+
"Tab.element",
|
|
932
813
|
"@angular/aria/tabs"
|
|
933
814
|
],
|
|
934
815
|
[
|
|
935
|
-
"Tab.
|
|
816
|
+
"Tab.id",
|
|
936
817
|
"@angular/aria/tabs"
|
|
937
818
|
],
|
|
938
819
|
[
|
|
939
|
-
"Tab.
|
|
820
|
+
"Tab.disabled",
|
|
940
821
|
"@angular/aria/tabs"
|
|
941
822
|
],
|
|
942
823
|
[
|
|
943
|
-
"Tab.
|
|
824
|
+
"Tab.value",
|
|
944
825
|
"@angular/aria/tabs"
|
|
945
826
|
],
|
|
946
827
|
[
|
|
947
|
-
"Tab.
|
|
828
|
+
"Tab.active",
|
|
948
829
|
"@angular/aria/tabs"
|
|
949
830
|
],
|
|
950
831
|
[
|
|
951
|
-
"Tab.
|
|
832
|
+
"Tab.selected",
|
|
833
|
+
"@angular/aria/tabs"
|
|
834
|
+
],
|
|
835
|
+
[
|
|
836
|
+
"Tab.open",
|
|
952
837
|
"@angular/aria/tabs"
|
|
953
838
|
],
|
|
954
839
|
[
|
|
@@ -964,13 +849,21 @@
|
|
|
964
849
|
"@angular/aria/tabs"
|
|
965
850
|
],
|
|
966
851
|
[
|
|
967
|
-
"TabPanel.
|
|
852
|
+
"TabPanel.element",
|
|
853
|
+
"@angular/aria/tabs"
|
|
854
|
+
],
|
|
855
|
+
[
|
|
856
|
+
"TabPanel.id",
|
|
968
857
|
"@angular/aria/tabs"
|
|
969
858
|
],
|
|
970
859
|
[
|
|
971
860
|
"TabPanel.value",
|
|
972
861
|
"@angular/aria/tabs"
|
|
973
862
|
],
|
|
863
|
+
[
|
|
864
|
+
"TabPanel.visible",
|
|
865
|
+
"@angular/aria/tabs"
|
|
866
|
+
],
|
|
974
867
|
[
|
|
975
868
|
"TabPanel.ngOnInit",
|
|
976
869
|
"@angular/aria/tabs"
|