@angular/aria 21.0.2 → 21.0.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.
Files changed (56) hide show
  1. package/fesm2022/_combobox-chunk.mjs +425 -0
  2. package/fesm2022/_combobox-chunk.mjs.map +1 -0
  3. package/fesm2022/_combobox-listbox-chunk.mjs +522 -0
  4. package/fesm2022/_combobox-listbox-chunk.mjs.map +1 -0
  5. package/fesm2022/_combobox-popup-chunk.mjs +46 -0
  6. package/fesm2022/_combobox-popup-chunk.mjs.map +1 -0
  7. package/fesm2022/_list-navigation-chunk.mjs +116 -0
  8. package/fesm2022/_list-navigation-chunk.mjs.map +1 -0
  9. package/fesm2022/_pointer-event-manager-chunk.mjs +134 -0
  10. package/fesm2022/_pointer-event-manager-chunk.mjs.map +1 -0
  11. package/fesm2022/_widget-chunk.mjs +4 -246
  12. package/fesm2022/_widget-chunk.mjs.map +1 -1
  13. package/fesm2022/accordion.mjs +17 -4
  14. package/fesm2022/accordion.mjs.map +1 -1
  15. package/fesm2022/aria.mjs +1 -1
  16. package/fesm2022/aria.mjs.map +1 -1
  17. package/fesm2022/combobox.mjs +96 -120
  18. package/fesm2022/combobox.mjs.map +1 -1
  19. package/fesm2022/grid.mjs +225 -201
  20. package/fesm2022/grid.mjs.map +1 -1
  21. package/fesm2022/listbox.mjs +173 -161
  22. package/fesm2022/listbox.mjs.map +1 -1
  23. package/fesm2022/menu.mjs +256 -238
  24. package/fesm2022/menu.mjs.map +1 -1
  25. package/fesm2022/private.mjs +7 -932
  26. package/fesm2022/private.mjs.map +1 -1
  27. package/fesm2022/tabs.mjs +182 -168
  28. package/fesm2022/tabs.mjs.map +1 -1
  29. package/fesm2022/toolbar.mjs +15 -3
  30. package/fesm2022/toolbar.mjs.map +1 -1
  31. package/fesm2022/tree.mjs +4 -2
  32. package/fesm2022/tree.mjs.map +1 -1
  33. package/package.json +2 -2
  34. package/types/_combobox-chunk.d.ts +98 -0
  35. package/types/_combobox-chunk.d2.ts +193 -0
  36. package/types/_grid-chunk.d.ts +3 -210
  37. package/types/_list-chunk.d.ts +212 -0
  38. package/types/_list-navigation-chunk.d.ts +212 -0
  39. package/types/_listbox-chunk.d.ts +106 -0
  40. package/types/accordion.d.ts +52 -49
  41. package/types/combobox.d.ts +25 -111
  42. package/types/grid.d.ts +37 -32
  43. package/types/listbox.d.ts +8 -5
  44. package/types/menu.d.ts +113 -113
  45. package/types/private.d.ts +10 -498
  46. package/types/tabs.d.ts +89 -84
  47. package/types/toolbar.d.ts +69 -66
  48. package/types/tree.d.ts +106 -103
  49. package/_adev_assets/aria-accordion.json +0 -743
  50. package/_adev_assets/aria-combobox.json +0 -603
  51. package/_adev_assets/aria-grid.json +0 -893
  52. package/_adev_assets/aria-listbox.json +0 -540
  53. package/_adev_assets/aria-menu.json +0 -1049
  54. package/_adev_assets/aria-tabs.json +0 -880
  55. package/_adev_assets/aria-toolbar.json +0 -545
  56. package/_adev_assets/aria-tree.json +0 -853
