@skyux/tabs 7.0.0-beta.2 → 7.0.0-beta.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 (31) hide show
  1. package/documentation.json +461 -373
  2. package/esm2020/lib/modules/sectioned-form/sectioned-form-section.component.mjs +20 -14
  3. package/esm2020/lib/modules/sectioned-form/sectioned-form.component.mjs +24 -18
  4. package/esm2020/lib/modules/sectioned-form/sectioned-form.service.mjs +1 -1
  5. package/esm2020/lib/modules/shared/sky-tabs-resources.module.mjs +9 -1
  6. package/esm2020/lib/modules/tabs/tab-button-view-model.mjs +1 -1
  7. package/esm2020/lib/modules/tabs/tab-button.component.mjs +44 -5
  8. package/esm2020/lib/modules/tabs/tabset.component.mjs +6 -4
  9. package/esm2020/lib/modules/tabs/tabset.service.mjs +2 -2
  10. package/esm2020/lib/modules/vertical-tabset/vertical-tab-media-query.service.mjs +11 -12
  11. package/esm2020/lib/modules/vertical-tabset/vertical-tab.component.mjs +64 -53
  12. package/esm2020/lib/modules/vertical-tabset/vertical-tabset-adapter.service.mjs +11 -8
  13. package/esm2020/lib/modules/vertical-tabset/vertical-tabset-group.component.mjs +27 -33
  14. package/esm2020/lib/modules/vertical-tabset/vertical-tabset.component.mjs +22 -19
  15. package/esm2020/lib/modules/vertical-tabset/vertical-tabset.service.mjs +55 -56
  16. package/fesm2015/skyux-tabs.mjs +281 -217
  17. package/fesm2015/skyux-tabs.mjs.map +1 -1
  18. package/fesm2020/skyux-tabs.mjs +278 -216
  19. package/fesm2020/skyux-tabs.mjs.map +1 -1
  20. package/lib/modules/sectioned-form/sectioned-form-section.component.d.ts +7 -10
  21. package/lib/modules/sectioned-form/sectioned-form.component.d.ts +4 -6
  22. package/lib/modules/sectioned-form/sectioned-form.service.d.ts +4 -4
  23. package/lib/modules/tabs/tab-button-view-model.d.ts +2 -0
  24. package/lib/modules/tabs/tab-button.component.d.ts +10 -3
  25. package/lib/modules/vertical-tabset/vertical-tab-media-query.service.d.ts +2 -3
  26. package/lib/modules/vertical-tabset/vertical-tab.component.d.ts +13 -22
  27. package/lib/modules/vertical-tabset/vertical-tabset-adapter.service.d.ts +1 -2
  28. package/lib/modules/vertical-tabset/vertical-tabset-group.component.d.ts +7 -11
  29. package/lib/modules/vertical-tabset/vertical-tabset.component.d.ts +10 -13
  30. package/lib/modules/vertical-tabset/vertical-tabset.service.d.ts +10 -17
  31. package/package.json +9 -9
package/documentation.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "originalName": "",
26
26
  "children": [
27
27
  {
28
- "id": 353,
28
+ "id": 360,
29
29
  "name": "SkySectionedFormComponent",
30
30
  "kind": 128,
31
31
  "kindString": "Class",
@@ -49,7 +49,7 @@
49
49
  ],
50
50
  "children": [
51
51
  {
52
- "id": 354,
52
+ "id": 361,
53
53
  "name": "constructor",
54
54
  "kind": 512,
55
55
  "kindString": "Constructor",
@@ -57,20 +57,20 @@
57
57
  "sources": [
58
58
  {
59
59
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
60
- "line": 77,
60
+ "line": 76,
61
61
  "character": 2
62
62
  }
63
63
  ],
64
64
  "signatures": [
65
65
  {
66
- "id": 355,
66
+ "id": 362,
67
67
  "name": "new SkySectionedFormComponent",
68
68
  "kind": 16384,
69
69
  "kindString": "Constructor signature",
70
70
  "flags": {},
71
71
  "parameters": [
72
72
  {
73
- "id": 356,
73
+ "id": 363,
74
74
  "name": "tabService",
75
75
  "kind": 32768,
76
76
  "kindString": "Parameter",
@@ -81,7 +81,7 @@
81
81
  }
82
82
  },
83
83
  {
84
- "id": 357,
84
+ "id": 364,
85
85
  "name": "changeRef",
86
86
  "kind": 32768,
87
87
  "kindString": "Parameter",
@@ -96,14 +96,35 @@
96
96
  ],
97
97
  "type": {
98
98
  "type": "reference",
99
- "id": 353,
99
+ "id": 360,
100
100
  "name": "SkySectionedFormComponent"
101
101
  }
102
102
  }
103
103
  ]
104
104
  },
105
105
  {
106
- "id": 362,
106
+ "id": 367,
107
+ "name": "ariaRole",
108
+ "kind": 1024,
109
+ "kindString": "Property",
110
+ "flags": {
111
+ "isPublic": true
112
+ },
113
+ "sources": [
114
+ {
115
+ "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
116
+ "line": 67,
117
+ "character": 9
118
+ }
119
+ ],
120
+ "type": {
121
+ "type": "intrinsic",
122
+ "name": "string"
123
+ },
124
+ "defaultValue": "'tablist'"
125
+ },
126
+ {
127
+ "id": 368,
107
128
  "name": "content",
108
129
  "kind": 1024,
109
130
  "kindString": "Property",
@@ -127,7 +148,7 @@
127
148
  "sources": [
128
149
  {
129
150
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
130
- "line": 72,
151
+ "line": 70,
131
152
  "character": 9
132
153
  }
133
154
  ],
@@ -145,7 +166,7 @@
145
166
  }
146
167
  },
147
168
  {
148
- "id": 359,
169
+ "id": 366,
149
170
  "name": "indexChanged",
150
171
  "kind": 1024,
151
172
  "kindString": "Property",
@@ -189,7 +210,7 @@
189
210
  "defaultValue": "..."
190
211
  },
191
212
  {
192
- "id": 358,
213
+ "id": 365,
193
214
  "name": "maintainSectionContent",
194
215
  "kind": 1024,
195
216
  "kindString": "Property",
@@ -231,36 +252,7 @@
231
252
  "defaultValue": "false"
232
253
  },
233
254
  {
234
- "id": 360,
235
- "name": "ariaRole",
236
- "kind": 262144,
237
- "kindString": "Accessor",
238
- "flags": {
239
- "isPublic": true
240
- },
241
- "sources": [
242
- {
243
- "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
244
- "line": 67,
245
- "character": 13
246
- }
247
- ],
248
- "getSignature": [
249
- {
250
- "id": 361,
251
- "name": "ariaRole",
252
- "kind": 524288,
253
- "kindString": "Get signature",
254
- "flags": {},
255
- "type": {
256
- "type": "intrinsic",
257
- "name": "string"
258
- }
259
- }
260
- ]
261
- },
262
- {
263
- "id": 368,
255
+ "id": 374,
264
256
  "name": "ngAfterViewChecked",
265
257
  "kind": 2048,
266
258
  "kindString": "Method",
@@ -270,13 +262,13 @@
270
262
  "sources": [
271
263
  {
272
264
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
273
- "line": 106,
265
+ "line": 112,
274
266
  "character": 9
275
267
  }
276
268
  ],
277
269
  "signatures": [
278
270
  {
279
- "id": 369,
271
+ "id": 375,
280
272
  "name": "ngAfterViewChecked",
281
273
  "kind": 4096,
282
274
  "kindString": "Call signature",
@@ -297,7 +289,7 @@
297
289
  }
298
290
  },
299
291
  {
300
- "id": 370,
292
+ "id": 376,
301
293
  "name": "ngOnDestroy",
302
294
  "kind": 2048,
303
295
  "kindString": "Method",
@@ -307,13 +299,13 @@
307
299
  "sources": [
308
300
  {
309
301
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
310
- "line": 111,
302
+ "line": 117,
311
303
  "character": 9
312
304
  }
313
305
  ],
314
306
  "signatures": [
315
307
  {
316
- "id": 371,
308
+ "id": 377,
317
309
  "name": "ngOnDestroy",
318
310
  "kind": 4096,
319
311
  "kindString": "Call signature",
@@ -334,7 +326,7 @@
334
326
  }
335
327
  },
336
328
  {
337
- "id": 366,
329
+ "id": 372,
338
330
  "name": "ngOnInit",
339
331
  "kind": 2048,
340
332
  "kindString": "Method",
@@ -344,13 +336,13 @@
344
336
  "sources": [
345
337
  {
346
338
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
347
- "line": 82,
339
+ "line": 83,
348
340
  "character": 9
349
341
  }
350
342
  ],
351
343
  "signatures": [
352
344
  {
353
- "id": 367,
345
+ "id": 373,
354
346
  "name": "ngOnInit",
355
347
  "kind": 4096,
356
348
  "kindString": "Call signature",
@@ -371,7 +363,7 @@
371
363
  }
372
364
  },
373
365
  {
374
- "id": 374,
366
+ "id": 380,
375
367
  "name": "showTabs",
376
368
  "kind": 2048,
377
369
  "kindString": "Method",
@@ -381,13 +373,13 @@
381
373
  "sources": [
382
374
  {
383
375
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
384
- "line": 121,
376
+ "line": 127,
385
377
  "character": 9
386
378
  }
387
379
  ],
388
380
  "signatures": [
389
381
  {
390
- "id": 375,
382
+ "id": 381,
391
383
  "name": "showTabs",
392
384
  "kind": 4096,
393
385
  "kindString": "Call signature",
@@ -400,7 +392,7 @@
400
392
  ]
401
393
  },
402
394
  {
403
- "id": 372,
395
+ "id": 378,
404
396
  "name": "tabsVisible",
405
397
  "kind": 2048,
406
398
  "kindString": "Method",
@@ -410,13 +402,13 @@
410
402
  "sources": [
411
403
  {
412
404
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
413
- "line": 116,
405
+ "line": 122,
414
406
  "character": 9
415
407
  }
416
408
  ],
417
409
  "signatures": [
418
410
  {
419
- "id": 373,
411
+ "id": 379,
420
412
  "name": "tabsVisible",
421
413
  "kind": 4096,
422
414
  "kindString": "Call signature",
@@ -434,35 +426,29 @@
434
426
  "title": "Constructors",
435
427
  "kind": 512,
436
428
  "children": [
437
- 354
429
+ 361
438
430
  ]
439
431
  },
440
432
  {
441
433
  "title": "Properties",
442
434
  "kind": 1024,
443
435
  "children": [
444
- 362,
445
- 359,
446
- 358,
447
- 365
448
- ]
449
- },
450
- {
451
- "title": "Accessors",
452
- "kind": 262144,
453
- "children": [
454
- 360
436
+ 367,
437
+ 368,
438
+ 366,
439
+ 365,
440
+ 371
455
441
  ]
456
442
  },
457
443
  {
458
444
  "title": "Methods",
459
445
  "kind": 2048,
460
446
  "children": [
461
- 368,
462
- 370,
463
- 366,
464
447
  374,
465
- 372
448
+ 376,
449
+ 372,
450
+ 380,
451
+ 378
466
452
  ]
467
453
  }
468
454
  ],
@@ -495,7 +481,7 @@
495
481
  ]
496
482
  },
497
483
  {
498
- "id": 325,
484
+ "id": 332,
499
485
  "name": "SkySectionedFormModule",
500
486
  "kind": 128,
501
487
  "kindString": "Class",
@@ -520,7 +506,7 @@
520
506
  "title": "Constructors",
521
507
  "kind": 512,
522
508
  "children": [
523
- 326
509
+ 333
524
510
  ]
525
511
  }
526
512
  ],
@@ -533,7 +519,7 @@
533
519
  ]
534
520
  },
535
521
  {
536
- "id": 328,
522
+ "id": 335,
537
523
  "name": "SkySectionedFormService",
538
524
  "kind": 128,
539
525
  "kindString": "Class",
@@ -552,7 +538,7 @@
552
538
  ],
553
539
  "children": [
554
540
  {
555
- "id": 333,
541
+ "id": 340,
556
542
  "name": "invalidFieldChanged",
557
543
  "kind": 2048,
558
544
  "kindString": "Method",
@@ -562,13 +548,13 @@
562
548
  "sources": [
563
549
  {
564
550
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.service.ts",
565
- "line": 24,
551
+ "line": 22,
566
552
  "character": 9
567
553
  }
568
554
  ],
569
555
  "signatures": [
570
556
  {
571
- "id": 334,
557
+ "id": 341,
572
558
  "name": "invalidFieldChanged",
573
559
  "kind": 4096,
574
560
  "kindString": "Call signature",
@@ -578,7 +564,7 @@
578
564
  },
579
565
  "parameters": [
580
566
  {
581
- "id": 335,
567
+ "id": 342,
582
568
  "name": "isInvalid",
583
569
  "kind": 32768,
584
570
  "kindString": "Parameter",
@@ -597,7 +583,7 @@
597
583
  ]
598
584
  },
599
585
  {
600
- "id": 336,
586
+ "id": 343,
601
587
  "name": "requiredFieldChanged",
602
588
  "kind": 2048,
603
589
  "kindString": "Method",
@@ -607,13 +593,13 @@
607
593
  "sources": [
608
594
  {
609
595
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.service.ts",
610
- "line": 32,
596
+ "line": 30,
611
597
  "character": 9
612
598
  }
613
599
  ],
614
600
  "signatures": [
615
601
  {
616
- "id": 337,
602
+ "id": 344,
617
603
  "name": "requiredFieldChanged",
618
604
  "kind": 4096,
619
605
  "kindString": "Call signature",
@@ -623,7 +609,7 @@
623
609
  },
624
610
  "parameters": [
625
611
  {
626
- "id": 338,
612
+ "id": 345,
627
613
  "name": "isRequired",
628
614
  "kind": 32768,
629
615
  "kindString": "Parameter",
@@ -647,15 +633,15 @@
647
633
  "title": "Constructors",
648
634
  "kind": 512,
649
635
  "children": [
650
- 329
636
+ 336
651
637
  ]
652
638
  },
653
639
  {
654
640
  "title": "Methods",
655
641
  "kind": 2048,
656
642
  "children": [
657
- 333,
658
- 336
643
+ 340,
644
+ 343
659
645
  ]
660
646
  }
661
647
  ],
@@ -668,7 +654,7 @@
668
654
  ]
669
655
  },
670
656
  {
671
- "id": 347,
657
+ "id": 354,
672
658
  "name": "SkyTabsModule",
673
659
  "kind": 128,
674
660
  "kindString": "Class",
@@ -693,7 +679,7 @@
693
679
  "title": "Constructors",
694
680
  "kind": 512,
695
681
  "children": [
696
- 348
682
+ 355
697
683
  ]
698
684
  }
699
685
  ],
@@ -706,7 +692,7 @@
706
692
  ]
707
693
  },
708
694
  {
709
- "id": 350,
695
+ "id": 357,
710
696
  "name": "SkyVerticalTabsetModule",
711
697
  "kind": 128,
712
698
  "kindString": "Class",
@@ -731,7 +717,7 @@
731
717
  "title": "Constructors",
732
718
  "kind": 512,
733
719
  "children": [
734
- 351
720
+ 358
735
721
  ]
736
722
  }
737
723
  ],
