@skyux/tabs 5.0.3 → 5.5.0-alpha.0

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 (128) hide show
  1. package/README.md +6 -4
  2. package/bundles/skyux-tabs-testing.umd.js +1 -1
  3. package/bundles/skyux-tabs.umd.js +267 -299
  4. package/documentation.json +829 -544
  5. package/esm2015/index.js +23 -0
  6. package/esm2015/index.js.map +1 -0
  7. package/esm2015/lib/modules/sectioned-form/sectioned-form-section.component.js +67 -0
  8. package/esm2015/lib/modules/sectioned-form/sectioned-form-section.component.js.map +1 -0
  9. package/esm2015/lib/modules/sectioned-form/sectioned-form.component.js +116 -0
  10. package/esm2015/lib/modules/sectioned-form/sectioned-form.component.js.map +1 -0
  11. package/esm2015/lib/modules/sectioned-form/sectioned-form.module.js +35 -0
  12. package/esm2015/lib/modules/sectioned-form/sectioned-form.module.js.map +1 -0
  13. package/esm2015/lib/modules/sectioned-form/sectioned-form.service.js +35 -0
  14. package/esm2015/lib/modules/sectioned-form/sectioned-form.service.js.map +1 -0
  15. package/esm2015/lib/modules/shared/sky-tabs-resources.module.js +52 -0
  16. package/esm2015/lib/modules/shared/sky-tabs-resources.module.js.map +1 -0
  17. package/esm2015/lib/modules/tabs/tab-button.component.js +76 -0
  18. package/esm2015/lib/modules/tabs/tab-button.component.js.map +1 -0
  19. package/esm2015/lib/modules/tabs/tab-index.js +2 -0
  20. package/esm2015/lib/modules/tabs/tab-index.js.map +1 -0
  21. package/esm2015/lib/modules/tabs/tab.component.js +135 -0
  22. package/esm2015/lib/modules/tabs/tab.component.js.map +1 -0
  23. package/esm2015/lib/modules/tabs/tabs.module.js +57 -0
  24. package/esm2015/lib/modules/tabs/tabs.module.js.map +1 -0
  25. package/esm2015/lib/modules/tabs/tabset-active-tab-unregistered-args.js +2 -0
  26. package/esm2015/lib/modules/tabs/tabset-active-tab-unregistered-args.js.map +1 -0
  27. package/esm2015/lib/modules/tabs/tabset-adapter.service.js +56 -0
  28. package/esm2015/lib/modules/tabs/tabset-adapter.service.js.map +1 -0
  29. package/esm2015/lib/modules/tabs/tabset-buttons-display-mode.js +2 -0
  30. package/esm2015/lib/modules/tabs/tabset-buttons-display-mode.js.map +1 -0
  31. package/esm2015/lib/modules/tabs/tabset-nav-button.component.js +119 -0
  32. package/esm2015/lib/modules/tabs/tabset-nav-button.component.js.map +1 -0
  33. package/esm2015/lib/modules/tabs/tabset-permalink.service.js +126 -0
  34. package/esm2015/lib/modules/tabs/tabset-permalink.service.js.map +1 -0
  35. package/esm2015/lib/modules/tabs/tabset-style.js +2 -0
  36. package/esm2015/lib/modules/tabs/tabset-style.js.map +1 -0
  37. package/esm2015/lib/modules/tabs/tabset-tab-indexes-change.js +2 -0
  38. package/esm2015/lib/modules/tabs/tabset-tab-indexes-change.js.map +1 -0
  39. package/esm2015/lib/modules/tabs/tabset.component.js +405 -0
  40. package/esm2015/lib/modules/tabs/tabset.component.js.map +1 -0
  41. package/esm2015/lib/modules/tabs/tabset.service.js +110 -0
  42. package/esm2015/lib/modules/tabs/tabset.service.js.map +1 -0
  43. package/esm2015/lib/modules/vertical-tabset/vertical-tab-media-query.service.js +72 -0
  44. package/esm2015/lib/modules/vertical-tabset/vertical-tab-media-query.service.js.map +1 -0
  45. package/esm2015/lib/modules/vertical-tabset/vertical-tab.component.js +203 -0
  46. package/esm2015/lib/modules/vertical-tabset/vertical-tab.component.js.map +1 -0
  47. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-adapter.service.js +48 -0
  48. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-adapter.service.js.map +1 -0
  49. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-group.component.js +89 -0
  50. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-group.component.js.map +1 -0
  51. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.component.js +157 -0
  52. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.component.js.map +1 -0
  53. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.module.js +60 -0
  54. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.module.js.map +1 -0
  55. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.service.js +170 -0
  56. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.service.js.map +1 -0
  57. package/esm2015/skyux-tabs.js +2 -2
  58. package/esm2015/skyux-tabs.js.map +1 -0
  59. package/esm2015/testing/public-api.js +1 -1
  60. package/esm2015/testing/public-api.js.map +1 -0
  61. package/esm2015/testing/skyux-tabs-testing.js +1 -1
  62. package/esm2015/testing/skyux-tabs-testing.js.map +1 -0
  63. package/esm2015/testing/tabs/tab-fixture-tab.js +1 -1
  64. package/esm2015/testing/tabs/tab-fixture-tab.js.map +1 -0
  65. package/esm2015/testing/tabs/tabset-fixture.js +2 -2
  66. package/esm2015/testing/tabs/tabset-fixture.js.map +1 -0
  67. package/fesm2015/skyux-tabs-testing.js +1 -1
  68. package/fesm2015/skyux-tabs-testing.js.map +1 -1
  69. package/fesm2015/skyux-tabs.js +382 -401
  70. package/fesm2015/skyux-tabs.js.map +1 -1
  71. package/index.d.ts +16 -0
  72. package/{modules → lib/modules}/sectioned-form/sectioned-form-section.component.d.ts +0 -3
  73. package/{modules → lib/modules}/sectioned-form/sectioned-form.component.d.ts +0 -0
  74. package/{modules → lib/modules}/sectioned-form/sectioned-form.module.d.ts +0 -0
  75. package/{modules → lib/modules}/sectioned-form/sectioned-form.service.d.ts +0 -0
  76. package/{modules → lib/modules}/shared/sky-tabs-resources.module.d.ts +0 -0
  77. package/{modules → lib/modules}/tabs/tab-button.component.d.ts +2 -2
  78. package/{modules → lib/modules}/tabs/tab-index.d.ts +0 -0
  79. package/{modules → lib/modules}/tabs/tab.component.d.ts +0 -0
  80. package/{modules → lib/modules}/tabs/tabs.module.d.ts +0 -0
  81. package/{modules → lib/modules}/tabs/tabset-active-tab-unregistered-args.d.ts +0 -0
  82. package/{modules → lib/modules}/tabs/tabset-adapter.service.d.ts +0 -0
  83. package/{modules → lib/modules}/tabs/tabset-buttons-display-mode.d.ts +0 -0
  84. package/{modules → lib/modules}/tabs/tabset-nav-button.component.d.ts +0 -0
  85. package/{modules → lib/modules}/tabs/tabset-permalink.service.d.ts +0 -0
  86. package/{modules → lib/modules}/tabs/tabset-style.d.ts +0 -0
  87. package/{modules → lib/modules}/tabs/tabset-tab-indexes-change.d.ts +0 -0
  88. package/{modules → lib/modules}/tabs/tabset.component.d.ts +1 -1
  89. package/{modules → lib/modules}/tabs/tabset.service.d.ts +0 -0
  90. package/{modules → lib/modules}/vertical-tabset/vertical-tab-media-query.service.d.ts +0 -0
  91. package/{modules → lib/modules}/vertical-tabset/vertical-tab.component.d.ts +8 -13
  92. package/{modules → lib/modules}/vertical-tabset/vertical-tabset-adapter.service.d.ts +0 -0
  93. package/{modules → lib/modules}/vertical-tabset/vertical-tabset-group.component.d.ts +2 -2
  94. package/{modules → lib/modules}/vertical-tabset/vertical-tabset.component.d.ts +17 -2
  95. package/{modules → lib/modules}/vertical-tabset/vertical-tabset.module.d.ts +4 -3
  96. package/{modules → lib/modules}/vertical-tabset/vertical-tabset.service.d.ts +0 -0
  97. package/package.json +11 -11
  98. package/skyux-tabs.d.ts +1 -1
  99. package/LICENSE +0 -21
  100. package/bundles/skyux-tabs-testing.umd.js.map +0 -1
  101. package/bundles/skyux-tabs.umd.js.map +0 -1
  102. package/esm2015/modules/sectioned-form/sectioned-form-section.component.js +0 -71
  103. package/esm2015/modules/sectioned-form/sectioned-form.component.js +0 -116
  104. package/esm2015/modules/sectioned-form/sectioned-form.module.js +0 -43
  105. package/esm2015/modules/sectioned-form/sectioned-form.service.js +0 -35
  106. package/esm2015/modules/shared/sky-tabs-resources.module.js +0 -41
  107. package/esm2015/modules/tabs/tab-button.component.js +0 -65
  108. package/esm2015/modules/tabs/tab-index.js +0 -2
  109. package/esm2015/modules/tabs/tab.component.js +0 -134
  110. package/esm2015/modules/tabs/tabs.module.js +0 -63
  111. package/esm2015/modules/tabs/tabset-active-tab-unregistered-args.js +0 -2
  112. package/esm2015/modules/tabs/tabset-adapter.service.js +0 -54
  113. package/esm2015/modules/tabs/tabset-buttons-display-mode.js +0 -2
  114. package/esm2015/modules/tabs/tabset-nav-button.component.js +0 -117
  115. package/esm2015/modules/tabs/tabset-permalink.service.js +0 -119
  116. package/esm2015/modules/tabs/tabset-style.js +0 -2
  117. package/esm2015/modules/tabs/tabset-tab-indexes-change.js +0 -2
  118. package/esm2015/modules/tabs/tabset.component.js +0 -402
  119. package/esm2015/modules/tabs/tabset.service.js +0 -111
  120. package/esm2015/modules/vertical-tabset/vertical-tab-media-query.service.js +0 -72
  121. package/esm2015/modules/vertical-tabset/vertical-tab.component.js +0 -187
  122. package/esm2015/modules/vertical-tabset/vertical-tabset-adapter.service.js +0 -48
  123. package/esm2015/modules/vertical-tabset/vertical-tabset-group.component.js +0 -134
  124. package/esm2015/modules/vertical-tabset/vertical-tabset.component.js +0 -152
  125. package/esm2015/modules/vertical-tabset/vertical-tabset.module.js +0 -60
  126. package/esm2015/modules/vertical-tabset/vertical-tabset.service.js +0 -170
  127. package/esm2015/public-api.js +0 -23
  128. package/public-api.d.ts +0 -16
package/documentation.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "originalName": "",
26
26
  "children": [
27
27
  {
28
- "id": 333,
28
+ "id": 327,
29
29
  "name": "SkySectionedFormComponent",
30
30
  "kind": 128,
31
31
  "kindString": "Class",
@@ -38,16 +38,18 @@
38
38
  "name": "Component",
39
39
  "type": {
40
40
  "type": "reference",
41
+ "qualifiedName": "ComponentDecorator",
42
+ "package": "@angular/core",
41
43
  "name": "Component"
42
44
  },
43
45
  "arguments": {
44
- "obj": "{\n selector: 'sky-sectioned-form',\n templateUrl: './sectioned-form.component.html',\n styleUrls: ['./sectioned-form.component.scss'],\n providers: [SkyVerticalTabsetService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger(\n 'tabEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({transform: 'translate(-100%)'}),\n animate('150ms ease-in')\n ])\n ]\n ),\n trigger(\n 'contentEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({transform: 'translate(100%)'}),\n animate('150ms ease-in')\n ])\n ]\n )\n ]\n}"
46
+ "obj": "{\n selector: 'sky-sectioned-form',\n templateUrl: './sectioned-form.component.html',\n styleUrls: ['./sectioned-form.component.scss'],\n providers: [SkyVerticalTabsetService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger('tabEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({ transform: 'translate(-100%)' }),\n animate('150ms ease-in'),\n ]),\n ]),\n trigger('contentEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({ transform: 'translate(100%)' }),\n animate('150ms ease-in'),\n ]),\n ]),\n ],\n}"
45
47
  }
46
48
  }
47
49
  ],
48
50
  "children": [
49
51
  {
50
- "id": 334,
52
+ "id": 328,
51
53
  "name": "constructor",
52
54
  "kind": 512,
53
55
  "kindString": "Constructor",
@@ -55,20 +57,20 @@
55
57
  "sources": [
56
58
  {
57
59
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
58
- "line": 91,
60
+ "line": 79,
59
61
  "character": 2
60
62
  }
61
63
  ],
62
64
  "signatures": [
63
65
  {
64
- "id": 335,
66
+ "id": 329,
65
67
  "name": "new SkySectionedFormComponent",
66
68
  "kind": 16384,
67
69
  "kindString": "Constructor signature",
68
70
  "flags": {},
69
71
  "parameters": [
70
72
  {
71
- "id": 336,
73
+ "id": 330,
72
74
  "name": "tabService",
73
75
  "kind": 32768,
74
76
  "kindString": "Parameter",
@@ -79,27 +81,29 @@
79
81
  }
80
82
  },
81
83
  {
82
- "id": 337,
84
+ "id": 331,
83
85
  "name": "changeRef",
84
86
  "kind": 32768,
85
87
  "kindString": "Parameter",
86
88
  "flags": {},
87
89
  "type": {
88
90
  "type": "reference",
91
+ "qualifiedName": "ChangeDetectorRef",
92
+ "package": "@angular/core",
89
93
  "name": "ChangeDetectorRef"
90
94
  }
91
95
  }
92
96
  ],
93
97
  "type": {
94
98
  "type": "reference",
95
- "id": 333,
99
+ "id": 327,
96
100
  "name": "SkySectionedFormComponent"
97
101
  }
98
102
  }
99
103
  ]
100
104
  },
101
105
  {
102
- "id": 342,
106
+ "id": 336,
103
107
  "name": "content",
104
108
  "kind": 1024,
105
109
  "kindString": "Property",
@@ -111,6 +115,8 @@
111
115
  "name": "ViewChild",
112
116
  "type": {
113
117
  "type": "reference",
118
+ "qualifiedName": "ViewChildDecorator",
119
+ "package": "@angular/core",
114
120
  "name": "ViewChild"
115
121
  },
116
122
  "arguments": {
@@ -121,7 +127,7 @@
121
127
  "sources": [
122
128
  {
123
129
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
124
- "line": 86,
130
+ "line": 74,
125
131
  "character": 9
126
132
  }
127
133
  ],
@@ -133,11 +139,13 @@
133
139
  "name": "any"
134
140
  }
135
141
  ],
142
+ "qualifiedName": "ElementRef",
143
+ "package": "@angular/core",
136
144
  "name": "ElementRef"
137
145
  }
138
146
  },
139
147
  {
140
- "id": 339,
148
+ "id": 333,
141
149
  "name": "indexChanged",
142
150
  "kind": 1024,
143
151
  "kindString": "Property",
@@ -152,6 +160,8 @@
152
160
  "name": "Output",
153
161
  "type": {
154
162
  "type": "reference",
163
+ "qualifiedName": "OutputDecorator",
164
+ "package": "@angular/core",
155
165
  "name": "Output"
156
166
  },
157
167
  "arguments": {}
@@ -160,7 +170,7 @@
160
170
  "sources": [
161
171
  {
162
172
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
163
- "line": 79,
173
+ "line": 67,
164
174
  "character": 9
165
175
  }
166
176
  ],
@@ -172,12 +182,14 @@
172
182
  "name": "number"
173
183
  }
174
184
  ],
185
+ "qualifiedName": "EventEmitter",
186
+ "package": "@angular/core",
175
187
  "name": "EventEmitter"
176
188
  },
177
189
  "defaultValue": "..."
178
190
  },
179
191
  {
180
- "id": 338,
192
+ "id": 332,
181
193
  "name": "maintainSectionContent",
182
194
  "kind": 1024,
183
195
  "kindString": "Property",
@@ -198,6 +210,8 @@
198
210
  "name": "Input",
199
211
  "type": {
200
212
  "type": "reference",
213
+ "qualifiedName": "InputDecorator",
214
+ "package": "@angular/core",
201
215
  "name": "Input"
202
216
  },
203
217
  "arguments": {}
@@ -206,7 +220,7 @@
206
220
  "sources": [
207
221
  {
208
222
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
209
- "line": 72,
223
+ "line": 60,
210
224
  "character": 9
211
225
  }
212
226
  ],
@@ -217,7 +231,7 @@
217
231
  "defaultValue": "false"
218
232
  },
219
233
  {
220
- "id": 345,
234
+ "id": 339,
221
235
  "name": "tabService",
222
236
  "kind": 1024,
223
237
  "kindString": "Property",
@@ -230,7 +244,7 @@
230
244
  }
231
245
  },