@@ -1,880 +0,0 @@
1
- {
2
- "repo": "angular/components",
3
- "moduleLabel": "@angular/aria/tabs",
4
- "moduleName": "@angular/aria/tabs",
5
- "normalizedModuleName": "angular_aria_tabs",
6
- "entries": [
7
- {
8
- "name": "Tabs",
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
- "generics": [],
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 */",
32
- "implements": [],
33
- "isStandalone": true,
34
- "selector": "[ngTabs]",
35
- "exportAs": [
36
- "ngTabs"
37
- ],
38
- "source": {
39
- "filePath": "/src/aria/tabs/tabs.ts",
40
- "startLine": 74,
41
- "endLine": 120
42
- }
43
- },
44
- {
45
- "name": "TabList",
46
- "isAbstract": false,
47
- "entryType": "directive",
48
- "members": [
49
- {
50
- "name": "element",
51
- "type": "HTMLElement",
52
- "memberType": "property",
53
- "memberTags": [
54
- "readonly"
55
- ],
56
- "description": "A reference to the host element.",
57
- "jsdocTags": []
58
- },
59
- {
60
- "name": "textDirection",
61
- "type": "any",
62
- "memberType": "property",
63
- "memberTags": [
64
- "readonly"
65
- ],
66
- "description": "Text direction.",
67
- "jsdocTags": []
68
- },
69
- {
70
- "name": "orientation",
71
- "type": "any",
72
- "memberType": "property",
73
- "memberTags": [
74
- "readonly",
75
- "input"
76
- ],
77
- "description": "Whether the tablist is vertically or horizontally oriented.",
78
- "jsdocTags": [],
79
- "inputAlias": "orientation",
80
- "isRequiredInput": false
81
- },
82
- {
83
- "name": "wrap",
84
- "type": "any",
85
- "memberType": "property",
86
- "memberTags": [
87
- "readonly",
88
- "input"
89
- ],
90
- "description": "Whether focus should wrap when navigating.",
91
- "jsdocTags": [],
92
- "inputAlias": "wrap",
93
- "isRequiredInput": false
94
- },
95
- {
96
- "name": "softDisabled",
97
- "type": "any",
98
- "memberType": "property",
99
- "memberTags": [
100
- "readonly",
101
- "input"
102
- ],
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.",
104
- "jsdocTags": [],
105
- "inputAlias": "softDisabled",
106
- "isRequiredInput": false
107
- },
108
- {
109
- "name": "focusMode",
110
- "type": "any",
111
- "memberType": "property",
112
- "memberTags": [
113
- "readonly",
114
- "input"
115
- ],
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.",
117
- "jsdocTags": [],
118
- "inputAlias": "focusMode",
119
- "isRequiredInput": false
120
- },
121
- {
122
- "name": "selectionMode",
123
- "type": "any",
124
- "memberType": "property",
125
- "memberTags": [
126
- "readonly",
127
- "input"
128
- ],
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).",
130
- "jsdocTags": [],
131
- "inputAlias": "selectionMode",
132
- "isRequiredInput": false
133
- },
134
- {
135
- "name": "selectedTab",
136
- "type": "any",
137
- "memberType": "property",
138
- "memberTags": [
139
- "readonly",
140
- "input",
141
- "output"
142
- ],
143
- "description": "The current selected tab.",
144
- "jsdocTags": [],
145
- "inputAlias": "selectedTab",
146
- "isRequiredInput": false,
147
- "outputAlias": "selectedTabChange"
148
- },
149
- {
150
- "name": "disabled",
151
- "type": "any",
152
- "memberType": "property",
153
- "memberTags": [
154
- "readonly",
155
- "input"
156
- ],
157
- "description": "Whether the tablist is disabled.",
158
- "jsdocTags": [],
159
- "inputAlias": "disabled",
160
- "isRequiredInput": false
161
- },
162
- {
163
- "name": "ngOnInit",
164
- "signatures": [
165
- {
166
- "name": "ngOnInit",
167
- "entryType": "function",
168
- "description": "",
169
- "generics": [],
170
- "isNewType": false,
171
- "jsdocTags": [],
172
- "params": [],
173
- "rawComment": "",
174
- "returnType": "void"
175
- }
176
- ],
177
- "implementation": {
178
- "params": [],
179
- "isNewType": false,
180
- "returnType": "void",
181
- "generics": [],
182
- "name": "ngOnInit",
183
- "description": "",
184
- "entryType": "function",
185
- "jsdocTags": [],
186
- "rawComment": ""
187
- },
188
- "entryType": "function",
189
- "description": "",
190
- "jsdocTags": [],
191
- "rawComment": "",
192
- "memberType": "method",
193
- "memberTags": []
194
- },
195
- {
196
- "name": "ngOnDestroy",
197
- "signatures": [
198
- {
199
- "name": "ngOnDestroy",
200
- "entryType": "function",
201
- "description": "",
202
- "generics": [],
203
- "isNewType": false,
204
- "jsdocTags": [],
205
- "params": [],
206
- "rawComment": "",
207
- "returnType": "void"
208
- }
209
- ],
210
- "implementation": {
211
- "params": [],
212
- "isNewType": false,
213
- "returnType": "void",
214
- "generics": [],
215
- "name": "ngOnDestroy",
216
- "description": "",
217
- "entryType": "function",
218
- "jsdocTags": [],
219
- "rawComment": ""
220
- },
221
- "entryType": "function",
222
- "description": "",
223
- "jsdocTags": [],
224
- "rawComment": "",
225
- "memberType": "method",
226
- "memberTags": []
227
- },
228
- {
229
- "name": "open",
230
- "signatures": [
231
- {
232
- "name": "open",
233
- "entryType": "function",
234
- "description": "Opens the tab panel with the specified value.",
235
- "generics": [],
236
- "isNewType": false,
237
- "jsdocTags": [],
238
- "params": [
239
- {
240
- "name": "value",
241
- "description": "",
242
- "type": "string",
243
- "isOptional": false,
244
- "isRestParam": false
245
- }
246
- ],
247
- "rawComment": "/** Opens the tab panel with the specified value. */",
248
- "returnType": "boolean"
249
- }
250
- ],
251
- "implementation": {
252
- "params": [
253
- {
254
- "name": "value",
255
- "description": "",
256
- "type": "string",
257
- "isOptional": false,
258
- "isRestParam": false
259
- }
260
- ],
261
- "isNewType": false,
262
- "returnType": "boolean",
263
- "generics": [],
264
- "name": "open",
265
- "description": "Opens the tab panel with the specified value.",
266
- "entryType": "function",
267
- "jsdocTags": [],
268
- "rawComment": "/** Opens the tab panel with the specified value. */"
269
- },
270
- "entryType": "function",
271
- "description": "Opens the tab panel with the specified value.",
272
- "jsdocTags": [],
273
- "rawComment": "/** Opens the tab panel with the specified value. */",
274
- "memberType": "method",
275
- "memberTags": []
276
- }
277
- ],
278
- "generics": [],
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 */",
287
- "implements": [
288
- "OnInit",
289
- "OnDestroy"
290
- ],
291
- "isStandalone": true,
292
- "selector": "[ngTabList]",
293
- "exportAs": [
294
- "ngTabList"
295
- ],
296
- "source": {
297
- "filePath": "/src/aria/tabs/tabs.ts",
298
- "startLine": 138,
299
- "endLine": 264
300
- }
301
- },
302
- {
303
- "name": "Tab",
304
- "isAbstract": false,
305
- "entryType": "directive",
306
- "members": [
307
- {
308
- "name": "element",
309
- "type": "HTMLElement",
310
- "memberType": "property",
311
- "memberTags": [
312
- "readonly"
313
- ],
314
- "description": "A reference to the host element.",
315
- "jsdocTags": []
316
- },
317
- {
318
- "name": "id",
319
- "type": "any",
320
- "memberType": "property",
321
- "memberTags": [
322
- "readonly",
323
- "input"
324
- ],
325
- "description": "A unique identifier for the widget.",
326
- "jsdocTags": [],
327
- "inputAlias": "id",
328
- "isRequiredInput": false
329
- },
330
- {
331
- "name": "disabled",
332
- "type": "any",
333
- "memberType": "property",
334
- "memberTags": [
335
- "readonly",
336
- "input"
337
- ],
338
- "description": "Whether a tab is disabled.",
339
- "jsdocTags": [],
340
- "inputAlias": "disabled",
341
- "isRequiredInput": false
342
- },
343
- {
344
- "name": "value",
345
- "type": "any",
346
- "memberType": "property",
347
- "memberTags": [
348
- "readonly",
349
- "input"
350
- ],
351
- "description": "The remote tabpanel unique identifier.",
352
- "jsdocTags": [],
353
- "inputAlias": "value",
354
- "isRequiredInput": true
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
- },
409
- {
410
- "name": "ngOnInit",
411
- "signatures": [
412
- {
413
- "name": "ngOnInit",
414
- "entryType": "function",
415
- "description": "",
416
- "generics": [],
417
- "isNewType": false,
418
- "jsdocTags": [],
419
- "params": [],
420
- "rawComment": "",
421
- "returnType": "void"
422
- }
423
- ],
424
- "implementation": {
425
- "params": [],
426
- "isNewType": false,
427
- "returnType": "void",
428
- "generics": [],
429
- "name": "ngOnInit",
430
- "description": "",
431
- "entryType": "function",
432
- "jsdocTags": [],
433
- "rawComment": ""
434
- },
435
- "entryType": "function",
436
- "description": "",
437
- "jsdocTags": [],
438
- "rawComment": "",
439
- "memberType": "method",
440
- "memberTags": []
441
- },
442
- {
443
- "name": "ngOnDestroy",
444
- "signatures": [
445
- {
446
- "name": "ngOnDestroy",
447
- "entryType": "function",
448
- "description": "",
449
- "generics": [],
450
- "isNewType": false,
451
- "jsdocTags": [],
452
- "params": [],
453
- "rawComment": "",
454
- "returnType": "void"
455
- }
456
- ],
457
- "implementation": {
458
- "params": [],
459
- "isNewType": false,
460
- "returnType": "void",
461
- "generics": [],
462
- "name": "ngOnDestroy",
463
- "description": "",
464
- "entryType": "function",
465
- "jsdocTags": [],
466
- "rawComment": ""
467
- },
468
- "entryType": "function",
469
- "description": "",
470
- "jsdocTags": [],
471
- "rawComment": "",
472
- "memberType": "method",
473
- "memberTags": []
474
- }
475
- ],
476
- "generics": [],
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 */",
485
- "implements": [
486
- "HasElement",
487
- "OnInit",
488
- "OnDestroy"
489
- ],
490
- "isStandalone": true,
491
- "selector": "[ngTab]",
492
- "exportAs": [
493
- "ngTab"
494
- ],
495
- "source": {
496
- "filePath": "/src/aria/tabs/tabs.ts",
497
- "startLine": 280,
498
- "endLine": 350
499
- }
500
- },
501
- {
502
- "name": "TabPanel",
503
- "isAbstract": false,
504
- "entryType": "undecorated_class",
505
- "members": [
506
- {
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",
518
- "type": "any",
519
- "memberType": "property",
520
- "memberTags": [
521
- "readonly"
522
- ],
523
- "description": "A global unique identifier for the tab.",
524
- "jsdocTags": []
525
- },
526
- {
527
- "name": "value",
528
- "type": "any",
529
- "memberType": "property",
530
- "memberTags": [
531
- "readonly"
532
- ],
533
- "description": "A local unique identifier for the tabpanel.",
534
- "jsdocTags": []
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
- },
546
- {
547
- "name": "ngOnInit",
548
- "signatures": [
549
- {
550
- "name": "ngOnInit",
551
- "entryType": "function",
552
- "description": "",
553
- "generics": [],
554
- "isNewType": false,
555
- "jsdocTags": [],
556
- "params": [],
557
- "rawComment": "",
558
- "returnType": "void"
559
- }
560
- ],
561
- "implementation": {
562
- "params": [],
563
- "isNewType": false,
564
- "returnType": "void",
565
- "generics": [],
566
- "name": "ngOnInit",
567
- "description": "",
568
- "entryType": "function",
569
- "jsdocTags": [],
570
- "rawComment": ""
571
- },
572
- "entryType": "function",
573
- "description": "",
574
- "jsdocTags": [],
575
- "rawComment": "",
576
- "memberType": "method",
577
- "memberTags": []
578
- },
579
- {
580
- "name": "ngOnDestroy",
581
- "signatures": [
582
- {
583
- "name": "ngOnDestroy",
584
- "entryType": "function",
585
- "description": "",
586
- "generics": [],
587
- "isNewType": false,
588
- "jsdocTags": [],
589
- "params": [],
590
- "rawComment": "",
591
- "returnType": "void"
592
- }
593
- ],
594
- "implementation": {
595
- "params": [],
596
- "isNewType": false,
597
- "returnType": "void",
598
- "generics": [],
599
- "name": "ngOnDestroy",
600
- "description": "",
601
- "entryType": "function",
602
- "jsdocTags": [],
603
- "rawComment": ""
604
- },
605
- "entryType": "function",
606
- "description": "",
607
- "jsdocTags": [],
608
- "rawComment": "",
609
- "memberType": "method",
610
- "memberTags": []
611
- }
612
- ],
613
- "generics": [],
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 */",
622
- "implements": [
623
- "OnInit",
624
- "OnDestroy"
625
- ],
626
- "source": {
627
- "filePath": "/src/aria/tabs/tabs.ts",
628
- "startLine": 369,
629
- "endLine": 430
630
- }
631
- },
632
- {
633
- "name": "TabContent",
634
- "isAbstract": false,
635
- "entryType": "undecorated_class",
636
- "members": [],
637
- "generics": [],
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 */",
646
- "implements": [],
647
- "source": {
648
- "filePath": "/src/aria/tabs/tabs.ts",
649
- "startLine": 449,
650
- "endLine": 454
651
- }
652
- }
653
- ],
654
- "symbols": [
655
- [
656
- "_IdGenerator",
657
- "@angular/cdk/a11y"
658
- ],
659
- [
660
- "Directionality",
661
- "@angular/cdk/bidi"
662
- ],
663
- [
664
- "booleanAttribute",
665
- "@angular/core"
666
- ],
667
- [
668
- "computed",
669
- "@angular/core"
670
- ],
671
- [
672
- "Directive",
673
- "@angular/core"
674
- ],
675
- [
676
- "ElementRef",
677
- "@angular/core"
678
- ],
679
- [
680
- "inject",
681
- "@angular/core"
682
- ],
683
- [
684
- "input",
685
- "@angular/core"
686
- ],
687
- [
688
- "model",
689
- "@angular/core"
690
- ],
691
- [
692
- "signal",
693
- "@angular/core"
694
- ],
695
- [
696
- "afterRenderEffect",
697
- "@angular/core"
698
- ],
699
- [
700
- "OnInit",
701
- "@angular/core"
702
- ],
703
- [
704
- "OnDestroy",
705
- "@angular/core"
706
- ],
707
- [
708
- "TabListPattern",
709
- "@angular/aria/private"
710
- ],
711
- [
712
- "TabPanelPattern",
713
- "@angular/aria/private"
714
- ],
715
- [
716
- "TabPattern",
717
- "@angular/aria/private"
718
- ],
719
- [
720
- "DeferredContent",
721
- "@angular/aria/private"
722
- ],
723
- [
724
- "DeferredContentAware",
725
- "@angular/aria/private"
726
- ],
727
- [
728
- "Tabs",
729
- "@angular/aria/tabs"
730
- ],
731
- [
732
- "TabList",
733
- "@angular/aria/tabs"
734
- ],
735
- [
736
- "Tab",
737
- "@angular/aria/tabs"
738
- ],
739
- [
740
- "TabPanel",
741
- "@angular/aria/tabs"
742
- ],
743
- [
744
- "TabContent",
745
- "@angular/aria/tabs"
746
- ],
747
- [
748
- "Tabs",
749
- "@angular/aria/tabs"
750
- ],
751
- [
752
- "Tabs.element",
753
- "@angular/aria/tabs"
754
- ],
755
- [
756
- "TabList",
757
- "@angular/aria/tabs"
758
- ],
759
- [
760
- "TabList.element",
761
- "@angular/aria/tabs"
762
- ],
763
- [
764
- "TabList.textDirection",
765
- "@angular/aria/tabs"
766
- ],
767
- [
768
- "TabList.orientation",
769
- "@angular/aria/tabs"
770
- ],
771
- [
772
- "TabList.wrap",
773
- "@angular/aria/tabs"
774
- ],
775
- [
776
- "TabList.softDisabled",
777
- "@angular/aria/tabs"
778
- ],
779
- [
780
- "TabList.focusMode",
781
- "@angular/aria/tabs"
782
- ],
783
- [
784
- "TabList.selectionMode",
785
- "@angular/aria/tabs"
786
- ],
787
- [
788
- "TabList.selectedTab",
789
- "@angular/aria/tabs"
790
- ],
791
- [
792
- "TabList.disabled",
793
- "@angular/aria/tabs"
794
- ],
795
- [
796
- "TabList.ngOnInit",
797
- "@angular/aria/tabs"
798
- ],
799
- [
800
- "TabList.ngOnDestroy",
801
- "@angular/aria/tabs"
802
- ],
803
- [
804
- "TabList.open",
805
- "@angular/aria/tabs"
806
- ],
807
- [
808
- "Tab",
809
- "@angular/aria/tabs"
810
- ],
811
- [
812
- "Tab.element",
813
- "@angular/aria/tabs"
814
- ],
815
- [
816
- "Tab.id",
817
- "@angular/aria/tabs"
818
- ],
819
- [
820
- "Tab.disabled",
821
- "@angular/aria/tabs"
822
- ],
823
- [
824
- "Tab.value",
825
- "@angular/aria/tabs"
826
- ],
827
- [
828
- "Tab.active",
829
- "@angular/aria/tabs"
830
- ],
831
- [
832
- "Tab.selected",
833
- "@angular/aria/tabs"
834
- ],
835
- [
836
- "Tab.open",
837
- "@angular/aria/tabs"
838
- ],
839
- [
840
- "Tab.ngOnInit",
841
- "@angular/aria/tabs"
842
- ],
843
- [
844
- "Tab.ngOnDestroy",
845
- "@angular/aria/tabs"
846
- ],
847
- [
848
- "TabPanel",
849
- "@angular/aria/tabs"
850
- ],
851
- [
852
- "TabPanel.element",
853
- "@angular/aria/tabs"
854
- ],
855
- [
856
- "TabPanel.id",
857
- "@angular/aria/tabs"
858
- ],
859
- [
860
- "TabPanel.value",
861
- "@angular/aria/tabs"
862
- ],
863
- [
864
- "TabPanel.visible",
865
- "@angular/aria/tabs"
866
- ],
867
- [
868
- "TabPanel.ngOnInit",
869
- "@angular/aria/tabs"
870
- ],
871
- [
872
- "TabPanel.ngOnDestroy",
873
- "@angular/aria/tabs"
874
- ],
875
- [
876
- "TabContent",
877
- "@angular/aria/tabs"
878
- ]
879
- ]
880
- }