@@ -1354,7 +1340,7 @@
1354
1340
  },
1355
1341
  "type": {
1356
1342
  "type": "reference",
1357
- "id": 339,
1343
+ "id": 346,
1358
1344
  "name": "SkyTabIndex"
1359
1345
  }
1360
1346
  }
@@ -1378,7 +1364,7 @@
1378
1364
  "flags": {},
1379
1365
  "type": {
1380
1366
  "type": "reference",
1381
- "id": 339,
1367
+ "id": 346,
1382
1368
  "name": "SkyTabIndex"
1383
1369
  }
1384
1370
  }
@@ -1417,7 +1403,7 @@
1417
1403
  "typeArguments": [
1418
1404
  {
1419
1405
  "type": "reference",
1420
- "id": 339,
1406
+ "id": 346,
1421
1407
  "name": "SkyTabIndex"
1422
1408
  }
1423
1409
  ],
@@ -1824,7 +1810,7 @@
1824
1810
  "typeArguments": [
1825
1811
  {
1826
1812
  "type": "reference",
1827
- "id": 339,
1813
+ "id": 346,
1828
1814
  "name": "SkyTabIndex"
1829
1815
  }
1830
1816
  ],
@@ -2092,7 +2078,7 @@
2092
2078
  "typeArguments": [
2093
2079
  {
2094
2080
  "type": "reference",
2095
- "id": 342,
2081
+ "id": 349,
2096
2082
  "name": "SkyTabsetTabIndexesChange"
2097
2083
  }
2098
2084
  ],
@@ -2184,7 +2170,7 @@
2184
2170
  },
2185
2171
  "type": {
2186
2172
  "type": "reference",
2187
- "id": 339,
2173
+ "id": 346,
2188
2174
  "name": "SkyTabIndex"
2189
2175
  }
2190
2176
  }
@@ -2208,7 +2194,7 @@
2208
2194
  "flags": {},
2209
2195
  "type": {
2210
2196
  "type": "reference",
2211
- "id": 339,
2197
+ "id": 346,
2212
2198
  "name": "SkyTabIndex"
2213
2199
  }
2214
2200
  }
@@ -2317,7 +2303,7 @@
2317
2303
  "flags": {},
2318
2304
  "type": {
2319
2305
  "type": "reference",
2320
- "id": 340,
2306
+ "id": 347,
2321
2307
  "name": "SkyTabsetButtonsDisplayMode"
2322
2308
  }
2323
2309
  }
@@ -2338,7 +2324,7 @@
2338
2324
  "flags": {},
2339
2325
  "type": {
2340
2326
  "type": "reference",
2341
- "id": 340,
2327
+ "id": 347,
2342
2328
  "name": "SkyTabsetButtonsDisplayMode"
2343
2329
  }
2344
2330
  }
@@ -2395,7 +2381,7 @@
2395
2381
  },
2396
2382
  "type": {
2397
2383
  "type": "reference",
2398
- "id": 341,
2384
+ "id": 348,
2399
2385
  "name": "SkyTabsetStyle"
2400
2386
  }
2401
2387
  }
@@ -2425,7 +2411,7 @@
2425
2411
  "flags": {},
2426
2412
  "type": {
2427
2413
  "type": "reference",
2428
- "id": 341,
2414
+ "id": 348,
2429
2415
  "name": "SkyTabsetStyle"
2430
2416
  }