232
246
  {
233
- "id": 340,
247
+ "id": 334,
234
248
  "name": "ariaRole",
235
249
  "kind": 262144,
236
250
  "kindString": "Accessor",
@@ -240,13 +254,13 @@
240
254
  "sources": [
241
255
  {
242
256
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
243
- "line": 81,
257
+ "line": 69,
244
258
  "character": 13
245
259
  }
246
260
  ],
247
261
  "getSignature": [
248
262
  {
249
- "id": 341,
263
+ "id": 335,
250
264
  "name": "ariaRole",
251
265
  "kind": 524288,
252
266
  "kindString": "Get signature",
@@ -259,7 +273,7 @@
259
273
  ]
260
274
  },
261
275
  {
262
- "id": 348,
276
+ "id": 342,
263
277
  "name": "ngAfterViewChecked",
264
278
  "kind": 2048,
265
279
  "kindString": "Method",
@@ -269,13 +283,13 @@
269
283
  "sources": [
270
284
  {
271
285
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
272
- "line": 119,
286
+ "line": 108,
273
287
  "character": 9
274
288
  }
275
289
  ],
276
290
  "signatures": [
277
291
  {
278
- "id": 349,
292
+ "id": 343,
279
293
  "name": "ngAfterViewChecked",
280
294
  "kind": 4096,
281
295
  "kindString": "Call signature",
@@ -296,7 +310,7 @@
296
310
  }
297
311
  },
298
312
  {
299
- "id": 350,
313
+ "id": 344,
300
314
  "name": "ngOnDestroy",
301
315
  "kind": 2048,
302
316
  "kindString": "Method",
@@ -306,13 +320,13 @@
306
320
  "sources": [
307
321
  {
308
322
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
309
- "line": 124,
323
+ "line": 113,
310
324
  "character": 9
311
325
  }
312
326
  ],
313
327
  "signatures": [
314
328
  {
315
- "id": 351,
329
+ "id": 345,
316
330
  "name": "ngOnDestroy",
317
331
  "kind": 4096,
318
332
  "kindString": "Call signature",
@@ -333,7 +347,7 @@
333
347
  }
334
348
  },
335
349
  {
336
- "id": 346,
350
+ "id": 340,
337
351
  "name": "ngOnInit",
338
352
  "kind": 2048,
339
353
  "kindString": "Method",
@@ -343,13 +357,13 @@
343
357
  "sources": [
344
358
  {
345
359
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
346
- "line": 95,
360
+ "line": 84,
347
361
  "character": 9
348
362
  }
349
363
  ],
350
364
  "signatures": [
351
365
  {
352
- "id": 347,
366
+ "id": 341,
353
367
  "name": "ngOnInit",
354
368
  "kind": 4096,
355
369
  "kindString": "Call signature",
@@ -370,7 +384,7 @@
370
384
  }
371
385
  },
372
386
  {
373
- "id": 354,
387
+ "id": 348,
374
388
  "name": "showTabs",
375
389
  "kind": 2048,
376
390
  "kindString": "Method",
@@ -380,13 +394,13 @@
380
394
  "sources": [
381
395
  {
382
396
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
383
- "line": 134,
397
+ "line": 123,
384
398
  "character": 9
385
399
  }
386
400
  ],
387
401
  "signatures": [
388
402
  {
389
- "id": 355,
403
+ "id": 349,
390
404
  "name": "showTabs",
391
405
  "kind": 4096,
392
406
  "kindString": "Call signature",
@@ -399,7 +413,7 @@
399
413
  ]
400
414
  },
401
415
  {
402
- "id": 352,
416
+ "id": 346,
403
417
  "name": "tabsVisible",
404
418
  "kind": 2048,
405
419
  "kindString": "Method",
@@ -409,13 +423,13 @@
409
423
  "sources": [
410
424
  {
411
425
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
412
- "line": 129,
426
+ "line": 118,
413
427
  "character": 9
414
428
  }
415
429
  ],
416
430
  "signatures": [
417
431
  {
418
- "id": 353,
432
+ "id": 347,
419
433
  "name": "tabsVisible",
420
434
  "kind": 4096,
421
435
  "kindString": "Call signature",
@@ -433,62 +447,68 @@
433
447
  "title": "Constructors",
434
448
  "kind": 512,
435
449
  "children": [
436
- 334
450
+ 328
437
451
  ]
438
452
  },
439
453
  {
440
454
  "title": "Properties",
441
455
  "kind": 1024,
442
456
  "children": [
443
- 342,
444
- 339,
445
- 338,
446
- 345
457
+ 336,
458
+ 333,
459
+ 332,
460
+ 339
447
461
  ]
448
462
  },
449
463
  {
450
464
  "title": "Accessors",
451
465
  "kind": 262144,
452
466
  "children": [
453
- 340
467
+ 334
454
468
  ]
455
469
  },
456
470
  {
457
471
  "title": "Methods",
458
472
  "kind": 2048,
459
473
  "children": [
474
+ 342,
475
+ 344,
476
+ 340,
460
477
  348,
461
- 350,
462
- 346,
463
- 354,
464
- 352
478
+ 346
465
479
  ]
466
480
  }
467
481
  ],
468
482
  "sources": [
469
483
  {
470
484
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
471
- "line": 64,
485
+ "line": 51,
472
486
  "character": 13
473
487
  }
474
488
  ],
475
489
  "implementedTypes": [
476
490
  {
477
491
  "type": "reference",
492
+ "qualifiedName": "OnInit",
493
+ "package": "@angular/core",
478
494
  "name": "OnInit"
479
495
  },
480
496
  {
481
497
  "type": "reference",
498
+ "qualifiedName": "OnDestroy",
499
+ "package": "@angular/core",
482
500
  "name": "OnDestroy"
483
501
  },
484
502
  {
485
503
  "type": "reference",
504
+ "qualifiedName": "AfterViewChecked",
505
+ "package": "@angular/core",
486
506
  "name": "AfterViewChecked"
487
507
  }
488
508
  ]
489
509
  },
490
510
  {
491
- "id": 305,
511
+ "id": 299,
492
512
  "name": "SkySectionedFormModule",
493
513
  "kind": 128,
494
514
  "kindString": "Class",
@@ -498,30 +518,32 @@
498
518
  "name": "NgModule",
499
519
  "type": {
500
520
  "type": "reference",
521
+ "qualifiedName": "NgModuleDecorator",
522
+ "package": "@angular/core",
501
523
  "name": "NgModule"
502
524
  },
503
525
  "arguments": {
504
- "obj": "{\n declarations: [\n SkySectionedFormComponent,\n SkySectionedFormSectionComponent\n ],\n imports: [\n CommonModule,\n SkyCheckboxModule,\n SkyThemeModule,\n SkyVerticalTabsetModule\n ],\n exports: [\n SkySectionedFormComponent,\n SkySectionedFormSectionComponent\n ]\n}"
526
+ "obj": "{\n declarations: [SkySectionedFormComponent, SkySectionedFormSectionComponent],\n imports: [\n CommonModule,\n SkyCheckboxModule,\n SkyThemeModule,\n SkyVerticalTabsetModule,\n ],\n exports: [SkySectionedFormComponent, SkySectionedFormSectionComponent],\n}"
505
527
  }
506
528
  }
507
529
  ],
508
530
  "children": [
509
531
  {
510
- "id": 306,
532
+ "id": 300,
511
533
  "name": "constructor",
512
534
  "kind": 512,
513
535
  "kindString": "Constructor",
514
536
  "flags": {},
515
537
  "signatures": [
516
538
  {
517
- "id": 307,
539
+ "id": 301,
518
540
  "name": "new SkySectionedFormModule",
519
541
  "kind": 16384,
520
542
  "kindString": "Constructor signature",
521
543
  "flags": {},
522
544
  "type": {
523
545
  "type": "reference",
524
- "id": 305,
546
+ "id": 299,
525
547
  "name": "SkySectionedFormModule"
526
548
  }
527
549
  }
@@ -533,20 +555,20 @@
533
555
  "title": "Constructors",
534
556
  "kind": 512,
535
557
  "children": [
536
- 306
558
+ 300
537
559
  ]
538
560
  }
539
561
  ],
540
562
  "sources": [
541
563
  {
542
564
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.module.ts",
543
- "line": 25,
565
+ "line": 19,
544
566
  "character": 13
545
567
  }
546
568
  ]
547
569
  },
548
570
  {
549
- "id": 308,
571
+ "id": 302,
550
572
  "name": "SkySectionedFormService",
551
573
  "kind": 128,
552
574
  "kindString": "Class",
@@ -556,6 +578,8 @@
556
578
  "name": "Injectable",
557
579
  "type": {
558
580
  "type": "reference",
581
+ "qualifiedName": "InjectableDecorator",
582
+ "package": "@angular/core",
559
583
  "name": "Injectable"
560
584
  },
561
585
  "arguments": {}
@@ -563,28 +587,28 @@
563
587
  ],
564
588
  "children": [
565
589
  {
566
- "id": 309,
590
+ "id": 303,
567
591
  "name": "constructor",
568
592
  "kind": 512,
569
593
  "kindString": "Constructor",
570
594
  "flags": {},
571
595
  "signatures": [
572
596
  {
573
- "id": 310,
597
+ "id": 304,
574
598
  "name": "new SkySectionedFormService",
575
599
  "kind": 16384,
576
600
  "kindString": "Constructor signature",
577
601
  "flags": {},
578
602
  "type": {
579
603
  "type": "reference",
580
- "id": 308,
604
+ "id": 302,
581
605
  "name": "SkySectionedFormService"
582
606
  }
583
607
  }
584
608
  ]
585
609
  },
586
610
  {
587
- "id": 313,
611
+ "id": 307,
588
612
  "name": "invalidFieldChanged",
589
613
  "kind": 2048,
590
614
  "kindString": "Method",
@@ -600,7 +624,7 @@
600
624
  ],
601
625
  "signatures": [
602
626
  {
603
- "id": 314,
627
+ "id": 308,
604
628
  "name": "invalidFieldChanged",
605
629
  "kind": 4096,
606
630
  "kindString": "Call signature",
@@ -610,7 +634,7 @@
610
634
  },
611
635
  "parameters": [
612
636
  {
613
- "id": 315,
637
+ "id": 309,
614
638
  "name": "isInvalid",
615
639
  "kind": 32768,
616
640
  "kindString": "Parameter",
@@ -629,7 +653,7 @@
629
653
  ]
630
654
  },
631
655
  {
632
- "id": 316,
656
+ "id": 310,
633
657
  "name": "requiredFieldChanged",
634
658
  "kind": 2048,
635
659
  "kindString": "Method",
@@ -645,7 +669,7 @@
645
669
  ],
646
670
  "signatures": [
647
671
  {
648
- "id": 317,
672
+ "id": 311,
649
673
  "name": "requiredFieldChanged",
650
674
  "kind": 4096,
651
675
  "kindString": "Call signature",
@@ -655,7 +679,7 @@
655
679
  },
656
680
  "parameters": [
657
681
  {
658
- "id": 318,
682
+ "id": 312,
659
683
  "name": "isRequired",
660
684
  "kind": 32768,
661
685
  "kindString": "Parameter",
@@ -679,28 +703,28 @@
679
703
  "title": "Constructors",
680
704
  "kind": 512,
681
705
  "children": [
682
- 309
706
+ 303
683
707
  ]
684
708
  },
685
709
  {
686
710
  "title": "Methods",
687
711
  "kind": 2048,
688
712
  "children": [
689
- 313,
690
- 316
713
+ 307,
714
+ 310
691
715
  ]
692
716
  }
693
717
  ],
694
718
  "sources": [
695
719
  {
696
720
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.service.ts",
697
- "line": 10,
721
+ "line": 6,
698
722
  "character": 13
699
723
  }
700
724
  ]
701
725
  },
702
726
  {
703
- "id": 327,
727
+ "id": 321,
704
728
  "name": "SkyTabsModule",
705
729
  "kind": 128,
706
730
  "kindString": "Class",
@@ -710,30 +734,32 @@
710
734
  "name": "NgModule",
711
735
  "type": {
712
736
  "type": "reference",
737
+ "qualifiedName": "NgModuleDecorator",
738
+ "package": "@angular/core",
713
739
  "name": "NgModule"
714
740
  },
715
741
  "arguments": {
716
- "obj": "{\n declarations: [\n SkyTabButtonComponent,\n SkyTabComponent,\n SkyTabsetComponent,\n SkyTabsetNavButtonComponent\n ],\n imports: [\n CommonModule,\n RouterModule,\n SkyDropdownModule,\n SkyI18nModule,\n SkyIconModule,\n SkyTabsResourcesModule,\n SkyThemeModule\n ],\n exports: [\n SkyTabComponent,\n SkyTabsetComponent,\n SkyTabsetNavButtonComponent\n ]\n}"
742
+ "obj": "{\n declarations: [\n SkyTabButtonComponent,\n SkyTabComponent,\n SkyTabsetComponent,\n SkyTabsetNavButtonComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n SkyDropdownModule,\n SkyI18nModule,\n SkyIconModule,\n SkyTabsResourcesModule,\n SkyThemeModule,\n ],\n exports: [SkyTabComponent, SkyTabsetComponent, SkyTabsetNavButtonComponent],\n}"
717
743
  }
718
744
  }
719
745
  ],
720
746
  "children": [
721
747
  {
722
- "id": 328,
748
+ "id": 322,
723
749
  "name": "constructor",
724
750
  "kind": 512,
725
751
  "kindString": "Constructor",
726
752
  "flags": {},
727
753
  "signatures": [
728
754
  {
729
- "id": 329,
755
+ "id": 323,
730
756
  "name": "new SkyTabsModule",
731
757
  "kind": 16384,
732
758
  "kindString": "Constructor signature",
733
759
  "flags": {},
734
760
  "type": {
735
761
  "type": "reference",
736
- "id": 327,
762
+ "id": 321,
737
763
  "name": "SkyTabsModule"
738
764
  }
739
765
  }
@@ -745,20 +771,20 @@
745
771
  "title": "Constructors",
746
772
  "kind": 512,
747
773
  "children": [
748
- 328
774
+ 322
749
775
  ]
750
776
  }
751
777
  ],
752
778
  "sources": [
753
779
  {
754
780
  "fileName": "projects/tabs/src/modules/tabs/tabs.module.ts",
755
- "line": 71,
781
+ "line": 43,
756
782
  "character": 13
757
783
  }
758
784
  ]
759
785
  },
760
786
  {
761
- "id": 330,
787
+ "id": 324,
762
788
  "name": "SkyVerticalTabsetModule",
763
789
  "kind": 128,
764
790
  "kindString": "Class",
@@ -768,30 +794,32 @@
768
794
  "name": "NgModule",
769
795
  "type": {
770
796
  "type": "reference",
797
+ "qualifiedName": "NgModuleDecorator",
798
+ "package": "@angular/core",
771
799
  "name": "NgModule"
772
800
  },
773
801
  "arguments": {
774
- "obj": "{\n declarations: [\n SkyVerticalTabsetComponent,\n SkyVerticalTabsetGroupComponent,\n SkyVerticalTabComponent\n ],\n imports: [\n CommonModule,\n SkyChevronModule,\n SkyIconModule,\n SkyStatusIndicatorModule,\n SkyTabsResourcesModule,\n SkyThemeModule\n ],\n providers: [\n SkyVerticalTabsetAdapterService\n ],\n exports: [\n SkyVerticalTabsetComponent,\n SkyVerticalTabsetGroupComponent,\n SkyVerticalTabComponent\n ]\n}"
802
+ "obj": "{\n declarations: [\n SkyVerticalTabsetComponent,\n SkyVerticalTabsetGroupComponent,\n SkyVerticalTabComponent,\n ],\n imports: [\n CommonModule,\n SkyIconModule,\n SkyIdModule,\n SkyExpansionIndicatorModule,\n SkyStatusIndicatorModule,\n SkyTabsResourcesModule,\n SkyThemeModule,\n ],\n providers: [SkyVerticalTabsetAdapterService],\n exports: [\n SkyVerticalTabsetComponent,\n SkyVerticalTabsetGroupComponent,\n SkyVerticalTabComponent,\n ],\n}"
775
803
  }
776
804
  }
777
805
  ],
778
806
  "children": [
779
807
  {
780
- "id": 331,
808
+ "id": 325,
781
809
  "name": "constructor",
782
810
  "kind": 512,
783
811
  "kindString": "Constructor",
784
812
  "flags": {},
785
813
  "signatures": [
786
814
  {
787
- "id": 332,
815
+ "id": 326,
788
816
  "name": "new SkyVerticalTabsetModule",
789
817
  "kind": 16384,
790
818
  "kindString": "Constructor signature",
791
819
  "flags": {},
792
820
  "type": {
793
821
  "type": "reference",
794
- "id": 330,
822
+ "id": 324,
795
823
  "name": "SkyVerticalTabsetModule"
796
824
  }
797
825
  }
@@ -803,14 +831,14 @@
803
831
  "title": "Constructors",
804
832
  "kind": 512,
805
833
  "children": [
806
- 331
834
+ 325
807
835
  ]
808
836
  }
809
837
  ],
810
838
  "sources": [
811
839
  {
812
840
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.module.ts",
813
- "line": 62,
841
+ "line": 46,
814
842
  "character": 13
815
843
  }
816
844
  ]
@@ -826,10 +854,12 @@
826
854
  "name": "Component",
827
855
  "type": {
828
856
  "type": "reference",
857
+ "qualifiedName": "ComponentDecorator",
858
+ "package": "@angular/core",
829
859
  "name": "Component"
830
860
  },
831
861
  "arguments": {
832
- "obj": "{\n selector: 'sky-tab',\n templateUrl: './tab.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
862
+ "obj": "{\n selector: 'sky-tab',\n templateUrl: './tab.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
833
863
  }
834
864
  }
835
865
  ],
@@ -843,7 +873,7 @@
843
873
  "sources": [
844
874
  {
845
875
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
846
- "line": 165,
876
+ "line": 154,
847
877
  "character": 2
848
878
  }
849
879
  ],
@@ -863,6 +893,8 @@
863
893
  "flags": {},
864
894
  "type": {
865
895
  "type": "reference",
896
+ "qualifiedName": "ChangeDetectorRef",
897
+ "package": "@angular/core",
866
898
  "name": "ChangeDetectorRef"
867
899
  }
868
900
  },
@@ -913,6 +945,8 @@
913
945
  "name": "Output",
914
946
  "type": {
915
947
  "type": "reference",
948
+ "qualifiedName": "OutputDecorator",
949
+ "package": "@angular/core",
916
950
  "name": "Output"
917
951
  },
918
952
  "arguments": {}
@@ -921,7 +955,7 @@
921
955
  "sources": [
922
956
  {
923
957
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
924
- "line": 130,
958
+ "line": 119,
925
959
  "character": 9
926
960
  }
927
961
  ],
@@ -933,6 +967,8 @@
933
967
  "name": "void"
934
968
  }
935
969
  ],
970
+ "qualifiedName": "EventEmitter",
971
+ "package": "@angular/core",
936
972
  "name": "EventEmitter"
937
973
  },
938
974
  "defaultValue": "..."
@@ -959,6 +995,8 @@
959
995
  "name": "Input",
960
996
  "type": {
961
997
  "type": "reference",
998
+ "qualifiedName": "InputDecorator",
999
+ "package": "@angular/core",
962
1000
  "name": "Input"
963
1001
  },
964
1002
  "arguments": {}
@@ -967,7 +1005,7 @@
967
1005
  "sources": [
968
1006
  {
969
1007
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
970
- "line": 68,
1008
+ "line": 55,
971
1009
  "character": 9
972
1010
  }
973
1011
  ],
@@ -987,7 +1025,7 @@
987
1025
  "sources": [
988
1026
  {
989
1027
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
990
- "line": 147,
1028
+ "line": 136,
991
1029
  "character": 9
992
1030
  }
993
1031
  ],
@@ -1008,7 +1046,7 @@
1008
1046
  "sources": [
1009
1047
  {
1010
1048
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1011
- "line": 149,
1049
+ "line": 138,
1012
1050
  "character": 9
1013
1051
  }
1014
1052
  ],
@@ -1033,6 +1071,8 @@
1033
1071
  "name": "Input",
1034
1072
  "type": {
1035
1073
  "type": "reference",
1074
+ "qualifiedName": "InputDecorator",
1075
+ "package": "@angular/core",
1036
1076
  "name": "Input"
1037
1077
  },
1038
1078
  "arguments": {}
@@ -1041,7 +1081,7 @@
1041
1081
  "sources": [
1042
1082
  {
1043
1083
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1044
- "line": 90,
1084
+ "line": 79,
1045
1085
  "character": 9
1046
1086
  }
1047
1087
  ],
@@ -1072,6 +1112,8 @@
1072
1112
  "name": "Input",
1073
1113
  "type": {
1074
1114
  "type": "reference",
1115
+ "qualifiedName": "InputDecorator",
1116
+ "package": "@angular/core",
1075
1117
  "name": "Input"
1076
1118
  },
1077
1119
  "arguments": {}
@@ -1080,7 +1122,7 @@
1080
1122
  "sources": [
1081
1123
  {
1082
1124
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1083
- "line": 101,
1125
+ "line": 90,
1084
1126
  "character": 9
1085
1127
  }
1086
1128
  ],
@@ -1100,7 +1142,7 @@
1100
1142
  "sources": [
1101
1143
  {
1102
1144
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1103
- "line": 151,
1145
+ "line": 140,
1104
1146
  "character": 9
1105
1147
  }
1106
1148
  ],
@@ -1122,6 +1164,8 @@
1122
1164
  "name": "Input",
1123
1165
  "type": {
1124
1166
  "type": "reference",
1167
+ "qualifiedName": "InputDecorator",
1168
+ "package": "@angular/core",
1125
1169
  "name": "Input"
1126
1170
  },
1127
1171
  "arguments": {}
@@ -1130,7 +1174,7 @@
1130
1174
  "sources": [
1131
1175
  {
1132
1176
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1133
- "line": 45,
1177
+ "line": 35,
1134
1178
  "character": 13
1135
1179
  }
1136
1180
  ],
@@ -1142,7 +1186,13 @@
1142
1186
  "kindString": "Get signature",
1143
1187
  "flags": {},
1144
1188
  "comment": {
1145
- "shortText": "Indicates whether the tab is active when the tabset loads. After initialization, the `active`\nproperty on the tabset component should be used to set the active tab."
1189
+ "shortText": "Indicates whether the tab is active when the tabset loads. After initialization, the `active`\nproperty on the tabset component should be used to set the active tab.",
1190
+ "tags": [
1191
+ {
1192
+ "tag": "default",
1193
+ "text": "false\n"
1194
+ }
1195
+ ]
1146
1196
  },
1147
1197
  "type": {
1148
1198
  "type": "intrinsic",
@@ -1197,7 +1247,7 @@
1197
1247
  "sources": [
1198
1248
  {
1199
1249
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1200
- "line": 59,
1250
+ "line": 46,
1201
1251
  "character": 13
1202
1252
  }
1203
1253
  ],
@@ -1216,6 +1266,8 @@
1216
1266
  "name": "void"
1217
1267
  }
1218
1268
  ],
1269
+ "qualifiedName": "Observable",
1270
+ "package": "rxjs",
1219
1271
  "name": "Observable"
1220
1272
  }
1221
1273
  }
@@ -1232,7 +1284,7 @@
1232
1284
  "sources": [
1233
1285
  {
1234
1286
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1235
- "line": 132,
1287
+ "line": 121,
1236
1288
  "character": 13
1237
1289
  }
1238
1290
  ],
@@ -1263,6 +1315,8 @@
1263
1315
  "name": "Input",
1264
1316
  "type": {
1265
1317
  "type": "reference",
1318
+ "qualifiedName": "InputDecorator",
1319
+ "package": "@angular/core",
1266
1320
  "name": "Input"
1267
1321
  },
1268
1322
  "arguments": {}
@@ -1271,7 +1325,7 @@
1271
1325
  "sources": [
1272
1326
  {
1273
1327
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1274
- "line": 78,
1328
+ "line": 65,
1275
1329
  "character": 13
1276
1330
  }
1277
1331
  ],