2431
2417
  }
@@ -3456,7 +3442,7 @@
3456
3442
  "sources": [
3457
3443
  {
3458
3444
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3459
- "line": 154,
3445
+ "line": 158,
3460
3446
  "character": 2
3461
3447
  }
3462
3448
  ],
@@ -3626,7 +3612,7 @@
3626
3612
  "sources": [
3627
3613
  {
3628
3614
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3629
- "line": 77,
3615
+ "line": 74,
3630
3616
  "character": 9
3631
3617
  }
3632
3618
  ],
@@ -3647,7 +3633,7 @@
3647
3633
  "sources": [
3648
3634
  {
3649
3635
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3650
- "line": 137,
3636
+ "line": 134,
3651
3637
  "character": 9
3652
3638
  }
3653
3639
  ],
@@ -3667,7 +3653,7 @@
3667
3653
  "sources": [
3668
3654
  {
3669
3655
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3670
- "line": 139,
3656
+ "line": 136,
3671
3657
  "character": 9
3672
3658
  }
3673
3659
  ],
@@ -3702,7 +3688,7 @@
3702
3688
  "sources": [
3703
3689
  {
3704
3690
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3705
- "line": 142,
3691
+ "line": 139,
3706
3692
  "character": 9
3707
3693
  }
3708
3694
  ],
@@ -3745,7 +3731,7 @@
3745
3731
  "sources": [
3746
3732
  {
3747
3733
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3748
- "line": 90,
3734
+ "line": 87,
3749
3735
  "character": 9
3750
3736
  }
3751
3737
  ],
@@ -3786,7 +3772,7 @@
3786
3772
  "sources": [
3787
3773
  {
3788
3774
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3789
- "line": 97,
3775
+ "line": 94,
3790
3776
  "character": 9
3791
3777
  }
3792
3778
  ],
@@ -3795,48 +3781,6 @@
3795
3781
  "name": "string"
3796
3782
  }
3797
3783
  },
3798
- {
3799
- "id": 216,
3800
- "name": "tabId",
3801
- "kind": 1024,
3802
- "kindString": "Property",
3803
- "flags": {
3804
- "isPublic": true
3805
- },
3806
- "comment": {
3807
- "shortText": "Specifies an ID for the tab.",
3808
- "tags": [
3809
- {
3810
- "tag": "deprecated",
3811
- "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
3812
- }
3813
- ]
3814
- },
3815
- "decorators": [
3816
- {
3817
- "name": "Input",
3818
- "type": {
3819
- "type": "reference",
3820
- "qualifiedName": "InputDecorator",
3821
- "package": "@angular/core",
3822
- "name": "Input"
3823
- },
3824
- "arguments": {}
3825
- }
3826
- ],
3827
- "sources": [
3828
- {
3829
- "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3830
- "line": 117,
3831
- "character": 9
3832
- }
3833
- ],
3834
- "type": {
3835
- "type": "intrinsic",
3836
- "name": "string"
3837
- },
3838
- "defaultValue": "..."
3839
- },
3840
3784
  {
3841
3785
  "id": 204,
3842
3786
  "name": "ariaRole",
@@ -3941,7 +3885,7 @@
3941
3885
  "sources": [
3942
3886
  {
3943
3887
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3944
- "line": 119,
3888
+ "line": 116,
3945
3889
  "character": 13
3946
3890
  }
3947
3891
  ],
@@ -3986,7 +3930,92 @@
3986
3930
  ]
3987
3931
  },