@@ -1332,7 +1386,7 @@
1332
1386
  "sources": [
1333
1387
  {
1334
1388
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1335
- "line": 139,
1389
+ "line": 128,
1336
1390
  "character": 13
1337
1391
  }
1338
1392
  ],
@@ -1354,6 +1408,8 @@
1354
1408
  "name": "void"
1355
1409
  }
1356
1410
  ],
1411
+ "qualifiedName": "Observable",
1412
+ "package": "rxjs",
1357
1413
  "name": "Observable"
1358
1414
  }
1359
1415
  }
@@ -1372,6 +1428,8 @@
1372
1428
  "name": "Input",
1373
1429
  "type": {
1374
1430
  "type": "reference",
1431
+ "qualifiedName": "InputDecorator",
1432
+ "package": "@angular/core",
1375
1433
  "name": "Input"
1376
1434
  },
1377
1435
  "arguments": {}
@@ -1380,7 +1438,7 @@
1380
1438
  "sources": [
1381
1439
  {
1382
1440
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1383
- "line": 108,
1441
+ "line": 97,
1384
1442
  "character": 13
1385
1443
  }
1386
1444
  ],
@@ -1396,7 +1454,7 @@
1396
1454
  },
1397
1455
  "type": {
1398
1456
  "type": "reference",
1399
- "id": 319,
1457
+ "id": 313,
1400
1458
  "name": "SkyTabIndex"
1401
1459
  }
1402
1460
  }
@@ -1420,7 +1478,7 @@
1420
1478
  "flags": {},
1421
1479
  "type": {
1422
1480
  "type": "reference",
1423
- "id": 319,
1481
+ "id": 313,
1424
1482
  "name": "SkyTabIndex"
1425
1483
  }
1426
1484
  }
@@ -1443,7 +1501,7 @@
1443
1501
  "sources": [
1444
1502
  {
1445
1503
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1446
- "line": 143,
1504
+ "line": 132,
1447
1505
  "character": 13
1448
1506
  }
1449
1507
  ],
@@ -1459,10 +1517,12 @@
1459
1517
  "typeArguments": [
1460
1518
  {
1461
1519
  "type": "reference",
1462
- "id": 319,
1520
+ "id": 313,
1463
1521
  "name": "SkyTabIndex"
1464
1522
  }
1465
1523
  ],
1524
+ "qualifiedName": "Observable",
1525
+ "package": "rxjs",
1466
1526
  "name": "Observable"
1467
1527
  }
1468
1528
  }
@@ -1479,7 +1539,7 @@
1479
1539
  "sources": [
1480
1540
  {
1481
1541
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1482
- "line": 195,
1542
+ "line": 184,
1483
1543
  "character": 9
1484
1544
  }
1485
1545
  ],
@@ -1508,7 +1568,7 @@
1508
1568
  "sources": [
1509
1569
  {
1510
1570
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1511
- "line": 201,
1571
+ "line": 190,
1512
1572
  "character": 9
1513
1573
  }
1514
1574
  ],
@@ -1537,7 +1597,7 @@
1537
1597
  "sources": [
1538
1598
  {
1539
1599
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1540
- "line": 191,
1600
+ "line": 180,
1541
1601
  "character": 9
1542
1602
  }
1543
1603
  ],
@@ -1566,7 +1626,7 @@
1566
1626
  "sources": [
1567
1627
  {
1568
1628
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1569
- "line": 175,
1629
+ "line": 164,
1570
1630
  "character": 9
1571
1631
  }
1572
1632
  ],
@@ -1586,6 +1646,8 @@
1586
1646
  "flags": {},
1587
1647
  "type": {
1588
1648
  "type": "reference",
1649
+ "qualifiedName": "SimpleChanges",
1650
+ "package": "@angular/core",
1589
1651
  "name": "SimpleChanges"
1590
1652
  }
1591
1653
  }
@@ -1616,7 +1678,7 @@
1616
1678
  "sources": [
1617
1679
  {
1618
1680
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1619
- "line": 186,
1681
+ "line": 175,
1620
1682
  "character": 9
1621
1683
  }
1622
1684
  ],
@@ -1692,17 +1754,21 @@
1692
1754
  "sources": [
1693
1755
  {
1694
1756
  "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
1695
- "line": 37,
1757
+ "line": 28,
1696
1758
  "character": 13
1697
1759
  }
1698
1760
  ],
1699
1761
  "implementedTypes": [
1700
1762
  {
1701
1763
  "type": "reference",
1764
+ "qualifiedName": "OnChanges",
1765
+ "package": "@angular/core",
1702
1766
  "name": "OnChanges"
1703
1767
  },
1704
1768
  {
1705
1769
  "type": "reference",
1770
+ "qualifiedName": "OnDestroy",
1771
+ "package": "@angular/core",
1706
1772
  "name": "OnDestroy"
1707
1773
  }
1708
1774
  ]
@@ -1718,10 +1784,12 @@
1718
1784
  "name": "Component",
1719
1785
  "type": {
1720
1786
  "type": "reference",
1787
+ "qualifiedName": "ComponentDecorator",
1788
+ "package": "@angular/core",
1721
1789
  "name": "Component"
1722
1790
  },
1723
1791
  "arguments": {
1724
- "obj": "{\n selector: 'sky-tabset',\n styleUrls: ['./tabset.component.scss'],\n templateUrl: './tabset.component.html',\n providers: [\n SkyTabsetAdapterService,\n SkyTabsetPermalinkService,\n SkyTabsetService\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n}"
1792
+ "obj": "{\n selector: 'sky-tabset',\n styleUrls: ['./tabset.component.scss'],\n templateUrl: './tabset.component.html',\n providers: [\n SkyTabsetAdapterService,\n SkyTabsetPermalinkService,\n SkyTabsetService,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n}"
1725
1793
  }
1726
1794
  }
1727
1795
  ],
@@ -1735,7 +1803,7 @@
1735
1803
  "sources": [
1736
1804
  {
1737
1805
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
1738
- "line": 245,
1806
+ "line": 221,
1739
1807
  "character": 2
1740
1808
  }
1741
1809
  ],
@@ -1755,6 +1823,8 @@
1755
1823
  "flags": {},
1756
1824
  "type": {
1757
1825
  "type": "reference",
1826
+ "qualifiedName": "ChangeDetectorRef",
1827
+ "package": "@angular/core",
1758
1828
  "name": "ChangeDetectorRef"
1759
1829
  }
1760
1830
  },
@@ -1772,6 +1842,8 @@
1772
1842
  "name": "any"
1773
1843
  }
1774
1844
  ],
1845
+ "qualifiedName": "ElementRef",
1846
+ "package": "@angular/core",
1775
1847
  "name": "ElementRef"
1776
1848
  }
1777
1849
  },
@@ -1833,6 +1905,8 @@
1833
1905
  "name": "Output",
1834
1906
  "type": {
1835
1907
  "type": "reference",
1908
+ "qualifiedName": "OutputDecorator",
1909
+ "package": "@angular/core",
1836
1910
  "name": "Output"
1837
1911
  },
1838
1912
  "arguments": {}
@@ -1841,7 +1915,7 @@
1841
1915
  "sources": [
1842
1916
  {
1843
1917
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
1844
- "line": 189,
1918
+ "line": 165,
1845
1919
  "character": 9
1846
1920
  }
1847
1921
  ],
@@ -1850,10 +1924,12 @@
1850
1924
  "typeArguments": [
1851
1925
  {
1852
1926
  "type": "reference",
1853
- "id": 319,
1927
+ "id": 313,
1854
1928
  "name": "SkyTabIndex"
1855
1929
  }
1856
1930
  ],
1931
+ "qualifiedName": "EventEmitter",
1932
+ "package": "@angular/core",
1857
1933
  "name": "EventEmitter"
1858
1934
  },
1859
1935
  "defaultValue": "..."
@@ -1874,6 +1950,8 @@
1874
1950
  "name": "Input",
1875
1951
  "type": {
1876
1952
  "type": "reference",
1953
+ "qualifiedName": "InputDecorator",
1954
+ "package": "@angular/core",
1877
1955
  "name": "Input"
1878
1956
  },
1879
1957
  "arguments": {}
@@ -1882,7 +1960,7 @@
1882
1960
  "sources": [
1883
1961
  {
1884
1962
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
1885
- "line": 130,
1963
+ "line": 106,
1886
1964
  "character": 9
1887
1965
  }
1888
1966
  ],
@@ -1907,6 +1985,8 @@
1907
1985
  "name": "Input",
1908
1986
  "type": {
1909
1987
  "type": "reference",
1988
+ "qualifiedName": "InputDecorator",
1989
+ "package": "@angular/core",
1910
1990
  "name": "Input"
1911
1991
  },
1912
1992
  "arguments": {}
@@ -1915,7 +1995,7 @@
1915
1995
  "sources": [
1916
1996
  {
1917
1997
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
1918
- "line": 139,
1998
+ "line": 115,
1919
1999
  "character": 9
1920
2000
  }
1921
2001
  ],
@@ -1935,7 +2015,7 @@
1935
2015
  "sources": [
1936
2016
  {
1937
2017
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
1938
- "line": 223,
2018
+ "line": 199,
1939
2019
  "character": 9
1940
2020
  }
1941
2021
  ],
@@ -1960,6 +2040,8 @@
1960
2040
  "name": "Output",
1961
2041
  "type": {
1962
2042
  "type": "reference",
2043
+ "qualifiedName": "OutputDecorator",
2044
+ "package": "@angular/core",
1963
2045
  "name": "Output"
1964
2046
  },
1965
2047
  "arguments": {}
@@ -1968,7 +2050,7 @@
1968
2050
  "sources": [
1969
2051
  {
1970
2052
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
1971
- "line": 196,
2053
+ "line": 172,
1972
2054
  "character": 9
1973
2055
  }
1974
2056
  ],
@@ -1980,6 +2062,8 @@
1980
2062
  "name": "void"
1981
2063
  }
1982
2064
  ],
2065
+ "qualifiedName": "EventEmitter",
2066
+ "package": "@angular/core",
1983
2067
  "name": "EventEmitter"
1984
2068
  },
1985
2069
  "defaultValue": "..."
@@ -2000,6 +2084,8 @@
2000
2084
  "name": "Output",
2001
2085
  "type": {
2002
2086
  "type": "reference",
2087
+ "qualifiedName": "OutputDecorator",
2088
+ "package": "@angular/core",
2003
2089
  "name": "Output"
2004
2090
  },
2005
2091
  "arguments": {}
@@ -2008,7 +2094,7 @@
2008
2094
  "sources": [
2009
2095
  {
2010
2096
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2011
- "line": 203,
2097
+ "line": 179,
2012
2098
  "character": 9
2013
2099
  }
2014
2100
  ],
@@ -2020,6 +2106,8 @@
2020
2106
  "name": "void"
2021
2107
  }
2022
2108
  ],
2109
+ "qualifiedName": "EventEmitter",
2110
+ "package": "@angular/core",
2023
2111
  "name": "EventEmitter"
2024
2112
  },
2025
2113
  "defaultValue": "..."
@@ -2035,7 +2123,7 @@
2035
2123
  "sources": [
2036
2124
  {
2037
2125
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2038
- "line": 231,
2126
+ "line": 207,
2039
2127
  "character": 9
2040
2128
  }
2041
2129
  ],
@@ -2064,6 +2152,8 @@
2064
2152
  "name": "Output",
2065
2153
  "type": {
2066
2154
  "type": "reference",
2155
+ "qualifiedName": "OutputDecorator",
2156
+ "package": "@angular/core",
2067
2157
  "name": "Output"
2068
2158
  },
2069
2159
  "arguments": {}
@@ -2072,7 +2162,7 @@
2072
2162
  "sources": [
2073
2163
  {
2074
2164
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2075
- "line": 209,
2165
+ "line": 185,
2076
2166
  "character": 9
2077
2167
  }
2078
2168
  ],
@@ -2081,10 +2171,12 @@
2081
2171
  "typeArguments": [
2082
2172
  {
2083
2173
  "type": "reference",
2084
- "id": 322,
2174
+ "id": 316,
2085
2175
  "name": "SkyTabsetTabIndexesChange"
2086
2176
  }
2087
2177
  ],
2178
+ "qualifiedName": "EventEmitter",
2179
+ "package": "@angular/core",
2088
2180
  "name": "EventEmitter"
2089
2181
  },
2090
2182
  "defaultValue": "..."
@@ -2102,6 +2194,8 @@
2102
2194
  "name": "ContentChildren",
2103
2195
  "type": {
2104
2196
  "type": "reference",
2197
+ "qualifiedName": "ContentChildrenDecorator",
2198
+ "package": "@angular/core",
2105
2199
  "name": "ContentChildren"
2106
2200
  },
2107
2201
  "arguments": {
@@ -2112,7 +2206,7 @@
2112
2206
  "sources": [
2113
2207
  {
2114
2208
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2115
- "line": 221,
2209
+ "line": 197,
2116
2210
  "character": 9
2117
2211
  }
2118
2212
  ],
@@ -2125,6 +2219,8 @@
2125
2219
  "name": "SkyTabComponent"
2126
2220
  }
2127
2221
  ],
2222
+ "qualifiedName": "QueryList",
2223
+ "package": "@angular/core",
2128
2224
  "name": "QueryList"
2129
2225
  }
2130
2226
  },
@@ -2141,6 +2237,8 @@
2141
2237
  "name": "Input",
2142
2238
  "type": {
2143
2239
  "type": "reference",
2240
+ "qualifiedName": "InputDecorator",
2241
+ "package": "@angular/core",
2144
2242
  "name": "Input"
2145
2243
  },
2146
2244
  "arguments": {}
@@ -2149,7 +2247,7 @@
2149
2247
  "sources": [
2150
2248
  {
2151
2249
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2152
- "line": 92,
2250
+ "line": 68,
2153
2251
  "character": 13
2154
2252
  }
2155
2253
  ],
@@ -2165,7 +2263,7 @@
2165
2263
  },
2166
2264
  "type": {
2167
2265
  "type": "reference",
2168
- "id": 319,
2266
+ "id": 313,
2169
2267
  "name": "SkyTabIndex"
2170
2268
  }
2171
2269
  }
@@ -2189,7 +2287,7 @@
2189
2287
  "flags": {},
2190
2288
  "type": {
2191
2289
  "type": "reference",
2192
- "id": 319,
2290
+ "id": 313,
2193
2291
  "name": "SkyTabIndex"
2194
2292
  }
2195
2293
  }
@@ -2214,6 +2312,8 @@
2214
2312
  "name": "Input",
2215
2313
  "type": {
2216
2314
  "type": "reference",
2315
+ "qualifiedName": "InputDecorator",
2316
+ "package": "@angular/core",
2217
2317
  "name": "Input"
2218
2318
  },
2219
2319
  "arguments": {}
@@ -2222,7 +2322,7 @@
2222
2322
  "sources": [
2223
2323
  {
2224
2324
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2225
- "line": 148,
2325
+ "line": 124,
2226
2326
  "character": 13
2227
2327
  }
2228
2328
  ],
@@ -2283,7 +2383,7 @@
2283
2383
  "sources": [
2284
2384
  {
2285
2385
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2286
- "line": 211,
2386
+ "line": 187,
2287
2387
  "character": 13
2288
2388
  }
2289
2389
  ],
@@ -2296,7 +2396,7 @@
2296
2396
  "flags": {},
2297
2397
  "type": {
2298
2398
  "type": "reference",
2299
- "id": 320,
2399
+ "id": 314,
2300
2400
  "name": "SkyTabsetButtonsDisplayMode"
2301
2401
  }
2302
2402
  }
@@ -2317,7 +2417,7 @@
2317
2417
  "flags": {},
2318
2418
  "type": {
2319
2419
  "type": "reference",
2320
- "id": 320,
2420
+ "id": 314,
2321
2421
  "name": "SkyTabsetButtonsDisplayMode"
2322
2422
  }
2323
2423
  }
@@ -2342,6 +2442,8 @@
2342
2442
  "name": "Input",
2343
2443
  "type": {
2344
2444
  "type": "reference",
2445
+ "qualifiedName": "InputDecorator",
2446
+ "package": "@angular/core",
2345
2447
  "name": "Input"
2346
2448
  },
2347
2449
  "arguments": {}
@@ -2350,7 +2452,7 @@
2350
2452
  "sources": [
2351
2453
  {
2352
2454
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2353
- "line": 169,
2455
+ "line": 145,
2354
2456
  "character": 13
2355
2457
  }
2356
2458
  ],
@@ -2362,11 +2464,21 @@
2362
2464
  "kindString": "Get signature",
2363
2465
  "flags": {},
2364
2466
  "comment": {
2365
- "shortText": "Specifies the behavior for a series of tabs."
2467
+ "shortText": "Specifies the behavior for a series of tabs.",
2468
+ "tags": [
2469
+ {
2470
+ "tag": "deprecated",
2471
+ "text": "The property was designed to create wizards by setting tabStyle=\"wizard\" on tabsets in modals,\nbut this wizard implementation was replaced by the\n[progress indicator component](https://developer.blackbaud.com/skyux/components/progress-indicator)."
2472
+ },
2473
+ {
2474
+ "tag": "default",
2475
+ "text": "\"tabs\"\n"
2476
+ }
2477
+ ]
2366
2478
  },
2367
2479
  "type": {
2368
2480
  "type": "reference",
2369
- "id": 321,
2481
+ "id": 315,
2370
2482
  "name": "SkyTabsetStyle"
2371
2483
  }
2372
2484
  }
@@ -2387,7 +2499,7 @@
2387
2499
  },
2388
2500
  {
2389
2501
  "tag": "default",
2390
- "text": "'tabs'\n"
2502
+ "text": "\"tabs\"\n"
2391
2503
  }
2392
2504
  ]
2393
2505
  },
@@ -2400,7 +2512,7 @@
2400
2512
  "flags": {},
2401
2513
  "type": {
2402
2514
  "type": "reference",
2403
- "id": 321,
2515
+ "id": 315,
2404
2516
  "name": "SkyTabsetStyle"
2405
2517
  }
2406
2518
  }
@@ -2423,7 +2535,7 @@
2423
2535
  "sources": [
2424
2536
  {
2425
2537
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2426
- "line": 253,
2538
+ "line": 229,
2427
2539
  "character": 9
2428
2540
  }
2429
2541
  ],
@@ -2460,7 +2572,7 @@
2460
2572
  "sources": [
2461
2573
  {
2462
2574
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2463
- "line": 282,
2575
+ "line": 257,
2464
2576
  "character": 9
2465
2577
  }
2466
2578
  ],
@@ -2497,7 +2609,7 @@
2497
2609
  "sources": [
2498
2610
  {
2499
2611
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2500
- "line": 305,
2612
+ "line": 280,
2501
2613
  "character": 9
2502
2614
  }
2503
2615
  ],
@@ -2526,7 +2638,7 @@
2526
2638
  "sources": [
2527
2639
  {
2528
2640
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2529
- "line": 309,
2641
+ "line": 284,
2530
2642
  "character": 9
2531
2643
  }
2532
2644
  ],
@@ -2555,7 +2667,7 @@
2555
2667
  "sources": [
2556
2668
  {
2557
2669
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2558
- "line": 301,
2670
+ "line": 276,
2559
2671
  "character": 9
2560
2672
  }
2561
2673
  ],
@@ -2597,7 +2709,7 @@
2597
2709
  "sources": [
2598
2710
  {
2599
2711
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2600
- "line": 293,
2712
+ "line": 268,
2601
2713
  "character": 9
2602
2714
  }
2603
2715
  ],
@@ -2639,7 +2751,7 @@
2639
2751
  "sources": [
2640
2752
  {
2641
2753
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2642
- "line": 289,
2754
+ "line": 264,
2643
2755
  "character": 9
2644
2756
  }
2645
2757
  ],
@@ -2708,17 +2820,21 @@
2708
2820
  "sources": [
2709
2821
  {
2710
2822
  "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
2711
- "line": 86,
2823
+ "line": 63,
2712
2824
  "character": 13
2713
2825
  }
2714
2826
  ],
2715
2827
  "implementedTypes": [
2716
2828
  {
2717
2829
  "type": "reference",
2830
+ "qualifiedName": "AfterViewInit",
2831
+ "package": "@angular/core",
2718
2832
  "name": "AfterViewInit"
2719
2833
  },
2720
2834
  {
2721
2835
  "type": "reference",
2836
+ "qualifiedName": "OnDestroy",
2837
+ "package": "@angular/core",
2722
2838
  "name": "OnDestroy"
2723
2839
  }
2724
2840
  ]