3988
3932
  {
3989
- "id": 235,
3933
+ "id": 213,
3934
+ "name": "tabId",
3935
+ "kind": 262144,
3936
+ "kindString": "Accessor",
3937
+ "flags": {
3938
+ "isPublic": true
3939
+ },
3940
+ "decorators": [
3941
+ {
3942
+ "name": "Input",
3943
+ "type": {
3944
+ "type": "reference",
3945
+ "qualifiedName": "InputDecorator",
3946
+ "package": "@angular/core",
3947
+ "name": "Input"
3948
+ },
3949
+ "arguments": {}
3950
+ }
3951
+ ],
3952
+ "sources": [
3953
+ {
3954
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3955
+ "line": 108,
3956
+ "character": 13
3957
+ }
3958
+ ],
3959
+ "getSignature": [
3960
+ {
3961
+ "id": 214,
3962
+ "name": "tabId",
3963
+ "kind": 524288,
3964
+ "kindString": "Get signature",
3965
+ "flags": {},
3966
+ "comment": {
3967
+ "shortText": "Specifies an ID for the tab.",
3968
+ "tags": [
3969
+ {
3970
+ "tag": "deprecated",
3971
+ "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
3972
+ }
3973
+ ]
3974
+ },
3975
+ "type": {
3976
+ "type": "intrinsic",
3977
+ "name": "string"
3978
+ }
3979
+ }
3980
+ ],
3981
+ "setSignature": [
3982
+ {
3983
+ "id": 215,
3984
+ "name": "tabId",
3985
+ "kind": 1048576,
3986
+ "kindString": "Set signature",
3987
+ "flags": {},
3988
+ "comment": {
3989
+ "shortText": "Specifies an ID for the tab.",
3990
+ "tags": [
3991
+ {
3992
+ "tag": "deprecated",
3993
+ "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
3994
+ }
3995
+ ]
3996
+ },
3997
+ "parameters": [
3998
+ {
3999
+ "id": 216,
4000
+ "name": "value",
4001
+ "kind": 32768,
4002
+ "kindString": "Parameter",
4003
+ "flags": {},
4004
+ "type": {
4005
+ "type": "intrinsic",
4006
+ "name": "string"
4007
+ }
4008
+ }
4009
+ ],
4010
+ "type": {
4011
+ "type": "intrinsic",
4012
+ "name": "void"
4013
+ }
4014
+ }
4015
+ ]
4016
+ },
4017
+ {
4018
+ "id": 240,
3990
4019
  "name": "activateTab",
3991
4020
  "kind": 2048,
3992
4021
  "kindString": "Method",
@@ -3996,13 +4025,13 @@
3996
4025
  "sources": [
3997
4026
  {
3998
4027
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3999
- "line": 200,
4028
+ "line": 210,
4000
4029
  "character": 9
4001
4030
  }
4002
4031
  ],
4003
4032
  "signatures": [
4004
4033
  {
4005
- "id": 236,
4034
+ "id": 241,
4006
4035
  "name": "activateTab",
4007
4036
  "kind": 4096,
4008
4037
  "kindString": "Call signature",
@@ -4015,7 +4044,7 @@
4015
4044
  ]
4016
4045
  },
4017
4046
  {
4018
- "id": 231,
4047
+ "id": 236,
4019
4048
  "name": "ngOnDestroy",
4020
4049
  "kind": 2048,
4021
4050
  "kindString": "Method",
@@ -4025,13 +4054,13 @@
4025
4054
  "sources": [
4026
4055
  {
4027
4056
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
4028
- "line": 185,
4057
+ "line": 195,
4029
4058
  "character": 9
4030
4059
  }
4031
4060
  ],
4032
4061
  "signatures": [
4033
4062
  {
4034
- "id": 232,
4063
+ "id": 237,
4035
4064
  "name": "ngOnDestroy",
4036
4065
  "kind": 4096,
4037
4066
  "kindString": "Call signature",
@@ -4052,7 +4081,7 @@
4052
4081
  }
4053
4082
  },
4054
4083
  {
4055
- "id": 229,
4084
+ "id": 234,
4056
4085
  "name": "ngOnInit",
4057
4086
  "kind": 2048,
4058
4087
  "kindString": "Method",
@@ -4062,13 +4091,13 @@
4062
4091
  "sources": [
4063
4092
  {
4064
4093
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
4065
- "line": 161,
4094
+ "line": 171,
4066
4095
  "character": 9
4067
4096
  }
4068
4097
  ],
4069
4098
  "signatures": [
4070
4099
  {
4071
- "id": 230,
4100
+ "id": 235,
4072
4101
  "name": "ngOnInit",
4073
4102
  "kind": 4096,
4074
4103
  "kindString": "Call signature",
@@ -4089,7 +4118,7 @@
4089
4118
  }
4090
4119
  },
4091
4120
  {
4092
- "id": 237,
4121
+ "id": 242,
4093
4122
  "name": "onTabButtonKeyUp",
4094
4123
  "kind": 2048,
4095
4124
  "kindString": "Method",
@@ -4099,20 +4128,20 @@
4099
4128
  "sources": [
4100
4129
  {
4101
4130
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
4102
- "line": 209,
4131
+ "line": 219,
4103
4132
  "character": 9
4104
4133
  }
4105
4134
  ],
4106
4135
  "signatures": [
4107
4136
  {
4108
- "id": 238,
4137
+ "id": 243,
4109
4138
  "name": "onTabButtonKeyUp",
4110
4139
  "kind": 4096,
4111
4140
  "kindString": "Call signature",
4112
4141
  "flags": {},
4113
4142
  "parameters": [
4114
4143
  {
4115
- "id": 239,
4144
+ "id": 244,
4116
4145
  "name": "event",
4117
4146
  "kind": 32768,
4118
4147
  "kindString": "Parameter",
@@ -4133,7 +4162,7 @@
4133
4162
  ]
4134
4163
  },
4135
4164
  {
4136
- "id": 240,
4165
+ "id": 245,
4137
4166
  "name": "onWindowResize",
4138
4167
  "kind": 2048,
4139
4168
  "kindString": "Method",
@@ -4157,13 +4186,13 @@
4157
4186
  "sources": [
4158
4187
  {
4159
4188
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
4160
- "line": 226,
4189
+ "line": 236,
4161
4190
  "character": 9
4162
4191
  }
4163
4192
  ],
4164
4193
  "signatures": [
4165
4194
  {
4166
- "id": 241,
4195
+ "id": 246,
4167
4196
  "name": "onWindowResize",
4168
4197
  "kind": 4096,
4169
4198
  "kindString": "Call signature",
@@ -4176,7 +4205,7 @@
4176
4205
  ]
4177
4206
  },
4178
4207
  {
4179
- "id": 242,
4208
+ "id": 247,
4180
4209
  "name": "tabDeactivated",
4181
4210
  "kind": 2048,
4182
4211
  "kindString": "Method",
@@ -4186,13 +4215,13 @@
4186
4215
  "sources": [
4187
4216
  {
4188
4217
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
4189
- "line": 232,
4218
+ "line": 242,
4190
4219
  "character": 9
4191
4220
  }
4192
4221
  ],
4193
4222
  "signatures": [
4194
4223
  {
4195
- "id": 243,
4224
+ "id": 248,
4196
4225
  "name": "tabDeactivated",
4197
4226
  "kind": 4096,
4198
4227
  "kindString": "Call signature",
@@ -4205,7 +4234,7 @@
4205
4234
  ]
4206
4235
  },
4207
4236
  {
4208
- "id": 233,
4237
+ "id": 238,
4209
4238
  "name": "tabIndex",
4210
4239
  "kind": 2048,
4211
4240
  "kindString": "Method",
@@ -4215,13 +4244,13 @@
4215
4244
  "sources": [
4216
4245
  {
4217
4246
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
4218
- "line": 192,
4247
+ "line": 202,
4219
4248
  "character": 9
4220
4249
  }
4221
4250
  ],
4222
4251
  "signatures": [
4223
4252
  {
4224
- "id": 234,
4253
+ "id": 239,
4225
4254
  "name": "tabIndex",
4226
4255
  "kind": 4096,
4227
4256
  "kindString": "Call signature",
@@ -4253,8 +4282,7 @@
4253
4282
  222,
4254
4283
  223,
4255
4284
  210,
4256
- 211,
4257
- 216
4285
+ 211
4258
4286
  ]
4259
4287
  },
4260
4288
  {
@@ -4262,20 +4290,21 @@
4262
4290
  "kind": 262144,
4263
4291
  "children": [
4264
4292
  204,
4265
- 217
4293
+ 217,
4294
+ 213
4266
4295
  ]
4267
4296
  },
4268
4297
  {
4269
4298
  "title": "Methods",
4270
4299
  "kind": 2048,
4271
4300
  "children": [
4272
- 235,
4273
- 231,
4274
- 229,
4275
- 237,
4276
4301
  240,
4302
+ 236,
4303
+ 234,
4277
4304
  242,
4278
- 233
4305
+ 245,
4306
+ 247,
4307
+ 238
4279
4308
  ]
4280
4309
  }
4281
4310
  ],
@@ -4302,7 +4331,7 @@
4302
4331
  ]
4303
4332
  },
4304
4333
  {
4305
- "id": 247,
4334
+ "id": 251,
4306
4335
  "name": "SkySectionedFormSectionComponent",
4307
4336
  "kind": 128,
4308
4337
  "kindString": "Class",
@@ -4326,7 +4355,7 @@
4326
4355
  ],
4327
4356
  "children": [
4328
4357
  {
4329
- "id": 248,
4358
+ "id": 252,
4330
4359
  "name": "constructor",
4331
4360
  "kind": 512,
4332
4361
  "kindString": "Constructor",
@@ -4334,32 +4363,32 @@
4334
4363
  "sources": [
4335
4364
  {
4336
4365
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
4337
- "line": 62,
4366
+ "line": 66,
4338
4367
  "character": 2
4339
4368
  }
4340
4369
  ],
4341
4370
  "signatures": [
4342
4371
  {
4343
- "id": 249,
4372
+ "id": 253,
4344
4373
  "name": "SkySectionedFormSectionComponent",
4345
4374
  "kind": 16384,
4346
4375
  "kindString": "Constructor signature",
4347
4376
  "flags": {},
4348
4377
  "parameters": [
4349
4378
  {
4350
- "id": 250,
4379
+ "id": 254,
4351
4380
  "name": "sectionedFormService",
4352
4381
  "kind": 32768,
4353
4382
  "kindString": "Parameter",
4354
4383
  "flags": {},
4355
4384
  "type": {
4356
4385
  "type": "reference",
4357
- "id": 328,
4386
+ "id": 335,
4358
4387
  "name": "SkySectionedFormService"
4359
4388
  }
4360
4389
  },
4361
4390
  {
4362
- "id": 251,
4391
+ "id": 255,
4363
4392
  "name": "tabsetService",
4364
4393
  "kind": 32768,
4365
4394
  "kindString": "Parameter",
@@ -4370,7 +4399,7 @@
4370
4399
  }
4371
4400
  },
4372
4401
  {
4373
- "id": 252,
4402
+ "id": 256,
4374
4403
  "name": "changeRef",
4375
4404
  "kind": 32768,
4376
4405
  "kindString": "Parameter",
@@ -4385,14 +4414,14 @@
4385
4414
  ],
4386
4415
  "type": {
4387
4416
  "type": "reference",
4388
- "id": 247,
4417
+ "id": 251,
4389
4418
  "name": "SkySectionedFormSectionComponent"
4390
4419
  }
4391
4420
  }
4392
4421
  ]
4393
4422
  },
4394
4423
  {
4395
- "id": 257,
4424
+ "id": 261,
4396
4425
  "name": "active",
4397
4426
  "kind": 1024,
4398
4427
  "kindString": "Property",
@@ -4434,7 +4463,7 @@
4434
4463
  "defaultValue": "false"
4435
4464
  },
4436
4465
  {
4437
- "id": 259,
4466
+ "id": 263,
4438
4467
  "name": "fieldInvalid",
4439
4468
  "kind": 1024,
4440
4469
  "kindString": "Property",
@@ -4454,7 +4483,7 @@
4454
4483
  }
4455
4484
  },
4456
4485
  {
4457
- "id": 258,
4486
+ "id": 262,
4458
4487
  "name": "fieldRequired",
4459
4488
  "kind": 1024,
4460
4489
  "kindString": "Property",
@@ -4474,7 +4503,7 @@
4474
4503
  }
4475
4504
  },
4476
4505
  {
4477
- "id": 255,
4506
+ "id": 259,
4478
4507
  "name": "heading",
4479
4508
  "kind": 1024,
4480
4509
  "kindString": "Property",
@@ -4515,7 +4544,7 @@
4515
4544
  }
4516
4545
  },
4517
4546
  {
4518
- "id": 256,
4547
+ "id": 260,
4519
4548
  "name": "itemCount",
4520
4549
  "kind": 1024,
4521
4550
  "kindString": "Property",
@@ -4550,7 +4579,7 @@
4550
4579
  }
4551
4580
  },
4552
4581
  {
4553
- "id": 254,
4582
+ "id": 258,
4554
4583
  "name": "sectionContentId",
4555
4584
  "kind": 1024,
4556
4585
  "kindString": "Property",
@@ -4571,7 +4600,7 @@
4571
4600
  "defaultValue": "..."
4572
4601
  },
4573
4602
  {
4574
- "id": 253,
4603
+ "id": 257,
4575
4604
  "name": "sectionTabId",
4576
4605
  "kind": 1024,
4577
4606
  "kindString": "Property",
@@ -4592,7 +4621,7 @@
4592
4621
  "defaultValue": "..."
4593
4622
  },
4594
4623
  {
4595
- "id": 260,
4624
+ "id": 264,
4596
4625
  "name": "tab",
4597
4626
  "kind": 1024,
4598
4627
  "kindString": "Property",
@@ -4627,7 +4656,7 @@
4627
4656
  }
4628
4657
  },
4629
4658
  {
4630
- "id": 264,
4659
+ "id": 271,
4631
4660
  "name": "ngOnDestroy",
4632
4661
  "kind": 2048,
4633
4662
  "kindString": "Method",
@@ -4637,13 +4666,13 @@
4637
4666
  "sources": [
4638
4667
  {
4639
4668
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
4640
- "line": 84,
4669
+ "line": 96,
4641
4670
  "character": 9
4642
4671
  }
4643
4672
  ],
4644
4673
  "signatures": [
4645
4674
  {
4646
- "id": 265,
4675
+ "id": 272,
4647
4676
  "name": "ngOnDestroy",
4648
4677
  "kind": 4096,
4649
4678
  "kindString": "Call signature",
@@ -4664,7 +4693,7 @@
4664
4693
  }
4665
4694
  },
4666
4695
  {
4667
- "id": 262,
4696
+ "id": 269,
4668
4697
  "name": "ngOnInit",
4669
4698
  "kind": 2048,
4670
4699
  "kindString": "Method",
@@ -4674,13 +4703,13 @@
4674
4703
  "sources": [
4675
4704
  {
4676
4705
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
4677
- "line": 68,
4706
+ "line": 76,
4678
4707
  "character": 9
4679
4708
  }
4680
4709
  ],
4681
4710
  "signatures": [
4682
4711
  {
4683
- "id": 263,
4712
+ "id": 270,
4684
4713
  "name": "ngOnInit",
4685
4714
  "kind": 4096,
4686
4715
  "kindString": "Call signature",
@@ -4706,29 +4735,29 @@
4706
4735
  "title": "Constructors",
4707
4736
  "kind": 512,
4708
4737
  "children": [
4709
- 248
4738
+ 252
4710
4739
  ]
4711
4740
  },
4712
4741
  {
4713
4742
  "title": "Properties",
4714
4743
  "kind": 1024,
4715
4744
  "children": [
4716
- 257,
4745
+ 261,
4746
+ 263,
4747
+ 262,
4717
4748
  259,
4749
+ 260,
4718
4750
  258,
4719
- 255,
4720
- 256,
4721
- 254,
4722
- 253,
4723
- 260
4751
+ 257,
4752
+ 264
4724
4753
  ]
4725
4754
  },
4726
4755
  {
4727
4756
  "title": "Methods",
4728
4757
  "kind": 2048,
4729
4758
  "children": [
4730
- 264,
4731
- 262
4759
+ 271,
4760
+ 269
4732
4761
  ]
4733
4762
  }
4734
4763
  ],
@@ -4755,7 +4784,7 @@
4755
4784
  ]
4756
4785
  },
4757
4786
  {
4758
- "id": 266,
4787
+ "id": 273,
4759
4788
  "name": "SkyVerticalTabsetComponent",
4760
4789
  "kind": 128,
4761
4790
  "kindString": "Class",
@@ -4776,7 +4805,7 @@
4776
4805
  ],
4777
4806
  "children": [
4778
4807
  {
4779
- "id": 267,
4808
+ "id": 274,
4780
4809
  "name": "constructor",
4781
4810
  "kind": 512,
4782
4811
  "kindString": "Constructor",
@@ -4784,20 +4813,20 @@
4784
4813
  "sources": [
4785
4814
  {
4786
4815
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4787
- "line": 123,
4816
+ "line": 124,
4788
4817
  "character": 2
4789
4818
  }
4790
4819
  ],
4791
4820
  "signatures": [
4792
4821
  {
4793
- "id": 268,
4822
+ "id": 275,
4794
4823
  "name": "SkyVerticalTabsetComponent",
4795
4824
  "kind": 16384,
4796
4825
  "kindString": "Constructor signature",
4797
4826
  "flags": {},
4798
4827
  "parameters": [
4799
4828
  {
4800
- "id": 269,
4829
+ "id": 276,
4801
4830
  "name": "adapterService",
4802
4831
  "kind": 32768,
4803
4832
  "kindString": "Parameter",
@@ -4808,7 +4837,7 @@
4808
4837
  }
4809
4838
  },
4810
4839
  {
4811
- "id": 270,
4840
+ "id": 277,
4812
4841
  "name": "tabService",
4813
4842
  "kind": 32768,
4814
4843
  "kindString": "Parameter",
@@ -4819,7 +4848,7 @@
4819
4848
  }
4820
4849
  },
4821
4850
  {
4822
- "id": 271,
4851
+ "id": 278,
4823
4852
  "name": "resources",
4824
4853
  "kind": 32768,
4825
4854
  "kindString": "Parameter",
@@ -4830,7 +4859,7 @@
4830
4859
  }
4831
4860
  },
4832
4861
  {
4833
- "id": 272,
4862
+ "id": 279,
4834
4863
  "name": "changeRef",
4835
4864
  "kind": 32768,
4836
4865
  "kindString": "Parameter",
@@ -4845,14 +4874,14 @@
4845
4874
  ],
4846
4875
  "type": {
4847
4876
  "type": "reference",
4848
- "id": 266,
4877
+ "id": 273,
4849
4878
  "name": "SkyVerticalTabsetComponent"
4850
4879
  }
4851
4880
  }
4852
4881
  ]
4853
4882
  },
4854
4883
  {
4855
- "id": 281,
4884
+ "id": 288,
4856
4885
  "name": "activeChange",
4857
4886
  "kind": 1024,
4858
4887
  "kindString": "Property",
@@ -4877,7 +4906,7 @@
4877
4906
  "sources": [
4878
4907
  {
4879
4908
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4880
- "line": 108,
4909
+ "line": 106,
4881
4910
  "character": 9
4882
4911
  }
4883
4912
  ],
@@ -4896,7 +4925,7 @@
4896
4925
  "defaultValue": "..."
4897
4926
  },
4898
4927
  {
4899
- "id": 274,
4928
+ "id": 281,
4900
4929
  "name": "ariaLabel",
4901
4930
  "kind": 1024,
4902
4931
  "kindString": "Property",
@@ -4931,7 +4960,7 @@
4931
4960
  }
4932
4961
  },