@@ -2734,10 +2850,12 @@
2734
2850
  "name": "Component",
2735
2851
  "type": {
2736
2852
  "type": "reference",
2853
+ "qualifiedName": "ComponentDecorator",
2854
+ "package": "@angular/core",
2737
2855
  "name": "Component"
2738
2856
  },
2739
2857
  "arguments": {
2740
- "obj": "{\n selector: 'sky-vertical-tab',\n templateUrl: './vertical-tab.component.html',\n styleUrls: ['./vertical-tab.component.scss'],\n providers: [\n SkyVerticalTabMediaQueryService,\n { provide: SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
2858
+ "obj": "{\n selector: 'sky-vertical-tab',\n templateUrl: './vertical-tab.component.html',\n styleUrls: ['./vertical-tab.component.scss'],\n providers: [\n SkyVerticalTabMediaQueryService,\n {\n provide: SkyMediaQueryService,\n useExisting: SkyVerticalTabMediaQueryService,\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
2741
2859
  }
2742
2860
  }
2743
2861
  ],
@@ -2751,7 +2869,7 @@
2751
2869
  "sources": [
2752
2870
  {
2753
2871
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
2754
- "line": 178,
2872
+ "line": 158,
2755
2873
  "character": 2
2756
2874
  }
2757
2875
  ],
@@ -2782,6 +2900,8 @@
2782
2900
  "flags": {},
2783
2901
  "type": {
2784
2902
  "type": "reference",
2903
+ "qualifiedName": "ChangeDetectorRef",
2904
+ "package": "@angular/core",
2785
2905
  "name": "ChangeDetectorRef"
2786
2906
  }
2787
2907
  },
@@ -2832,6 +2952,8 @@
2832
2952
  "name": "Input",
2833
2953
  "type": {
2834
2954
  "type": "reference",
2955
+ "qualifiedName": "InputDecorator",
2956
+ "package": "@angular/core",
2835
2957
  "name": "Input"
2836
2958
  },
2837
2959
  "arguments": {}
@@ -2840,7 +2962,7 @@
2840
2962
  "sources": [
2841
2963
  {
2842
2964
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
2843
- "line": 52,
2965
+ "line": 45,
2844
2966
  "character": 9
2845
2967
  }
2846
2968
  ],
@@ -2851,7 +2973,48 @@
2851
2973
  "defaultValue": "false"
2852
2974
  },
2853
2975
  {
2854
- "id": 187,
2976
+ "id": 177,
2977
+ "name": "ariaControls",
2978
+ "kind": 1024,
2979
+ "kindString": "Property",
2980
+ "flags": {
2981
+ "isPublic": true
2982
+ },
2983
+ "comment": {
2984
+ "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that contains\nthe content that the vertical tab displays, which corresponds to the `tabId`. This property\n[supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).",
2985
+ "tags": [
2986
+ {
2987
+ "tag": "deprecated",
2988
+ "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
2989
+ }
2990
+ ]
2991
+ },
2992
+ "decorators": [
2993
+ {
2994
+ "name": "Input",
2995
+ "type": {
2996
+ "type": "reference",
2997
+ "qualifiedName": "InputDecorator",
2998
+ "package": "@angular/core",
2999
+ "name": "Input"
3000
+ },
3001
+ "arguments": {}
3002
+ }
3003
+ ],
3004
+ "sources": [
3005
+ {
3006
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3007
+ "line": 54,
3008
+ "character": 9
3009
+ }
3010
+ ],
3011
+ "type": {
3012
+ "type": "intrinsic",
3013
+ "name": "string"
3014
+ }
3015
+ },
3016
+ {
3017
+ "id": 182,
2855
3018
  "name": "disabled",
2856
3019
  "kind": 1024,
2857
3020
  "kindString": "Property",
@@ -2866,6 +3029,8 @@
2866
3029
  "name": "Input",
2867
3030
  "type": {
2868
3031
  "type": "reference",
3032
+ "qualifiedName": "InputDecorator",
3033
+ "package": "@angular/core",
2869
3034
  "name": "Input"
2870
3035
  },
2871
3036
  "arguments": {}
@@ -2874,7 +3039,7 @@
2874
3039
  "sources": [
2875
3040
  {
2876
3041
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
2877
- "line": 102,
3042
+ "line": 81,
2878
3043
  "character": 9
2879
3044
  }
2880
3045
  ],
@@ -2885,7 +3050,7 @@
2885
3050
  "defaultValue": "false"
2886
3051
  },
2887
3052
  {
2888
- "id": 200,
3053
+ "id": 195,
2889
3054
  "name": "index",
2890
3055
  "kind": 1024,
2891
3056
  "kindString": "Property",
@@ -2895,7 +3060,7 @@
2895
3060
  "sources": [
2896
3061
  {
2897
3062
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
2898
- "line": 159,
3063
+ "line": 141,
2899
3064
  "character": 9
2900
3065
  }
2901
3066
  ],
@@ -2905,7 +3070,28 @@
2905
3070
  }
2906
3071
  },
2907
3072
  {
2908
- "id": 201,
3073
+ "id": 196,
3074
+ "name": "isMobile",
3075
+ "kind": 1024,
3076
+ "kindString": "Property",
3077
+ "flags": {
3078
+ "isPublic": true
3079
+ },
3080
+ "sources": [
3081
+ {
3082
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3083
+ "line": 143,
3084
+ "character": 9
3085
+ }
3086
+ ],
3087
+ "type": {
3088
+ "type": "intrinsic",
3089
+ "name": "boolean"
3090
+ },
3091
+ "defaultValue": "false"
3092
+ },
3093
+ {
3094
+ "id": 197,
2909
3095
  "name": "tabContent",
2910
3096
  "kind": 1024,
2911
3097
  "kindString": "Property",
@@ -2917,6 +3103,8 @@
2917
3103
  "name": "ViewChild",
2918
3104
  "type": {
2919
3105
  "type": "reference",
3106
+ "qualifiedName": "ViewChildDecorator",
3107
+ "package": "@angular/core",
2920
3108
  "name": "ViewChild"
2921
3109
  },
2922
3110
  "arguments": {
@@ -2927,7 +3115,7 @@
2927
3115
  "sources": [
2928
3116
  {
2929
3117
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
2930
- "line": 162,
3118
+ "line": 146,
2931
3119
  "character": 9
2932
3120
  }
2933
3121
  ],
@@ -2939,11 +3127,13 @@
2939
3127
  "name": "any"
2940
3128
  }
2941
3129
  ],
3130
+ "qualifiedName": "ElementRef",
3131
+ "package": "@angular/core",
2942
3132
  "name": "ElementRef"
2943
3133
  }
2944
3134
  },
2945
3135
  {
2946
- "id": 189,
3136
+ "id": 184,
2947
3137
  "name": "tabHeaderCount",
2948
3138
  "kind": 1024,
2949
3139
  "kindString": "Property",
@@ -2958,6 +3148,8 @@
2958
3148
  "name": "Input",
2959
3149
  "type": {
2960
3150
  "type": "reference",
3151
+ "qualifiedName": "InputDecorator",
3152
+ "package": "@angular/core",
2961
3153
  "name": "Input"
2962
3154
  },
2963
3155
  "arguments": {}
@@ -2966,7 +3158,7 @@
2966
3158
  "sources": [
2967
3159
  {
2968
3160
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
2969
- "line": 115,
3161
+ "line": 94,
2970
3162
  "character": 9
2971
3163
  }
2972
3164
  ],
@@ -2976,7 +3168,7 @@
2976
3168
  }
2977
3169
  },
2978
3170
  {
2979
- "id": 190,
3171
+ "id": 185,
2980
3172
  "name": "tabHeading",
2981
3173
  "kind": 1024,
2982
3174
  "kindString": "Property",
@@ -2997,6 +3189,8 @@
2997
3189
  "name": "Input",
2998
3190
  "type": {
2999
3191
  "type": "reference",
3192
+ "qualifiedName": "InputDecorator",
3193
+ "package": "@angular/core",
3000
3194
  "name": "Input"
3001
3195
  },
3002
3196
  "arguments": {}
@@ -3005,7 +3199,7 @@
3005
3199
  "sources": [
3006
3200
  {
3007
3201
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3008
- "line": 122,
3202
+ "line": 101,
3009
3203
  "character": 9
3010
3204
  }
3011
3205
  ],
@@ -3015,7 +3209,7 @@
3015
3209
  }
3016
3210
  },
3017
3211
  {
3018
- "id": 195,
3212
+ "id": 190,
3019
3213
  "name": "tabId",
3020
3214
  "kind": 1024,
3021
3215
  "kindString": "Property",
@@ -3023,13 +3217,21 @@
3023
3217
  "isPublic": true
3024
3218
  },
3025
3219
  "comment": {
3026
- "shortText": "Specifies an ID for the tab."
3220
+ "shortText": "Specifies an ID for the tab.",
3221
+ "tags": [
3222
+ {
3223
+ "tag": "deprecated",
3224
+ "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
3225
+ }
3226
+ ]
3027
3227
  },
3028
3228
  "decorators": [
3029
3229
  {
3030
3230
  "name": "Input",
3031
3231
  "type": {
3032
3232
  "type": "reference",
3233
+ "qualifiedName": "InputDecorator",
3234
+ "package": "@angular/core",
3033
3235
  "name": "Input"
3034
3236
  },
3035
3237
  "arguments": {}
@@ -3038,88 +3240,18 @@
3038
3240
  "sources": [
3039
3241
  {
3040
3242
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3041
- "line": 141,
3243
+ "line": 121,
3042
3244
  "character": 9
3043
3245
  }
3044
3246
  ],
3045
3247
  "type": {
3046
3248
  "type": "intrinsic",
3047
3249
  "name": "string"
3048
- }
3049
- },
3050
- {
3051
- "id": 177,
3052
- "name": "ariaControls",
3053
- "kind": 262144,
3054
- "kindString": "Accessor",
3055
- "flags": {
3056
- "isPublic": true
3057
3250
  },
3058
- "decorators": [
3059
- {
3060
- "name": "Input",
3061
- "type": {
3062
- "type": "reference",
3063
- "name": "Input"
3064
- },
3065
- "arguments": {}
3066
- }
3067
- ],
3068
- "sources": [
3069
- {
3070
- "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3071
- "line": 60,
3072
- "character": 13
3073
- }
3074
- ],
3075
- "getSignature": [
3076
- {
3077
- "id": 178,
3078
- "name": "ariaControls",
3079
- "kind": 524288,
3080
- "kindString": "Get signature",
3081
- "flags": {},
3082
- "comment": {
3083
- "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that contains\nthe content that the vertical tab displays, which corresponds to the `tabId`. This property\n[supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure)."
3084
- },
3085
- "type": {
3086
- "type": "intrinsic",
3087
- "name": "string"
3088
- }
3089
- }
3090
- ],
3091
- "setSignature": [
3092
- {
3093
- "id": 179,
3094
- "name": "ariaControls",
3095
- "kind": 1048576,
3096
- "kindString": "Set signature",
3097
- "flags": {},
3098
- "comment": {
3099
- "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that contains\nthe content that the vertical tab displays, which corresponds to the `tabId`. This property\n[supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure)."
3100
- },
3101
- "parameters": [
3102
- {
3103
- "id": 180,
3104
- "name": "value",
3105
- "kind": 32768,
3106
- "kindString": "Parameter",
3107
- "flags": {},
3108
- "type": {
3109
- "type": "intrinsic",
3110
- "name": "string"
3111
- }
3112
- }
3113
- ],
3114
- "type": {
3115
- "type": "intrinsic",
3116
- "name": "void"
3117
- }
3118
- }
3119
- ]
3251
+ "defaultValue": "..."
3120
3252
  },
3121
3253
  {
3122
- "id": 183,
3254
+ "id": 178,
3123
3255
  "name": "ariaRole",
3124
3256
  "kind": 262144,
3125
3257
  "kindString": "Accessor",
@@ -3131,6 +3263,8 @@
3131
3263
  "name": "Input",
3132
3264
  "type": {
3133
3265
  "type": "reference",
3266
+ "qualifiedName": "InputDecorator",
3267
+ "package": "@angular/core",
3134
3268
  "name": "Input"
3135
3269
  },
3136
3270
  "arguments": {}
@@ -3139,13 +3273,13 @@
3139
3273
  "sources": [
3140
3274
  {
3141
3275
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3142
- "line": 88,
3276
+ "line": 67,
3143
3277
  "character": 13
3144
3278
  }
3145
3279
  ],
3146
3280
  "getSignature": [
3147
3281
  {
3148
- "id": 184,
3282
+ "id": 179,
3149
3283
  "name": "ariaRole",
3150
3284
  "kind": 524288,
3151
3285
  "kindString": "Get signature",
@@ -3155,7 +3289,11 @@
3155
3289
  "tags": [
3156
3290
  {
3157
3291
  "tag": "default",
3158
- "text": "\"tab\"\n"
3292
+ "text": "\"tab\""
3293
+ },
3294
+ {
3295
+ "tag": "deprecated",
3296
+ "text": "Any other value than `tab` could lead to a poor user experience for users with assistive technology.\nIn the next major version, this property will be automatically set to `tab`.\n"
3159
3297
  }
3160
3298
  ]
3161
3299
  },
@@ -3167,17 +3305,27 @@
3167
3305
  ],
3168
3306
  "setSignature": [
3169
3307
  {
3170
- "id": 185,
3308
+ "id": 180,
3171
3309
  "name": "ariaRole",
3172
3310
  "kind": 1048576,
3173
3311
  "kindString": "Set signature",
3174
3312
  "flags": {},
3175
3313
  "comment": {
3176
- "shortText": "Specifies an ARIA role for the vertical tab\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tab functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles)."
3314
+ "shortText": "Specifies an ARIA role for the vertical tab\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tab functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).",
3315
+ "tags": [
3316
+ {
3317
+ "tag": "default",
3318
+ "text": "\"tab\""
3319
+ },
3320
+ {
3321
+ "tag": "deprecated",
3322
+ "text": "Any other value than `tab` could lead to a poor user experience for users with assistive technology.\nIn the next major version, this property will be automatically set to `tab`.\n"
3323
+ }
3324
+ ]
3177
3325
  },
3178
3326
  "parameters": [
3179
3327
  {
3180
- "id": 186,
3328
+ "id": 181,
3181
3329
  "name": "value",
3182
3330
  "kind": 32768,
3183
3331
  "kindString": "Parameter",
@@ -3196,7 +3344,7 @@
3196
3344
  ]
3197
3345
  },
3198
3346
  {
3199
- "id": 196,
3347
+ "id": 191,
3200
3348
  "name": "contentRendered",
3201
3349
  "kind": 262144,
3202
3350
  "kindString": "Accessor",
@@ -3206,13 +3354,13 @@
3206
3354
  "sources": [
3207
3355
  {
3208
3356
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3209
- "line": 143,
3357
+ "line": 123,
3210
3358
  "character": 13
3211
3359
  }
3212
3360
  ],
3213
3361
  "getSignature": [
3214
3362
  {
3215
- "id": 197,
3363
+ "id": 192,
3216
3364
  "name": "contentRendered",
3217
3365
  "kind": 524288,
3218
3366
  "kindString": "Get signature",
@@ -3225,14 +3373,14 @@
3225
3373
  ],
3226
3374
  "setSignature": [
3227
3375
  {
3228
- "id": 198,
3376
+ "id": 193,
3229
3377
  "name": "contentRendered",
3230
3378
  "kind": 1048576,
3231
3379
  "kindString": "Set signature",
3232
3380
  "flags": {},
3233
3381
  "parameters": [
3234
3382
  {
3235
- "id": 199,
3383
+ "id": 194,
3236
3384
  "name": "value",
3237
3385
  "kind": 32768,
3238
3386
  "kindString": "Parameter",
@@ -3251,7 +3399,7 @@
3251
3399
  ]
3252
3400
  },
3253
3401
  {
3254
- "id": 215,
3402
+ "id": 209,
3255
3403
  "name": "activateTab",
3256
3404
  "kind": 2048,
3257
3405
  "kindString": "Method",
@@ -3261,13 +3409,13 @@
3261
3409
  "sources": [
3262
3410
  {
3263
3411
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3264
- "line": 223,
3412
+ "line": 204,
3265
3413
  "character": 9
3266
3414
  }
3267
3415
  ],
3268
3416
  "signatures": [
3269
3417
  {
3270
- "id": 216,
3418
+ "id": 210,
3271
3419
  "name": "activateTab",
3272
3420
  "kind": 4096,
3273
3421
  "kindString": "Call signature",
@@ -3280,7 +3428,7 @@
3280
3428
  ]
3281
3429
  },
3282
3430
  {
3283
- "id": 211,
3431
+ "id": 205,
3284
3432
  "name": "ngOnDestroy",
3285
3433
  "kind": 2048,
3286
3434
  "kindString": "Method",
@@ -3290,13 +3438,13 @@
3290
3438
  "sources": [
3291
3439
  {
3292
3440
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3293
- "line": 208,
3441
+ "line": 189,
3294
3442
  "character": 9
3295
3443
  }
3296
3444
  ],
3297
3445
  "signatures": [
3298
3446
  {
3299
- "id": 212,
3447
+ "id": 206,
3300
3448
  "name": "ngOnDestroy",
3301
3449
  "kind": 4096,
3302
3450
  "kindString": "Call signature",
@@ -3317,7 +3465,7 @@
3317
3465
  }
3318
3466
  },
3319
3467
  {
3320
- "id": 209,
3468
+ "id": 203,
3321
3469
  "name": "ngOnInit",
3322
3470
  "kind": 2048,
3323
3471
  "kindString": "Method",
@@ -3327,13 +3475,13 @@
3327
3475
  "sources": [
3328
3476
  {
3329
3477
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3330
- "line": 185,
3478
+ "line": 165,
3331
3479
  "character": 9
3332
3480
  }
3333
3481
  ],
3334
3482
  "signatures": [
3335
3483
  {
3336
- "id": 210,
3484
+ "id": 204,
3337
3485
  "name": "ngOnInit",
3338
3486
  "kind": 4096,
3339
3487
  "kindString": "Call signature",
@@ -3354,7 +3502,51 @@
3354
3502
  }
3355
3503
  },
3356
3504
  {
3357
- "id": 217,
3505
+ "id": 211,
3506
+ "name": "onTabButtonKeyUp",
3507
+ "kind": 2048,
3508
+ "kindString": "Method",
3509
+ "flags": {
3510
+ "isPublic": true
3511
+ },
3512
+ "sources": [
3513
+ {
3514
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3515
+ "line": 213,
3516
+ "character": 9
3517
+ }
3518
+ ],
3519
+ "signatures": [
3520
+ {
3521
+ "id": 212,
3522
+ "name": "onTabButtonKeyUp",
3523
+ "kind": 4096,
3524
+ "kindString": "Call signature",
3525
+ "flags": {},
3526
+ "parameters": [
3527
+ {
3528
+ "id": 213,
3529
+ "name": "event",
3530
+ "kind": 32768,
3531
+ "kindString": "Parameter",
3532
+ "flags": {},
3533
+ "type": {
3534
+ "type": "reference",
3535
+ "qualifiedName": "KeyboardEvent",
3536
+ "package": "typescript",
3537
+ "name": "KeyboardEvent"
3538
+ }
3539
+ }
3540
+ ],
3541
+ "type": {
3542
+ "type": "intrinsic",
3543
+ "name": "void"
3544
+ }
3545
+ }
3546
+ ]
3547
+ },
3548
+ {
3549
+ "id": 214,
3358
3550
  "name": "onWindowResize",
3359
3551
  "kind": 2048,
3360
3552
  "kindString": "Method",
@@ -3366,6 +3558,8 @@
3366
3558
  "name": "HostListener",
3367
3559
  "type": {
3368
3560
  "type": "reference",
3561
+ "qualifiedName": "HostListenerDecorator",
3562
+ "package": "@angular/core",
3369
3563
  "name": "HostListener"
3370
3564
  },
3371
3565
  "arguments": {
@@ -3376,13 +3570,13 @@
3376
3570
  "sources": [
3377
3571
  {
3378
3572
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3379
- "line": 233,
3573
+ "line": 230,
3380
3574
  "character": 9
3381
3575
  }
3382
3576
  ],
3383
3577
  "signatures": [
3384
3578
  {
3385
- "id": 218,
3579
+ "id": 215,
3386
3580
  "name": "onWindowResize",
3387
3581
  "kind": 4096,
3388
3582
  "kindString": "Call signature",
@@ -3395,7 +3589,7 @@
3395
3589
  ]
3396
3590
  },
3397
3591
  {
3398
- "id": 219,
3592
+ "id": 216,
3399
3593
  "name": "tabDeactivated",
3400
3594
  "kind": 2048,
3401
3595
  "kindString": "Method",
@@ -3405,13 +3599,13 @@
3405
3599
  "sources": [
3406
3600
  {
3407
3601
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3408
- "line": 237,
3602
+ "line": 236,
3409
3603
  "character": 9
3410
3604
  }
3411
3605
  ],
3412
3606
  "signatures": [
3413
3607
  {
3414
- "id": 220,
3608
+ "id": 217,
3415
3609
  "name": "tabDeactivated",
3416
3610
  "kind": 4096,
3417
3611
  "kindString": "Call signature",
@@ -3424,7 +3618,7 @@
3424
3618
  ]
3425
3619
  },
3426
3620
  {
3427
- "id": 213,
3621
+ "id": 207,
3428
3622
  "name": "tabIndex",
3429
3623
  "kind": 2048,
3430
3624
  "kindString": "Method",
@@ -3434,13 +3628,13 @@
3434
3628
  "sources": [
3435
3629
  {
3436
3630
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3437
- "line": 215,
3631
+ "line": 196,
3438
3632
  "character": 9
3439
3633
  }
3440
3634
  ],
3441
3635
  "signatures": [
3442
3636
  {
3443
- "id": 214,
3637
+ "id": 208,
3444
3638
  "name": "tabIndex",
3445
3639
  "kind": 4096,
3446
3640
  "kindString": "Call signature",
@@ -3466,56 +3660,62 @@
3466
3660
  "kind": 1024,
3467
3661
  "children": [
3468
3662
  176,
3469
- 187,
3470
- 200,
3471
- 201,
3472
- 189,
3473
- 190,
3474
- 195
3663
+ 177,
3664
+ 182,
3665
+ 195,
3666
+ 196,
3667
+ 197,
3668
+ 184,
3669
+ 185,
3670
+ 190
3475
3671
  ]
3476
3672
  },
3477
3673
  {
3478
3674
  "title": "Accessors",
3479
3675
  "kind": 262144,
3480
3676
  "children": [
3481
- 177,
3482
- 183,
3483
- 196
3677
+ 178,
3678
+ 191
3484
3679
  ]
3485
3680
  },
3486
3681
  {
3487
3682
  "title": "Methods",
3488
3683
  "kind": 2048,
3489
3684
  "children": [
3490
- 215,
3491
- 211,
3492
3685
  209,
3493
- 217,
3494
- 219,
3495
- 213
3686
+ 205,
3687
+ 203,
3688
+ 211,
3689
+ 214,
3690
+ 216,
3691
+ 207
3496
3692
  ]
3497
3693
  }
3498
3694
  ],
3499
3695
  "sources": [
3500
3696
  {
3501
3697
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
3502
- "line": 47,
3698
+ "line": 40,
3503
3699
  "character": 13
3504
3700
  }
3505
3701
  ],
3506
3702
  "implementedTypes": [
3507
3703
  {
3508
3704
  "type": "reference",
3705
+ "qualifiedName": "OnInit",
3706
+ "package": "@angular/core",
3509
3707
  "name": "OnInit"
3510
3708
  },
3511
3709
  {
3512
3710
  "type": "reference",
3711
+ "qualifiedName": "OnDestroy",
3712
+ "package": "@angular/core",
3513
3713
  "name": "OnDestroy"
3514
3714
  }
3515
3715
  ]
3516
3716
  },
3517
3717
  {
3518
- "id": 224,
3718
+ "id": 221,
3519
3719
  "name": "SkySectionedFormSectionComponent",
3520
3720
  "kind": 128,
3521
3721
  "kindString": "Class",
@@ -3528,16 +3728,18 @@
3528
3728
  "name": "Component",
3529
3729
  "type": {
3530
3730
  "type": "reference",
3731
+ "qualifiedName": "ComponentDecorator",
3732
+ "package": "@angular/core",
3531
3733
  "name": "Component"
3532
3734
  },
3533
3735
  "arguments": {
3534
- "obj": "{\n selector: 'sky-sectioned-form-section',\n templateUrl: './sectioned-form-section.component.html',\n providers: [SkySectionedFormService],\n styleUrls: ['./sectioned-form-section.component.scss']\n}"
3736
+ "obj": "{\n selector: 'sky-sectioned-form-section',\n templateUrl: './sectioned-form-section.component.html',\n providers: [SkySectionedFormService],\n styleUrls: ['./sectioned-form-section.component.scss'],\n}"
3535
3737
  }
3536
3738
  }
3537
3739
  ],
3538
3740
  "children": [
3539
3741
  {
3540
- "id": 225,
3742
+ "id": 222,
3541
3743
  "name": "constructor",
3542
3744
  "kind": 512,
3543
3745
  "kindString": "Constructor",
@@ -3545,32 +3747,32 @@
3545
3747
  "sources": [
3546
3748
  {
3547
3749
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3548
- "line": 81,
3750
+ "line": 62,
3549
3751
  "character": 2
3550
3752
  }
3551
3753
  ],
3552
3754
  "signatures": [
3553
3755
  {
3554
- "id": 226,
3756
+ "id": 223,
3555
3757
  "name": "SkySectionedFormSectionComponent",
3556
3758
  "kind": 16384,
3557
3759
  "kindString": "Constructor signature",
3558
3760
  "flags": {},
3559
3761
  "parameters": [
3560
3762
  {
3561
- "id": 227,
3763
+ "id": 224,
3562
3764
  "name": "sectionedFormService",
3563
3765
  "kind": 32768,
3564
3766
  "kindString": "Parameter",
3565
3767
  "flags": {},
3566
3768
  "type": {
3567
3769
  "type": "reference",
3568
- "id": 308,
3770
+ "id": 302,
3569
3771
  "name": "SkySectionedFormService"
3570
3772
  }
3571
3773
  },
3572
3774
  {
3573
- "id": 228,
3775
+ "id": 225,
3574
3776
  "name": "tabsetService",
3575
3777
  "kind": 32768,
3576
3778
  "kindString": "Parameter",
@@ -3581,27 +3783,29 @@
3581
3783
  }
3582
3784
  },
3583
3785
  {
3584
- "id": 229,
3786
+ "id": 226,
3585
3787
  "name": "changeRef",
3586
3788
  "kind": 32768,
3587
3789
  "kindString": "Parameter",
3588
3790
  "flags": {},
3589
3791
  "type": {
3590
3792
  "type": "reference",
3793
+ "qualifiedName": "ChangeDetectorRef",
3794
+ "package": "@angular/core",
3591
3795
  "name": "ChangeDetectorRef"
3592
3796
  }
3593
3797
  }
3594
3798
  ],
3595
3799
  "type": {
3596
3800
  "type": "reference",
3597
- "id": 224,
3801
+ "id": 221,
3598
3802
  "name": "SkySectionedFormSectionComponent"
3599
3803
  }
3600
3804
  }
3601
3805
  ]
3602
3806
  },
3603
3807
  {
3604
- "id": 234,
3808
+ "id": 231,
3605
3809
  "name": "active",
3606
3810
  "kind": 1024,
3607
3811
  "kindString": "Property",
@@ -3622,6 +3826,8 @@
3622
3826
  "name": "Input",
3623
3827
  "type": {
3624
3828
  "type": "reference",
3829
+ "qualifiedName": "InputDecorator",
3830
+ "package": "@angular/core",
3625
3831
  "name": "Input"
3626
3832
  },
3627
3833
  "arguments": {}
@@ -3630,17 +3836,18 @@
3630
3836
  "sources": [
3631
3837
  {
3632
3838
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3633
- "line": 62,
3839
+ "line": 52,
3634
3840
  "character": 9
3635
3841
  }
3636
3842
  ],
3637
3843
  "type": {
3638
3844
  "type": "intrinsic",
3639
3845
  "name": "boolean"
3640
- }
3846
+ },
3847
+ "defaultValue": "false"
3641
3848
  },
3642
3849
  {
3643
- "id": 240,
3850
+ "id": 233,
3644
3851
  "name": "fieldInvalid",
3645
3852
  "kind": 1024,
3646
3853
  "kindString": "Property",
@@ -3650,7 +3857,7 @@
3650
3857
  "sources": [
3651
3858
  {
3652
3859
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3653
- "line": 73,
3860
+ "line": 55,
3654
3861
  "character": 9
3655
3862
  }
3656
3863
  ],
@@ -3660,7 +3867,7 @@
3660
3867
  }
3661
3868
  },
3662
3869
  {
3663
- "id": 239,
3870
+ "id": 232,
3664
3871
  "name": "fieldRequired",
3665
3872
  "kind": 1024,
3666
3873
  "kindString": "Property",
@@ -3670,7 +3877,7 @@
3670
3877
  "sources": [
3671
3878
  {
3672
3879
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3673
- "line": 72,
3880
+ "line": 54,
3674
3881
  "character": 9
3675
3882
  }
3676
3883
  ],
@@ -3680,7 +3887,7 @@
3680
3887
  }
3681
3888
  },
3682
3889
  {
3683
- "id": 232,
3890
+ "id": 229,
3684
3891
  "name": "heading",
3685
3892
  "kind": 1024,
3686
3893
  "kindString": "Property",
@@ -3701,6 +3908,8 @@
3701
3908
  "name": "Input",
3702
3909
  "type": {
3703
3910
  "type": "reference",
3911
+ "qualifiedName": "InputDecorator",
3912
+ "package": "@angular/core",
3704
3913
  "name": "Input"
3705
3914
  },
3706
3915
  "arguments": {}
@@ -3709,7 +3918,7 @@
3709
3918
  "sources": [
3710
3919
  {
3711
3920
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3712
- "line": 48,
3921
+ "line": 38,
3713
3922
  "character": 9
3714
3923
  }
3715
3924
  ],
@@ -3719,7 +3928,7 @@
3719
3928
  }
3720
3929
  },
3721
3930
  {
3722
- "id": 233,
3931
+ "id": 230,
3723
3932
  "name": "itemCount",
3724
3933
  "kind": 1024,
3725
3934
  "kindString": "Property",
@@ -3734,6 +3943,8 @@
3734
3943
  "name": "Input",
3735
3944
  "type": {
3736
3945
  "type": "reference",
3946
+ "qualifiedName": "InputDecorator",
3947
+ "package": "@angular/core",
3737
3948
  "name": "Input"
3738
3949
  },
3739
3950
  "arguments": {}
@@ -3742,7 +3953,7 @@
3742
3953
  "sources": [
3743
3954
  {
3744
3955
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3745
- "line": 55,
3956
+ "line": 45,
3746
3957
  "character": 9
3747
3958
  }
3748
3959
  ],
@@ -3752,7 +3963,7 @@
3752
3963
  }
3753
3964
  },
3754
3965
  {
3755
- "id": 231,
3966
+ "id": 228,
3756
3967
  "name": "sectionContentId",
3757
3968
  "kind": 1024,
3758
3969
  "kindString": "Property",
@@ -3762,7 +3973,7 @@
3762
3973
  "sources": [
3763
3974
  {
3764
3975
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3765
- "line": 41,
3976
+ "line": 31,
3766
3977
  "character": 9
3767
3978
  }
3768
3979
  ],
@@ -3773,7 +3984,7 @@
3773
3984
  "defaultValue": "..."
3774
3985
  },
3775
3986
  {
3776
- "id": 230,
3987
+ "id": 227,
3777
3988
  "name": "sectionTabId",
3778
3989
  "kind": 1024,
3779
3990
  "kindString": "Property",
@@ -3783,7 +3994,7 @@
3783
3994
  "sources": [
3784
3995
  {
3785
3996
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3786
- "line": 40,
3997
+ "line": 30,
3787
3998
  "character": 9
3788
3999
  }
3789
4000
  ],
@@ -3794,7 +4005,7 @@
3794
4005
  "defaultValue": "..."
3795
4006
  },
3796
4007
  {
3797
- "id": 241,
4008
+ "id": 234,
3798
4009
  "name": "tab",
3799
4010
  "kind": 1024,
3800
4011
  "kindString": "Property",
@@ -3806,6 +4017,8 @@
3806
4017
  "name": "ViewChild",
3807
4018
  "type": {
3808
4019
  "type": "reference",
4020
+ "qualifiedName": "ViewChildDecorator",
4021
+ "package": "@angular/core",
3809
4022
  "name": "ViewChild"
3810
4023
  },
3811
4024
  "arguments": {
@@ -3816,7 +4029,7 @@
3816
4029
  "sources": [
3817
4030
  {
3818
4031
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3819
- "line": 76,
4032
+ "line": 58,
3820
4033
  "character": 9
3821
4034
  }
3822
4035
  ],
@@ -3827,65 +4040,7 @@
3827
4040
  }
3828
4041
  },
3829
4042
  {
3830
- "id": 237,
3831
- "name": "ariaLabelledby",
3832
- "kind": 262144,
3833
- "kindString": "Accessor",
3834
- "flags": {
3835
- "isPublic": true
3836
- },
3837
- "sources": [
3838
- {
3839
- "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3840
- "line": 68,
3841
- "character": 13
3842
- }
3843
- ],
3844
- "getSignature": [
3845
- {
3846
- "id": 238,
3847
- "name": "ariaLabelledby",
3848
- "kind": 524288,
3849
- "kindString": "Get signature",
3850
- "flags": {},
3851
- "type": {
3852
- "type": "intrinsic",
3853
- "name": "string"
3854
- }
3855
- }
3856
- ]
3857
- },
3858
- {
3859
- "id": 235,
3860
- "name": "ariaRole",
3861
- "kind": 262144,
3862
- "kindString": "Accessor",
3863
- "flags": {
3864
- "isPublic": true
3865
- },
3866
- "sources": [
3867
- {
3868
- "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3869
- "line": 64,
3870
- "character": 13
3871
- }
3872
- ],
3873
- "getSignature": [
3874
- {
3875
- "id": 236,
3876
- "name": "ariaRole",
3877
- "kind": 524288,
3878
- "kindString": "Get signature",
3879
- "flags": {},
3880
- "type": {
3881
- "type": "intrinsic",
3882
- "name": "string"
3883
- }
3884
- }
3885
- ]
3886
- },
3887
- {
3888
- "id": 246,
4043
+ "id": 238,
3889
4044
  "name": "ngOnDestroy",
3890
4045
  "kind": 2048,
3891
4046
  "kindString": "Method",
@@ -3895,13 +4050,13 @@
3895
4050
  "sources": [
3896
4051
  {
3897
4052
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3898
- "line": 106,
4053
+ "line": 84,
3899
4054
  "character": 9
3900
4055
  }
3901
4056
  ],
3902
4057
  "signatures": [
3903
4058
  {
3904
- "id": 247,
4059
+ "id": 239,
3905
4060
  "name": "ngOnDestroy",
3906
4061
  "kind": 4096,
3907
4062
  "kindString": "Call signature",
@@ -3922,7 +4077,7 @@
3922
4077
  }
3923
4078
  },
3924
4079
  {
3925
- "id": 244,
4080
+ "id": 236,
3926
4081
  "name": "ngOnInit",
3927
4082
  "kind": 2048,
3928
4083
  "kindString": "Method",
@@ -3932,13 +4087,13 @@
3932
4087
  "sources": [
3933
4088
  {
3934
4089
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
3935
- "line": 87,
4090
+ "line": 68,
3936
4091
  "character": 9
3937
4092
  }
3938
4093
  ],
3939
4094
  "signatures": [
3940
4095
  {
3941
- "id": 245,
4096
+ "id": 237,
3942
4097
  "name": "ngOnInit",
3943
4098
  "kind": 4096,
3944
4099
  "kindString": "Call signature",
@@ -3964,60 +4119,56 @@
3964
4119
  "title": "Constructors",
3965
4120
  "kind": 512,
3966
4121
  "children": [
3967
- 225
4122
+ 222
3968
4123
  ]
3969
4124
  },
3970
4125
  {
3971
4126
  "title": "Properties",
3972
4127
  "kind": 1024,
3973
4128
  "children": [
3974
- 234,
3975
- 240,
3976
- 239,
3977
- 232,
3978
- 233,
3979
4129
  231,
4130
+ 233,
4131
+ 232,
4132
+ 229,
3980
4133
  230,
3981
- 241
3982
- ]
3983
- },
3984
- {
3985
- "title": "Accessors",
3986
- "kind": 262144,
3987
- "children": [
3988
- 237,
3989
- 235
4134
+ 228,
4135
+ 227,
4136
+ 234
3990
4137
  ]
3991
4138
  },
3992
4139
  {
3993
4140
  "title": "Methods",
3994
4141
  "kind": 2048,
3995
4142
  "children": [
3996
- 246,
3997
- 244
4143
+ 238,
4144
+ 236
3998
4145
  ]
3999
4146
  }
4000
4147
  ],
4001
4148
  "sources": [
4002
4149
  {
4003
4150
  "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
4004
- "line": 39,
4151
+ "line": 29,
4005
4152
  "character": 13
4006
4153
  }
4007
4154
  ],
4008
4155
  "implementedTypes": [
4009
4156
  {
4010
4157
  "type": "reference",
4158
+ "qualifiedName": "OnInit",
4159
+ "package": "@angular/core",
4011
4160
  "name": "OnInit"
4012
4161
  },
4013
4162
  {
4014
4163
  "type": "reference",
4164
+ "qualifiedName": "OnDestroy",
4165
+ "package": "@angular/core",
4015
4166
  "name": "OnDestroy"
4016
4167
  }
4017
4168
  ]
4018
4169
  },
4019
4170
  {
4020
- "id": 248,
4171
+ "id": 240,
4021
4172
  "name": "SkyVerticalTabsetComponent",
4022
4173
  "kind": 128,
4023
4174
  "kindString": "Class",
@@ -4027,16 +4178,18 @@
4027
4178
  "name": "Component",
4028
4179
  "type": {
4029
4180
  "type": "reference",
4181
+ "qualifiedName": "ComponentDecorator",
4182
+ "package": "@angular/core",
4030
4183
  "name": "Component"
4031
4184
  },
4032
4185
  "arguments": {
4033
- "obj": "{\n selector: 'sky-vertical-tabset',\n templateUrl: './vertical-tabset.component.html',\n styleUrls: ['./vertical-tabset.component.scss'],\n providers: [\n SkyVerticalTabsetService\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger(\n 'tabGroupEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({transform: 'translate(-100%)'}),\n animate('150ms ease-in')\n ])\n ]\n ),\n trigger(\n 'contentEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({transform: 'translate(100%)'}),\n animate('150ms ease-in')\n ])\n ]\n )\n ]\n}"
4186
+ "obj": "{\n selector: 'sky-vertical-tabset',\n templateUrl: './vertical-tabset.component.html',\n styleUrls: ['./vertical-tabset.component.scss'],\n providers: [SkyVerticalTabsetService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger('tabGroupEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({ transform: 'translate(-100%)' }),\n animate('150ms ease-in'),\n ]),\n ]),\n trigger('contentEnter', [\n transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n style({ transform: 'translate(100%)' }),\n animate('150ms ease-in'),\n ]),\n ]),\n ],\n}"
4034
4187
  }
4035
4188
  }
4036
4189
  ],
4037
4190
  "children": [
4038
4191
  {
4039
- "id": 249,
4192
+ "id": 241,
4040
4193
  "name": "constructor",
4041
4194
  "kind": 512,
4042
4195
  "kindString": "Constructor",
@@ -4050,14 +4203,14 @@
4050
4203
  ],
4051
4204
  "signatures": [
4052
4205
  {
4053
- "id": 250,
4206
+ "id": 242,
4054
4207
  "name": "SkyVerticalTabsetComponent",
4055
4208
  "kind": 16384,
4056
4209
  "kindString": "Constructor signature",
4057
4210
  "flags": {},
4058
4211
  "parameters": [
4059
4212
  {
4060
- "id": 251,
4213
+ "id": 243,
4061
4214
  "name": "adapterService",
4062
4215
  "kind": 32768,
4063
4216
  "kindString": "Parameter",
@@ -4068,7 +4221,7 @@
4068
4221
  }
4069
4222
  },
4070
4223
  {
4071
- "id": 252,
4224
+ "id": 244,
4072
4225
  "name": "tabService",
4073
4226
  "kind": 32768,
4074
4227
  "kindString": "Parameter",
@@ -4079,7 +4232,7 @@
4079
4232
  }
4080
4233
  },
4081
4234
  {
4082
- "id": 253,
4235
+ "id": 245,
4083
4236
  "name": "resources",
4084
4237
  "kind": 32768,
4085
4238
  "kindString": "Parameter",
@@ -4090,27 +4243,29 @@
4090
4243
  }
4091
4244
  },
4092
4245
  {
4093
- "id": 254,
4246
+ "id": 246,
4094
4247
  "name": "changeRef",
4095
4248
  "kind": 32768,
4096
4249
  "kindString": "Parameter",
4097
4250
  "flags": {},
4098
4251
  "type": {
4099
4252
  "type": "reference",
4253
+ "qualifiedName": "ChangeDetectorRef",
4254
+ "package": "@angular/core",
4100
4255
  "name": "ChangeDetectorRef"
4101
4256
  }
4102
4257
  }
4103
4258
  ],
4104
4259
  "type": {
4105
4260
  "type": "reference",
4106
- "id": 248,
4261
+ "id": 240,
4107
4262
  "name": "SkyVerticalTabsetComponent"
4108
4263
  }
4109
4264
  }
4110
4265
  ]
4111
4266
  },
4112
4267
  {
4113
- "id": 261,
4268
+ "id": 255,
4114
4269
  "name": "activeChange",
4115
4270
  "kind": 1024,
4116
4271
  "kindString": "Property",
@@ -4125,6 +4280,8 @@
4125
4280
  "name": "Output",
4126
4281
  "type": {
4127
4282
  "type": "reference",
4283
+ "qualifiedName": "OutputDecorator",
4284
+ "package": "@angular/core",
4128
4285
  "name": "Output"
4129
4286
  },
4130
4287
  "arguments": {}
@@ -4145,12 +4302,14 @@
4145
4302
  "name": "number"
4146
4303
  }
4147
4304
  ],
4305
+ "qualifiedName": "EventEmitter",
4306
+ "package": "@angular/core",
4148
4307
  "name": "EventEmitter"
4149
4308
  },
4150
4309
  "defaultValue": "..."
4151
4310
  },
4152
4311
  {
4153
- "id": 268,
4312
+ "id": 262,
4154
4313
  "name": "adapterService",
4155
4314
  "kind": 1024,
4156
4315
  "kindString": "Property",
@@ -4163,7 +4322,77 @@
4163
4322
  }
4164
4323
  },
4165
4324
  {
4166
- "id": 263,
4325
+ "id": 248,
4326
+ "name": "ariaLabel",
4327
+ "kind": 1024,
4328
+ "kindString": "Property",
4329
+ "flags": {
4330
+ "isPublic": true
4331
+ },
4332
+ "comment": {
4333
+ "shortText": "Specifies an ARIA label for the tabset. This sets the tabset's `aria-label` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the tabset includes a visible label, use `ariaLabelledBy` instead."
4334
+ },
4335
+ "decorators": [
4336
+ {
4337
+ "name": "Input",
4338
+ "type": {
4339
+ "type": "reference",
4340
+ "qualifiedName": "InputDecorator",
4341
+ "package": "@angular/core",
4342
+ "name": "Input"
4343
+ },
4344
+ "arguments": {}
4345
+ }
4346
+ ],
4347
+ "sources": [
4348
+ {
4349
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4350
+ "line": 67,
4351
+ "character": 9
4352
+ }
4353
+ ],
4354
+ "type": {
4355
+ "type": "intrinsic",
4356
+ "name": "string"
4357
+ }
4358
+ },
4359
+ {
4360
+ "id": 249,
4361
+ "name": "ariaLabelledBy",
4362
+ "kind": 1024,
4363
+ "kindString": "Property",
4364
+ "flags": {
4365
+ "isPublic": true
4366
+ },
4367
+ "comment": {
4368
+ "shortText": "Specifies the HTML element ID (without the leading `#`) of the element that labels\nthe tabset. This sets the tabset's `aria-labelledby` attribute\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\nIf the tabset does not include a visible label, use `ariaLabel` instead."
4369
+ },
4370
+ "decorators": [
4371
+ {
4372
+ "name": "Input",
4373
+ "type": {
4374
+ "type": "reference",
4375
+ "qualifiedName": "InputDecorator",
4376
+ "package": "@angular/core",
4377
+ "name": "Input"
4378
+ },
4379
+ "arguments": {}
4380
+ }
4381
+ ],
4382
+ "sources": [
4383
+ {
4384
+ "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4385
+ "line": 76,
4386
+ "character": 9
4387
+ }
4388
+ ],
4389
+ "type": {
4390
+ "type": "intrinsic",
4391
+ "name": "string"
4392
+ }
4393
+ },
4394
+ {
4395
+ "id": 257,
4167
4396
  "name": "content",
4168
4397
  "kind": 1024,
4169
4398
  "kindString": "Property",
@@ -4175,6 +4404,8 @@
4175
4404
  "name": "ViewChild",
4176
4405
  "type": {
4177
4406
  "type": "reference",
4407
+ "qualifiedName": "ViewChildDecorator",
4408
+ "package": "@angular/core",
4178
4409
  "name": "ViewChild"
4179
4410
  },
4180
4411
  "arguments": {
@@ -4197,11 +4428,13 @@
4197
4428
  "name": "any"
4198
4429
  }
4199
4430
  ],
4431
+ "qualifiedName": "ElementRef",
4432
+ "package": "@angular/core",
4200
4433
  "name": "ElementRef"
4201
4434
  }