4933
4962
  {
4934
- "id": 275,
4963
+ "id": 282,
4935
4964
  "name": "ariaLabelledBy",
4936
4965
  "kind": 1024,
4937
4966
  "kindString": "Property",
@@ -4966,7 +4995,7 @@
4966
4995
  }
4967
4996
  },
4968
4997
  {
4969
- "id": 283,
4998
+ "id": 290,
4970
4999
  "name": "content",
4971
5000
  "kind": 1024,
4972
5001
  "kindString": "Property",
@@ -4990,7 +5019,7 @@
4990
5019
  "sources": [
4991
5020
  {
4992
5021
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4993
- "line": 114,
5022
+ "line": 112,
4994
5023
  "character": 9
4995
5024
  }
4996
5025
  ],
@@ -5008,7 +5037,70 @@
5008
5037
  }
5009
5038
  },
5010
5039
  {
5011
- "id": 280,
5040
+ "id": 291,
5041
+ "name": "contentWrapper",
5042
+ "kind": 1024,
5043
+ "kindString": "Property",
5044
+ "flags": {
5045
+ "isPublic": true
5046
+ },
5047
+ "decorators": [
5048
+ {
5049
+ "name": "ViewChild",
5050
+ "type": {
5051
+ "type": "reference",
5052
+ "qualifiedName": "ViewChildDecorator",
5053
+ "package": "@angular/core",
5054
+ "name": "ViewChild"
5055
+ },
5056
+ "arguments": {
5057
+ "selector": "'contentContainerWrapper'"
5058
+ }
5059
+ }
5060
+ ],
5061
+ "sources": [
5062
+ {
5063
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
5064
+ "line": 115,
5065
+ "character": 9
5066
+ }
5067
+ ],
5068
+ "type": {
5069
+ "type": "reference",
5070
+ "typeArguments": [
5071
+ {
5072
+ "type": "intrinsic",
5073
+ "name": "any"
5074
+ }
5075
+ ],
5076
+ "qualifiedName": "ElementRef",
5077
+ "package": "@angular/core",
5078
+ "name": "ElementRef"
5079
+ }
5080
+ },
5081
+ {
5082
+ "id": 292,
5083
+ "name": "isMobile",
5084
+ "kind": 1024,
5085
+ "kindString": "Property",
5086
+ "flags": {
5087
+ "isPublic": true
5088
+ },
5089
+ "sources": [
5090
+ {
5091
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
5092
+ "line": 117,
5093
+ "character": 9
5094
+ }
5095
+ ],
5096
+ "type": {
5097
+ "type": "intrinsic",
5098
+ "name": "boolean"
5099
+ },
5100
+ "defaultValue": "false"
5101
+ },
5102
+ {
5103
+ "id": 287,
5012
5104
  "name": "maintainTabContent",
5013
5105
  "kind": 1024,
5014
5106
  "kindString": "Property",
@@ -5039,7 +5131,7 @@
5039
5131
  "sources": [
5040
5132
  {
5041
5133
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
5042
- "line": 101,
5134
+ "line": 99,
5043
5135
  "character": 9
5044
5136
  }
5045
5137
  ],
@@ -5050,7 +5142,7 @@
5050
5142
  "defaultValue": "false"
5051
5143
  },
5052
5144
  {
5053
- "id": 273,
5145
+ "id": 280,
5054
5146
  "name": "showTabsText",
5055
5147
  "kind": 1024,
5056
5148
  "kindString": "Property",
@@ -5085,7 +5177,7 @@
5085
5177
  }
5086
5178
  },
5087
5179
  {
5088
- "id": 282,
5180
+ "id": 289,
5089
5181
  "name": "tabGroups",
5090
5182
  "kind": 1024,
5091
5183
  "kindString": "Property",
@@ -5109,7 +5201,7 @@
5109
5201
  "sources": [
5110
5202
  {
5111
5203
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
5112
- "line": 111,
5204
+ "line": 109,
5113
5205
  "character": 9
5114
5206
  }
5115
5207
  ],
@@ -5127,7 +5219,7 @@
5127
5219
  }
5128
5220
  },
5129
5221
  {
5130
- "id": 276,
5222
+ "id": 283,
5131
5223
  "name": "ariaRole",
5132
5224
  "kind": 262144,
5133
5225
  "kindString": "Accessor",
@@ -5155,7 +5247,7 @@
5155
5247
  ],