4202
4435
  },
4203
4436
  {
4204
- "id": 260,
4437
+ "id": 254,
4205
4438
  "name": "maintainTabContent",
4206
4439
  "kind": 1024,
4207
4440
  "kindString": "Property",
@@ -4213,7 +4446,7 @@
4213
4446
  "tags": [
4214
4447
  {
4215
4448
  "tag": "default",
4216
- "text": "'false'\n"
4449
+ "text": "false\n"
4217
4450
  }
4218
4451
  ]
4219
4452
  },
@@ -4222,6 +4455,8 @@
4222
4455
  "name": "Input",
4223
4456
  "type": {
4224
4457
  "type": "reference",
4458
+ "qualifiedName": "InputDecorator",
4459
+ "package": "@angular/core",
4225
4460
  "name": "Input"
4226
4461
  },
4227
4462
  "arguments": {}
@@ -4241,7 +4476,7 @@
4241
4476
  "defaultValue": "false"
4242
4477
  },
4243
4478
  {
4244
- "id": 255,
4479
+ "id": 247,
4245
4480
  "name": "showTabsText",
4246
4481
  "kind": 1024,
4247
4482
  "kindString": "Property",
@@ -4256,6 +4491,8 @@
4256
4491
  "name": "Input",
4257
4492
  "type": {
4258
4493
  "type": "reference",
4494
+ "qualifiedName": "InputDecorator",
4495
+ "package": "@angular/core",
4259
4496
  "name": "Input"
4260
4497
  },
4261
4498
  "arguments": {}
@@ -4264,7 +4501,7 @@
4264
4501
  "sources": [
4265
4502
  {
4266
4503
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4267
- "line": 78,
4504
+ "line": 59,
4268
4505
  "character": 9
4269
4506
  }
4270
4507
  ],
@@ -4274,7 +4511,7 @@
4274
4511
  }
4275
4512
  },
4276
4513
  {
4277
- "id": 262,
4514
+ "id": 256,
4278
4515
  "name": "tabGroups",
4279
4516
  "kind": 1024,
4280
4517
  "kindString": "Property",
@@ -4286,6 +4523,8 @@
4286
4523
  "name": "ViewChild",
4287
4524
  "type": {
4288
4525
  "type": "reference",
4526
+ "qualifiedName": "ViewChildDecorator",
4527
+ "package": "@angular/core",
4289
4528
  "name": "ViewChild"
4290
4529
  },
4291
4530
  "arguments": {
@@ -4308,11 +4547,13 @@
4308
4547
  "name": "any"
4309
4548
  }
4310
4549
  ],
4550
+ "qualifiedName": "ElementRef",
4551
+ "package": "@angular/core",
4311
4552
  "name": "ElementRef"
4312
4553
  }
4313
4554
  },
4314
4555
  {
4315
- "id": 269,
4556
+ "id": 263,
4316
4557
  "name": "tabService",
4317
4558
  "kind": 1024,
4318
4559
  "kindString": "Property",
@@ -4325,7 +4566,7 @@
4325
4566
  }
4326
4567
  },
4327
4568
  {
4328
- "id": 256,
4569
+ "id": 250,
4329
4570
  "name": "ariaRole",
4330
4571
  "kind": 262144,
4331
4572
  "kindString": "Accessor",
@@ -4337,6 +4578,8 @@
4337
4578
  "name": "Input",
4338
4579
  "type": {
4339
4580
  "type": "reference",
4581
+ "qualifiedName": "InputDecorator",
4582
+ "package": "@angular/core",
4340
4583
  "name": "Input"
4341
4584
  },
4342
4585
  "arguments": {}
@@ -4351,7 +4594,7 @@
4351
4594
  ],
4352
4595
  "getSignature": [
4353
4596
  {
4354
- "id": 257,
4597
+ "id": 251,
4355
4598
  "name": "ariaRole",
4356
4599
  "kind": 524288,
4357
4600
  "kindString": "Get signature",
@@ -4361,7 +4604,11 @@
4361
4604
  "tags": [
4362
4605
  {
4363
4606
  "tag": "default",
4364
- "text": "\"tablist\"\n"
4607
+ "text": "\"tablist\""
4608
+ },
4609
+ {
4610
+ "tag": "deprecated",
4611
+ "text": "Any other value than `tablist` could lead to a poor user experience for users with assistive technology.\nIn the next major version, this property will be automatically set to `tablist`.\n"
4365
4612
  }
4366
4613
  ]
4367
4614
  },
@@ -4373,17 +4620,27 @@
4373
4620
  ],
4374
4621
  "setSignature": [
4375
4622
  {
4376
- "id": 258,
4623
+ "id": 252,
4377
4624
  "name": "ariaRole",
4378
4625
  "kind": 1048576,
4379
4626
  "kindString": "Set signature",
4380
4627
  "flags": {},
4381
4628
  "comment": {
4382
- "shortText": "Specifies an ARIA role for the vertical tabset\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tabset functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles)."
4629
+ "shortText": "Specifies an ARIA role for the vertical tabset\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tabset functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).",
4630
+ "tags": [
4631
+ {
4632
+ "tag": "default",
4633
+ "text": "\"tablist\""
4634
+ },
4635
+ {
4636
+ "tag": "deprecated",
4637
+ "text": "Any other value than `tablist` could lead to a poor user experience for users with assistive technology.\nIn the next major version, this property will be automatically set to `tablist`.\n"
4638
+ }
4639
+ ]
4383
4640
  },
4384
4641
  "parameters": [
4385
4642
  {
4386
- "id": 259,
4643
+ "id": 253,
4387
4644
  "name": "value",
4388
4645
  "kind": 32768,
4389
4646
  "kindString": "Parameter",
@@ -4402,7 +4659,7 @@
4402
4659
  ]
4403
4660
  },
4404
4661
  {
4405
- "id": 272,
4662
+ "id": 266,
4406
4663
  "name": "ngAfterViewChecked",
4407
4664
  "kind": 2048,
4408
4665
  "kindString": "Method",
@@ -4412,13 +4669,13 @@
4412
4669
  "sources": [
4413
4670
  {
4414
4671
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4415
- "line": 171,
4672
+ "line": 173,
4416
4673
  "character": 9
4417
4674
  }
4418
4675
  ],
4419
4676
  "signatures": [
4420
4677
  {
4421
- "id": 273,
4678
+ "id": 267,
4422
4679
  "name": "ngAfterViewChecked",
4423
4680
  "kind": 4096,
4424
4681
  "kindString": "Call signature",
@@ -4439,7 +4696,7 @@
4439
4696
  }
4440
4697
  },
4441
4698
  {
4442
- "id": 274,
4699
+ "id": 268,
4443
4700
  "name": "ngOnDestroy",
4444
4701
  "kind": 2048,
4445
4702
  "kindString": "Method",
@@ -4449,13 +4706,13 @@
4449
4706
  "sources": [
4450
4707
  {
4451
4708
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4452
- "line": 176,
4709
+ "line": 178,
4453
4710
  "character": 9
4454
4711
  }
4455
4712
  ],
4456
4713
  "signatures": [
4457
4714
  {
4458
- "id": 275,
4715
+ "id": 269,
4459
4716
  "name": "ngOnDestroy",
4460
4717
  "kind": 4096,
4461
4718
  "kindString": "Call signature",
@@ -4476,7 +4733,7 @@
4476
4733
  }
4477
4734
  },
4478
4735
  {
4479
- "id": 270,
4736
+ "id": 264,
4480
4737
  "name": "ngOnInit",
4481
4738
  "kind": 2048,
4482
4739
  "kindString": "Method",
@@ -4486,13 +4743,13 @@
4486
4743
  "sources": [
4487
4744
  {
4488
4745
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4489
- "line": 133,
4746
+ "line": 134,
4490
4747
  "character": 9
4491
4748
  }
4492
4749
  ],
4493
4750
  "signatures": [
4494
4751
  {
4495
- "id": 271,
4752
+ "id": 265,
4496
4753
  "name": "ngOnInit",
4497
4754
  "kind": 4096,
4498
4755
  "kindString": "Call signature",
@@ -4518,63 +4775,71 @@
4518
4775
  "title": "Constructors",
4519
4776
  "kind": 512,
4520
4777
  "children": [
4521
- 249
4778
+ 241
4522
4779
  ]
4523
4780
  },
4524
4781
  {
4525
4782
  "title": "Properties",
4526
4783
  "kind": 1024,
4527
4784
  "children": [
4528
- 261,
4529
- 268,
4530
- 263,
4531
- 260,
4532
4785
  255,
4533
4786
  262,
4534
- 269
4787
+ 248,
4788
+ 249,
4789
+ 257,
4790
+ 254,
4791
+ 247,
4792
+ 256,
4793
+ 263
4535
4794
  ]
4536
4795
  },
4537
4796
  {
4538
4797
  "title": "Accessors",
4539
4798
  "kind": 262144,
4540
4799
  "children": [
4541
- 256
4800
+ 250
4542
4801
  ]
4543
4802
  },
4544
4803
  {
4545
4804
  "title": "Methods",
4546
4805
  "kind": 2048,
4547
4806
  "children": [
4548
- 272,
4549
- 274,
4550
- 270
4807
+ 266,
4808
+ 268,
4809
+ 264
4551
4810
  ]
4552
4811
  }
4553
4812
  ],
4554
4813
  "sources": [
4555
4814
  {
4556
4815
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
4557
- "line": 72,
4816
+ "line": 52,
4558
4817
  "character": 13
4559
4818
  }
4560
4819
  ],
4561
4820
  "implementedTypes": [
4562
4821
  {
4563
4822
  "type": "reference",
4823
+ "qualifiedName": "OnInit",
4824
+ "package": "@angular/core",
4564
4825
  "name": "OnInit"
4565
4826
  },
4566
4827
  {
4567
4828
  "type": "reference",
4829
+ "qualifiedName": "AfterViewChecked",
4830
+ "package": "@angular/core",
4568
4831
  "name": "AfterViewChecked"
4569
4832
  },
4570
4833
  {
4571
4834
  "type": "reference",
4835
+ "qualifiedName": "OnDestroy",
4836
+ "package": "@angular/core",
4572
4837
  "name": "OnDestroy"
4573
4838
  }
4574
4839
  ]
4575
4840
  },
4576
4841
  {
4577
- "id": 276,
4842
+ "id": 270,
4578
4843
  "name": "SkyVerticalTabsetGroupComponent",
4579
4844
  "kind": 128,
4580
4845
  "kindString": "Class",
@@ -4584,16 +4849,18 @@
4584
4849
  "name": "Component",
4585
4850
  "type": {
4586
4851
  "type": "reference",
4852
+ "qualifiedName": "ComponentDecorator",
4853
+ "package": "@angular/core",
4587
4854
  "name": "Component"
4588
4855
  },
4589
4856
  "arguments": {
4590
- "obj": "{\n selector: 'sky-vertical-tabset-group',\n templateUrl: './vertical-tabset-group.component.html',\n styleUrls: ['./vertical-tabset-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger(\n 'tabSlide', [\n transition(':enter', [\n style({\n height: '0',\n visibility: 'hidden'\n }),\n animate('150ms ease-in', style({\n height: '*',\n visibility: 'visible'\n }))\n ]),\n transition(':leave', [\n style({\n height: '*',\n visibility: 'visible'\n }),\n animate('150ms ease-in', style({\n height: '0',\n visibility: 'hidden'\n }))\n ])\n ])\n ]\n}"
4857
+ "obj": "{\n selector: 'sky-vertical-tabset-group',\n templateUrl: './vertical-tabset-group.component.html',\n styleUrls: ['./vertical-tabset-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [skyAnimationSlide],\n}"
4591
4858
  }
4592
4859
  }
4593
4860
  ],
4594
4861
  "children": [
4595
4862
  {
4596
- "id": 277,
4863
+ "id": 271,
4597
4864
  "name": "constructor",
4598
4865
  "kind": 512,
4599
4866
  "kindString": "Constructor",
@@ -4601,20 +4868,20 @@
4601
4868
  "sources": [
4602
4869
  {
4603
4870
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4604
- "line": 103,
4871
+ "line": 64,
4605
4872
  "character": 2
4606
4873
  }
4607
4874
  ],
4608
4875
  "signatures": [
4609
4876
  {
4610
- "id": 278,
4877
+ "id": 272,
4611
4878
  "name": "SkyVerticalTabsetGroupComponent",
4612
4879
  "kind": 16384,
4613
4880
  "kindString": "Constructor signature",
4614
4881
  "flags": {},
4615
4882
  "parameters": [
4616
4883
  {
4617
- "id": 279,
4884
+ "id": 273,
4618
4885
  "name": "tabService",
4619
4886
  "kind": 32768,
4620
4887
  "kindString": "Parameter",
@@ -4625,27 +4892,29 @@
4625
4892
  }
4626
4893
  },
4627
4894
  {
4628
- "id": 280,
4895
+ "id": 274,
4629
4896
  "name": "changeRef",
4630
4897
  "kind": 32768,
4631
4898
  "kindString": "Parameter",
4632
4899
  "flags": {},
4633
4900
  "type": {
4634
4901
  "type": "reference",
4902
+ "qualifiedName": "ChangeDetectorRef",
4903
+ "package": "@angular/core",
4635
4904
  "name": "ChangeDetectorRef"
4636
4905
  }
4637
4906
  }
4638
4907
  ],
4639
4908
  "type": {
4640
4909
  "type": "reference",
4641
- "id": 276,
4910
+ "id": 270,
4642
4911
  "name": "SkyVerticalTabsetGroupComponent"
4643
4912
  }
4644
4913
  }
4645
4914
  ]
4646
4915
  },
4647
4916
  {
4648
- "id": 281,
4917
+ "id": 275,
4649
4918
  "name": "disabled",
4650
4919
  "kind": 1024,
4651
4920
  "kindString": "Property",
@@ -4657,7 +4926,7 @@
4657
4926
  "tags": [
4658
4927
  {
4659
4928
  "tag": "default",
4660
- "text": "\"false\"\n"
4929
+ "text": "false\n"
4661
4930
  }
4662
4931
  ]
4663
4932
  },
@@ -4666,6 +4935,8 @@
4666
4935
  "name": "Input",
4667
4936
  "type": {
4668
4937
  "type": "reference",
4938
+ "qualifiedName": "InputDecorator",
4939
+ "package": "@angular/core",
4669
4940
  "name": "Input"
4670
4941
  },
4671
4942
  "arguments": {}
@@ -4674,7 +4945,7 @@
4674
4945
  "sources": [
4675
4946
  {
4676
4947
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4677
- "line": 73,
4948
+ "line": 34,
4678
4949
  "character": 9
4679
4950
  }
4680
4951
  ],
@@ -4684,7 +4955,7 @@
4684
4955
  }
4685
4956
  },
4686
4957
  {
4687
- "id": 282,
4958
+ "id": 276,
4688
4959
  "name": "groupHeading",
4689
4960
  "kind": 1024,
4690
4961
  "kindString": "Property",
@@ -4699,6 +4970,8 @@
4699
4970
  "name": "Input",
4700
4971
  "type": {
4701
4972
  "type": "reference",
4973
+ "qualifiedName": "InputDecorator",
4974
+ "package": "@angular/core",
4702
4975
  "name": "Input"
4703
4976
  },
4704
4977
  "arguments": {}
@@ -4707,7 +4980,7 @@
4707
4980
  "sources": [
4708
4981
  {
4709
4982
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4710
- "line": 79,
4983
+ "line": 40,
4711
4984
  "character": 9
4712
4985
  }
4713
4986
  ],
@@ -4717,7 +4990,7 @@
4717
4990
  }
4718
4991
  },
4719
4992
  {
4720
- "id": 283,
4993
+ "id": 277,
4721
4994
  "name": "open",
4722
4995
  "kind": 262144,
4723
4996
  "kindString": "Accessor",
@@ -4729,6 +5002,8 @@
4729
5002
  "name": "Input",
4730
5003
  "type": {
4731
5004
  "type": "reference",
5005
+ "qualifiedName": "InputDecorator",
5006
+ "package": "@angular/core",
4732
5007
  "name": "Input"
4733
5008
  },
4734
5009
  "arguments": {}
@@ -4737,19 +5012,25 @@
4737
5012
  "sources": [
4738
5013
  {
4739
5014
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4740
- "line": 86,
5015
+ "line": 47,
4741
5016
  "character": 13
4742
5017
  }
4743
5018
  ],
4744
5019
  "getSignature": [
4745
5020
  {
4746
- "id": 284,
5021
+ "id": 278,
4747
5022
  "name": "open",
4748
5023
  "kind": 524288,
4749
5024
  "kindString": "Get signature",
4750
5025
  "flags": {},
4751
5026
  "comment": {
4752
- "shortText": "Indicates whether the collapsible group is expanded."
5027
+ "shortText": "Indicates whether the collapsible group is expanded.",
5028
+ "tags": [
5029
+ {
5030
+ "tag": "default",
5031
+ "text": "false\n"
5032
+ }
5033
+ ]
4753
5034
  },
4754
5035
  "type": {
4755
5036
  "type": "intrinsic",
@@ -4759,7 +5040,7 @@
4759
5040
  ],
4760
5041
  "setSignature": [
4761
5042
  {
4762
- "id": 285,
5043
+ "id": 279,
4763
5044
  "name": "open",
4764
5045
  "kind": 1048576,
4765
5046
  "kindString": "Set signature",
@@ -4769,13 +5050,13 @@
4769
5050
  "tags": [
4770
5051
  {
4771
5052
  "tag": "default",
4772
- "text": "\"false\"\n"
5053
+ "text": "false\n"
4773
5054
  }
4774
5055
  ]
4775
5056
  },
4776
5057
  "parameters": [
4777
5058
  {
4778
- "id": 286,
5059
+ "id": 280,
4779
5060
  "name": "value",
4780
5061
  "kind": 32768,
4781
5062
  "kindString": "Parameter",
@@ -4794,7 +5075,7 @@
4794
5075
  ]
4795
5076
  },
4796
5077
  {
4797
- "id": 293,
5078
+ "id": 287,
4798
5079
  "name": "ngOnDestroy",
4799
5080
  "kind": 2048,
4800
5081
  "kindString": "Method",
@@ -4804,13 +5085,13 @@
4804
5085
  "sources": [
4805
5086
  {
4806
5087
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4807
- "line": 122,
5088
+ "line": 83,
4808
5089
  "character": 9
4809
5090
  }
4810
5091
  ],
4811
5092
  "signatures": [
4812
5093
  {
4813
- "id": 294,
5094
+ "id": 288,
4814
5095
  "name": "ngOnDestroy",
4815
5096
  "kind": 4096,
4816
5097
  "kindString": "Call signature",
@@ -4831,7 +5112,7 @@
4831
5112
  }
4832
5113
  },
4833
5114
  {
4834
- "id": 291,
5115
+ "id": 285,
4835
5116
  "name": "ngOnInit",
4836
5117
  "kind": 2048,
4837
5118
  "kindString": "Method",
@@ -4841,13 +5122,13 @@
4841
5122
  "sources": [
4842
5123
  {
4843
5124
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4844
- "line": 108,
5125
+ "line": 69,
4845
5126
  "character": 9
4846
5127
  }
4847
5128
  ],
4848
5129
  "signatures": [
4849
5130
  {
4850
- "id": 292,
5131
+ "id": 286,
4851
5132
  "name": "ngOnInit",
4852
5133
  "kind": 4096,
4853
5134
  "kindString": "Call signature",
@@ -4868,7 +5149,7 @@
4868
5149
  }
4869
5150
  },
4870
5151
  {
4871
- "id": 297,
5152
+ "id": 291,
4872
5153
  "name": "subMenuOpen",
4873
5154
  "kind": 2048,
4874
5155
  "kindString": "Method",
@@ -4878,13 +5159,13 @@
4878
5159
  "sources": [
4879
5160
  {
4880
5161
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4881
- "line": 135,
5162
+ "line": 96,
4882
5163
  "character": 9
4883
5164
  }
4884
5165
  ],
4885
5166
  "signatures": [
4886
5167
  {
4887
- "id": 298,
5168
+ "id": 292,
4888
5169
  "name": "subMenuOpen",
4889
5170
  "kind": 4096,
4890
5171
  "kindString": "Call signature",
@@ -4897,7 +5178,7 @@
4897
5178
  ]
4898
5179
  },
4899
5180
  {
4900
- "id": 299,
5181
+ "id": 293,
4901
5182
  "name": "tabClicked",
4902
5183
  "kind": 2048,
4903
5184
  "kindString": "Method",
@@ -4907,13 +5188,13 @@
4907
5188
  "sources": [
4908
5189
  {
4909
5190
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4910
- "line": 139,
5191
+ "line": 100,
4911
5192
  "character": 9
4912
5193
  }
4913
5194
  ],
4914
5195
  "signatures": [
4915
5196
  {
4916
- "id": 300,
5197
+ "id": 294,
4917
5198
  "name": "tabClicked",
4918
5199
  "kind": 4096,
4919
5200
  "kindString": "Call signature",
@@ -4926,7 +5207,7 @@
4926
5207
  ]
4927
5208
  },
4928
5209
  {
4929
- "id": 301,
5210
+ "id": 295,
4930
5211
  "name": "tabsHidden",
4931
5212
  "kind": 2048,
4932
5213
  "kindString": "Method",
@@ -4936,13 +5217,13 @@
4936
5217
  "sources": [
4937
5218
  {
4938
5219
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4939
- "line": 143,
5220
+ "line": 104,
4940
5221
  "character": 9
4941
5222
  }
4942
5223
  ],
4943
5224
  "signatures": [
4944
5225
  {
4945
- "id": 302,
5226
+ "id": 296,
4946
5227
  "name": "tabsHidden",
4947
5228
  "kind": 4096,
4948
5229
  "kindString": "Call signature",
@@ -4955,7 +5236,7 @@
4955
5236
  ]
4956
5237
  },
4957
5238
  {
4958
- "id": 303,
5239
+ "id": 297,
4959
5240
  "name": "tabsShown",
4960
5241
  "kind": 2048,
4961
5242
  "kindString": "Method",
@@ -4965,13 +5246,13 @@
4965
5246
  "sources": [
4966
5247
  {
4967
5248
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4968
- "line": 150,
5249
+ "line": 111,
4969
5250
  "character": 9
4970
5251
  }
4971
5252
  ],
4972
5253
  "signatures": [
4973
5254
  {
4974
- "id": 304,
5255
+ "id": 298,
4975
5256
  "name": "tabsShown",
4976
5257
  "kind": 4096,
4977
5258
  "kindString": "Call signature",
@@ -4984,7 +5265,7 @@
4984
5265
  ]
4985
5266
  },
4986
5267
  {
4987
- "id": 295,
5268
+ "id": 289,
4988
5269
  "name": "toggleMenuOpen",
4989
5270
  "kind": 2048,
4990
5271
  "kindString": "Method",
@@ -4994,13 +5275,13 @@
4994
5275
  "sources": [
4995
5276
  {
4996
5277
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
4997
- "line": 127,
5278
+ "line": 88,
4998
5279
  "character": 9
4999
5280
  }
5000
5281
  ],
5001
5282
  "signatures": [
5002
5283
  {
5003
- "id": 296,
5284
+ "id": 290,
5004
5285
  "name": "toggleMenuOpen",
5005
5286
  "kind": 4096,
5006
5287
  "kindString": "Call signature",
@@ -5018,65 +5299,69 @@
5018
5299
  "title": "Constructors",
5019
5300
  "kind": 512,
5020
5301
  "children": [
5021
- 277
5302
+ 271
5022
5303
  ]
5023
5304
  },
5024
5305
  {
5025
5306
  "title": "Properties",
5026
5307
  "kind": 1024,
5027
5308
  "children": [
5028
- 281,
5029
- 282
5309
+ 275,
5310
+ 276
5030
5311
  ]
5031
5312
  },
5032
5313
  {
5033
5314
  "title": "Accessors",
5034
5315
  "kind": 262144,
5035
5316
  "children": [
5036
- 283
5317
+ 277
5037
5318
  ]
5038
5319
  },
5039
5320
  {
5040
5321
  "title": "Methods",
5041
5322
  "kind": 2048,
5042
5323
  "children": [
5043
- 293,
5324
+ 287,
5325
+ 285,
5044
5326
  291,
5327
+ 293,
5328
+ 295,
5045
5329
  297,
5046
- 299,
5047
- 301,
5048
- 303,
5049
- 295
5330
+ 289
5050
5331
  ]
5051
5332
  }
5052
5333
  ],
5053
5334
  "sources": [
5054
5335
  {
5055
5336
  "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
5056
- "line": 66,
5337
+ "line": 28,
5057
5338
  "character": 13
5058
5339
  }
5059
5340
  ],
5060
5341
  "implementedTypes": [
5061
5342
  {
5062
5343
  "type": "reference",
5344
+ "qualifiedName": "OnInit",
5345
+ "package": "@angular/core",
5063
5346
  "name": "OnInit"
5064
5347
  },
5065
5348
  {
5066
5349
  "type": "reference",
5350
+ "qualifiedName": "OnDestroy",
5351
+ "package": "@angular/core",
5067
5352
  "name": "OnDestroy"
5068
5353
  }
5069
5354
  ]
5070
5355
  },
5071
5356
  {
5072
- "id": 322,
5357
+ "id": 316,
5073
5358
  "name": "SkyTabsetTabIndexesChange",
5074
5359
  "kind": 256,
5075
5360
  "kindString": "Interface",
5076
5361
  "flags": {},
5077
5362
  "children": [
5078
5363
  {
5079
- "id": 323,
5364
+ "id": 317,
5080
5365
  "name": "tabs",
5081
5366
  "kind": 1024,
5082
5367
  "kindString": "Property",
@@ -5086,7 +5371,7 @@
5086
5371
  "sources": [
5087
5372
  {
5088
5373
  "fileName": "projects/tabs/src/modules/tabs/tabset-tab-indexes-change.ts",
5089
- "line": 7,
5374
+ "line": 4,
5090
5375
  "character": 2
5091
5376
  }
5092
5377
  ],
@@ -5095,22 +5380,22 @@
5095
5380
  "elementType": {
5096
5381
  "type": "reflection",
5097
5382
  "declaration": {
5098
- "id": 324,
5383
+ "id": 318,
5099
5384
  "name": "__type",
5100
5385
  "kind": 65536,
5101
5386
  "kindString": "Type literal",
5102
5387
  "flags": {},
5103
5388
  "children": [
5104
5389
  {
5105
- "id": 325,
5390
+ "id": 319,
5106
5391
  "name": "tabHeading",
5107
5392
  "kind": 1024,
5108
5393
  "kindString": "Property",
5109
5394
  "flags": {},
5110
5395
  "sources": [
5111
5396
  {
5112
- "fileName": "projects/tabs/src/modules/tabs/tabset-tab-indexes-change.ts",
5113
- "line": 9,
5397
+ "fileName": "lib/modules/tabs/tabset-tab-indexes-change.ts",
5398
+ "line": 5,
5114
5399
  "character": 4
5115
5400
  }
5116
5401
  ],
@@ -5120,21 +5405,21 @@
5120
5405
  }
5121
5406
  },
5122
5407
  {
5123
- "id": 326,
5408
+ "id": 320,
5124
5409
  "name": "tabIndex",
5125
5410
  "kind": 1024,
5126
5411
  "kindString": "Property",
5127
5412
  "flags": {},
5128
5413
  "sources": [
5129
5414
  {
5130
- "fileName": "projects/tabs/src/modules/tabs/tabset-tab-indexes-change.ts",
5131
- "line": 11,
5415
+ "fileName": "lib/modules/tabs/tabset-tab-indexes-change.ts",
5416
+ "line": 7,
5132
5417
  "character": 4
5133
5418
  }
5134
5419
  ],
5135
5420
  "type": {
5136
5421
  "type": "reference",
5137
- "id": 319,
5422
+ "id": 313,
5138
5423
  "name": "SkyTabIndex"
5139
5424
  }
5140
5425
  }
@@ -5144,8 +5429,8 @@
5144
5429
  "title": "Properties",
5145
5430
  "kind": 1024,
5146
5431
  "children": [
5147
- 325,
5148
- 326
5432
+ 319,
5433
+ 320
5149
5434
  ]
5150
5435
  }
5151
5436
  ]
@@ -5159,20 +5444,20 @@
5159
5444
  "title": "Properties",
5160
5445
  "kind": 1024,
5161
5446
  "children": [
5162
- 323
5447
+ 317
5163
5448
  ]
5164
5449
  }
5165
5450
  ],
5166
5451
  "sources": [
5167
5452
  {
5168
5453
  "fileName": "projects/tabs/src/modules/tabs/tabset-tab-indexes-change.ts",
5169
- "line": 5,
5454
+ "line": 3,
5170
5455
  "character": 17
5171
5456
  }
5172
5457
  ]
5173
5458
  },
5174
5459
  {
5175
- "id": 319,
5460
+ "id": 313,
5176
5461
  "name": "SkyTabIndex",
5177
5462
  "kind": 4194304,
5178
5463
  "kindString": "Type alias",
@@ -5199,7 +5484,7 @@
5199
5484
  }
5200
5485
  },
5201
5486
  {
5202
- "id": 320,
5487
+ "id": 314,
5203
5488
  "name": "SkyTabsetButtonsDisplayMode",
5204
5489
  "kind": 4194304,
5205
5490
  "kindString": "Type alias",
@@ -5226,7 +5511,7 @@
5226
5511
  }
5227
5512
  },
5228
5513
  {
5229
- "id": 321,
5514
+ "id": 315,
5230
5515
  "name": "SkyTabsetStyle",
5231
5516
  "kind": 4194304,
5232
5517
  "kindString": "Type alias",
@@ -5258,39 +5543,39 @@
5258
5543
  "title": "Classes",
5259
5544
  "kind": 128,
5260
5545
  "children": [
5261
- 333,
5262
- 305,
5263
- 308,
5264
5546
  327,
5265
- 330,
5547
+ 299,
5548
+ 302,
5549
+ 321,
5550
+ 324,
5266
5551
  1,
5267
5552
  51,
5268
5553
  169,
5269
- 224,
5270
- 248,
5271
- 276
5554
+ 221,
5555
+ 240,
5556
+ 270
5272
5557
  ]
5273
5558
  },
5274
5559
  {
5275
5560
  "title": "Interfaces",
5276
5561
  "kind": 256,
5277
5562
  "children": [
5278
- 322
5563
+ 316
5279
5564
  ]
5280
5565
  },
5281
5566
  {
5282
5567
  "title": "Type aliases",
5283
5568
  "kind": 4194304,
5284
5569
  "children": [
5285
- 319,
5286
- 320,
5287
- 321
5570
+ 313,
5571
+ 314,
5572
+ 315
5288
5573
  ]
5289
5574
  }
5290
5575
  ],
5291
5576
  "sources": [
5292
5577
  {
5293
- "fileName": "projects/tabs/src/public-api.ts",
5578
+ "fileName": "index.ts",
5294
5579
  "line": 1,
5295
5580
  "character": 0
5296
5581
  }
@@ -5305,7 +5590,7 @@
5305
5590
  {
5306
5591
  "fileName": "address-form-demo.component.ts",
5307
5592
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/address-form-demo.component.ts",
5308
- "rawContents": "import {\n ChangeDetectionStrategy,\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-address-form-demo',\n templateUrl: './address-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AddressFormDemoComponent { }\n"
5593
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'app-address-form-demo',\n templateUrl: './address-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AddressFormDemoComponent {}\n"
5309
5594
  },
5310
5595
  {
5311
5596
  "fileName": "information-form-demo.component.html",
@@ -5315,7 +5600,7 @@
5315
5600
  {
5316
5601
  "fileName": "information-form-demo.component.ts",
5317
5602
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.ts",
5318
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } 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: string = '5324901';\n public myForm: FormGroup;\n public name: string = '';\n public nameRequired = false;\n\n constructor(\n private formBuilder: FormBuilder,\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"
5603
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } 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: FormGroup;\n public name = '';\n public nameRequired = false;\n\n constructor(\n private formBuilder: FormBuilder,\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"
5319
5604
  },
5320
5605
  {
5321
5606
  "fileName": "phone-form-demo.component.html",
@@ -5325,22 +5610,22 @@
5325
5610
  {
5326
5611
  "fileName": "phone-form-demo.component.ts",
5327
5612
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/phone-form-demo.component.ts",
5328
- "rawContents": "import {\n ChangeDetectionStrategy,\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-phone-form-demo',\n templateUrl: './phone-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PhoneFormDemoComponent { }\n"
5613
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'app-phone-form-demo',\n templateUrl: './phone-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PhoneFormDemoComponent {}\n"
5329
5614
  },
5330
5615
  {
5331
5616
  "fileName": "sectioned-form-demo.component.html",
5332
5617
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.component.html",
5333
- "rawContents": "<button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"openModal()\"\n>\n Open sectioned form\n</button>\n"
5618
+ "rawContents": "<button class=\"sky-btn sky-btn-default\" type=\"button\" (click)=\"openModal()\">\n Open sectioned form\n</button>\n"
5334
5619
  },
5335
5620
  {
5336
5621
  "fileName": "sectioned-form-demo.component.ts",
5337
5622
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.component.ts",
5338
- "rawContents": "import {\n ChangeDetectionStrategy,\n Component\n} from '@angular/core';\n\nimport {\n SkyModalCloseArgs,\n SkyModalService\n} from '@skyux/modals';\n\nimport {\n SectionedFormModalDemoComponent\n} 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\n constructor(\n private modal: SkyModalService\n ) {}\n\n public openModal(): void {\n let 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"
5623
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\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"
5339
5624
  },
5340
5625
  {
5341
5626
  "fileName": "sectioned-form-demo.module.ts",
5342
5627
  "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.module.ts",
5343
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyIdModule\n} from '@skyux/core';\n\nimport {\n SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n SkyModalModule\n} from '@skyux/modals';\n\nimport {\n SkySectionedFormModule\n} from '@skyux/tabs';\n\nimport {\n AddressFormDemoComponent\n} from './address-form-demo.component';\n\nimport {\n InformationFormDemoComponent\n} from './information-form-demo.component';\n\nimport {\n PhoneFormDemoComponent\n} from './phone-form-demo.component';\n\nimport {\n SectionedFormModalDemoComponent\n} from './sectioned-form-modal-demo.component';\n\nimport {\n SectionedFormDemoComponent\n} from './sectioned-form-demo.component';\n\n@NgModule({\n declarations: [\n AddressFormDemoComponent,\n InformationFormDemoComponent,\n PhoneFormDemoComponent,\n SectionedFormModalDemoComponent,\n SectionedFormDemoComponent,\n ],\n entryComponents: [\n SectionedFormModalDemoComponent\n ],\n exports: [\n SectionedFormDemoComponent\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkyModalModule,\n SkySectionedFormModule\n ],\n})\n\nexport class SectionedFormDemoModule { }\n"
5628
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkySectionedFormModule } from '@skyux/tabs';\n\nimport { AddressFormDemoComponent } from './address-form-demo.component';\n\nimport { InformationFormDemoComponent } from './information-form-demo.component';\n\nimport { PhoneFormDemoComponent } from './phone-form-demo.component';\n\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\nimport { SectionedFormDemoComponent } from './sectioned-form-demo.component';\n\n@NgModule({\n declarations: [\n AddressFormDemoComponent,\n InformationFormDemoComponent,\n PhoneFormDemoComponent,\n SectionedFormModalDemoComponent,\n SectionedFormDemoComponent,\n ],\n entryComponents: [SectionedFormModalDemoComponent],\n exports: [SectionedFormDemoComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkyModalModule,\n SkySectionedFormModule,\n ],\n})\nexport class SectionedFormDemoModule {}\n"
5344
5629
  },
5345
5630
  {
5346
5631
  "fileName": "sectioned-form-modal-demo.component.html",
@@ -5355,107 +5640,107 @@
5355
5640
  {
5356
5641
  "fileName": "tabs-demo.component.html",
5357
5642
  "filePath": "/projects/tabs/documentation/code-examples/tabs/counts/tabs-demo.component.html",
5358
- "rawContents": "<sky-tabset\n ariaLabel=\"Tab demonstration\"\n>\n <sky-tab\n [tabHeaderCount]=\"25012\"\n [tabHeading]=\"'Tab 1'\"\n >\n A list containing 25012 items\n </sky-tab>\n <sky-tab\n [tabHeaderCount]=\"280\"\n [tabHeading]=\"'Tab 2'\"\n >\n A list containing 280 items\n </sky-tab>\n <sky-tab\n [tabHeading]=\"'Tab 3'\"\n >\n This tab doesn't have a list of items\n </sky-tab>\n</sky-tabset>\n"
5643
+ "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n <sky-tab [tabHeaderCount]=\"25012\" [tabHeading]=\"'Tab 1'\">\n A list containing 25012 items\n </sky-tab>\n <sky-tab [tabHeaderCount]=\"280\" [tabHeading]=\"'Tab 2'\">\n A list containing 280 items\n </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 3'\">\n This tab doesn't have a list of items\n </sky-tab>\n</sky-tabset>\n"
5359
5644
  },
5360
5645
  {
5361
5646
  "fileName": "tabs-demo.component.ts",
5362
5647
  "filePath": "/projects/tabs/documentation/code-examples/tabs/counts/tabs-demo.component.ts",
5363
- "rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html'\n})\nexport class TabsDemoComponent { }\n"
5648
+ "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html',\n})\nexport class TabsDemoComponent {}\n"
5364
5649
  },
5365
5650
  {
5366
5651
  "fileName": "tabs-demo.module.ts",
5367
5652
  "filePath": "/projects/tabs/documentation/code-examples/tabs/counts/tabs-demo.module.ts",
5368
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n TabsDemoComponent\n} from './tabs-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyTabsModule\n ],\n declarations: [\n TabsDemoComponent\n ],\n exports: [\n TabsDemoComponent\n ]\n})\nexport class TabsDemoModule { }\n"
5653
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyTabsModule],\n declarations: [TabsDemoComponent],\n exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
5369
5654
  },
5370
5655
  {
5371
5656
  "fileName": "tabs-demo.component.html",
5372
- "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.component.html",
5373
- "rawContents": "<sky-tabset\n ariaLabel=\"Tab demonstration\"\n>\n <sky-tab *ngFor=\"let tab of tabArray\"\n [tabHeaderCount]=\"tab.tabHeaderCount\"\n [tabHeading]=\"tab.tabHeading\"\n >\n {{ tab.tabContent }}\n </sky-tab>\n</sky-tabset>\n"
5657
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.html",
5658
+ "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\" (newTab)=\"onNewTabClick()\">\n <sky-tab\n *ngFor=\"let tab of tabArray; let i = index\"\n [tabHeading]=\"tab.tabHeading\"\n (close)=\"onCloseClick(i)\"\n >\n {{ tab.tabContent }}\n </sky-tab>\n</sky-tabset>\n"
5374
5659
  },
5375
5660
  {
5376
5661
  "fileName": "tabs-demo.component.ts",
5377
- "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.component.ts",
5378
- "rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html'\n})\nexport class TabsDemoComponent {\n\n public tabArray = [\n {\n tabHeading: 'Tab 1',\n tabContent: 'A list containing 25012 items',\n tabHeaderCount: 25012\n },\n {\n tabHeading: 'Tab 2',\n tabContent: 'A list containing 280 items',\n tabHeaderCount: 280\n },\n {\n tabHeading: 'Tab 3',\n tabContent: 'This tab doesn\\'t have a list of items'\n }\n ];\n}\n"
5662
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.ts",
5663
+ "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html',\n})\nexport class TabsDemoComponent {\n public tabArray = [\n {\n tabHeading: 'Tab 1',\n tabContent: 'Content for Tab 1',\n },\n {\n tabHeading: 'Tab 2',\n tabContent: 'Content for Tab 2',\n },\n {\n tabHeading: 'Tab 3',\n tabContent: 'Content for Tab 3',\n },\n ];\n\n private tabCounter = 3;\n\n public onNewTabClick(): void {\n this.tabCounter++;\n\n this.tabArray.push({\n tabHeading: 'Tab ' + this.tabCounter,\n tabContent: 'Content for Tab' + this.tabCounter,\n });\n }\n\n public onCloseClick(arrayIndex: number): void {\n this.tabArray.splice(arrayIndex, 1);\n }\n}\n"
5379
5664
  },
5380
5665
  {
5381
5666
  "fileName": "tabs-demo.module.ts",
5382
- "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.module.ts",
5383
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n TabsDemoComponent\n} from './tabs-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyTabsModule\n ],\n declarations: [\n TabsDemoComponent\n ],\n exports: [\n TabsDemoComponent\n ]\n})\nexport class TabsDemoModule { }\n"
5667
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.module.ts",
5668
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyTabsModule],\n declarations: [TabsDemoComponent],\n exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
5384
5669
  },
5385
5670
  {
5386
5671
  "fileName": "tabs-demo.component.html",
5387
- "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.html",
5388
- "rawContents": "<sky-tabset\n ariaLabel=\"Tab demonstration\"\n (newTab)=\"onNewTabClick()\"\n>\n <sky-tab *ngFor=\"let tab of tabArray; let i = index\"\n [tabHeading]=\"tab.tabHeading\"\n (close)=\"onCloseClick(i)\"\n >\n {{ tab.tabContent }}\n </sky-tab>\n</sky-tabset>\n"
5672
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.component.html",
5673
+ "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n <sky-tab\n *ngFor=\"let tab of tabArray\"\n [tabHeaderCount]=\"tab.tabHeaderCount\"\n [tabHeading]=\"tab.tabHeading\"\n >\n {{ tab.tabContent }}\n </sky-tab>\n</sky-tabset>\n"
5389
5674
  },
5390
5675
  {
5391
5676
  "fileName": "tabs-demo.component.ts",
5392
- "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.ts",
5393
- "rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html'\n})\nexport class TabsDemoComponent {\n\n public tabArray = [\n {\n tabHeading: 'Tab 1',\n tabContent: 'Content for Tab 1'\n },\n {\n tabHeading: 'Tab 2',\n tabContent: 'Content for Tab 2'\n },\n {\n tabHeading: 'Tab 3',\n tabContent: 'Content for Tab 3'\n }\n ];\n\n private tabCounter: number = 3;\n\n public onNewTabClick(): void {\n this.tabCounter++;\n\n this.tabArray.push({\n tabHeading: 'Tab ' + this.tabCounter,\n tabContent: 'Content for Tab' + this.tabCounter\n });\n }\n\n public onCloseClick(arrayIndex: number): void {\n this.tabArray.splice(arrayIndex, 1);\n }\n}\n"
5677
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.component.ts",
5678
+ "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html',\n})\nexport class TabsDemoComponent {\n public tabArray = [\n {\n tabHeading: 'Tab 1',\n tabContent: 'A list containing 25012 items',\n tabHeaderCount: 25012,\n },\n {\n tabHeading: 'Tab 2',\n tabContent: 'A list containing 280 items',\n tabHeaderCount: 280,\n },\n {\n tabHeading: 'Tab 3',\n tabContent: \"This tab doesn't have a list of items\",\n },\n ];\n}\n"
5394
5679
  },
5395
5680
  {
5396
5681
  "fileName": "tabs-demo.module.ts",
5397
- "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.module.ts",
5398
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n TabsDemoComponent\n} from './tabs-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyTabsModule\n ],\n declarations: [\n TabsDemoComponent\n ],\n exports: [\n TabsDemoComponent\n ]\n})\nexport class TabsDemoModule { }\n"
5682
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.module.ts",
5683
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyTabsModule],\n declarations: [TabsDemoComponent],\n exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
5399
5684
  },
5400
5685
  {
5401
5686
  "fileName": "tabs-demo.component.html",
5402
- "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.component.html",
5403
- "rawContents": "<sky-tabset\n ariaLabel=\"Tab demonstration\"\n>\n <sky-tab\n [tabHeading]=\"'Tab 1'\"\n >\n Content for Tab 1\n </sky-tab>\n <sky-tab\n [tabHeading]=\"'Tab 2'\"\n >\n Content for Tab 2\n </sky-tab>\n <sky-tab\n [tabHeading]=\"'Tab 3'\"\n >\n Content for Tab 3\n </sky-tab>\n</sky-tabset>\n"
5687
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.component.html",
5688
+ "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\" (newTab)=\"onNewTabClick()\">\n <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n <sky-tab *ngIf=\"showTab3\" [tabHeading]=\"'Tab 3'\" (close)=\"showTab3 = false\">\n Content for Tab 3\n </sky-tab>\n</sky-tabset>\n"
5404
5689
  },
5405
5690
  {
5406
5691
  "fileName": "tabs-demo.component.ts",
5407
- "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.component.ts",
5408
- "rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html'\n})\nexport class TabsDemoComponent { }\n"
5692
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.component.ts",
5693
+ "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html',\n})\nexport class TabsDemoComponent {\n public showTab3 = true;\n\n public onNewTabClick(): void {\n console.log('Add tab clicked!');\n }\n}\n"
5409
5694
  },
5410
5695
  {
5411
5696
  "fileName": "tabs-demo.module.ts",
5412
- "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.module.ts",
5413
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n TabsDemoComponent\n} from './tabs-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyTabsModule\n ],\n declarations: [\n TabsDemoComponent\n ],\n exports: [\n TabsDemoComponent\n ]\n})\nexport class TabsDemoModule { }\n"
5697
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.module.ts",
5698
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyTabsModule],\n declarations: [TabsDemoComponent],\n exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
5414
5699
  },
5415
5700
  {
5416
5701
  "fileName": "tabs-demo.component.html",
5417
- "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.component.html",
5418
- "rawContents": "<sky-tabset\n ariaLabel=\"Tab demonstration\"\n (newTab)=\"onNewTabClick()\"\n>\n <sky-tab\n [tabHeading]=\"'Tab 1'\"\n >\n Content for Tab 1\n </sky-tab>\n <sky-tab\n [tabHeading]=\"'Tab 2'\"\n >\n Content for Tab 2\n </sky-tab>\n <sky-tab *ngIf=\"showTab3\"\n [tabHeading]=\"'Tab 3'\"\n (close)=\"showTab3 = false\"\n >\n Content for Tab 3\n </sky-tab>\n</sky-tabset>\n"
5702
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.component.html",
5703
+ "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 3'\"> Content for Tab 3 </sky-tab>\n</sky-tabset>\n"
5419
5704
  },
5420
5705
  {
5421
5706
  "fileName": "tabs-demo.component.ts",
5422
- "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.component.ts",
5423
- "rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html'\n})\nexport class TabsDemoComponent {\n\n public showTab3: boolean = true;\n\n public onNewTabClick(): void {\n console.log('Add tab clicked!');\n }\n}\n"
5707
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.component.ts",
5708
+ "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-tabs-demo',\n templateUrl: './tabs-demo.component.html',\n})\nexport class TabsDemoComponent {}\n"
5424
5709
  },
5425
5710
  {
5426
5711
  "fileName": "tabs-demo.module.ts",
5427
- "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.module.ts",
5428
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyTabsModule\n} from '@skyux/tabs';\n\nimport {\n TabsDemoComponent\n} from './tabs-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyTabsModule\n ],\n declarations: [\n TabsDemoComponent\n ],\n exports: [\n TabsDemoComponent\n ]\n})\nexport class TabsDemoModule { }\n"
5712
+ "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.module.ts",
5713
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyTabsModule],\n declarations: [TabsDemoComponent],\n exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
5429
5714
  },