5156
5248
  "getSignature": [
5157
5249
  {
5158
- "id": 277,
5250
+ "id": 284,
5159
5251
  "name": "ariaRole",
5160
5252
  "kind": 524288,
5161
5253
  "kindString": "Get signature",
@@ -5181,7 +5273,7 @@
5181
5273
  ],
5182
5274
  "setSignature": [
5183
5275
  {
5184
- "id": 278,
5276
+ "id": 285,
5185
5277
  "name": "ariaRole",
5186
5278
  "kind": 1048576,
5187
5279
  "kindString": "Set signature",
@@ -5201,7 +5293,7 @@
5201
5293
  },
5202
5294
  "parameters": [
5203
5295
  {
5204
- "id": 279,
5296
+ "id": 286,
5205
5297
  "name": "value",
5206
5298
  "kind": 32768,
5207
5299
  "kindString": "Parameter",
@@ -5220,7 +5312,7 @@
5220
5312
  ]
5221
5313
  },
5222
5314
  {
5223
- "id": 292,
5315
+ "id": 301,
5224
5316
  "name": "ngAfterViewChecked",
5225
5317
  "kind": 2048,
5226
5318
  "kindString": "Method",
@@ -5230,13 +5322,13 @@
5230
5322
  "sources": [
5231
5323
  {
5232
5324
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
5233
- "line": 169,
5325
+ "line": 173,
5234
5326
  "character": 9
5235
5327
  }
5236
5328
  ],
5237
5329
  "signatures": [
5238
5330
  {
5239
- "id": 293,
5331
+ "id": 302,
5240
5332
  "name": "ngAfterViewChecked",
5241
5333
  "kind": 4096,
5242
5334
  "kindString": "Call signature",
@@ -5257,7 +5349,7 @@
5257
5349
  }
5258
5350
  },
5259
5351
  {
5260
- "id": 294,
5352
+ "id": 303,
5261
5353
  "name": "ngOnDestroy",
5262
5354
  "kind": 2048,
5263
5355
  "kindString": "Method",
@@ -5267,13 +5359,13 @@
5267
5359
  "sources": [
5268
5360
  {
5269
5361
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
5270
- "line": 174,
5362
+ "line": 178,
5271
5363
  "character": 9
5272
5364
  }
5273
5365
  ],
5274
5366
  "signatures": [
5275
5367
  {
5276
- "id": 295,
5368
+ "id": 304,
5277
5369
  "name": "ngOnDestroy",
5278
5370
  "kind": 4096,
5279
5371
  "kindString": "Call signature",
@@ -5294,7 +5386,7 @@
5294
5386
  }
5295
5387
  },
5296
5388
  {
5297
- "id": 290,
5389
+ "id": 299,
5298
5390
  "name": "ngOnInit",
5299
5391
  "kind": 2048,
5300
5392
  "kindString": "Method",
@@ -5304,13 +5396,13 @@
5304
5396
  "sources": [
5305
5397
  {
5306
5398
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
5307
- "line": 130,
5399
+ "line": 134,
5308
5400
  "character": 9
5309
5401
  }
5310
5402
  ],
5311
5403
  "signatures": [
5312
5404
  {
5313
- "id": 291,
5405
+ "id": 300,
5314
5406
  "name": "ngOnInit",
5315
5407
  "kind": 4096,
5316
5408
  "kindString": "Call signature",
@@ -5336,38 +5428,40 @@
5336
5428
  "title": "Constructors",
5337
5429
  "kind": 512,
5338
5430
  "children": [
5339
- 267
5431
+ 274
5340
5432
  ]
5341
5433
  },
5342
5434
  {
5343
5435
  "title": "Properties",
5344
5436
  "kind": 1024,
5345
5437
  "children": [
5346
- 281,
5347
5438
  288,
5348
- 274,
5349
- 275,
5350
- 283,
5351
- 280,
5352
- 273,
5439
+ 297,
5440
+ 281,
5353
5441
  282,
5354
- 289
5442
+ 290,
5443
+ 291,
5444
+ 292,
5445
+ 287,
5446
+ 280,
5447
+ 289,
5448
+ 298
5355
5449
  ]
5356
5450
  },
5357
5451
  {
5358
5452
  "title": "Accessors",
5359
5453
  "kind": 262144,
5360
5454
  "children": [
5361
- 276
5455
+ 283
5362
5456
  ]
5363
5457
  },
5364
5458
  {
5365
5459
  "title": "Methods",
5366
5460
  "kind": 2048,
5367
5461
  "children": [
5368
- 292,
5369
- 294,
5370
- 290
5462
+ 301,
5463
+ 303,
5464
+ 299
5371
5465
  ]
5372
5466
  }
5373
5467
  ],
@@ -5400,7 +5494,7 @@
5400
5494
  ]
5401
5495
  },
5402
5496
  {
5403
- "id": 296,
5497
+ "id": 305,
5404
5498
  "name": "SkyVerticalTabsetGroupComponent",
5405
5499
  "kind": 128,
5406
5500
  "kindString": "Class",
@@ -5421,7 +5515,7 @@
5421
5515
  ],
5422
5516
  "children": [
5423
5517
  {
5424
- "id": 297,
5518
+ "id": 306,
5425
5519
  "name": "constructor",
5426
5520
  "kind": 512,
5427
5521
  "kindString": "Constructor",
@@ -5429,20 +5523,20 @@
5429
5523
  "sources": [
5430
5524
  {
5431
5525
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5432
- "line": 62,
5526
+ "line": 57,
5433
5527
  "character": 2
5434
5528
  }
5435
5529
  ],
5436
5530
  "signatures": [
5437
5531
  {
5438
- "id": 298,
5532
+ "id": 307,
5439
5533
  "name": "SkyVerticalTabsetGroupComponent",
5440
5534
  "kind": 16384,
5441
5535
  "kindString": "Constructor signature",
5442
5536
  "flags": {},
5443
5537
  "parameters": [
5444
5538
  {
5445
- "id": 299,
5539
+ "id": 308,
5446
5540
  "name": "tabService",
5447
5541
  "kind": 32768,
5448
5542
  "kindString": "Parameter",
@@ -5453,7 +5547,7 @@
5453
5547
  }
5454
5548
  },
5455
5549
  {
5456
- "id": 300,
5550
+ "id": 309,
5457
5551
  "name": "changeRef",
5458
5552
  "kind": 32768,
5459
5553
  "kindString": "Parameter",
@@ -5468,14 +5562,14 @@
5468
5562
  ],
5469
5563
  "type": {
5470
5564
  "type": "reference",
5471
- "id": 296,
5565
+ "id": 305,
5472
5566
  "name": "SkyVerticalTabsetGroupComponent"
5473
5567
  }
5474
5568
  }
5475
5569
  ]
5476
5570
  },
5477
5571
  {
5478
- "id": 301,
5572
+ "id": 310,
5479
5573
  "name": "disabled",
5480
5574
  "kind": 1024,
5481
5575
  "kindString": "Property",
@@ -5516,7 +5610,7 @@
5516
5610
  }
5517
5611
  },
5518
5612
  {
5519
- "id": 302,
5613
+ "id": 311,
5520
5614
  "name": "groupHeading",
5521
5615
  "kind": 1024,
5522
5616
  "kindString": "Property",
@@ -5551,13 +5645,22 @@
5551
5645
  }
5552
5646
  },
5553
5647
  {
5554
- "id": 303,
5648
+ "id": 312,
5555
5649
  "name": "open",
5556
- "kind": 262144,
5557
- "kindString": "Accessor",
5650
+ "kind": 1024,
5651
+ "kindString": "Property",
5558
5652
  "flags": {
5559
5653
  "isPublic": true
5560
5654
  },
5655
+ "comment": {
5656
+ "shortText": "Indicates whether the collapsible group is expanded.",
5657
+ "tags": [
5658
+ {
5659
+ "tag": "default",
5660
+ "text": "false\n"
5661
+ }
5662
+ ]
5663
+ },
5561
5664
  "decorators": [
5562
5665
  {
5563
5666
  "name": "Input",
@@ -5574,69 +5677,59 @@
5574
5677
  {
5575
5678
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5576
5679
  "line": 45,
5577
- "character": 13
5680
+ "character": 9
5578
5681
  }
5579
5682
  ],
5580
- "getSignature": [
5683
+ "type": {
5684
+ "type": "intrinsic",
5685
+ "name": "boolean"
5686
+ }
5687
+ },
5688
+ {
5689
+ "id": 313,
5690
+ "name": "tabs",
5691
+ "kind": 1024,
5692
+ "kindString": "Property",
5693
+ "flags": {
5694
+ "isPublic": true
5695
+ },
5696
+ "decorators": [
5581
5697
  {
5582
- "id": 304,
5583
- "name": "open",
5584
- "kind": 524288,
5585
- "kindString": "Get signature",
5586
- "flags": {},
5587
- "comment": {
5588
- "shortText": "Indicates whether the collapsible group is expanded.",
5589
- "tags": [
5590
- {
5591
- "tag": "default",
5592
- "text": "false\n"
5593
- }
5594
- ]
5595
- },
5698
+ "name": "ContentChildren",
5596
5699
  "type": {
5597
- "type": "intrinsic",
5598
- "name": "boolean"
5700
+ "type": "reference",
5701
+ "qualifiedName": "ContentChildrenDecorator",
5702
+ "package": "@angular/core",
5703
+ "name": "ContentChildren"
5704
+ },
5705
+ "arguments": {
5706
+ "selector": "SkyVerticalTabComponent"
5599
5707
  }
5600
5708
  }
5601
5709
  ],
5602
- "setSignature": [
5710
+ "sources": [
5603
5711
  {
5604
- "id": 305,
5605
- "name": "open",
5606
- "kind": 1048576,
5607
- "kindString": "Set signature",
5608
- "flags": {},
5609
- "comment": {
5610
- "shortText": "Indicates whether the collapsible group is expanded.",
5611
- "tags": [
5612
- {
5613
- "tag": "default",
5614
- "text": "false\n"
5615
- }
5616
- ]
5617
- },
5618
- "parameters": [
5619
- {
5620
- "id": 306,
5621
- "name": "value",
5622
- "kind": 32768,
5623
- "kindString": "Parameter",
5624
- "flags": {},
5625
- "type": {
5626
- "type": "intrinsic",
5627
- "name": "boolean"
5628
- }
5629
- }
5630
- ],
5631
- "type": {
5632
- "type": "intrinsic",
5633
- "name": "void"
5634
- }
5712
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5713
+ "line": 48,
5714
+ "character": 9
5635
5715
  }
5636
- ]
5716
+ ],
5717
+ "type": {
5718
+ "type": "reference",
5719
+ "typeArguments": [
5720
+ {
5721
+ "type": "reference",
5722
+ "id": 195,
5723
+ "name": "SkyVerticalTabComponent"
5724
+ }
5725
+ ],
5726
+ "qualifiedName": "QueryList",
5727
+ "package": "@angular/core",
5728
+ "name": "QueryList"
5729
+ }
5637
5730
  },
5638
5731
  {
5639
- "id": 313,
5732
+ "id": 320,
5640
5733
  "name": "ngOnDestroy",
5641
5734
  "kind": 2048,
5642
5735
  "kindString": "Method",
@@ -5646,13 +5739,13 @@
5646
5739
  "sources": [
5647
5740
  {
5648
5741
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5649
- "line": 81,
5742
+ "line": 79,
5650
5743
  "character": 9
5651
5744
  }
5652
5745
  ],
5653
5746
  "signatures": [
5654
5747
  {
5655
- "id": 314,
5748
+ "id": 321,
5656
5749
  "name": "ngOnDestroy",
5657
5750
  "kind": 4096,
5658
5751
  "kindString": "Call signature",
@@ -5673,7 +5766,7 @@
5673
5766
  }
5674
5767
  },
5675
5768
  {
5676
- "id": 311,
5769
+ "id": 318,
5677
5770
  "name": "ngOnInit",
5678
5771
  "kind": 2048,
5679
5772
  "kindString": "Method",
@@ -5683,13 +5776,13 @@
5683
5776
  "sources": [
5684
5777
  {
5685
5778
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5686
- "line": 67,
5779
+ "line": 65,
5687
5780
  "character": 9
5688
5781
  }
5689
5782
  ],
5690
5783
  "signatures": [
5691
5784
  {
5692
- "id": 312,
5785
+ "id": 319,
5693
5786
  "name": "ngOnInit",
5694
5787
  "kind": 4096,
5695
5788
  "kindString": "Call signature",
@@ -5710,7 +5803,7 @@
5710
5803
  }
5711
5804
  },
5712
5805
  {
5713
- "id": 317,
5806
+ "id": 324,
5714
5807
  "name": "subMenuOpen",
5715
5808
  "kind": 2048,
5716
5809
  "kindString": "Method",
@@ -5720,13 +5813,13 @@
5720
5813
  "sources": [
5721
5814
  {
5722
5815
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5723
- "line": 94,
5816
+ "line": 92,
5724
5817
  "character": 9
5725
5818
  }
5726
5819
  ],
5727
5820
  "signatures": [
5728
5821
  {
5729
- "id": 318,
5822
+ "id": 325,
5730
5823
  "name": "subMenuOpen",
5731
5824
  "kind": 4096,
5732
5825
  "kindString": "Call signature",
@@ -5739,7 +5832,7 @@
5739
5832
  ]
5740
5833
  },
5741
5834
  {
5742
- "id": 319,
5835
+ "id": 326,
5743
5836
  "name": "tabClicked",
5744
5837
  "kind": 2048,
5745
5838
  "kindString": "Method",
@@ -5749,13 +5842,13 @@
5749
5842
  "sources": [
5750
5843
  {
5751
5844
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5752
- "line": 98,
5845
+ "line": 96,
5753
5846
  "character": 9
5754
5847
  }
5755
5848
  ],
5756
5849
  "signatures": [
5757
5850
  {
5758
- "id": 320,
5851
+ "id": 327,
5759
5852
  "name": "tabClicked",
5760
5853
  "kind": 4096,
5761
5854
  "kindString": "Call signature",
@@ -5768,7 +5861,7 @@
5768
5861
  ]
5769
5862
  },
5770
5863
  {
5771
- "id": 321,
5864
+ "id": 328,
5772
5865
  "name": "tabsHidden",
5773
5866
  "kind": 2048,
5774
5867
  "kindString": "Method",
@@ -5778,13 +5871,13 @@
5778
5871
  "sources": [
5779
5872
  {
5780
5873
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5781
- "line": 102,
5874
+ "line": 100,
5782
5875
  "character": 9
5783
5876
  }
5784
5877
  ],
5785
5878
  "signatures": [
5786
5879
  {
5787
- "id": 322,
5880
+ "id": 329,
5788
5881
  "name": "tabsHidden",
5789
5882
  "kind": 4096,
5790
5883
  "kindString": "Call signature",
@@ -5797,7 +5890,7 @@
5797
5890
  ]
5798
5891
  },
5799
5892
  {
5800
- "id": 323,
5893
+ "id": 330,
5801
5894
  "name": "tabsShown",
5802
5895
  "kind": 2048,
5803
5896
  "kindString": "Method",
@@ -5807,13 +5900,13 @@
5807
5900
  "sources": [
5808
5901
  {
5809
5902
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5810
- "line": 109,
5903
+ "line": 107,
5811
5904
  "character": 9
5812
5905
  }
5813
5906
  ],
5814
5907
  "signatures": [
5815
5908
  {
5816
- "id": 324,
5909
+ "id": 331,
5817
5910
  "name": "tabsShown",
5818
5911
  "kind": 4096,
5819
5912
  "kindString": "Call signature",
@@ -5826,7 +5919,7 @@
5826
5919
  ]
5827
5920
  },
5828
5921
  {
5829
- "id": 315,
5922
+ "id": 322,
5830
5923
  "name": "toggleMenuOpen",
5831
5924
  "kind": 2048,
5832
5925
  "kindString": "Method",
@@ -5836,13 +5929,13 @@
5836
5929
  "sources": [
5837
5930
  {
5838
5931
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5839
- "line": 86,
5932
+ "line": 84,
5840
5933
  "character": 9
5841
5934
  }
5842
5935
  ],
5843
5936
  "signatures": [
5844
5937
  {
5845
- "id": 316,
5938
+ "id": 323,
5846
5939
  "name": "toggleMenuOpen",
5847
5940
  "kind": 4096,
5848
5941
  "kindString": "Call signature",
@@ -5860,35 +5953,30 @@
5860
5953
  "title": "Constructors",
5861
5954
  "kind": 512,
5862
5955
  "children": [
5863
- 297
5956
+ 306
5864
5957
  ]
5865
5958
  },
5866
5959
  {
5867
5960
  "title": "Properties",
5868
5961
  "kind": 1024,
5869
5962
  "children": [
5870
- 301,
5871
- 302
5872
- ]
5873
- },
5874
- {
5875
- "title": "Accessors",
5876
- "kind": 262144,
5877
- "children": [
5878
- 303
5963
+ 310,
5964
+ 311,
5965
+ 312,
5966
+ 313
5879
5967
  ]
5880
5968
  },
5881
5969
  {
5882
5970
  "title": "Methods",
5883
5971
  "kind": 2048,
5884
5972
  "children": [
5885
- 313,
5886
- 311,
5887
- 317,
5888
- 319,
5889
- 321,
5890
- 323,
5891
- 315
5973
+ 320,
5974
+ 318,
5975
+ 324,
5976
+ 326,
5977
+ 328,
5978
+ 330,
5979
+ 322
5892
5980
  ]
5893
5981
  }
5894
5982
  ],
@@ -5915,14 +6003,14 @@
5915
6003
  ]
5916
6004
  },
5917
6005
  {
5918
- "id": 342,
6006
+ "id": 349,
5919
6007
  "name": "SkyTabsetTabIndexesChange",
5920
6008
  "kind": 256,
5921
6009
  "kindString": "Interface",
5922
6010
  "flags": {},
5923
6011
  "children": [
5924
6012
  {
5925
- "id": 343,
6013
+ "id": 350,
5926
6014
  "name": "tabs",
5927
6015
  "kind": 1024,
5928
6016
  "kindString": "Property",
@@ -5941,14 +6029,14 @@
5941
6029
  "elementType": {
5942
6030
  "type": "reflection",
5943
6031
  "declaration": {
5944
- "id": 344,
6032
+ "id": 351,
5945
6033
  "name": "__type",
5946
6034
  "kind": 65536,
5947
6035
  "kindString": "Type literal",
5948
6036
  "flags": {},
5949
6037
  "children": [
5950
6038
  {
5951
- "id": 345,
6039
+ "id": 352,
5952
6040
  "name": "tabHeading",
5953
6041
  "kind": 1024,
5954
6042
  "kindString": "Property",
@@ -5966,7 +6054,7 @@
5966
6054
  }
5967
6055
  },
5968
6056
  {
5969
- "id": 346,
6057
+ "id": 353,
5970
6058
  "name": "tabIndex",
5971
6059
  "kind": 1024,
5972
6060
  "kindString": "Property",
@@ -5980,7 +6068,7 @@
5980
6068
  ],
5981
6069
  "type": {
5982
6070
  "type": "reference",
5983
- "id": 339,
6071
+ "id": 346,
5984
6072
  "name": "SkyTabIndex"
5985
6073
  }
5986
6074
  }
@@ -5990,8 +6078,8 @@
5990
6078
  "title": "Properties",
5991
6079
  "kind": 1024,
5992
6080
  "children": [
5993
- 345,
5994
- 346
6081
+ 352,
6082
+ 353
5995
6083
  ]
5996
6084
  }
5997
6085
  ]
@@ -6005,7 +6093,7 @@
6005
6093
  "title": "Properties",
6006
6094
  "kind": 1024,
6007
6095
  "children": [
6008
- 343
6096
+ 350
6009
6097
  ]
6010
6098
  }
6011
6099
  ],
@@ -6018,7 +6106,7 @@
6018
6106
  ]
6019
6107
  },
6020
6108
  {
6021
- "id": 339,
6109
+ "id": 346,
6022
6110
  "name": "SkyTabIndex",
6023
6111
  "kind": 4194304,
6024
6112
  "kindString": "Type alias",
@@ -6045,7 +6133,7 @@
6045
6133
  }
6046
6134
  },
6047
6135
  {
6048
- "id": 340,
6136
+ "id": 347,
6049
6137
  "name": "SkyTabsetButtonsDisplayMode",
6050
6138
  "kind": 4194304,
6051
6139
  "kindString": "Type alias",
@@ -6072,7 +6160,7 @@
6072
6160
  }
6073
6161
  },
6074
6162
  {
6075
- "id": 341,
6163
+ "id": 348,
6076
6164
  "name": "SkyTabsetStyle",
6077
6165
  "kind": 4194304,
6078
6166
  "kindString": "Type alias",
@@ -6129,7 +6217,7 @@
6129
6217
  {
6130
6218
  "fileName": "information-form-demo.component.ts",
6131
6219
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.ts",
6132
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n UntypedFormBuilder,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport { SkySectionedFormService } from '@skyux/tabs';\n\n@Component({\n selector: 'app-information-form-demo',\n templateUrl: './information-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InformationFormDemoComponent implements OnInit {\n public id = '5324901';\n public myForm: UntypedFormGroup;\n public name = '';\n public nameRequired = false;\n\n constructor(\n private formBuilder: UntypedFormBuilder,\n private sectionedFormService: SkySectionedFormService,\n private changeDetector: ChangeDetectorRef\n ) {\n this.myForm = this.formBuilder.group({\n name: [this.name],\n nameRequired: [this.nameRequired],\n id: [this.id, Validators.pattern('^[0-9]+$')],\n });\n }\n\n public ngOnInit(): void {\n this.myForm.valueChanges.subscribe((changes) => {\n console.log(changes);\n this.id = changes.id;\n this.name = changes.name;\n this.nameRequired = changes.nameRequired;\n this.checkValidity();\n });\n this.changeDetector.markForCheck();\n }\n\n public checkValidity(): void {\n if (this.nameRequired) {\n this.myForm.get('name')?.setValidators([Validators.required]);\n this.sectionedFormService.requiredFieldChanged(true);\n } else {\n this.myForm.get('name')?.setValidators([]);\n this.sectionedFormService.requiredFieldChanged(false);\n }\n\n if (!this.myForm.get('name')?.value && this.nameRequired) {\n this.sectionedFormService.invalidFieldChanged(true);\n } else {\n this.sectionedFormService.invalidFieldChanged(false);\n }\n }\n}\n"
6220
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n UntypedFormBuilder,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport { SkySectionedFormService } from '@skyux/tabs';\n\n@Component({\n selector: 'app-information-form-demo',\n templateUrl: './information-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InformationFormDemoComponent implements OnInit {\n public id = '5324901';\n public myForm: UntypedFormGroup;\n public name = '';\n public nameRequired = false;\n\n #sectionedFormService: SkySectionedFormService;\n #changeDetector: ChangeDetectorRef;\n\n constructor(\n formBuilder: UntypedFormBuilder,\n sectionedFormService: SkySectionedFormService,\n changeDetector: ChangeDetectorRef\n ) {\n this.#sectionedFormService = sectionedFormService;\n this.#changeDetector = changeDetector;\n\n this.myForm = formBuilder.group({\n name: [this.name],\n nameRequired: [this.nameRequired],\n id: [this.id, Validators.pattern('^[0-9]+$')],\n });\n }\n\n public ngOnInit(): void {\n this.myForm.valueChanges.subscribe((changes) => {\n console.log(changes);\n this.id = changes.id;\n this.name = changes.name;\n this.nameRequired = changes.nameRequired;\n this.checkValidity();\n });\n this.#changeDetector.markForCheck();\n }\n\n public checkValidity(): void {\n if (this.nameRequired) {\n this.myForm.get('name')?.setValidators([Validators.required]);\n this.#sectionedFormService.requiredFieldChanged(true);\n } else {\n this.myForm.get('name')?.setValidators([]);\n this.#sectionedFormService.requiredFieldChanged(false);\n }\n\n if (!this.myForm.get('name')?.value && this.nameRequired) {\n this.#sectionedFormService.invalidFieldChanged(true);\n } else {\n this.#sectionedFormService.invalidFieldChanged(false);\n }\n }\n}\n"
6133
6221
  },
6134
6222
  {
6135
6223
  "fileName": "phone-form-demo.component.html",
@@ -6149,7 +6237,7 @@
6149
6237
  {
6150
6238
  "fileName": "sectioned-form-demo.component.ts",
6151
6239
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.component.ts",
6152
- "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@Component({\n selector: 'app-sectioned-form-demo',\n templateUrl: './sectioned-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormDemoComponent {\n constructor(private modal: SkyModalService) {}\n\n public openModal(): void {\n const modalInstance = this.modal.open(SectionedFormModalDemoComponent);\n\n modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n if (result.reason === 'cancel') {\n console.log(`Modal cancelled`);\n } else if (result.reason === 'save') {\n console.log(`Modal saved`);\n }\n });\n }\n}\n"
6240
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@Component({\n selector: 'app-sectioned-form-demo',\n templateUrl: './sectioned-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormDemoComponent {\n #modal: SkyModalService;\n\n constructor(modal: SkyModalService) {\n this.#modal = modal;\n }\n\n public openModal(): void {\n const modalInstance = this.#modal.open(SectionedFormModalDemoComponent);\n\n modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n if (result.reason === 'cancel') {\n console.log(`Modal cancelled`);\n } else if (result.reason === 'save') {\n console.log(`Modal saved`);\n }\n });\n }\n}\n"
6153
6241
  },
6154
6242
  {
6155
6243
  "fileName": "sectioned-form-demo.module.ts",
@@ -6164,7 +6252,7 @@
6164
6252
  {
6165
6253
  "fileName": "sectioned-form-modal-demo.component.ts",
6166
6254
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-modal-demo.component.ts",
6167
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ViewChild,\n} from '@angular/core';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkySectionedFormComponent } from '@skyux/tabs';\n\n@Component({\n selector: 'app-sectioned-form-modal-demo',\n templateUrl: './sectioned-form-modal-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormModalDemoComponent {\n public activeIndexDisplay: number | undefined;\n\n public activeTab = true;\n\n @ViewChild(SkySectionedFormComponent)\n public sectionedFormComponent: SkySectionedFormComponent | undefined;\n\n constructor(\n public modalInstance: SkyModalInstance,\n private changeDetector: ChangeDetectorRef\n ) {}\n\n public onIndexChanged(newIndex: number): void {\n this.activeIndexDisplay = newIndex;\n this.changeDetector.markForCheck();\n }\n\n public tabsHidden(): boolean {\n return !this.sectionedFormComponent?.tabsVisible();\n }\n\n public showTabs(): void {\n this.sectionedFormComponent!.showTabs();\n }\n}\n"
6255
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ViewChild,\n} from '@angular/core';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkySectionedFormComponent } from '@skyux/tabs';\n\n@Component({\n selector: 'app-sectioned-form-modal-demo',\n templateUrl: './sectioned-form-modal-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormModalDemoComponent {\n public activeIndexDisplay: number | undefined;\n\n public activeTab = true;\n\n @ViewChild(SkySectionedFormComponent)\n public sectionedFormComponent: SkySectionedFormComponent | undefined;\n\n #changeDetector: ChangeDetectorRef;\n\n constructor(\n public modalInstance: SkyModalInstance,\n changeDetector: ChangeDetectorRef\n ) {\n this.#changeDetector = changeDetector;\n }\n\n public onIndexChanged(newIndex: number): void {\n this.activeIndexDisplay = newIndex;\n this.#changeDetector.markForCheck();\n }\n\n public tabsHidden(): boolean {\n return !this.sectionedFormComponent?.tabsVisible();\n }\n\n public showTabs(): void {\n this.sectionedFormComponent!.showTabs();\n }\n}\n"
6168
6256
  },
6169
6257
  {
6170
6258
  "fileName": "tabs-demo.component.html",