5430
5715
  {
5431
5716
  "fileName": "vertical-tabs-demo.component.html",
5432
5717
  "filePath": "/projects/tabs/documentation/code-examples/vertical-tabs/basic/vertical-tabs-demo.component.html",
5433
- "rawContents": "<sky-vertical-tabset>\n <sky-vertical-tab tabHeading=\"Tab 1\">\n Tab 1 content\n </sky-vertical-tab>\n <sky-vertical-tab tabHeading=\"Tab 2\" active=\"true\">\n Tab 2 content\n </sky-vertical-tab>\n <sky-vertical-tab tabHeading=\"Tab 3\">\n Tab 3 content\n </sky-vertical-tab>\n</sky-vertical-tabset>\n"
5718
+ "rawContents": "<sky-vertical-tabset>\n <sky-vertical-tab tabHeading=\"Tab 1\"> Tab 1 content </sky-vertical-tab>\n <sky-vertical-tab tabHeading=\"Tab 2\" active=\"true\">\n Tab 2 content\n </sky-vertical-tab>\n <sky-vertical-tab tabHeading=\"Tab 3\"> Tab 3 content </sky-vertical-tab>\n</sky-vertical-tabset>\n"
5434
5719
  },
5435
5720
  {
5436
5721
  "fileName": "vertical-tabs-demo.component.ts",
5437
5722
  "filePath": "/projects/tabs/documentation/code-examples/vertical-tabs/basic/vertical-tabs-demo.component.ts",
5438
- "rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-vertical-tab-demo',\n templateUrl: './vertical-tabs-demo.component.html'\n})\nexport class VerticalTabDemoComponent { }\n"
5723
+ "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-vertical-tab-demo',\n templateUrl: './vertical-tabs-demo.component.html',\n})\nexport class VerticalTabDemoComponent {}\n"
5439
5724
  },
5440
5725
  {
5441
5726
  "fileName": "vertical-tabs-demo.module.ts",
5442
5727
  "filePath": "/projects/tabs/documentation/code-examples/vertical-tabs/basic/vertical-tabs-demo.module.ts",
5443
- "rawContents": "\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyVerticalTabsetModule\n} from '@skyux/tabs';\n\nimport {\n VerticalTabDemoComponent\n} from './vertical-tabs-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyVerticalTabsetModule\n ],\n declarations: [\n VerticalTabDemoComponent\n ],\n exports: [\n VerticalTabDemoComponent\n ]\n})\n\nexport class SkyVerticalTabDemoModule { }\n"
5728
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyVerticalTabsetModule } from '@skyux/tabs';\n\nimport { VerticalTabDemoComponent } from './vertical-tabs-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyVerticalTabsetModule],\n declarations: [VerticalTabDemoComponent],\n exports: [VerticalTabDemoComponent],\n})\nexport class SkyVerticalTabDemoModule {}\n"
5444
5729
  },
5445
5730
  {
5446
5731
  "fileName": "vertical-tabs-demo.component.html",
5447
5732
  "filePath": "/projects/tabs/documentation/code-examples/vertical-tabs/grouped/vertical-tabs-demo.component.html",
5448
- "rawContents": "<sky-vertical-tabset\n showTabsText=\"Tab list\"\n >\n\n <sky-vertical-tabset-group\n *ngFor=\"let group of groups\"\n [groupHeading]=\"group.heading\"\n [open]=\"group.isOpen\"\n [disabled]=\"group.isDisabled\">\n\n <sky-vertical-tab\n *ngFor=\"let tab of group.subTabs\"\n [active]=\"tab.active\"\n [tabHeading]=\"tab.tabHeading\"\n [tabHeaderCount]=\"tab.tabHeaderCount\"\n [disabled]=\"tab.disabled\">\n {{ tab.content }}\n </sky-vertical-tab>\n </sky-vertical-tabset-group>\n </sky-vertical-tabset>\n\n"
5733
+ "rawContents": "<sky-vertical-tabset showTabsText=\"Tab list\">\n <sky-vertical-tabset-group\n *ngFor=\"let group of groups\"\n [groupHeading]=\"group.heading\"\n [open]=\"group.isOpen\"\n [disabled]=\"group.isDisabled\"\n >\n <sky-vertical-tab\n *ngFor=\"let tab of group.subTabs\"\n [active]=\"tab.active\"\n [tabHeading]=\"tab.tabHeading\"\n [tabHeaderCount]=\"tab.tabHeaderCount\"\n [disabled]=\"tab.disabled\"\n >\n {{ tab.content }}\n </sky-vertical-tab>\n </sky-vertical-tabset-group>\n</sky-vertical-tabset>\n"
5449
5734
  },
5450
5735
  {
5451
5736
  "fileName": "vertical-tabs-demo.component.ts",
5452
5737
  "filePath": "/projects/tabs/documentation/code-examples/vertical-tabs/grouped/vertical-tabs-demo.component.ts",
5453
- "rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-vertical-tab-demo',\n templateUrl: './vertical-tabs-demo.component.html'\n})\nexport class SkyVerticalTabsDemoComponent {\n public groups: any[];\n\n constructor() {\n this.groups = [\n {\n heading: 'Group 1',\n isOpen: false,\n isDisabled: false,\n subTabs: [\n { tabHeading: 'Group 1 — Tab 1', content: 'Group 1 — Tab 1 Content'},\n { tabHeading: 'Group 1 — Tab 2', content: 'Group 1 — Tab 2 Content', tabHeaderCount: 7}]\n },\n {\n heading: 'Group 2',\n isOpen: true,\n isDisabled: false,\n subTabs: [\n { tabHeading: 'Group 2 — Tab 1', content: 'Group 2 — Tab 1 Content', active: true},\n { tabHeading: 'Group 2 — Tab 2 — Disabled',\n content: 'Group 2 — Tab 2 Content',\n disabled: true\n }]\n },\n {\n heading: 'Disabled',\n isOpen: false,\n isDisabled: true,\n subTabs: []\n }\n ];\n }\n\n public tabChanged(newIndex: any) {\n console.log(`new active ${newIndex}`);\n }\n}\n"
5738
+ "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-vertical-tab-demo',\n templateUrl: './vertical-tabs-demo.component.html',\n})\nexport class SkyVerticalTabsDemoComponent {\n public groups: any[];\n\n constructor() {\n this.groups = [\n {\n heading: 'Group 1',\n isOpen: false,\n isDisabled: false,\n subTabs: [\n { tabHeading: 'Group 1 — Tab 1', content: 'Group 1 — Tab 1 Content' },\n {\n tabHeading: 'Group 1 — Tab 2',\n content: 'Group 1 — Tab 2 Content',\n tabHeaderCount: 7,\n },\n ],\n },\n {\n heading: 'Group 2',\n isOpen: true,\n isDisabled: false,\n subTabs: [\n {\n tabHeading: 'Group 2 — Tab 1',\n content: 'Group 2 — Tab 1 Content',\n active: true,\n },\n {\n tabHeading: 'Group 2 — Tab 2 — Disabled',\n content: 'Group 2 — Tab 2 Content',\n disabled: true,\n },\n ],\n },\n {\n heading: 'Disabled',\n isOpen: false,\n isDisabled: true,\n subTabs: [],\n },\n ];\n }\n\n public tabChanged(newIndex: any) {\n console.log(`new active ${newIndex}`);\n }\n}\n"
5454
5739
  },
5455
5740
  {
5456
5741
  "fileName": "vertical-tabs-demo.module.ts",
5457
5742
  "filePath": "/projects/tabs/documentation/code-examples/vertical-tabs/grouped/vertical-tabs-demo.module.ts",
5458
- "rawContents": "\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyVerticalTabsetModule\n} from '@skyux/tabs';\n\nimport {\n SkyVerticalTabsDemoComponent\n} from './vertical-tabs-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyVerticalTabsetModule\n ],\n declarations: [\n SkyVerticalTabsDemoComponent\n ],\n exports: [\n SkyVerticalTabsDemoComponent\n ]\n})\n\nexport class SkyVerticalTabDemoModule { }\n"
5743
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyVerticalTabsetModule } from '@skyux/tabs';\n\nimport { SkyVerticalTabsDemoComponent } from './vertical-tabs-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyVerticalTabsetModule],\n declarations: [SkyVerticalTabsDemoComponent],\n exports: [SkyVerticalTabsDemoComponent],\n})\nexport class SkyVerticalTabDemoModule {}\n"
5459
5744
  }
5460
5745
  ]
5461
- }
5746
+ }